MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 184: / Line 184: @@
 .mw-collapsible-toggle:hover {
      background-color: #eaecf0;
+}
+.infobox {
+    width: 22em;
+    font-size: 90%;
+    text-align: left;
+    border: 1px solid #AAAAAA;
+    float: right;
+    margin: 0 0 1em 1em;
+}
+.infobox-title {
+    text-align: center;
+    font-size: 125%;
+    background-color: #E6E6E6;
+    color: #000000;
+}
+.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 */
+}
+/* Ensure text is white to match the global scheme */
+.infobox-label,
+.infobox-value {
+    color: #FFFFFF; /* Match the wiki's white text */
+}
+/* Mobile-specific adjustments */
+@media (max-width: 767px) {
+    .infobox {
+        /* Let the wiki's global background apply */
+    }
+    .infobox-label,
+    .infobox-value {
+        color: #FFFFFF !important; /* Ensure white text on mobile */
+    }
+}
+/* Existing layout styles */
+.content-wrapper {
+    float: left;
+    width: calc(100% - 24em);
+    margin-right: 1em;
+}
+.clearfix {
+    clear: both;
+}
+.content-wrapper h2 {
+    margin-bottom: 0.5em;
+}
+.content-wrapper .appearances + .mentions {
+    margin-top: 0.5em;
 }