MediaWiki:Mobile.css: Difference between revisions
Appearance
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
/* # REDIRECT [[MediaWiki:Minerva.css]] <!-- Minerva.css is now render blocking --> */ | /* # REDIRECT [[MediaWiki:Minerva.css]] <!-- Minerva.css is now render blocking --> */ | ||
/* ছবির সাইজ ঠিক করা */ | |||
.mw-content-ltr img { | |||
max-width: 100% !important; /* ছবিকে স্ক্রিনের মধ্যে রাখা */ | |||
height: auto !important; | |||
display: block; | |||
margin: 0 auto; /* ছবিকে সেন্টার করা */ | |||
} | |||
/* টেবিল বা ইনফোবক্স ঠিক করা */ | |||
.infobox { | |||
width: 100% !important; | |||
max-width: 320px; /* মোবাইলে সুন্দরভাবে ফিট করার জন্য */ | |||
font-size: 14px; | |||
} | |||
/* টেক্সট ঠিকমতো সেন্টার করা */ | |||
.mw-content-ltr { | |||
text-align: center; | |||
} | |||
/* মোবাইলে আরও ভালো দেখানোর জন্য */ | |||
@media (max-width: 768px) { | |||
.mw-body { | |||
padding: 5px; | |||
} | |||
.infobox { | |||
font-size: 13px; | |||
width: 90%; | |||
margin: 0 auto; | |||
} | |||
.infobox td, .infobox th { | |||
text-align: left !important; | |||
} | |||
} |
Revision as of 01:41, 4 March 2025
/* All CSS here will be loaded for users of the mobile site */
/* # REDIRECT [[MediaWiki:Minerva.css]] <!-- Minerva.css is now render blocking --> */
/* ছবির সাইজ ঠিক করা */
.mw-content-ltr img {
max-width: 100% !important; /* ছবিকে স্ক্রিনের মধ্যে রাখা */
height: auto !important;
display: block;
margin: 0 auto; /* ছবিকে সেন্টার করা */
}
/* টেবিল বা ইনফোবক্স ঠিক করা */
.infobox {
width: 100% !important;
max-width: 320px; /* মোবাইলে সুন্দরভাবে ফিট করার জন্য */
font-size: 14px;
}
/* টেক্সট ঠিকমতো সেন্টার করা */
.mw-content-ltr {
text-align: center;
}
/* মোবাইলে আরও ভালো দেখানোর জন্য */
@media (max-width: 768px) {
.mw-body {
padding: 5px;
}
.infobox {
font-size: 13px;
width: 90%;
margin: 0 auto;
}
.infobox td, .infobox th {
text-align: left !important;
}
}