Module:NavboxMobile/styles.css: Difference between revisions

Created page with " .navbox { box-sizing: border-box; border: 1px solid #a2a9b1; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0; →‎Prevent preceding content from clinging to navboxes: } .navbox .navbox { margin-top: 0; →‎No top margin for nested navboxes: } .navbox + .navbox, →‎TODO: remove first line after transclusions have updated: .navbox + .navboxMobile-styles + .navbox { margin-top: -1px; /* Single pixel border betw..."
 
No edit summary
Line 1: Line 1:


.navbox {
.navboxMobile {
box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
Line 11: Line 11:
}
}


.navbox .navbox {
.navboxMobile .navboxMobile {
margin-top: 0; /* No top margin for nested navboxes */
margin-top: 0; /* No top margin for nested navboxes */
}
}


.navbox + .navbox, /* TODO: remove first line after transclusions have updated */
.navboxMobile + .navboxMobile, /* TODO: remove first line after transclusions have updated */
.navbox + .navboxMobile-styles + .navbox {
.navboxMobile + .navboxMobile-styles + .navboxMobile {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
}
Line 39: Line 39:
}
}


.navbox,
.navboxMobile,
.navboxMobile-subgroup {
.navboxMobile-subgroup {
background-color: #fdfdfd;
background-color: #fdfdfd;
Line 90: Line 90:


/* TODO: figure out how to remove reliance on td as structure */
/* TODO: figure out how to remove reliance on td as structure */
.navbox .hlist td dl,
.navboxMobile .hlist td dl,
.navbox .hlist td ol,
.navboxMobile .hlist td ol,
.navbox .hlist td ul,
.navboxMobile .hlist td ul,
.navbox td.hlist dl,
.navboxMobile td.hlist dl,
.navbox td.hlist ol,
.navboxMobile td.hlist ol,
.navbox td.hlist ul {
.navboxMobile td.hlist ul {
padding: 0.125em 0;
padding: 0.125em 0;
}
}


.navbox .navbar {
.navboxMobile .navbar {
display: block;
display: block;
font-size: 100%;
font-size: 100%;
Line 119: Line 119:


@media print {
@media print {
body.ns-0 .navbox {
body.ns-0 .navboxMobile {
display: none !important;
display: none !important;
}
}
}
}