Module:NavboxMobile/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 75: / Line 75: @@
 }
-/* Level 2: Main Groups */
+/* Custom styling for 2nd level group headings */
 .navboxMobile-group-level2 {
-     background-color: #e6e6ff; /* Level 2 color */
+     padding: 0.5em;
-     padding-left: 0; /* No indentation */
+    width: 95%; /* Slightly narrower than level 1 */
-     margin-top: 0.25em; /* Add spacing above for separation */
+     background-color: #e6e6ff;
-     width: 95%; /* Slightly narrower than the title */
+     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff;
-     border-top: 1px solid white; /* White border at the top for separation */
+     width: auto; /* Allow content to define width */
-     box-sizing: border-box;
+     text-align: left; /* Optional, for alignment */
+     box-sizing: border-box; /* Ensure padding doesn't break the layout */
 }
 /* Level 3: Subgroups */
 .navboxMobile-group-level3 {
      background-color: #e6e6ff; /* Level 3 color */
-    padding-left: 1em; /* Indentation for subgroups */
      margin-top: 0.25em; /* Add spacing above for separation */
      width: 90%; /* Even narrower for level 3 */
      box-sizing: border-box;
+    margin: 0 auto; /* Center it within the parent */
+    box-shadow: inset 3px 0 #ccc, inset -3px 0 #ccc;
+    padding: 0.5em;
 }