Module:NavboxMobile/styles.css: Difference between revisions

No edit summary
No edit summary
Line 84: Line 84:
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Create shadow effect */
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Create shadow effect */
     margin-top: 0.25em; /* Add spacing above for separation */
     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 */
     border-top: 1px solid white; /* White border at the top for separation */
     box-sizing: border-box;
     box-sizing: border-box;
Line 93: Line 92:
.navboxMobile-list-level2 {
.navboxMobile-list-level2 {
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Narrowing effect */
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Narrowing effect */
    width: 95%; /* Matches Lua adjustment */
     box-sizing: border-box;
     box-sizing: border-box;
     overflow: hidden; /* Ensures content stays within box-shadow bounds */
     padding: 0 5px; /* Match the shadow inset */
    white-space: normal; /* Prevents text from breaking bounds due to nowrap */
}
}


Line 113: Line 110:
.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; /* Match the shadow inset */
     padding: 0 10px; /* Match the shadow inset */