MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/***** CSS placed here will be applied to all skins on the entire site. *****/
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
font-style: italic;
}
.allpagesredirect:after {
color: #808080; content: " (redirect)"
}
.watchlistredir {
font-style: italic;
}
/* Giving headers and TOC a little extra space */
h2 {
margin-top: 20px;
}
.toc {
margin-top: 20px;
}
/* Infobox template style */
.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
border: 1px solid #aaa;
margin-top: 1em;
padding: 12px;
}
.forumlist td.forum_edited a {
color: black;
text-decoration: none;
}
.forumlist td.forum_title a {
padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
font-weight: bold;
background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
font-weight: normal;
background: none;
padding-left: 20px;
}
.forumlist th.forum_title {
padding-left: 20px;
}
/* Recent changes byte indicators */
.mw-plusminus-pos {
color: #006500;
}
.mw-plusminus-neg {
color: #8B0000;
}
/* Image frame fix */
div.tright, div.tleft {
border: 1px solid silver;
}
div.thumbinner {
background: inherit;
border: none;
color: inherit;
}
#article div.thumb {
color:inherit;
}
/* Categories */
div.catlinks {
font-size:9pt;
background-color:#EBFAFF;
border:1px solid #D3F4FE;
}
.mw-normal-catlinks {
background-color:#E0F7FE;
}
.mw-normal-catlinks a.new {
color: #7599D4;
}
/* === Babel === */
div.babelbox {
float: right;
margin-left: 1em;
margin-bottom: 0.5em;
width: 246px;
border: 1px solid #99B3FF;
padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
margin: 2px 4px 2px 4px; /* t, l, b, r */
width:238px;
border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
text-align:center;
font-size:14pt;
width:45px;
height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
font-size:8pt;
padding:4pt;
line-height:1.25em;
}
.lang-block0 {
border:1px solid #FFB3B3;
}
td.lang-code0 {
background-color: #FFB3B3;
color: black;
}
td.lang-description0 {
background-color: #FFE0E8;
color: black;
}
.lang-block1, .lang-block2, .lang-block3 {
border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
background-color: #99B3FF;
color: black;
}
td.lang-description1, td.lang-description2, td.lang-description3 {
background-color: #E0E8FF;
color: black;
}
.lang-blockN {
border:1px solid #6EF7A7;
}
td.lang-codeN {
background-color: #6EF7A7;
color: black;
}
td.lang-descriptionN {
background-color: #C5FCDC;
color: black;
}
.infobox.bordered {
border-collapse: collapse;
}
table.standard,
table.wikitable,
table.prettytable {
border-collapse: separate;
}
/* CSS for Tabs ( adopted from http://wiki.teamliquid.net/starcraft2/MediaWiki:Common.css)*/
div.tabs-static, div.tabs-dynamic {
overflow: hidden;
}
ul.tabs {
border-bottom: 1px solid #008eb9;
display: block;
margin: 0px;
padding: 0px;
z-index: 333;
white-space: nowrap;
}
ul.tabs li {
background-color: #c3f0fd;
border: 1px solid #008eb9;
cursor: pointer;
display: inline-block;
font-size: 90%;
margin: 0px;
margin-bottom: -1px;
margin-top: 3px;
padding: 2px 5px 2px 5px;
z-index: 332;
}
ul.tabs li.active {
background-color: #ffffff;
border: 1px solid #008eb9;
border-bottom: 1px solid #ffffff;
padding-top: 1px;
z-index: 334;
}
/* 170 + 75 * (number of tabs) */
@media (max-width: 320px) {
ul.tabs2 {
border-bottom: 0;
}
ul.tabs2 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs2 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs2 li a, ul.tabs2 li strong {
display: block;
}
}
@media (max-width: 395px) {
ul.tabs3 {
border-bottom: 0;
}
ul.tabs3 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs3 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs3 li a, ul.tabs3 li strong {
display: block;
}
}
@media (max-width: 470px) {
ul.tabs4 {
border-bottom: 0;
}
ul.tabs4 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs4 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs4 li a, ul.tabs4 li strong {
display: block;
}
}
@media (max-width: 545px) {
ul.tabs5 {
border-bottom: 0;
}
ul.tabs5 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs5 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs5 li a, ul.tabs5 li strong {
display: block;
}
}
@media (max-width: 620px) {
ul.tabs6 {
border-bottom: 0;
}
ul.tabs6 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs6 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs6 li a, ul.tabs6 li strong {
display: block;
}
}
@media (max-width: 695px) {
ul.tabs7 {
border-bottom: 0;
}
ul.tabs7 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs7 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs7 li a, ul.tabs7 li strong {
display: block;
}
}
@media (max-width: 770px) {
ul.tabs8 {
border-bottom: 0;
}
ul.tabs8 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs8 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs8 li a, ul.tabs8 li strong {
display: block;
}
}
@media (max-width: 845px) {
ul.tabs9 {
border-bottom: 0;
}
ul.tabs9 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs9 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs9 li a, ul.tabs9 li strong {
display: block;
}
}
@media (max-width: 920px) {
ul.tabs10 {
border-bottom: 0;
}
ul.tabs10 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs10 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs10 li a, ul.tabs10 li strong {
display: block;
}
}
@media (max-width: 995px) {
ul.tabs11 {
border-bottom: 0;
}
ul.tabs11 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs11 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs11 li a, ul.tabs11 li strong {
display: block;
}
}
@media (max-width: 1070px) {
ul.tabs12 {
border-bottom: 0;
}
ul.tabs12 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs12 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs12 li a, ul.tabs12 li strong {
display: block;
}
}
@media (max-width: 1145px) {
ul.tabs13 {
border-bottom: 0;
}
ul.tabs13 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs13 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs13 li a, ul.tabs13 li strong {
display: block;
}
}
@media (max-width: 1220px) {
ul.tabs14 {
border-bottom: 0;
}
ul.tabs14 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs14 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs14 li a, ul.tabs14 li strong {
display: block;
}
}
@media (max-width: 1295px) {
ul.tabs15 {
border-bottom: 0;
}
ul.tabs15 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs15 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs15 li a, ul.tabs15 li strong {
display: block;
}
}
@media (max-width: 1370px) {
ul.tabs16 {
border-bottom: 0;
}
ul.tabs16 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs16 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs16 li a, ul.tabs16 li strong {
display: block;
}
}
@media (max-width: 1445px) {
ul.tabs17 {
border-bottom: 0;
}
ul.tabs17 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs17 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs17 li a, ul.tabs17 li strong {
display: block;
}
}
@media (max-width: 1520px) {
ul.tabs18 {
border-bottom: 0;
}
ul.tabs18 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs18 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs18 li a, ul.tabs18 li strong {
display: block;
}
}
@media (max-width: 1595px) {
ul.tabs19 {
border-bottom: 0;
}
ul.tabs19 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs19 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs19 li a, ul.tabs19 li strong {
display: block;
}
}
@media (max-width: 1670px) {
ul.tabs20 {
border-bottom: 0;
}
ul.tabs20 li {
border: 1px solid #008eb9;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs20 li.active {
border: 1px solid #008eb9;
padding-top: 3px;
}
ul.tabs20 li a, ul.tabs20 li strong {
display: block;
}
}
div.tabs-content {
background-color: #ffffff;
border: 2px solid #a3b1bf;
border-top: 0;
padding: 5px;
}
div.tabs-content > div:not(.active) {
display: none;
}
div.tabs-content > div {
overflow-x: auto;
overflow-y: hidden;
}
.tabs-portal .tabs-portal-content-wrapper {
border: 1px solid #aaaaaa;
padding: 10px;
background-color: #b6cfe5;
}
.tabs-portal .tabs-portal-content {
border: 1px solid #aaaaaa;
background-color: #ffffff;
padding: 5px;
overflow-x: auto;
overflow-y: hidden;
}
.tabs-portal ul.tabs {
border: 0;
}
.tabs-portal ul.tabs li {
border: 1px solid #aaaaaa;
border-bottom: 0;
font-size: 150%;
font-weight: bold;
background-color: #b6cfe5;
padding: 3px 30px 2px 30px;
}
.tabs-portal ul.tabs li.active {
font-size: 150%;
border-bottom: 1px solid #b6cfe5;
padding: 5px 30px 2px 30px;
}
/* Reset top margin for lists embedded in columns */
div.columns {
margin-top: 0.3em;
}
div.columns dl,
div.columns ol,
div.columns ul {
margin-top: 0;
}
/* Avoid elements from breaking between columns */
.nocolbreak,
div.columns li,
div.columns dd dd {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
/* Style for [[Template:Flowlist]] that Lets lists flow around floating objecs */
.flowlist ul {
overflow-x: hidden;
margin-left: 0;
padding-left: 1.6em;
}
.flowlist ol {
overflow-x: hidden;
margin-left: 0;
padding-left: 3.2em;
}
.flowlist dl {
overflow-x: hidden;
}
/* Style for horizontal lists (separator following item).
IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 6 (2014-05-09)
@author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}
/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ol li,
.plainlist ul li {
margin-bottom: 0;
}
/* Default style for navigation boxes */
.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%;
}
.navbox-group {
padding: 0.25em 1em; /* group styles */
line-height: 1.5em;
text-align: right;
background: #B1EDFF; /* Background color */
font-weight: bold;
white-space: nowrap;
}
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em; /* Title and above/below styles */
line-height: 1.5em;
text-align: center;
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #EEFAFE; /* Background color */
}
.navbox-list {
line-height: 1.8em;
border-color: #EEFAFE; /* Must match background color */
}
.navbox-list a.external {
color: #7599D4;
}
.navbox th,
.navbox-title {
background: #7FDBF7; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #B1EDFF; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #C3F0FD; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */
}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.mw-body-content .navbar ul {
line-height: inherit;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li span {
font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
/* @noflip */
float: right;
font-weight: normal;
/* @noflip */
margin-left: 0.5em;
/* @noflip */
text-align: right;
width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
width: 6em;
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
font-weight: normal;
/* @noflip */
text-align: right;
}
.navbox .mw-collapsible-toggle {
width: 6em;
}
/* Prevent line breaks in silly places:
1) Where desired
2) Links when we don't want them to
3) Bold "links" to the page itself
4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
.mw-headline {
font-family: Arial,"Linux Libertine",Times,serif
}