Module:NavboxMobile/styles.css: Difference between revisions

No edit summary
No edit summary
Line 84: Line 84:
.navboxMobile-list-level2 {
.navboxMobile-list-level2 {
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Shadow effect */
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Shadow effect */
    width: 95%; /* Width reduction for Level 2 */
     box-sizing: border-box;
     box-sizing: border-box;
    padding: 0 5px; /* Ensure content stays within bounds */
     margin: 0 auto; /* Center the content */
     margin: 0 auto; /* Center the content */
     border: none; /*need*/
     border: none; /*need*/
Line 106: Line 104:
.navboxMobile-list-level3 {
.navboxMobile-list-level3 {
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Shadow effect */
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Shadow effect */
    width: 90%; /* Width reduction for Level 3 */
     box-sizing: border-box;
     box-sizing: border-box;
    padding: 0 10px; /* Ensure content stays within bounds */
    border-left: 10px solid transparent; /* Simulate the shadow effect on the content */
    border-right: 10px solid transparent;
     margin: 0 auto; /* Center the content */
     margin: 0 auto; /* Center the content */
     border:none;
     border:none;