MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 158: / Line 158: @@
          color: #ffffff !important; /* White text as per mockup */
      }
-}
-.infobox {
-    float: right;
-    width: 22em;
-    margin: 0 0 1em 1em;
-}
-.content-wrapper {
-    float: left;
-    width: calc(100% - 24em);
-    margin-right: 1em;
-}
-.clearfix {
-    clear: both;
-}
-.mw-collapsible-toggle {
-    background-color: #f8f9fa;
-    padding: 2px 8px;
-    border: 1px solid #a2a9b1;
-    border-radius: 3px;
-}
-.mw-collapsible-toggle:hover {
-    background-color: #eaecf0;
 }
@@ Line 204: / Line 178: @@
 .infobox-image {
      text-align: center;
-}
-/* Let the wiki's global scheme apply on both desktop and mobile */
-.infobox-label,
-.infobox-value {
-    /* Remove specific background colors to inherit the wiki's global scheme */
 }
@@ Line 215: / Line 183: @@
 .infobox-label,
 .infobox-value {
-     color: #FFFFFF; /* Match the wiki's white text */
+     color: #FFFFFF !important; /* Match the wiki's white text */
 }
-/* Mobile-specific adjustments */
+/* Minerva-specific adjustments for mobile */
 @media (max-width: 767px) {
-     .infobox {
+     .skin-minerva .infobox,
-         /* Let the wiki's global background apply */
+    .skin-minerva .infobox th,
+    .skin-minerva .infobox td {
+         background-color: #1a2a44 !important; /* Match the wiki's dark mode blue */
+    }
+    .skin-minerva .infobox-label,
+    .skin-minerva .infobox-value {
+        background-color: #1a2a44 !important; /* Match the wiki's dark mode blue */
+        color: #FFFFFF !important; /* Ensure white text */
+    }
+    /* Fix scrolling overlap on mobile */
+    .skin-minerva .infobox {
+        float: none !important; /* Remove floating on mobile */
+        width: 100% !important; /* Full width on mobile */
+        margin: 0 0 1em 0 !important; /* Center the infobox */
      }
-     .infobox-label,
+     .skin-minerva .content-wrapper {
-    .infobox-value {
+         float: none !important; /* Remove floating on mobile */
-         color: #FFFFFF !important; /* Ensure white text on mobile */
+        width: 100% !important; /* Full width on mobile */
+        margin-right: 0 !important; /* Remove right margin */
      }
 }
@@ Line 246: / Line 228: @@
 .content-wrapper .appearances + .mentions {
      margin-top: 0.5em;
+}
+.mw-collapsible-toggle {
+    background-color: #f8f9fa;
+    padding: 2px 8px;
+    border: 1px solid #a2a9b1;
+    border-radius: 3px;
+}
+.mw-collapsible-toggle:hover {
+    background-color: #eaecf0;
 }