MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,084: / Line 1,084: @@
          margin: 10px 0;
      }
+}
+/* Portable Infobox - Dark Theme with Navy & Orange */
+.portable-infobox .pi-secondary-background {
+    background-color: #001933; /* Deep Navy for dark mode */
+    background-color: var(--pi-secondary-background, #001933); /* Fallback to Navy */
+    color: #ffffff; /* White text for contrast */
+    border: 1px solid #ff851b; /* Bright Orange border */
+}
+/* Infobox Headings */
+.portable-infobox .pi-header {
+    background-color: #002b5c; /* Slightly lighter navy for header */
+    color: #ff851b; /* Bright Orange for header text */
+    border-bottom: 2px solid #ff851b;
+}
+/* Infobox Data Fields */
+.portable-infobox .pi-data {
+    background-color: #001f3f; /* Dark Navy for data rows */
+    color: #ffffff; /* White text */
+    border-top: 1px solid #003366; /* Subtle navy divider */
+}
+/* Infobox Labels */
+.portable-infobox .pi-data-label {
+    color: #ff851b; /* Bright Orange labels */
+}
+/* Infobox Images */
+.portable-infobox .pi-image img {
+    border: 2px solid #ff851b; /* Bright Orange border */
+    border-radius: 4px;
+    background-color: #001933;
+}
+/* Hover Effects */
+.portable-infobox .pi-data:hover {
+    background-color: #002b5c; /* Slightly lighter navy on hover */
+}
+/* Infobox Footer */
+.portable-infobox .pi-footer {
+    background-color: #001f3f;
+    color: #ffffff;
+    border-top: 1px solid #ff851b;
+}
+/* Scrollbar for Overflow */
+.portable-infobox ::-webkit-scrollbar {
+    width: 10px;
+}
+.portable-infobox ::-webkit-scrollbar-track {
+    background: #001933;
+}
+.portable-infobox ::-webkit-scrollbar-thumb {
+    background-color: #ff851b;
+    border-radius: 5px;
+    border: 2px solid #001933;
+}
+.portable-infobox ::-webkit-scrollbar-thumb:hover {
+    background-color: #ffb84d;
 }