Module:NavboxUpgraded/styles.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-/* Template:NavboxUpgraded/styles.css */
+.navbox-upgraded {
+    box-sizing: border-box;
+    border: 1px solid #a2a9b1;
+    width: 100%;
+    clear: both;
+    font-size: 88%;
+    text-align: center;
+    padding: 1px;
+    margin: 1em auto 0;
+}
+.navbox-upgraded .navbox-subgroup {
+    background-color: #fdfdfd;
+    border: 1px solid #a2a9b1;
+    width: 100%;
+    /* Ensure subgroups are contained properly */
+    clear: both;
+}
+.navbox-upgraded .navbox-group {
+    padding: 0.25em 1em;
+    line-height: 1.5em;
+    text-align: right;
+    background-color: #ddf; /* Parent shade */
+    font-weight: bold;
+}
+.navbox-upgraded .navbox-title {
+    background-color: #ccf;
+    padding: 0.25em 1em;
+}
+.navbox-upgraded .navbox-abovebelow {
+    background-color: #ddf;
+    padding: 0.25em 1em;
+}
-/* Hide mobile version on desktop */
+.navbox-upgraded .navbox-list {
-.nomobile {
+    line-height: 1.5em;
-     display: block;
+    list-style-type: disc;
+     padding-left: 1.5em;
 }
-.onlymobile {
-     display: none;
+.navbox-upgraded .navbox-list-with-group {
+     text-align: left;
+    border-left-width: 2px;
+    border-left-style: solid;
 }
-/* Media query for mobile devices */
+.navbox-upgraded .navbox-odd {
-@media screen and (max-width: 768px) {
+     background-color: #f7f7f7;
-    .nomobile {
-        display: none;
-     }
-    .onlymobile {
-        display: block;
-    }
 }
-.navbox-subgroup {
+.navbox-upgraded .navbox-even {
-    width: 100%;
+     background-color: transparent;
-     background-color: #f9f9f9;
-    border: 1px solid #a2a9b1;
 }
-.navbox-subgroup .navbox-group,
+.navbox-upgraded .hlist {
-.navbox-subgroup .navbox-title,
+    display: flex;
-.navbox-subgroup .navbox-abovebelow {
+    flex-wrap: wrap;
-     background-color: #e6e6ff; /* Level 3 color */
+    list-style: none;
+     padding-left: 0;
 }
-.navbox-subgroup-heading {
+.navbox-upgraded .hlist li {
-     background-color: #e6e6ff;
+     margin-right: 1em;
-    padding: 0.25em 1em;
-    font-weight: bold;
 }
-.navbox-list {
+.navbox-upgraded .plainlist {
-     padding-left: 1.5em;
+     list-style-type: none;
-     list-style: disc;
+     padding-left: 0;
 }
+/* Additional styles to match original Navbox */
+.navbox-upgraded .navbar {
+    display: block;
+    font-size: 100%;
+}
-/* Additional styling for navbox elements */
+.navbox-upgraded .navbox-title .navbar {
-.navbox { /* Styles for desktop navbox */ }
+    float: left;
-.navbox-title { /* Styles for desktop title */ }
+    text-align: left;
-.navbox-group { /* Styles for desktop groups */ }
+    margin-right: 0.5em;
-.navbox-list { /* Styles for desktop lists */ }
+}
-.navbox-mobile { /* Styles for mobile navbox */ }
+@media print {
-.navbox-title-mobile { /* Styles for mobile title */ }
+    .navbox-upgraded {
-.navbox-group-mobile { /* Styles for mobile groups */ }
+        display: none;
-.navbox-list-mobile { /* Styles for mobile lists */ }
+    }
+}