মিডিয়াউইকি:Mobile.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য

← পুরনো সম্পাদনা

@@ ১ নং লাইন: / ১ নং লাইন: @@
 /* All CSS here will be loaded for users of the mobile site */
-.wikitable {
+/* # 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: 100% !important;
+     max-width: 320px; /* মোবাইলে সুন্দরভাবে ফিট করার জন্য */
-     overflow-x: hidden !important;
+     font-size: 14px;
-     display: block !important;
+}
-     table-layout: fixed !important;
-     word-wrap: break-word !important;
+/* ইনফোবক্সের টেবিলের অন্যান্য কনটেন্ট লেফট অ্যালাইন থাকবে */
-     font-size: 14px !important;
+.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;
 }
-.wikitable th, .wikitable td {
-     white-space: normal !important;
+/* ফটো ক্যাপশন (image caption) মিডল সেন্টার করা */
-     word-break: break-word !important;
+.infobox .infobox-caption,
+.infobox td.caption {
+     text-align: center !important;
+     display: block;
 }
-.wikitable img {
+/* সাধারণ ছবির সাইজ ৮০% করা */
+.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; }
+}
+@media screen and (max-width: 767px) {
+    body.page-Main_Page #firstHeading,
+    body.page-Main_Page #siteSub,
+    body.page-Main_Page .mw-body-content .mw-parser-output > p:first-child,
+    body.page-Main_Page .pre-content.heading-holder,
+    body.page-Main_Page .page-heading,
+    body.page-Main_Page .tagline,
+    body.page-Main_Page #mw-content-subtitle {
+        display: none !important;
+        visibility: hidden !important;
+        height: 0 !important;
+        margin: 0 !important;
+        padding: 0 !important;
+    }
+    body.page-Main_Page #content,
+    body.page-Main_Page .mw-body {
+        margin: 0 !important;
+        padding: 0 !important;
+    }
+}
+#footer-places-about,
+#footer-places-disclaimers,
+#footer-places-contact-worldpedia,
+#footer-places-code-of-conduct,
+#footer-places-developers,
+#footer-places-statistics,
+#footer-places-cookie-statement {
+    display: block !important;
 }