میڈیاویکی: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: 90% !important; /* ছবিকে স্ক্রিনের মধ্যে রাখা */
height: auto !important;
display: block;
margin: 0 auto; /* ছবিকে সেন্টার করা */
}
/* টেবিল বা ইনফোবক্স ঠিক করা */
.infobox {
width: 100% !important;
max-width: 320px; /* মোবাইলে সুন্দরভাবে ফিট করার জন্য */
font-size: 14px;
}
/* ইনফোবক্সের টেবিলের অন্যান্য কনটেন্ট লেফট অ্যালাইন থাকবে */
.infobox td {
text-align: left !important;
}
/* ইনফোবক্সের শিরোনাম (যেমন Born, Other names) মিডল করা */
.infobox th {
text-align: center !important;
}
/* ইনফোবক্সের "নেটিভ নাম" (Native name) মিডল সেন্টার করা */
.infobox tr:nth-child(2) td {
text-align: center !important;
font-weight: bold;
}
/* ফটো ক্যাপশন (image caption) মিডল সেন্টার করা */
.infobox .infobox-caption,
.infobox td.caption {
text-align: center !important;
display: block;
}
/* সাধারণ ছবির সাইজ ৮০% করা */
.infobox .infobox-image img {
max-width: 90% !important;
height: auto !important;
display: block;
margin: 0 auto;
}
/* সিগনেচার ফটো ৪০% করা */
.infobox .infobox-signature img {
max-width: 40% !important;
height: auto !important;
display: block;
margin: 0 auto;
}
/* সিগনেচার ছবির সাইজ ৪০% করা */
.infobox td a img {
max-width: 40% !important;
height: auto !important;
display: block;
margin: 0 auto;
}
/* সব ইনফোবক্সের শিরোনাম মিডল সেন্টার করা */
.infobox.officeholder th {
text-align: center !important;
}
/* ইনফোবক্সের নির্দিষ্ট কন্টেন্ট মিডল সেন্টার রাখা */
.infobox.officeholder .infobox-title,
.infobox.officeholder .infobox-image,
.infobox.officeholder .infobox-caption,
.infobox.officeholder .infobox-label {
text-align: center !important;
}
/* "In office" সেন্টার করা */
.infobox.officeholder th {
text-align: center !important;
}
/* "term_start" এবং "term_end" সেন্টার করা */
.infobox.officeholder td {
text-align: center !important;
}
/* "In office" টেবিলের তারিখ সেন্টার করা */
.infobox.officeholder tr th:contains("In office") + td {
text-align: center !important;
}
.nodesktop { display: none !important; }
@media screen and (max-width: 600px) {
.nomobile { display: none !important; }
.nodesktop { display: block !important; }
}
/* প্রথম হেডিং এবং "From Worldpedia, the free encyclopedia" লুকানো */
body.page-Main_Page #firstHeading,
body.page-Main_Page .mw-body-content .mw-parser-output > p:first-child {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* অতিরিক্ত ফাঁকা জায়গা সরানো */
body.page-Main_Page #content {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.page-Main_Page .mw-body {
margin: 0 !important;
padding: 0 !important;
}
/* মোবাইল ভিউতে একই কাজ */
@media screen and (max-width: 767px) {
body.page-Main_Page #firstHeading,
body.page-Main_Page .mw-body-content .mw-parser-output > p:first-child {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #content {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.page-Main_Page .mw-body {
margin: 0 !important;
padding: 0 !important;
}
}
/* মোবাইল ফুটার লোগো */
@media (max-width: 768px) {
.footer-logo-container {
display: flex;
justify-content: flex-end; /* ডান দিকে অ্যালাইন করবে */
align-items: center;
}
.footer-logo-container img {
margin-left: 15px; /* দুইটি লোগোর মধ্যে জায়গা রাখবে */
}
.footer-logo-container .wikimedia-logo {
width: 24px; /* উইকিমিডিয়া লোগোর সাইজ */
height: auto;
}
.footer-logo-container .mediawiki-logo {
width: 24px; /* মিডিয়াউইকি লোগোর সাইজ */
height: auto;
}
}