Difference between revisions of "MediaWiki:Common.css"
From WikiTemp, the GBAtemp wiki
Line 17: | Line 17: | ||
sup.reference:target, | sup.reference:target, | ||
span.citation:target { | span.citation:target { | ||
− | + | background-color: #CDE; | |
+ | } | ||
+ | |||
+ | pre { | ||
+ | tab-size: 4; | ||
+ | -moz-tab-size: 4; | ||
+ | -o-tab-size: 4; | ||
} | } | ||
Line 25: | Line 31: | ||
table.wikitable, | table.wikitable, | ||
table.prettytable { | table.prettytable { | ||
− | + | margin: 1em 1em 1em 0; | |
− | + | border-collapse: collapse; | |
} | } | ||
Line 36: | Line 42: | ||
table.wikitable > tr > th, table.wikitable > tr > td, | table.wikitable > tr > th, table.wikitable > tr > td, | ||
table.wikitable > * > tr > th, table.wikitable > * > tr > td { | table.wikitable > * > tr > th, table.wikitable > * > tr > td { | ||
− | + | padding: 0.2em; | |
} | } | ||
Line 42: | Line 48: | ||
table.prettytable > * > tr > th, table.prettytable > * > tr > td { | table.prettytable > * > tr > th, table.prettytable > * > tr > td { | ||
border: 1px #AAA solid; | border: 1px #AAA solid; | ||
− | + | padding: 0.2em; | |
} | } | ||
table.wikitable > tr > th, | table.wikitable > tr > th, | ||
table.wikitable > * > tr > th { | table.wikitable > * > tr > th { | ||
− | + | text-align: center; | |
} | } | ||
Line 53: | Line 59: | ||
table.prettytable > * > tr > th { | table.prettytable > * > tr > th { | ||
background-color: #D9D9D9; | background-color: #D9D9D9; | ||
− | + | text-align: center; | |
− | + | border: 1px solid #AAA; | |
padding: .2em; | padding: .2em; | ||
} | } | ||
Line 60: | Line 66: | ||
table.wikitable caption, | table.wikitable caption, | ||
table.prettytable caption { | table.prettytable caption { | ||
− | + | margin-left: inherit; | |
− | + | margin-right: inherit; | |
− | + | font-weight: bold; | |
} | } | ||
Line 126: | Line 132: | ||
#upload-list .file .input-change { | #upload-list .file .input-change { | ||
margin: 0 10px 0 38px; | margin: 0 10px 0 38px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 144: | Line 139: | ||
div.Boxmerge, | div.Boxmerge, | ||
div.NavFrame { | div.NavFrame { | ||
− | + | margin: 0; | |
− | + | padding: 4px; | |
− | + | border: 1px solid #aaa; | |
− | + | text-align: center; | |
− | + | border-collapse: collapse; | |
− | + | background-color :white; | |
} | } | ||
div.Boxmerge div.NavFrame { | div.Boxmerge div.NavFrame { | ||
− | + | border-style: none; | |
− | + | border-style: hidden; | |
} | } | ||
div.NavFrame + div.NavFrame { | div.NavFrame + div.NavFrame { | ||
− | + | border-top-style: none; | |
− | + | border-top-style: hidden; | |
} | } | ||
div.NavPic { | div.NavPic { | ||
− | + | background-color: #fff; | |
− | + | margin: 0; | |
− | + | padding: 2px; | |
− | + | float: left; | |
} | } | ||
div.NavFrame div.NavHead { | div.NavFrame div.NavHead { | ||
− | + | height: 1.6em; | |
− | + | font-weight: bold; | |
− | + | background-color: #ccccff; | |
− | + | position:relative; | |
− | + | padding-top:3px; | |
} | } | ||
div.NavFrame p { | div.NavFrame p { | ||
− | + | font-size: 100%; | |
} | } | ||
div.NavFrame div.NavContent { | div.NavFrame div.NavContent { | ||
− | + | font-size: 100%; | |
} | } | ||
div.NavFrame div.NavContent p { | div.NavFrame div.NavContent p { | ||
− | + | font-size: 100%; | |
} | } | ||
div.NavEnd { | div.NavEnd { | ||
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | line-height: 1px; | |
− | + | clear: both; | |
} | } | ||
a.NavToggle { | a.NavToggle { | ||
− | + | position:absolute; | |
− | + | top:3px; | |
− | + | right:3px; | |
− | + | font-weight:normal; | |
− | + | font-size:smaller; | |
} | } | ||
Line 208: | Line 203: | ||
*****/ | *****/ | ||
table.navbox { | table.navbox { | ||
− | + | background-color: #f9f9f9; | |
− | + | border: 1px solid #aaa; | |
− | + | clear: both; | |
− | + | font-size: 90%; | |
− | + | margin: auto; | |
− | + | padding: 1px; | |
− | + | text-align: center; | |
− | + | width: 100%; | |
} | } | ||
table.navbox tr:not(:first-child) th { | table.navbox tr:not(:first-child) th { | ||
− | + | background-color: #ddf; | |
} | } | ||
/* Single pixel border between adjacent navboxes */ | /* Single pixel border between adjacent navboxes */ | ||
table.navbox + table.navbox { | table.navbox + table.navbox { | ||
− | + | margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ | |
} | } | ||
.navbox-title { | .navbox-title { | ||
− | + | padding-top:3px; | |
− | + | padding-bottom:3px; | |
− | + | padding-left:7em; | |
− | + | color:#222; | |
− | + | font-size:11px; | |
− | + | text-align:center; | |
} | } | ||
.navbox-abovebelow, | .navbox-abovebelow, | ||
table.navbox th { | table.navbox th { | ||
− | + | text-align: center; /* Title and above/below styles */ | |
− | + | padding:3px; | |
− | + | background-color: #ccf; | |
− | + | background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; | |
− | + | background-repeat:repeat-x; | |
} | } | ||
.navbox-group { /* Group style */ | .navbox-group { /* Group style */ | ||
− | + | white-space: nowrap; | |
− | + | text-align: right; | |
− | + | font-weight: bold; | |
− | + | padding:3px; | |
− | + | padding-left: 1em; | |
− | + | padding-right: 1em; | |
− | + | width:1px; | |
− | + | min-width:100px; | |
− | + | background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; | |
− | + | background-repeat:repeat-x; | |
} | } | ||
.navbox, .navbox-subgroup { | .navbox, .navbox-subgroup { | ||
− | + | background: #fdfdfd; /* Background color */ | |
} | } | ||
.navbox-list { | .navbox-list { | ||
− | + | border-color: #FFF; /* Must match background color */ | |
− | + | padding:3px; | |
− | + | padding-left:5px; | |
− | + | text-align:left; | |
− | + | background: #F8F8FA; | |
} | } | ||
.navbox-title, .navbox th { | .navbox-title, .navbox th { | ||
− | + | background:#CCF !important; /* Level 1 color */ | |
} | } | ||
Line 276: | Line 271: | ||
.navbox-group, | .navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
− | + | background: #DDF; /* Level 2 color */ | |
} | } | ||
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { | ||
− | + | background: #e6e6ff; /* Level 3 color */ | |
} | } | ||
.navbox-even { | .navbox-even { | ||
− | + | background: #f7f7f7; /* Even row striping */ | |
} | } | ||
.navbox-odd { | .navbox-odd { | ||
− | + | background: transparent; /* Odd row striping */ | |
} | } | ||
.collapseButton { /* 'show'/'hide' buttons created dynamically */ | .collapseButton { /* 'show'/'hide' buttons created dynamically */ | ||
− | + | float: right; /* by the CollapsibleTables javascript in */ | |
− | + | font-weight: normal; /* [[MediaWiki:Common.js]] are styled here */ | |
− | + | text-align: right; /* so they can be customised. */ | |
− | + | width: auto; | |
} | } | ||
.navbox .collapseButton { /* In navboxes, the show/hide button balances */ | .navbox .collapseButton { /* In navboxes, the show/hide button balances */ | ||
− | + | width: 6em; /* the vde links from [[Template:Navbar]], */ | |
} /* so they need to be the same width. */ | } /* so they need to be the same width. */ | ||
Line 306: | Line 301: | ||
*****/ | *****/ | ||
.infobox { | .infobox { | ||
− | + | border:#AAA 1px solid; | |
− | + | background: #F9F9F9; width:25em; | |
− | + | text-align: left; float:right; | |
− | + | margin: 0.5em 0 0.5em 1em; | |
− | + | padding: 0.2em; border-radius:5px; | |
− | + | -moz-border-radius:5px; | |
} | } | ||
.infobox-title { | .infobox-title { | ||
− | + | font-size:16px; | |
− | + | text-align:center; | |
− | + | background: #CCF; | |
− | + | font-weight:bold; | |
− | + | background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; | |
− | + | background-repeat:repeat-x; | |
− | + | padding: 10px; | |
} | } | ||
.infobox-header { | .infobox-header { | ||
− | + | font-weight:bold; | |
− | + | text-align:center; | |
− | + | background: #CCF; | |
− | + | padding-top:4px; | |
− | + | padding-bottom:4px; | |
− | + | background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; | |
− | + | background-repeat:repeat-x; | |
} | } | ||
.infobox-label { | .infobox-label { | ||
− | + | background: #DDF; | |
− | + | font-weight:bold; | |
− | + | padding:4px; | |
− | + | width:50%; | |
− | + | background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; | |
− | + | background-repeat:repeat-x; | |
} | } | ||
.infobox-below { | .infobox-below { | ||
− | + | text-align:center; | |
− | + | background: #DDF; | |
− | + | padding-top:4px; | |
− | + | padding-bottom:4px; | |
− | + | background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; | |
− | + | background-repeat:repeat-x; | |
} | } | ||
Line 356: | Line 351: | ||
*****/ | *****/ | ||
.mw-plusminus-pos { | .mw-plusminus-pos { | ||
− | + | color:green; | |
} | } | ||
.mw-plusminus-neg { | .mw-plusminus-neg { | ||
− | + | color:#BA0000; | |
} | } | ||
Line 367: | Line 362: | ||
*****/ | *****/ | ||
.embedvideo, .embedvideo iframe { | .embedvideo, .embedvideo iframe { | ||
− | + | max-width: 100%; | |
} | } | ||
.embedvideowrapper { | .embedvideowrapper { | ||
− | + | width: 100%; | |
− | + | position: relative; | |
− | + | padding-bottom: 56.25%; | |
− | + | padding-top: 25px; | |
− | + | height: 0; | |
} | } | ||
.embedvideo .embedvideowrapper iframe { | .embedvideo .embedvideowrapper iframe { | ||
− | + | top: 0; | |
− | + | left: 0; | |
− | + | position: absolute; | |
− | + | width: 100% !important; | |
− | + | height: 100% !important; | |
} | } | ||
/*</pre>*/ | /*</pre>*/ |
Revision as of 21:59, 18 January 2015
/*<pre>*/ /* CSS placed here will be applied to all skins */ div.noarticletext { border: 1px solid #CCC; background: #FFF; padding: .2em 1em; color: #000; } .allpagesredirect { font-style:italic; } /* Highlight clicked refs */ ol.references li:target, sup.reference:target, span.citation:target { background-color: #CDE; } pre { tab-size: 4; -moz-tab-size: 4; -o-tab-size: 4; } /***** ** Wikitable table class *****/ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; border-collapse: collapse; } table.prettytable { background: #E9E9E9; border: 1px #6B6B6B solid; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { padding: 0.2em; } table.prettytable > tr > th, table.prettytable > tr > td table.prettytable > * > tr > th, table.prettytable > * > tr > td { border: 1px #AAA solid; padding: 0.2em; } table.wikitable > tr > th, table.wikitable > * > tr > th { text-align: center; } table.prettytable > tr > th, table.prettytable > * > tr > th { background-color: #D9D9D9; text-align: center; border: 1px solid #AAA; padding: .2em; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } /***** ** Compatibility list table class *****/ table.compatibilitytable, table.compattable { margin: 1em 1em 1em 0; background: #F0F0F0; border: 1px #222 solid; text-align: center; border-spacing: 1px; border-collapse: separate; width: 100%; } table.compatibilitytable td, table.compattable td { background-color: #E9E9E9; border: 1px #111 solid; } table.compatibilitytable th, table.compattable th { background-color: #D9D9D9; border: 1px #222 solid; text-align: center; } /* Colors */ .ct-works, table td.ct-works { background-color: #32CD32; /* limegreen */ } .ct-minor, table td.ct-minor { background-color: #00BFFF; /* deepskyblue */ } .ct-issues, table td.ct-issues { background-color: #FFA500; /* orange */ } .ct-broken, table td.ct-broken { background-color: #FA8072; /* salmon */ } .ct-noresult, table td.ct-noresult { background-color: #A9A9A9; /* darkgrey */ } /***** * WikiEditor *****/ .wikiEditor-ui-toolbar .group-insert { border-right: 1px solid #DDD; } .wikiEditor-ui-toolbar div.group:last-child { border-right: none; } #upload-list .file .input-change { margin: 0 10px 0 38px; } /***** ** Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. *****/ div.Boxmerge, div.NavFrame { margin: 0; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; background-color :white; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; padding-top:3px; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:3px; right:3px; font-weight:normal; font-size:smaller; } /***** * Navbox *****/ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: auto; padding: 1px; text-align: center; width: 100%; } table.navbox tr:not(:first-child) th { background-color: #ddf; } /* Single pixel border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ } .navbox-title { padding-top:3px; padding-bottom:3px; padding-left:7em; color:#222; font-size:11px; text-align:center; } .navbox-abovebelow, table.navbox th { text-align: center; /* Title and above/below styles */ padding:3px; background-color: #ccf; background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; background-repeat:repeat-x; } .navbox-group { /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding:3px; padding-left: 1em; padding-right: 1em; width:1px; min-width:100px; background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; background-repeat:repeat-x; } .navbox, .navbox-subgroup { background: #fdfdfd; /* Background color */ } .navbox-list { border-color: #FFF; /* Must match background color */ padding:3px; padding-left:5px; text-align:left; background: #F8F8FA; } .navbox-title, .navbox th { background:#CCF !important; /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #DDF; /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; /* Level 3 color */ } .navbox-even { background: #f7f7f7; /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .collapseButton { /* 'show'/'hide' buttons created dynamically */ float: right; /* by the CollapsibleTables javascript in */ font-weight: normal; /* [[MediaWiki:Common.js]] are styled here */ text-align: right; /* so they can be customised. */ width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances */ width: 6em; /* the vde links from [[Template:Navbar]], */ } /* so they need to be the same width. */ /***** ** Infobox Styles *****/ .infobox { border:#AAA 1px solid; background: #F9F9F9; width:25em; text-align: left; float:right; margin: 0.5em 0 0.5em 1em; padding: 0.2em; border-radius:5px; -moz-border-radius:5px; } .infobox-title { font-size:16px; text-align:center; background: #CCF; font-weight:bold; background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; background-repeat:repeat-x; padding: 10px; } .infobox-header { font-weight:bold; text-align:center; background: #CCF; padding-top:4px; padding-bottom:4px; background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; background-repeat:repeat-x; } .infobox-label { background: #DDF; font-weight:bold; padding:4px; width:50%; background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; background-repeat:repeat-x; } .infobox-below { text-align:center; background: #DDF; padding-top:4px; padding-bottom:4px; background-image:url('http://wiki.gbatemp.net/w/images/5/5e/TableFX.png') !important; background-repeat:repeat-x; } /***** ** Recent Changes *****/ .mw-plusminus-pos { color:green; } .mw-plusminus-neg { color:#BA0000; } /***** ** Videos *****/ .embedvideo, .embedvideo iframe { max-width: 100%; } .embedvideowrapper { width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .embedvideo .embedvideowrapper iframe { top: 0; left: 0; position: absolute; width: 100% !important; height: 100% !important; } /*</pre>*/