MediaWiki:Common.css: Difference between revisions

← Older 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,
+    .skin-minerva .infobox tr th,
+    .skin-minerva .infobox tr td {
+         background-color: #1a2a44 !important; /* Match the wiki's dark mode blue */
+        color: #FFFFFF !important; /* Ensure white text */
+    }
+    .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 */
      }
-     .infobox-label,
+    /* Fix scrolling overlap on mobile */
-     .infobox-value {
+     .skin-minerva .infobox {
-         color: #FFFFFF !important; /* Ensure white text on mobile */
+        float: none !important; /* Remove floating on mobile */
+        width: 100% !important; /* Full width on mobile */
+        margin: 0 0 1em 0 !important; /* Center the infobox */
+    }
+     .skin-minerva .content-wrapper {
+         float: none !important; /* Remove floating on mobile */
+        width: 100% !important; /* Full width on mobile */
+        margin-right: 0 !important; /* Remove right margin */
      }
 }
@@ Line 241: / Line 226: @@
 .content-wrapper h2 {
-     margin-bottom: 0.5em;
+     margin-bottom: 0.5em !important;
+}
+/* Adjust spacing in Appearances and Mentions sections */
+.appearances h3,
+.mentions h3 {
+    margin-bottom: 0.3em !important; /* Slightly more space below subsection headers */
+}
+.appearances ul,
+.mentions ul {
+    margin-top: 0.3em !important; /* Slightly more space above the chapter list */
+    margin-bottom: 0.5em !important; /* Slightly more space below the chapter list */
+}
+.appearances li,
+.mentions li {
+    margin-bottom: 0.2em !important; /* Slightly more space between list items */
 }
+/* Tighten space between Appearances and Mentions */
 .content-wrapper .appearances + .mentions {
-     margin-top: 0.5em;
+     margin-top: 0.1em !important; /* Further reduce space between sections */
+}
+.content-wrapper .appearances {
+    margin-bottom: 0.1em !important; /* Further reduce space at the end of Appearances */
+}
+.mw-collapsible-toggle {
+    background-color: #f8f9fa;
+    padding: 2px 8px;
+    border: 1px solid #a2a9b1;
+    border-radius: 3px;
+}
+.mw-collapsible-toggle:hover {
+    background-color: #eaecf0;
 }