"میڈیاویکی:Mobile.css" کے نسخوں کے درمیان فرق
Appearance
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں ٹیگ: موبائل ترمیم موبائل ویب ترمیم |
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں ٹیگ: موبائل ترمیم موبائل ویب ترمیم |
||
سطر 1: | سطر 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; | |||
} | |||
} |
نسخہ بمطابق 01:41، 4 مارچ 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;
}
}