Module:Navbox/styles.css: Difference between revisions
Imported from lolcow.city |
No edit summary |
||
Line 1: | Line 1: | ||
.nav_box { | |||
. | |||
box-sizing: border-box; | box-sizing: border-box; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
Line 11: | Line 10: | ||
} | } | ||
. | .nav_box .nav_box { | ||
margin-top: 0; /* No top margin for nested navboxes */ | margin-top: 0; /* No top margin for nested navboxes */ | ||
} | } | ||
. | .nav_box + .nav_box, /* TODO: remove first line after transclusions have updated */ | ||
. | .nav_box + .navbox-styles + .nav_box { | ||
margin-top: -1px; /* Single pixel border between adjacent navboxes */ | margin-top: -1px; /* Single pixel border between adjacent navboxes */ | ||
} | } | ||
Line 39: | Line 38: | ||
} | } | ||
. | .nav_box, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
background-color: #fdfdfd; | background-color: #fdfdfd; | ||
Line 67: | Line 66: | ||
.navbox-title { | .navbox-title { | ||
background-color: # | background-color: #CCCCCC; /* Level 1 color */ | ||
} | } | ||
Line 73: | Line 72: | ||
.navbox-group, | .navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background-color: # | background-color: #DDDDDD; /* Level 2 color */ | ||
} | } | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
background-color: # | background-color: #E6E6E6; /* Level 3 color */ | ||
} | } | ||
Line 90: | Line 89: | ||
/* TODO: figure out how to remove reliance on td as structure */ | /* TODO: figure out how to remove reliance on td as structure */ | ||
. | .nav_box .hlist td dl, | ||
. | .nav_box .hlist td ol, | ||
. | .nav_box .hlist td ul, | ||
. | .nav_box td.hlist dl, | ||
. | .nav_box td.hlist ol, | ||
. | .nav_box td.hlist ul { | ||
padding: 0.125em 0; | padding: 0.125em 0; | ||
} | } | ||
. | .nav_box .navbar { | ||
display: block; | display: block; | ||
font-size: 100%; | font-size: 100%; | ||
Line 111: | Line 110: | ||
/* @noflip */ | /* @noflip */ | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
} | |||
@media ( max-width: 500px) { | |||
.nav_box { | |||
display: block; | |||
width: 86vw; | |||
max-width: 86vw; | |||
min-width: 86vw; | |||
} | |||
.nav_box tr { | |||
display:grid!important; | |||
} | |||
.nav_box th { | |||
text-align: center; | |||
} | |||
.nav_box .navbox-group { | |||
width: auto!important; | |||
} | |||
} | } |