Module:NavboxMobile/styles.css: Difference between revisions

Line 67:

margin-top: 0.25em; /* Add spacing above for separation */

border-top: 1px solid white; /* White border at the top for separation */

~~width: 100%; /* Full width for level 1 */~~

}

Line 75:

Line 74:

box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Create shadow effect */

margin-top: 0.25em; /* Add spacing above for separation */

~~width: 95%; /* Slightly narrower than the title */~~

border-top: 1px solid white; /* White border at the top for separation */

box-sizing: border-box;

}

/* Narrowing styles for Level 2 content */

.navboxMobile-list-level2 {

box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Narrowing effect */

width: 95%; /* Matches Lua adjustment */

box-sizing: border-box;

}

Line 85:

Line 91:

padding-left: 1em; /* Indentation for subgroups */

margin-top: 0.25em; /* Add spacing above for separation */

~~width: 90%; /* Even narrower for level 3 */~~

box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Create shadow effect */

border-bottom: 1px solid white; /* White border at the top for separation */

box-sizing: border-box;

}

/* Narrowing styles for Level 3 content */

.navboxMobile-list-level3 {

box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Narrowing effect */

width: 90%; /* Matches Lua adjustment */

box-sizing: border-box;

}

@@ Line 67: / Line 67: @@
      margin-top: 0.25em; /* Add spacing above for separation */
      border-top: 1px solid white; /* White border at the top for separation */
-    width: 100%; /* Full width for level 1 */
 }
@@ Line 75: / Line 74: @@
      box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Create shadow effect */
      margin-top: 0.25em; /* Add spacing above for separation */
-    width: 95%; /* Slightly narrower than the title */
      border-top: 1px solid white; /* White border at the top for separation */
+    box-sizing: border-box;
+}
+/* Narrowing styles for Level 2 content */
+.navboxMobile-list-level2 {
+    box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Narrowing effect */
+    width: 95%; /* Matches Lua adjustment */
      box-sizing: border-box;
 }
@@ Line 85: / Line 91: @@
      padding-left: 1em; /* Indentation for subgroups */
      margin-top: 0.25em; /* Add spacing above for separation */
-    width: 90%; /* Even narrower for level 3 */
      box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Create shadow effect */
      border-bottom: 1px solid white; /* White border at the top for separation */
+    box-sizing: border-box;
+}
+/* Narrowing styles for Level 3 content */
+.navboxMobile-list-level3 {
+    box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Narrowing effect */
+    width: 90%; /* Matches Lua adjustment */
      box-sizing: border-box;
 }