Module:Navbox/styles.css: Difference between revisions
Jump to navigation
Jump to search
en>Izno (remove qualifications on th - this will remove styling from "hand-crafted" navboxes, but there's no other elegant way to deal with it. see talk page) |
m (1 revision imported) |
||
Line 1: | Line 1: | ||
.navbox { | .navbox { | ||
border: 1px solid #aaa; | |||
box-sizing: border-box; | box-sizing: border-box; | ||
width: 100%; | width: 100%; | ||
margin: auto; | |||
clear: both; | clear: both; | ||
font-size: 88%; | font-size: 88%; | ||
text-align: center; | text-align: center; | ||
padding: 1px; | padding: 1px; | ||
} | } | ||
.navbox .navbox { | .navbox-inner, | ||
.navbox-subgroup { | |||
width: 100%; | |||
} | } | ||
.navbox + .navbox-styles + .navbox { | .navbox + .navbox-styles + .navbox { | ||
/* Single pixel border between adjacent navboxes */ | |||
margin-top: -1px; | |||
} | } | ||
.navbox | .navbox th, | ||
.navbox-title, | .navbox-title, | ||
.navbox-abovebelow { | .navbox-abovebelow { | ||
text-align: center; | text-align: center; | ||
/* Title and above/below styles */ | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | } | ||
.navbox-group { | th.navbox-group { | ||
/* Group style */ | |||
white-space: nowrap; | white-space: nowrap; | ||
/* @noflip */ | /* @noflip */ | ||
Line 41: | Line 38: | ||
.navbox, | .navbox, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
background | background: #fdfdfd; | ||
} | } | ||
.navbox-list { | .navbox-list { | ||
/* Must match background color */ | |||
border-color: #fdfdfd; | |||
border- | |||
} | } | ||
.navbox th, | |||
.navbox-title { | .navbox-title { | ||
/* Level 1 color */ | |||
background: #eaeeff; | |||
} | } | ||
.navbox-abovebelow, | .navbox-abovebelow, | ||
.navbox-group, | th.navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
/* Level 2 color */ | |||
background: #ddddff; | |||
} | } | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
/* Level 3 color */ | |||
background: #e6e6ff; | |||
} | } | ||
.navbox-even { | .navbox-even { | ||
background | /* Even row striping */ | ||
background: #f7f7f7; | |||
} | } | ||
.navbox-odd { | .navbox-odd { | ||
background- | /* Odd row striping */ | ||
background: transparent; | |||
} | |||
th.navbox-title1 { | |||
border-left: 2px solid #fdfdfd; | |||
width: 100%; | |||
} | |||
td.navbox-list1 { | |||
text-align: left; | |||
border-left-width: 2px; | |||
border-left-style: solid; | |||
} | } | ||
.navbox .hlist td dl, | .navbox .hlist td dl, | ||
.navbox .hlist td ol, | .navbox .hlist td ol, | ||
Line 96: | Line 91: | ||
.navbox td.hlist ol, | .navbox td.hlist ol, | ||
.navbox td.hlist ul { | .navbox td.hlist ul { | ||
/* Adjust hlist padding in navboxes */ | |||
padding: 0.125em 0; | padding: 0.125em 0; | ||
} | } | ||
.navbox . | .navbox .hlist dd, | ||
.navbox .hlist dt, | |||
.navbox .hlist li { | |||
/* Nowrap list items in navboxes */ | |||
white-space: nowrap; | |||
} | |||
.navbox .hlist dd dl, | |||
.navbox .hlist dt dl, | |||
.navbox .hlist li ol, | |||
.navbox .hlist li ul { | |||
/* But allow parent list items to be wrapped */ | |||
white-space: normal; | |||
} | } | ||
.navbox- | ol + .navbox-styles + .navbox, | ||
ul + .navbox-styles + .navbox { | |||
/* Prevent lists from clinging to navboxes */ | |||
margin-top: 0.5em; | |||
/* | |||
margin- | |||
} | } |
Revision as of 12:35, 28 July 2022
.navbox { border: 1px solid #aaa; box-sizing: border-box; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox + .navbox-styles + .navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px; } .navbox th, .navbox-title, .navbox-abovebelow { text-align: center; /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } th.navbox-group { /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background: #fdfdfd; } .navbox-list { /* Must match background color */ border-color: #fdfdfd; } .navbox th, .navbox-title { /* Level 1 color */ background: #eaeeff; } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { /* Level 2 color */ background: #ddddff; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { /* Level 3 color */ background: #e6e6ff; } .navbox-even { /* Even row striping */ background: #f7f7f7; } .navbox-odd { /* Odd row striping */ background: transparent; } th.navbox-title1 { border-left: 2px solid #fdfdfd; width: 100%; } td.navbox-list1 { text-align: left; border-left-width: 2px; border-left-style: solid; } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { /* Adjust hlist padding in navboxes */ padding: 0.125em 0; } .navbox .hlist dd, .navbox .hlist dt, .navbox .hlist li { /* Nowrap list items in navboxes */ white-space: nowrap; } .navbox .hlist dd dl, .navbox .hlist dt dl, .navbox .hlist li ol, .navbox .hlist li ul { /* But allow parent list items to be wrapped */ white-space: normal; } ol + .navbox-styles + .navbox, ul + .navbox-styles + .navbox { /* Prevent lists from clinging to navboxes */ margin-top: 0.5em; }