Bureaucrats, ninja, Administrators
67,565
edits
m (some small change to categories...) |
m (Hm...) |
||
(9 intermediate revisions by the same user not shown) | |||
Line 110: | Line 110: | ||
.mw-normal-catlinks { | .mw-normal-catlinks { | ||
background-color:#E0F7FE; | background-color:#E0F7FE; | ||
} | |||
.mw-normal-catlinks a.new { | |||
color: #7599D4; | |||
} | } | ||
Line 186: | Line 190: | ||
} | } | ||
/* 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 */ | /* Reset top margin for lists embedded in columns */ | ||
Line 480: | Line 938: | ||
.wraplinks a { | .wraplinks a { | ||
white-space: normal; | white-space: normal; | ||
} | |||
.mw-headline { | |||
font-family: Arial,"Linux Libertine",Times,serif | |||
} | } |