MediaWiki:Common.css: Difference between revisions

m
Hm...
mNo edit summary
m (Hm...)
 
(17 intermediate revisions by the same user not shown)
Line 98: Line 98:
#article div.thumb {
#article div.thumb {
   color:inherit;
   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;
}
}


Line 174: 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 327: Line 797:
     line-height: 1.5em;
     line-height: 1.5em;
     text-align: right;
     text-align: right;
     background: #ddddff;      /* Background color */
     background: #B1EDFF;      /* Background color */
     font-weight: bold;
     font-weight: bold;
     white-space: nowrap;
     white-space: nowrap;
Line 344: Line 814:
.navbox,
.navbox,
.navbox-subgroup {
.navbox-subgroup {
     background: #fdfdfd;      /* Background color */
     background: #EEFAFE;      /* Background color */
}
}
.navbox-list {
.navbox-list {
     line-height: 1.8em;
     line-height: 1.8em;
     border-color: #fdfdfd;    /* Must match background color */
     border-color: #EEFAFE;    /* Must match background color */
}
}
.navbox-list a {
.navbox-list a.external {
     color: #59BB33;
     color: #7599D4;
}
}
.navbox th,
.navbox th,
.navbox-title {
.navbox-title {
     background: #ccccff;      /* Level 1 color */
     background: #7FDBF7;      /* Level 1 color */
}
}
.navbox-abovebelow,
.navbox-abovebelow,
th.navbox-group,
th.navbox-group,
.navbox-subgroup .navbox-title {
.navbox-subgroup .navbox-title {
     background: #ddddff;      /* Level 2 color */
     background: #B1EDFF;      /* Level 2 color */
}
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
.navbox-subgroup .navbox-abovebelow {
     background: #e6e6ff;      /* Level 3 color */
     background: #C3F0FD;      /* Level 3 color */
}
}
.navbox-even {
.navbox-even {
Line 468: Line 938:
.wraplinks a {
.wraplinks a {
     white-space: normal;
     white-space: normal;
}
.mw-headline {
  font-family: Arial,"Linux Libertine",Times,serif
}
}
67,565

edits