میڈیاویکی:Mobile.css
Appearance
یاد دہانی: محفوظ کرنے کے بعد ان تبدیلیوں کو دیکھنے کے لیے آپ کو اپنے براؤزر کا کیش (cache) صاف کرنا ہوگا۔
- فائرفاکس/ سفاری: جب Reload پر کلک کریں تو Shift دباکر رکھیں، یا Ctrl-F5 یا Ctrl-R دبائیں (Mac پر R-⌘)
- گوگل کروم: Ctrl-Shift-R دبائیں (Mac پر Shift-R-⌘)
- انٹرنیٹ ایکسپلورر: جب Refresh پر کلک کریں تو Ctrl یا Ctrl-F5 دبائیں
- اوپیرا: Tools → Preferences میں جائیں اور کیش (cache) صاف کریں
/* 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;
}
}