Module:NavboxMobile/styles.css: Difference between revisions

No edit summary
No edit summary
Line 69: Line 69:
}
}


/* Level 2: */
/* Narrowing styles for Level 2 content */
.navboxMobile-group-level2 {
.navboxMobile-list-level2 {
     background-color: #e6e6ff; /* Level 2 color */
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Shadow effect */
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Create shadow effect */
    width: 95%; /* Width reduction for Level 2 */
     margin-top: 0.25em; /* Add spacing above for separation */
     box-sizing: border-box;
     border-top: 1px solid white; /* White border at the top for separation */
    padding: 0 5px; /* Match the shadow inset */
     margin: 0 auto; /* Center-align the content */
}
 
/* Narrowing styles for Level 3 content */
.navboxMobile-list-level3 {
     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; /* Match the shadow inset */
    margin: 0 auto; /* Center-align the content */
}
}


Line 99: Line 108:




/* Level 3 Content */
/* Narrowing styles for Level 3 content */
.navboxMobile-list-level3 {
.navboxMobile-list-level3 {
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Narrowing effect */
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Shadow effect */
     width: 90%; /* Matches Lua adjustment */
     width: 90%; /* Width reduction for Level 3 */
     box-sizing: border-box;
     box-sizing: border-box;
     overflow: hidden; /* Ensures content stays within box-shadow bounds */
     padding: 0 10px; /* Match the shadow inset */
     white-space: normal; /* Prevents text from breaking bounds due to nowrap */
     margin: 0 auto; /* Center-align the content */
}
}