Difference between revisions of "MediaWiki:Common.css"
From Anarchy Online Wiki [AOWiki]
m (Working on adding Navbar template) |
|||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | + | ||
− | + | /* [[Template:Navbox]] */ | |
− | + | .navbox { | |
− | + | /* Navbox container style */ | |
− | + | border: 1px solid #aaa; | |
− | + | width: 100%; | |
− | + | margin: auto; | |
− | + | clear: both; | |
+ | font-size: 88%; | ||
+ | text-align: center; | ||
+ | padding: 1px; | ||
+ | } | ||
+ | .navbox-inner, | ||
+ | .navbox-subgroup { | ||
+ | width: 100%; | ||
+ | } | ||
+ | table.navbox + table.navbox { | ||
+ | /* Single pixel border between adjacent navboxes */ | ||
+ | margin-top: -1px; | ||
+ | /* (doesn't work for IE6, but that's okay) */ | ||
+ | } | ||
+ | .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: #ccccff; | ||
+ | } | ||
+ | .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; | ||
+ | } | ||
+ | .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; | ||
+ | /* IE < 8 no-wraps entire list, so disable it */ | ||
+ | white-space: normal !ie; | ||
+ | } | ||
+ | .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 + table.navbox, | ||
+ | ul + table.navbox { | ||
+ | /* Prevent lists from clinging to navboxes */ | ||
+ | margin-top: 0.5em; | ||
+ | } | ||
+ | |||
+ | /* [[Template:Navbar]] */ | ||
+ | .navbar { | ||
+ | display: inline; | ||
+ | font-size: 88%; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | .navbar ul { | ||
+ | display: inline; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .navbar li { | ||
+ | word-spacing: -0.125em; | ||
+ | } | ||
+ | /* Navbar styling when nested in navbox */ | ||
+ | .navbox .navbar { | ||
+ | display: block; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | .navbox-title .navbar { | ||
+ | /* @noflip */ | ||
+ | float: left; | ||
+ | /* @noflip */ | ||
+ | text-align: left; | ||
+ | /* @noflip */ | ||
+ | margin-right: 0.5em; | ||
+ | width: 6em; | ||
+ | } |
Revision as of 04:17, 10 July 2015
/* CSS placed here will be applied to all skins */ /* [[Template:Navbox]] */ .navbox { /* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } .navbox-inner, .navbox-subgroup { width: 100%; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ } .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: #ccccff; } .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; } .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; /* IE < 8 no-wraps entire list, so disable it */ white-space: normal !ie; } .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 + table.navbox, ul + table.navbox { /* Prevent lists from clinging to navboxes */ margin-top: 0.5em; } /* [[Template:Navbar]] */ .navbar { display: inline; font-size: 88%; font-weight: normal; } .navbar ul { display: inline; white-space: nowrap; } .navbar li { word-spacing: -0.125em; } /* Navbar styling when nested in navbox */ .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 6em; }