Module:NavboxMobile/styles.css: Difference between revisions

No edit summary
No edit summary
Line 4: Line 4:
     border: 1px solid #a2a9b1;
     border: 1px solid #a2a9b1;
     border-collapse: collapse; /* Ensure all rows share a border */
     border-collapse: collapse; /* Ensure all rows share a border */
    width: 100%;
    max-width: 100%;
     white-space: normal; /* Allow wrapping for content */
     white-space: normal; /* Allow wrapping for content */
    font-size: 100%;
     text-align: left;
     text-align: left;
     padding: 1px;
     padding: 1px;
Line 17: Line 14:
.navboxMobile-inner,
.navboxMobile-inner,
.navboxMobile-subgroup {
.navboxMobile-subgroup {
    width: 100%;
    max-width: 100%;
     box-sizing: border-box;
     box-sizing: border-box;
}
}
Line 73: Line 68:
     padding: 0.1em; /* Unified padding */
     padding: 0.1em; /* Unified padding */
     border: 2px solid white; /* Uniform 2px white border */
     border: 2px solid white; /* Uniform 2px white border */
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Retained box shadow */
     box-shadow: inset 8px 0 #fff, inset -8px 0 #fff; /* Retained box shadow */
}
}


Line 82: Line 77:
     padding: 0.1em; /* Slightly smaller padding for third-level */
     padding: 0.1em; /* Slightly smaller padding for third-level */
     border: 2px solid white; /* Uniform 2px white border */
     border: 2px solid white; /* Uniform 2px white border */
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Retained box shadow */
     box-shadow: inset 16px 0 #fff, inset -16px 0 #fff; /* Retained box shadow */
}
}


Line 100: Line 95:
/* Level 2 Content */
/* Level 2 Content */
.navboxMobile-list-level2 {
.navboxMobile-list-level2 {
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Retained box shadow */
     box-shadow: inset 8px 0 #fff, inset -8px 0 #fff; /* Retained box shadow */
     box-sizing: border-box;
     box-sizing: border-box;
     margin: 0 auto;
     margin: 0 auto;
     border: 2px solid white;
     border: 2px solid white;
     border-top: 1px solid white; /* Decreased top border for content rows */
     border-top: 1px solid white; /* Decreased top border for content rows */
     padding-left: 7px;
     padding-left: 10px;
     padding-right: 7px;
     padding-right: 10px;
}
}


/* Level 3 Content */
/* Level 3 Content */
.navboxMobile-list-level3 {
.navboxMobile-list-level3 {
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Retained box shadow */
     box-shadow: inset 16px 0 #fff, inset -16px 0 #fff; /* Retained box shadow */
     box-sizing: border-box;
     box-sizing: border-box;
     margin: 0 auto;
     margin: 0 auto;
     border: 2px solid white;
     border: 2px solid white;
     border-top: 1px solid white; /* Decreased top border for content rows */
     border-top: 1px solid white; /* Decreased top border for content rows */
     padding-left: 12px;
     padding-left: 18px;
     padding-right: 12px;
     padding-right: 18px;
}
}