Module:Navbox/styles.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
| Line 1: | Line 1: | ||
/* {{pp|small=y}} */ | /* {{pp|small=y}} */ | ||
.navbox { | .navbox { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Line 10: | Line 9: | ||
padding: 1px; | padding: 1px; | ||
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ | margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ | ||
} | } | ||
| Line 26: | Line 23: | ||
.navbox-subgroup { | .navbox-subgroup { | ||
width: 100%; | width: 100%; | ||
} | } | ||
| Line 36: | Line 31: | ||
line-height: 1.5em; | line-height: 1.5em; | ||
text-align: center; | text-align: center; | ||
} | } | ||
| Line 45: | Line 39: | ||
} | } | ||
.navbox, | |||
.navbox-subgroup { | |||
background-color: #fdfdfd; | |||
color:inherit; | |||
} | |||
.navbox-list { | .navbox-list { | ||
line-height: 1.5em; | line-height: 1.5em; | ||
border-color: #fdfdfd; /* Must match background color */ | |||
} | } | ||
| Line 56: | Line 54: | ||
border-left-width: 2px; | border-left-width: 2px; | ||
border-left-style: solid; | border-left-style: solid; | ||
} | } | ||
/* cell spacing for navbox cells */ | |||
/* Borders above 2nd, 3rd, etc. rows */ | /* Borders above 2nd, 3rd, etc. rows */ | ||
/* TODO: figure out how to replace tr as structure; | |||
* with div structure it should be just a matter of first-child */ | |||
tr + tr > .navbox-abovebelow, | tr + tr > .navbox-abovebelow, | ||
tr + tr > .navbox-group, | tr + tr > .navbox-group, | ||
tr + tr > .navbox-image, | tr + tr > .navbox-image, | ||
tr + tr > .navbox-list { | tr + tr > .navbox-list { | ||
border-top: 2px solid | border-top: 2px solid #fdfdfd; /* Must match background color */ | ||
} | } | ||
.navbox-title { | .navbox-title { | ||
background-color: | background-color: #ccf; /* Level 1 color */ | ||
color:inherit; | |||
} | } | ||
| Line 76: | Line 75: | ||
.navbox-group, | .navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background-color: | background-color: #ddf; /* Level 2 color */ | ||
color:inherit; | |||
} | } | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
background-color: | background-color: #e6e6ff; /* Level 3 color */ | ||
color:inherit; | |||
} | } | ||
.navbox-even { | .navbox-even { | ||
background-color: | background-color: #f7f7f7; | ||
color:inherit; | |||
} | } | ||
.navbox-odd { | .navbox-odd { | ||
background-color: transparent; | background-color: transparent; | ||
color:inherit; | |||
} | } | ||