Difference between revisions of "MediaWiki:Csinferno.css"

From CS Codex
Jump to: navigation, search
Line 50: Line 50:
 
position: absolute;
 
position: absolute;
 
right: 10px;
 
right: 10px;
 +
}
 +
 +
blockquote.quote div.quote-source {
 +
text-align: right;
 +
}
 +
.ambox-wrapper {
 +
overflow:hidden;
 +
}
 +
.ambox {
 +
margin:0 auto 5px auto;
 +
width:100%;
 +
max-width:600px;
 +
min-width:250px;
 +
border-width:1px 1px 1px 10px;
 +
border-style:solid;
 +
border-top-color:#aaa !important;
 +
border-right-color:#aaa !important;
 +
border-bottom-color:#aaa !important;
 +
overflow:hidden;
 +
background-color:rgb(250,250,250) !important;
 +
}
 +
@media(max-width:600px) {
 +
.ambox-wrapper {
 +
clear:both;
 +
}
 +
}
 +
.ambox-image {
 +
padding:1px;
 +
}
 +
.ambox-text {
 +
padding:5px;
 +
}
 +
.ambox-red {
 +
border-color:#ff0000;
 +
}
 +
.ambox-blue {
 +
border-color:#0000ff;
 +
}
 +
.ambox-green {
 +
border-color:#009900;
 +
}
 +
 +
.liquipedia-links {display: none;}
 +
 +
.cols-2 {
 +
max-width:420px;
 +
}
 +
@media(min-width:1040px) {
 +
.cols-2 {
 +
max-width:840px;
 +
}
 +
}
 +
@media(min-width:1460px) {
 +
.cols-2 {
 +
max-width:1260px;
 +
}
 +
}
 +
@media(min-width:1880px) {
 +
.cols-2 {
 +
max-width:1680px;
 +
}
 +
}
 +
.cols-3 {
 +
max-width:630px;
 +
}
 +
@media(min-width:1460px) {
 +
.cols-3 {
 +
max-width:1260px;
 +
}
 +
}
 +
@media(min-width:2090px) {
 +
.cols-3 {
 +
max-width:1890px;
 +
}
 +
}
 +
.cols-4 {
 +
max-width:840px;
 +
}
 +
@media(min-width:1880px) {
 +
.cols-4 {
 +
max-width:1680px;
 +
}
 +
}
 +
.cols-5 {
 +
max-width:1050px;
 +
}
 +
 +
table.table {
 +
  margin: 1em 0;
 +
  background-color: #f9f9f9;
 +
  border: 1px solid #aaa;
 +
  border-collapse: collapse;
 +
  color: black;
 +
}
 +
table.table > tr > th,
 +
table.table > tr > td,
 +
table.table > * > tr > th,
 +
table.table > * > tr > td {
 +
  border: 1px solid #aaa;
 +
  padding: 0.2em 0.4em;
 +
}
 +
table.table > tr > th,
 +
table.table > * > tr > th {
 +
  background-color: #f2f2f2;
 +
  text-align: center;
 +
}
 +
table.table > caption {
 +
  font-weight: bold;
 +
}
 +
 +
.temp-fixed-width-children {
 +
  width:800px;
 +
  margin:0 auto;
 +
}
 +
.temp-fixed-width-children table {
 +
  width:100%;
 +
}
 +
 +
/* wikitable */
 +
table.wikitable {
 +
            margin: 13px 13px 13px 0;
 +
-webkit-column-break-inside: avoid;
 +
          page-break-inside: avoid;
 +
              break-inside: avoid;
 +
}
 +
table.wikitable > tr > th, table.wikitable > tr > td,
 +
table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 +
padding: 3px;
 +
}
 +
 +
/*blacktable*/
 +
table.blacktable,
 +
.blacktable > tr > th, .blacktable > tr > td,
 +
.blacktable > * > tr > th, .blacktable > * > tr > td,
 +
td.blackcell, th.blackcell {
 +
border-color: #000000;
 +
}
 +
 +
/*greentable*/
 +
table.greentable,
 +
.greentable > tr > th, .greentable > tr > td,
 +
.greentable > * > tr > th, .greentable > * > tr > td,
 +
td.greencell, th.greencell {
 +
border-color: #009900;
 +
}
 +
table.greentable, td.greencell {
 +
background: #afdeaf;
 +
}
 +
.greentable > tr > th, .greentable > * > tr > th,
 +
th.greencell {
 +
background: #33CC33;
 +
}
 +
 +
/*bluetable*/
 +
table.bluetable,
 +
.bluetable > tr > th, .bluetable > tr > td,
 +
.bluetable > * > tr > th, .bluetable > * > tr > td,
 +
td.bluecell, th.bluecell {
 +
border-color: #000099;
 +
}
 +
table.bluetable, td.bluecell {
 +
background: #b6cfe5;
 +
}
 +
.bluetable > tr > th, .bluetable > * > tr > th,
 +
th.bluecell {
 +
background: #7B99C3;
 +
}
 +
 +
/*redtable*/
 +
table.redtable,
 +
.redtable > tr > th, .redtable > tr > td,
 +
.redtable > * > tr > th, .redtable > * > tr > td,
 +
td.redcell, th.redcell {
 +
border-color: #770000;
 +
}
 +
table.redtable, td.redcell {
 +
background: #deafaf;
 +
}
 +
.redtable > tr > th, .redtable > * > tr > th,
 +
th.redcell {
 +
background: #CC3333;
 +
}
 +
 +
/*Removing the Main Page Title */
 +
body.page-Main_Page h1.firstHeading {
 +
display:none;
 +
}
 +
 +
.thumb
 +
{
 +
background:transparent;
 +
border-color:transparent;
 +
}
 +
 +
 +
/* Show/Hide links */
 +
.collapseButton {        /* 'show'/'hide' buttons created dynamically by the        */
 +
float: right;        /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
 +
font-weight: normal;  /* are styled here so they can be customised.              */
 +
text-align: right;
 +
width: auto;
 +
}
 +
 +
span.collapseButton {    /* Uniform width for all show hide cells, so text does    */
 +
min-width: 40px;      /* not jump around.                                      */
 +
}
 +
 +
.collapseCenterFix {      /* For making it possible to have center-aligned items in */
 +
padding-left: 40px;  /* cells with show/hide button.                          */
 +
}
 +
 +
 +
/* Standard Navigationsleisten, aka box hiding thingy
 +
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 +
div.NavFrame {
 +
margin: 0;
 +
padding: 4px;
 +
border: 1px solid #aaa;
 +
text-align: center;
 +
border-collapse: collapse;
 +
font-size: 95%;
 +
}
 +
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: #ccf;
 +
position: relative;
 +
}
 +
div.NavFrame p,
 +
div.NavFrame div.NavContent,
 +
div.NavFrame div.NavContent p {
 +
font-size: 100%;
 +
}
 +
div.NavEnd {
 +
margin: 0;
 +
padding: 0;
 +
line-height: 1px;
 +
clear: both;
 +
}
 +
a.NavToggle {
 +
position: absolute;
 +
top: 0;
 +
right: 3px;
 +
font-weight: normal;
 +
font-size: 90%;
 +
}
 +
/* Allow limiting of which header levels are shown in a TOC;
 +
  <div class="toclimit-3">, for instance, will limit to
 +
  showing ==headings== and ===headings=== but no further
 +
  (as long as there are no =headings= on the page, which
 +
  there shouldn't be according to the MoS).
 +
*/
 +
.toclimit-2 .toclevel-1 ul,
 +
.toclimit-3 .toclevel-2 ul,
 +
.toclimit-4 .toclevel-3 ul,
 +
.toclimit-5 .toclevel-4 ul,
 +
.toclimit-6 .toclevel-5 ul,
 +
.toclimit-7 .toclevel-6 ul { display: none; }
 +
 +
/* Add an additional margin between ordered/unordered lists
 +
  and the TOC table
 +
*/
 +
ol + table.toc,
 +
ul + table.toc {
 +
margin-top: 11px;
 +
}
 +
 +
pre
 +
{
 +
overflow: auto; /* Scrollbar if there are lines with no spaces */
 +
width:auto;
 +
max-width:99%;
 +
}
 +
 +
sup, sup.reference
 +
{
 +
line-height: 0;
 +
vertical-align:super;
 +
}
 +
 +
/* Style for horizontal lists (separator following item) */
 +
ol.hlist, ul.hlist,
 +
.hlist ol, .hlist ul {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
.hlist li {
 +
margin: 0;
 +
display: inline;
 +
}
 +
.hlist li:after {
 +
content: " · ";
 +
font-weight: bold;
 +
margin: 0 0.25em 0 0.3em;
 +
}
 +
.hlist li:last-child:after {
 +
content: none;
 +
}
 +
 +
/* Default skin for navigation boxes */
 +
table.navbox {            /* Navbox container style */
 +
border: 1px solid #aaa;
 +
width: 100%;
 +
margin: auto;
 +
clear: both;
 +
font-size: 88%;
 +
text-align: center;
 +
padding: 1px;
 +
}
 +
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
 +
margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
 +
}
 +
ol + table.navbox,
 +
ul + table.navbox,
 +
div.reflist + table.navbox {
 +
margin-top: 11px;        /* Additional margin when below ordered/unordered lists */
 +
}
 +
.navbox-title,
 +
.navbox-abovebelow,
 +
table.navbox th {
 +
text-align: center;      /* Title and above/below styles */
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
}
 +
.navbox-group {              /* Group style */
 +
white-space: nowrap;
 +
text-align: right;
 +
font-weight: bold;
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
}
 +
.navbox, .navbox-subgroup {
 +
background: #fdfdfd;    /* Background color */
 +
}
 +
.navbox-list {
 +
border-color: #fdfdfd;  /* Must match background color */
 +
}
 +
.navbox-title,
 +
table.navbox th {
 +
background: #cde5b6;    /* Level 1 color */
 +
}
 +
.navbox-abovebelow,
 +
.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
background: #d5eebe;    /* Level 2 color */
 +
}
 +
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
 +
background: #dcf7c4;    /* Level 3 color */
 +
}
 +
.navbox-even {
 +
background: #f7f7f7;    /* Even row striping */
 +
}
 +
.navbox-odd {
 +
background: transparent; /* Odd row striping */
 +
}
 +
 +
.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.        */
 +
 +
.navbox-navbar {                  /* Navbox template links */
 +
font-size: 88%;        /* Default font-size */
 +
font-weight: normal;
 +
}
 +
.navbox .navbox-navbar {
 +
font-size: 100%;      /* Font-size when nested within navbox */
 +
}
 +
 +
.banned img {
 +
opacity:0.4;
 +
filter:alpha(opacity=40);  /* For IE8 and earlier */
 +
}
 +
 +
.banned img:hover {
 +
opacity:1.0;
 +
filter:alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
 +
div.mw-content-ltr h2 { overflow:hidden; }
 +
 +
table.mptop2 { margin-left:180px; }
 +
.mw-editsection span.smalledit, .tnl-header span.smalledit { float: right; font-size: 70%; font-weight: 400; margin-right: 8px;}
 +
.tnl-header { border: 1px solid #aaa; margin-top: 6px; margin-bottom: 5px; font-weight: 700; color: #1f3140; font-size: 125%; text-align: center; width: 100%;}
 +
.tnl-sedate { float: right; min-width: 48px; max-width: 48px; max-height: 24px; }
 +
.tnl-sdate { position:relative; left:0; top:-3px; font-size:xx-small; }
 +
.tnl-edate { position:relative; left:0; top:-12px; font-size:xx-small; }  #prefcontrol{padding-top:2px;}  pre.mw-code.mw-css { font-size:11px; }
 +
 +
div.mp-topbanner { width:100%;margin:0 0 6px 0;border:1px solid #ddd;position:relative;height:80px; }
 +
div.mp-title { position:absolute;float:left;display:inline-block;height:80px;top:50%;font-size:162%;margin-top:-24px; }
 +
div.mp-title-links { float:right;font-size: 95%;height:80px; }
 +
div.mp-portal-links { width:100%;font-size:120%;padding:2px 0; }
 +
div.mp-box-header { border:1px solid #BFB1A3;border-width:1px 1px 0;padding:0.1em;text-align:center;margin-bottom:0px; }
 +
div.mp-small-link { font-size:80%;float:right;padding-right:5px;margin-bottom:.1em; }
 +
div.mp-box-content { border:1px solid #BFB1A3;text-align:left;background-color:#fff;margin: 0 0 10px;padding:0.5em; }
 +
div.mw-content-ltr h2 { overflow:hidden; }
 +
 +
ul.halfbox {
 +
width: calc(100% - 20px);
 +
padding: 5px;
 +
box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
}
 +
 +
/* Weapons Portal */
 +
ul.halfbox > li {
 +
background: none repeat scroll 0 0 #F2F2F2;
 +
border: 1px solid #AAAAAA;
 +
display: block;
 +
float: left;
 +
font-weight: 700;
 +
height: 150px;
 +
margin: 5px;
 +
width: 200px;
 +
}
 +
 +
.halfbox li img {
 +
height: 100%;
 +
width: 100%;
 +
}
 +
 +
.halfbox li span a {
 +
color:white;
 +
text-shadow: 1px 1px 0 black, -1px 1px 0 black, -1px -1px 0 black, 1px -1px 0 black;
 +
margin: -17px 0 0 2px;
 +
position: absolute;
 +
min-width: 196px;
 +
text-align: center;
 +
margin: -19px 0 0 1px;
 +
}
 +
 +
.halfbox li span a.new {
 +
color:#dd0000;;
 +
}
 +
 +
/* Brackets */
 +
.bracket {
 +
font-size: 11px;
 +
background: white;
 +
display: table;
 +
-webkit-transform-origin: left top 0px;
 +
transform-origin: left top 0px;
 +
}
 +
 +
.bracket-column {
 +
float: left;
 +
position: relative;
 +
}
 +
 +
.bracket-header {
 +
border-radius: 2px;
 +
border: 1px solid #aaa;
 +
padding: 2px 0 2px 0;
 +
position: relative;
 +
left: 0;
 +
right: 0;
 +
line-height:18px;
 +
margin-bottom: 20px;
 +
text-align: center;
 +
background: #ebebeb;
 +
}
 +
 +
.bracket-cell-r1 {
 +
height: 36px;
 +
}
 +
.bracket-cell-r2 {
 +
height: 72px;
 +
}
 +
.bracket-cell-r3 {
 +
height: 144px;
 +
}
 +
.bracket-cell-r4 {
 +
height: 288px;
 +
}
 +
.bracket-cell-r5 {
 +
height: 576px;
 +
}
 +
.bracket-cell-r6 {
 +
height: 1152px;
 +
}
 +
.bracket-cell-r7 {
 +
height: 2304px;
 +
}
 +
.bracket-cell-r1, .bracket-cell-r2, .bracket-cell-r3, .bracket-cell-r4, .bracket-cell-r5, .bracket-cell-r6, .bracket-cell-r7 {
 +
position: relative;
 +
}
 +
.bracket-team-top, .bracket-team-bottom, .bracket-player-top, .bracket-player-bottom, .bracket-team-middle, .bracket-player-middle {
 +
border-radius:0 0 2px 2px;
 +
border:solid #aaa 1px;
 +
position:absolute;
 +
padding: 1px;
 +
min-height:20px;
 +
line-height:18px;
 +
background: #f2f2f2;
 +
left:0;
 +
right:0;
 +
}
 +
.bracket-team-top, .bracket-player-top {
 +
bottom:0;
 +
border-radius:2px 2px 0 0;
 +
}
 +
.bracket-team-middle, .bracket-player-middle {
 +
bottom:0;
 +
border-radius:2px;
 +
}
 +
.bracket-score {
 +
text-align:center;
 +
background:#ebebeb;
 +
border-left:1px solid #aaa;
 +
position:absolute;
 +
line-height:22px;
 +
right:0;
 +
top:0;
 +
bottom:0;
 +
}
 +
.bracket-team-bottom .bracket-score, .bracket-player-bottom .bracket-score {
 +
border-bottom-right-radius: 2px;
 +
}
 +
.bracket-team-top .bracket-score, .bracket-player-bottom .bracket-score {
 +
border-top-right-radius: 2px;
 +
}
 +
.bracket-hover {
 +
-moz-box-shadow: 0 0 2px #000;
 +
-webkit-box-shadow: 0 0 2px #000;
 +
box-shadow: 0 0 2px #000;
 +
border: 1px solid #000 !important;
 +
}
 +
 +
/* Delayed hover */
 +
.bracket-hover,
 +
.grouptableslot,
 +
.matchlistslot,
 +
.bracket-team-top,
 +
.bracket-team-bottom,
 +
.bracket-player-top,
 +
.bracket-player-bottom {
 +
transition: .5s;
 +
}
 +
 +
div.ib-sr { border-bottom:1px solid #aaa; }
 +
div.ib-sr:last-child { border-bottom:0px hidden; }
 +
 +
 +
div.ib-sr div {
 +
display:inline-block;
 +
padding:1px 0px;
 +
border-left:1px solid #aaa;
 +
text-align:center;
 +
}
 +
 +
div.ib-sr div#title{
 +
display:inline-block;
 +
padding:1px 0px 1px 1px;
 +
border:none;
 +
width:83px;
 +
text-align:left;
 +
}
 +
 +
div.ib-sr div#lvl1 { width:66%; }
 +
div.ib-sr div#lvl2 { width:33%; }
 +
div.ib-sr div#lvl3 { width:22%; }
 +
div.ib-sr div#lvl4 { width:16.3%; }
 +
 +
/* Match summary */
 +
.bracket-popup div.match-row {
 +
letter-spacing: -3px;
 +
min-height: 21px;
 +
padding-top:1px;
 +
position: relative;
 +
}
 +
 +
.bracket-popup .left .check {
 +
left: 157px;
 +
position: absolute;
 +
}
 +
 +
.bracket-popup .right .check {
 +
right: 158px;
 +
position: absolute;
 +
}
 +
 +
.bracket-popup div.game-length {
 +
font-size: 10px;
 +
letter-spacing: 0;
 +
text-align: center;
 +
top: 3px;
 +
}
 +
 +
.bracket-popup div.date {
 +
border-bottom: 1px dotted #aaa;
 +
line-height:1.8em;
 +
font-size:85%;
 +
text-align:center;
 +
}
 +
 +
div.bracket-game-details {
 +
width:310px;
 +
text-align:center;
 +
border:1px solid #aaa;
 +
display: none;
 +
background: rgba(242, 242, 242, 0.9);
 +
border-radius: 5px 5px 5px 5px;
 +
box-shadow: 4px 4px 6px #BBBBBB;
 +
z-index: 100;
 +
position:absolute;
 +
}
 +
 +
div.header {
 +
display:table-row;
 +
font-weight:bold;
 +
padding: 2px 5px;
 +
}
 +
 +
.bracket-game-details .header div {
 +
display:table-cell;
 +
line-height:26px;
 +
width:195px;
 +
padding-bottom:0px;
 +
border-bottom: 1px solid #aaa;
 +
}
 +
 +
.bracket-game-details .header div.left {
 +
text-align:right;
 +
padding-right:2px;
 +
}
 +
 +
.bracket-game-details .header div.right {
 +
text-align:left;
 +
padding-left:2px;
 +
}
 +
 +
.bracket-game-details div.icons {
 +
margin-top:2px;
 +
border-top: 1px solid #aaa;
 +
padding:2px;
 +
}
 +
 +
.bracket-game .icon,
 +
.match-row-icon {
 +
cursor: pointer;
 +
height: 12px;
 +
width: 12px;
 +
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAANlBMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmb///9ILJjfAAAAEHRSTlMABgcbbW5vx8vP0NHz9Pj5x+0EuQAAAE5JREFUCB0FwYEBgyAMALC0Rdn/106YZUkQIy+7f0eoe4JnvRVzEsGIN2sC3DkKDqjxQXAwEw7Q+QVgZwPQJUoQ7FWnDbCeDuLKy+59/AEcPhsvBYzCqwAAAABJRU5ErkJggg==) no-repeat transparent;
 +
z-index: 50;
 +
position: absolute;
 +
}
 +
.bracket-game .icon {
 +
right: 16px;
 +
}
 +
.match-row-icon {
 +
left: calc(-6px - 0.4em);
 +
top: calc(6px - 0.2em);
 +
}
 +
.match-row div.bracket-game-details {
 +
font-size: 85%;
 +
font-weight: normal;
 +
}
 +
 +
/* mobile popups */
 +
.bracket-popup-mobile {
 +
position:fixed;
 +
bottom:0px;
 +
left:0px;
 +
margin:0;
 +
width:100% !important;
 +
border-radius:0px !important;
 +
border-left:0 !important;
 +
border-right:0 !important;
 +
}
 +
 +
/* Quotes */
 +
blockquote.templatequote {
 +
background: none repeat scroll 0 0 #cde5b6;
 +
font-family: "Open Sans",sans-serif;
 +
font-style: italic;
 +
padding: 5px 10px;
 +
border-left:5px solid #cde5b6;
 +
position:relative;
 +
width:70%;
 +
margin-left:15%;
 +
max-width:900px;
 +
}
 +
blockquote.templatequote:before {
 +
color: #cde5b6;
 +
content: open-quote;
 +
font-size: 5em;
 +
left: -40px;
 +
top:16px;
 +
position: absolute;
 +
}
 +
blockquote.templatequote:after {
 +
color: #cde5b6;
 +
content: close-quote;
 +
font-size: 5em;
 +
position: absolute;
 +
right: -25px;
 +
bottom:-16px;
 +
}
 +
 +
.matchseries .player {
 +
white-space:nowrap;
 +
max-width:156px;
 +
text-indent:3px;
 +
text-align:left;
 +
overflow:hidden;
 +
text-overflow:ellipsis;
 +
}
 +
 +
.matchseries .items {
 +
width:173px;
 +
letter-spacing:-3px;
 +
padding:2px;
 +
}
 +
 +
/* Tabs */
 +
.tabs-container.ui-tabs {
 +
overflow: hidden;
 +
}
 +
.tabs-container .swap {
 +
width: 100%;
 +
background:#f2f2f2;
 +
padding: 3px 0;
 +
margin-bottom: -14px;
 +
text-align: center;
 +
cursor: pointer;
 +
}
 +
.tabs-container.ui-widget.ui-widget-content {
 +
font-family: inherit;
 +
font-size: inherit;
 +
border: 0;
 +
background: none;
 +
}
 +
.tabs-container .ui-widget-header {
 +
border: 0;
 +
background: none;
 +
}
 +
.tabs-container .ui-tabs-nav {
 +
padding: 0;
 +
}
 +
.tabs-container .ui-tabs-nav li {
 +
background-clip: content-box;
 +
}
 +
.tabs-container.ui-tabs .ui-tabs-panel {
 +
padding: 5px;
 +
border: 1px solid #aaa;
 +
}
 +
.tabs-container .wikitable {
 +
margin-top: 0;
 +
}
 +
.tabs-container .ui-tabs-nav li span {
 +
padding: 0px 0.6em;
 +
}
 +
.ui-tabs .ui-tabs-nav li.ui-state-default {
 +
background: #e5ccb6;
 +
border-color: #aaa;
 +
}
 +
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
 +
background: white;
 +
}
 +
.tabs-container.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
 +
padding:0 0 0.2em 0;
 +
}
 +
.ui-tabs-panel.ui-widget-content a { color:#002bb8; }
 +
.ui-tabs-panel.ui-widget-content a:visited { color:#5a3696; }
 +
.ui-tabs-panel.ui-widget-content a.new { color:#ba0000; }
 +
.ui-tabs-panel.ui-widget-content a.new:visited { color:#a55858; }
 +
/* Fix for brackets overflowing out of tabs (Chapatiyaq)*/
 +
.tabs-container .bracket-wrapper {
 +
overflow: auto;
 +
}
 +
 +
/* Hover cards (by PhiLtheFisH) */
 +
#hoverimage {
 +
position: absolute;
 +
z-index: 100;
 +
max-width: 200px;
 +
max-height: 200px;
 +
}
 +
 +
/* CSS fixes for MW update */
 +
.mw-content-ltr .mw-editsection, .mw-content-rtl .mw-content-ltr .mw-editsection {
 +
float: right;
 +
margin-left: 5px;
 +
}
 +
h1 .mw-editsection {
 +
font-size: 53%;
 +
}
 +
h2 .mw-editsection {
 +
font-size: 67%;
 +
}
 +
h3 .mw-editsection {
 +
font-size: 76%;
 +
font-weight: normal;
 +
}
 +
h4 .mw-editsection {
 +
font-size: 86%;
 +
font-weight: normal;
 +
}
 +
h5 .mw-editsection {
 +
font-weight: normal;
 +
}
 +
h6 .mw-editsection {
 +
font-size: 125%;
 +
font-weight: normal;
 +
}
 +
#toc, .toc, .mw-warning {
 +
display: table;
 +
}
 +
 +
/* Class to hide the caption below HTML5 videos */
 +
video.no-caption + p {
 +
display: none;
 +
}
 +
 +
/* Liquipedia links */
 +
.LiquipediaLinks {
 +
float: right;
 +
}
 +
 +
 +
/* Team Cards */
 +
 +
.teamcard {
 +
position: relative;
 +
width: 175px;
 +
}
 +
.teamcard > center {
 +
width:175px;
 +
}
 +
.teamcard table.list,
 +
.teamcard table.logo {
 +
height: 121px;
 +
margin-top: 0;
 +
width: 175px;
 +
}
 +
.teamcard table.list {
 +
opacity: 0;
 +
filter: alpha(opacity=0);
 +
table-layout: fixed;
 +
position: absolute;
 +
z-index: 2;
 +
}
 +
.teamcard table.list:hover {
 +
opacity: 1;
 +
filter: alpha(opacity=100);
 +
background-color: rgba(249, 249, 249, 0.95);
 +
}
 +
.teamcard table.logo td {
 +
padding: 0;
 +
}
 +
.teamcard table.list td, .teamcard table.list th {
 +
padding: 2px;
 +
}
 +
.teamcard table.list th {
 +
width: 20px;
 +
}
 +
.teamcard table.list td {
 +
white-space: nowrap;
 +
height: 21px;
 +
text-overflow: ellipsis;
 +
overflow: hidden;
 +
}
 +
.teamcard .teamcard-placement {
 +
padding: 0 !important;
 +
}
 +
.teamcard .teamcard-placement table.teamcard-placement-table {
 +
width: 100%;
 +
text-align: center;
 +
height: 29px;
 +
border-collapse: collapse;
 +
}
 +
.teamcard .teamcard-qualifier {
 +
text-align: center;
 +
font-weight: bold;
 +
height: 25px;
 +
}
 +
.teamcard .teamcard-preview {
 +
text-align: center;
 +
}
 +
 +
/* So that floating [edit] tags don't get pushed down by "float-right/clear-right" divs (such as thumbnail pictures) */
 +
#mw-content-text h1,
 +
#mw-content-text h2,
 +
#mw-content-text h3,
 +
#mw-content-text h4,
 +
#mw-content-text h5,
 +
#mw-content-text h6 {
 +
overflow: hidden;
 +
}
 +
 +
/* Main page CSS */
 +
.page-Main_Page .infoboxes {
 +
padding: 1px;
 +
min-width: 800px;
 +
}
 +
.page-Main_Page .right-side {
 +
display: block;
 +
float: right;
 +
height: 100%;
 +
margin-left: 6px;
 +
width: 531px;
 +
}
 +
.infobox_news_2 {
 +
border: solid #aaa 1px;
 +
margin: 8px 6px 8px 6px;
 +
font-size: 95%;
 +
padding: 1px 12px 0px 12px;
 +
border-radius: 5px;
 +
box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
}
 +
div.mpboxtitle {
 +
height: 25px;
 +
border-radius: 5px;
 +
width: 100%;
 +
margin-top: +5px;
 +
float: center;
 +
padding: 3px 0;
 +
}
 +
#infobox_tournaments {
 +
width: 280px;
 +
}
 +
#infobox_portals {
 +
width: 227px;
 +
}
 +
#infobox_tournaments,
 +
#infobox_portals {
 +
height: 491px;
 +
float: right;
 +
}
 +
#infobox_game_news, #infobox_liquipedia_news, #infobox_matches {
 +
overflow: hidden;
 +
}
 +
.infobox_matches_content {
 +
margin-left:auto;
 +
margin-right:auto;
 +
width:100%;
 +
max-width:300px;
 +
}
 +
.infobox_matches {
 +
max-width:300px;
 +
margin: 0px 0px 8px 10px;
 +
}
 +
.help-link {
 +
  float:right;
 +
}
 +
#adbox-container {
 +
display: inline-block;
 +
margin-left: 12px;
 +
}
 +
#mainpage-mid-column {
 +
float: right;
 +
}
 +
/* Main page banner */
 +
.lp-banner-container {
 +
padding: 1px;
 +
}
 +
.lp-banner {
 +
width: 100%;
 +
min-height: 130px;
 +
}
 +
.lp-banner-left {
 +
text-align: center;
 +
}
 +
.lp-banner-left > div {
 +
display: inline-block;
 +
}
 +
.lp-banner-2 {
 +
text-align: center;
 +
width: 350px;
 +
}
 +
div.mpwelcome {
 +
line-height: 40px;
 +
}
 +
div.mpsubtitle {
 +
margin-top:.5em;
 +
font-weight: 700;
 +
line-height: 10px;
 +
}
 +
.lp-banner-right {
 +
width: 330px;
 +
padding-right: 8px;
 +
}
 +
@media screen and (min-width:1280px) {
 +
.lp-banner {
 +
display: table;
 +
table-layout: fixed;
 +
}
 +
.lp-banner > div {
 +
display: table-cell;
 +
vertical-align: middle;
 +
}
 +
.lp-banner-1 {
 +
text-align: left;
 +
float: left;
 +
}
 +
}
 +
@media screen and (max-width:1279px) {
 +
.lp-banner-container {
 +
background-size: contain;
 +
}
 +
.lp-banner {
 +
text-align: center;
 +
}
 +
.lp-banner > div {
 +
text-align: center;
 +
}
 +
.lp-banner > div.lp-banner-right {
 +
display: inline-block;
 +
text-align: left;
 +
}
 +
div.mpwelcome {
 +
font-size: 30px;
 +
line-height: 30px;
 +
}
 +
div.mpsubtitle {
 +
text-align: center;
 +
font-size: 17px;
 +
}
 +
div.lp-banner:before,
 +
div.lp-banner:after {
 +
content: " ";
 +
display: table;
 +
}
 +
div.lp-banner:after {
 +
clear: both;
 +
}
 +
}
 +
@media screen and (min-width: 768px) {
 +
.lp-banner-container {
 +
/* @embed */
 +
background: #eafcd9 url(/counterstrike/skins/csinferno/CT.jpg) no-repeat;
 +
border: 1px solid #aaa;
 +
background-clip: content-box;
 +
}
 +
.lp-banner-left {
 +
padding-left: 170px;
 +
}
 +
.lp-banner-right {
 +
padding-left: 0;
 +
}
 +
}
 +
@media screen and (min-width: 768px) and (max-width:1279px) {
 +
.lp-banner-right {
 +
padding-left: 170px;
 +
}
 +
}
 +
 +
/* No wrap for the StarCraft II cell in the Liquipedia Bracket Contests page */
 +
#contest td.starcraft-ii {
 +
white-space: nowrap;
 +
}
 +
 +
/* Bold white text style for the placement texts */
 +
.bold-white-text {
 +
color: white;
 +
font-weight: 700;
 +
text-shadow: 1px 1px rgba(64,64,64,.4), 1px -1px rgba(64,64,64,.4), -1px -1px rgba(64,64,64,.4), -1px 1px rgba(64,64,64,.4);
 +
}
 +
.bold-white-text b {
 +
font-weight: 700;
 +
}
 +
 +
/* So that match details are over the left sidebar*/
 +
#column-one div {
 +
z-index: 0;
 +
}
 +
 +
/* Crosstable CSS by Swampflare */
 +
.crosstable .crosstable-bgc-r0-r0 {
 +
background-color:#f9f9f9;
 +
}
 +
.crosstable .crosstable-bgc-r1-r1 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r2-r2 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r3-r3 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r4-r4 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r5-r5 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r6-r6 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r7-r7 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r8-r8 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r9-r9 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r10-r10 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r11-r11 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r12-r12 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r13-r13 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r14-r14 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r15-r15 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r16-r16 {
 +
background-color:#ffffbb;
 +
}
 +
.crosstable .crosstable-bgc-r0-r1 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r2 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r3 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r4 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r5 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r6 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r7 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r8 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r9 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r10 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r11 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r12 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r13 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r14 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r15 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r0-r16 {
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r2{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r3{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r4{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r5{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r6{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r7{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r8{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r9{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r10{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r11{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r12{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r13{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r14{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r15{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r1-r16{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r1 {
 +
background-color:#ccffcc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r3{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r4{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r5{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r6{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r7{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r8{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r9{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r10{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r11{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r12{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r13{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r14{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r15{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r2-r16{
 +
background-color:#ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r1 {
 +
background-color: #ccffcc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r2 {
 +
background-color: #ccffcc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r4{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r5{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r6{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r7{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r8{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r9{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r10{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r11{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r12{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r13{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r14{
 +
background-color: #ffcccc;
 +
}
 +
.crosstable .crosstable-bgc-r3-r15{
 +
background-color: #ffcccc;
 
}
 
}

Revision as of 23:48, 16 July 2021

/* For new Main Page stuff */ 

@import url("//wiki.teamliquid.net/commons/load.php?articles=MediaWiki:Common.css/TeamTemplates.css|MediaWiki:Common.css/DivTable.css|MediaWiki:Common.css/TeamTemplates.css|MediaWiki:Common.css/Matchticker.css|MediaWiki:Common.css/Mainpage.css&only=styles&mode=articles&*");

/* Back to regular stuff */
/* CSS placed here will affect users of the csinferno skin */

/* hide stuff based on LiquiFlow skin being used or not */
body.skin-liquiflow .hide-in-liquiflow,
body:not(.skin-liquiflow) .hide-in-not-liquiflow {
	display:none;
}

/*******************************************************************************
Template(s): Box
Author(s): ???
*******************************************************************************/
@media(min-width:601px) {
	.template-box {
		display:inline-block;
		vertical-align:top;
		margin:0 0 0 0;
	}
}

blockquote.quote {
	background: none repeat scroll 0 0 #E0ECF6;
	border:1px solid #aaa;
	border-left: 5px solid #9FB5C8;
	font-family: "Open Sans",sans-serif;
	font-style: italic;
	overflow: hidden;
	padding: 5px 60px;
	position: relative;
}
blockquote.quote:before {
	color: #9FB5C8;
	content: open-quote;
	float: left;
	font-size: 5em;
	left: 0px;
	position: absolute;
	top: 20px;
}
blockquote.quote:after {
	bottom: -10px;
	color: #9FB5C8;
	content: close-quote;
	font-size: 5em;
	position: absolute;
	right: 10px;
}

blockquote.quote div.quote-source {
	text-align: right;
}
.ambox-wrapper {
	overflow:hidden;
}
.ambox {
	margin:0 auto 5px auto;
	width:100%;
	max-width:600px;
	min-width:250px;
	border-width:1px 1px 1px 10px;
	border-style:solid;
	border-top-color:#aaa !important;
	border-right-color:#aaa !important;
	border-bottom-color:#aaa !important;
	overflow:hidden;
	background-color:rgb(250,250,250) !important;
}
@media(max-width:600px) {
	.ambox-wrapper {
		clear:both;
	}
}
.ambox-image {
	padding:1px;
}
.ambox-text {
	padding:5px;
}
.ambox-red {
	border-color:#ff0000;
}
.ambox-blue {
	border-color:#0000ff;
}
.ambox-green {
	border-color:#009900;
}

.liquipedia-links {display: none;}

.cols-2 {
	max-width:420px;
}
@media(min-width:1040px) {
	.cols-2 {
		max-width:840px;
	}
}
@media(min-width:1460px) {
	.cols-2 {
		max-width:1260px;
	}
}
@media(min-width:1880px) {
	.cols-2 {
		max-width:1680px;
	}
}
.cols-3 {
	max-width:630px;
}
@media(min-width:1460px) {
	.cols-3 {
		max-width:1260px;
	}
}
@media(min-width:2090px) {
	.cols-3 {
		max-width:1890px;
	}
}
.cols-4 {
	max-width:840px;
}
@media(min-width:1880px) {
	.cols-4 {
		max-width:1680px;
	}
}
.cols-5 {
	max-width:1050px;
}

table.table {
  margin: 1em 0;
  background-color: #f9f9f9;
  border: 1px solid #aaa;
  border-collapse: collapse;
  color: black;
}
table.table > tr > th,
table.table > tr > td,
table.table > * > tr > th,
table.table > * > tr > td {
  border: 1px solid #aaa;
  padding: 0.2em 0.4em;
}
table.table > tr > th,
table.table > * > tr > th {
  background-color: #f2f2f2;
  text-align: center;
}
table.table > caption {
  font-weight: bold;
}

.temp-fixed-width-children {
  width:800px;
  margin:0 auto;
}
.temp-fixed-width-children table {
  width:100%;
}

/* wikitable */
table.wikitable {
	             margin: 13px 13px 13px 0;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
table.wikitable > tr > th, table.wikitable > tr > td,
table.wikitable > * > tr > th, table.wikitable > * > tr > td {
	padding: 3px;
}

/*blacktable*/
table.blacktable,
.blacktable > tr > th, .blacktable > tr > td,
.blacktable > * > tr > th, .blacktable > * > tr > td,
td.blackcell, th.blackcell {
	border-color: #000000;
}

/*greentable*/
table.greentable,
.greentable > tr > th, .greentable > tr > td,
.greentable > * > tr > th, .greentable > * > tr > td,
td.greencell, th.greencell {
	border-color: #009900;
}
table.greentable, td.greencell {
	background: #afdeaf;
}
.greentable > tr > th, .greentable > * > tr > th,
th.greencell {
	background: #33CC33;
}

/*bluetable*/
table.bluetable,
.bluetable > tr > th, .bluetable > tr > td,
.bluetable > * > tr > th, .bluetable > * > tr > td,
td.bluecell, th.bluecell {
	border-color: #000099;
}
table.bluetable, td.bluecell {
	background: #b6cfe5;
}
.bluetable > tr > th, .bluetable > * > tr > th,
th.bluecell {
	background: #7B99C3;
}

/*redtable*/
table.redtable,
.redtable > tr > th, .redtable > tr > td,
.redtable > * > tr > th, .redtable > * > tr > td,
td.redcell, th.redcell {
	border-color: #770000;
}
table.redtable, td.redcell {
	background: #deafaf;
}
.redtable > tr > th, .redtable > * > tr > th,
th.redcell {
	background: #CC3333;
}

/*Removing the Main Page Title */
body.page-Main_Page h1.firstHeading {
	display:none;
}

.thumb
{
	background:transparent;
	border-color:transparent;
}


/* Show/Hide links */
.collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */
	float: right;         /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
	font-weight: normal;  /* are styled here so they can be customised.              */
	text-align: right;
	width: auto;
}

span.collapseButton {     /* Uniform width for all show hide cells, so text does    */
	min-width: 40px;      /* not jump around.                                       */
}

.collapseCenterFix {      /* For making it possible to have center-aligned items in */
	padding-left: 40px;   /* cells with show/hide button.                           */
}


/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
	margin: 0;
	padding: 4px;
	border: 1px solid #aaa;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}
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: #ccf;
	position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
	font-size: 100%;
}
div.NavEnd {
	margin: 0;
	padding: 0;
	line-height: 1px;
	clear: both;
}
a.NavToggle {
	position: absolute;
	top: 0;
	right: 3px;
	font-weight: normal;
	font-size: 90%;
}
/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul { display: none; }

/* Add an additional margin between ordered/unordered lists
   and the TOC table
 */
ol + table.toc,
ul + table.toc {
	margin-top: 11px;
}

pre
{
	overflow: auto; /* Scrollbar if there are lines with no spaces */
	width:auto;
	max-width:99%;
}

sup, sup.reference
{
line-height: 0;
vertical-align:super;
}

/* Style for horizontal lists (separator following item) */
ol.hlist, ul.hlist,
.hlist ol, .hlist ul {
	margin: 0;
	padding: 0;
}
.hlist li {
	margin: 0;
	display: inline;
}
.hlist li:after {
	content: " · ";
	font-weight: bold;
	margin: 0 0.25em 0 0.3em;
}
.hlist li:last-child:after {
	content: none;
}

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
	border: 1px solid #aaa;
	width: 100%;
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
	margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
ol + table.navbox,
ul + table.navbox,
div.reflist + table.navbox {
	margin-top: 11px;        /* Additional margin when below ordered/unordered lists */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
	text-align: center;      /* Title and above/below styles */
	padding-left: 1em;
	padding-right: 1em;
}
.navbox-group {              /* Group style */
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}
.navbox, .navbox-subgroup {
	background: #fdfdfd;     /* Background color */
}
.navbox-list {
	border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
	background: #cde5b6;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background: #d5eebe;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
	background: #dcf7c4;     /* Level 3 color */
}
.navbox-even {
	background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
	background: transparent; /* Odd row striping */
}

.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.         */

.navbox-navbar {                  /* Navbox template links */
	font-size: 88%;        /* Default font-size */
	font-weight: normal;
}
.navbox .navbox-navbar {
	font-size: 100%;       /* Font-size when nested within navbox */
}

.banned img {
	opacity:0.4;
	filter:alpha(opacity=40);  /* For IE8 and earlier */
}

.banned img:hover {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

div.mw-content-ltr h2 { overflow:hidden; }

table.mptop2 { margin-left:180px; }
.mw-editsection span.smalledit, .tnl-header span.smalledit { float: right; font-size: 70%; font-weight: 400; margin-right: 8px;}
.tnl-header { border: 1px solid #aaa; margin-top: 6px; margin-bottom: 5px; font-weight: 700; color: #1f3140; font-size: 125%; text-align: center; width: 100%;}
.tnl-sedate { float: right; min-width: 48px; max-width: 48px; max-height: 24px; }
.tnl-sdate { position:relative; left:0; top:-3px; font-size:xx-small; }
.tnl-edate { position:relative; left:0; top:-12px; font-size:xx-small; }  #prefcontrol{padding-top:2px;}  pre.mw-code.mw-css { font-size:11px; }

div.mp-topbanner { width:100%;margin:0 0 6px 0;border:1px solid #ddd;position:relative;height:80px; }
div.mp-title { position:absolute;float:left;display:inline-block;height:80px;top:50%;font-size:162%;margin-top:-24px; }
div.mp-title-links { float:right;font-size: 95%;height:80px; }
div.mp-portal-links { width:100%;font-size:120%;padding:2px 0; }
div.mp-box-header { border:1px solid #BFB1A3;border-width:1px 1px 0;padding:0.1em;text-align:center;margin-bottom:0px; }
div.mp-small-link { font-size:80%;float:right;padding-right:5px;margin-bottom:.1em; }
div.mp-box-content { border:1px solid #BFB1A3;text-align:left;background-color:#fff;margin: 0 0 10px;padding:0.5em; }
div.mw-content-ltr h2 { overflow:hidden; }

ul.halfbox {
width: calc(100% - 20px);
padding: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* Weapons Portal */
ul.halfbox > li {
	background: none repeat scroll 0 0 #F2F2F2;
	border: 1px solid #AAAAAA;
	display: block;
	float: left;
	font-weight: 700;
	height: 150px;
	margin: 5px;
	width: 200px;
}

.halfbox li img {
	height: 100%;
	width: 100%;
}

.halfbox li span a {
	color:white;
	text-shadow: 1px 1px 0 black, -1px 1px 0 black, -1px -1px 0 black, 1px -1px 0 black;
	margin: -17px 0 0 2px;
	position: absolute;
	min-width: 196px;
	text-align: center;
	margin: -19px 0 0 1px;
}

.halfbox li span a.new {
	color:#dd0000;;
}

/* Brackets */
.bracket {
	font-size: 11px;
	background: white;
	display: table;
	-webkit-transform-origin: left top 0px;
	transform-origin: left top 0px;
}

.bracket-column {
	float: left;
	position: relative;
}

.bracket-header {
	border-radius: 2px;
	border: 1px solid #aaa;
	padding: 2px 0 2px 0;
	position: relative;
	left: 0;
	right: 0;
	line-height:18px;
	margin-bottom: 20px;
	text-align: center;
	background: #ebebeb;
}

.bracket-cell-r1 {
	height: 36px;
}
.bracket-cell-r2 {
	height: 72px;
}
.bracket-cell-r3 {
	height: 144px;
}
.bracket-cell-r4 {
	height: 288px;
}
.bracket-cell-r5 {
	height: 576px;
}
.bracket-cell-r6 {
	height: 1152px;
}
.bracket-cell-r7 {
	height: 2304px;
}
.bracket-cell-r1, .bracket-cell-r2, .bracket-cell-r3, .bracket-cell-r4, .bracket-cell-r5, .bracket-cell-r6, .bracket-cell-r7 {
	position: relative;
}
.bracket-team-top, .bracket-team-bottom, .bracket-player-top, .bracket-player-bottom, .bracket-team-middle, .bracket-player-middle {
	border-radius:0 0 2px 2px;
	border:solid #aaa 1px;
	position:absolute;
	padding: 1px;
	min-height:20px;
	line-height:18px;
	background: #f2f2f2;
	left:0;
	right:0;
}
.bracket-team-top, .bracket-player-top {
	bottom:0;
	border-radius:2px 2px 0 0;
}
.bracket-team-middle, .bracket-player-middle {
	bottom:0;
	border-radius:2px;
}
.bracket-score {
	text-align:center;
	background:#ebebeb;
	border-left:1px solid #aaa;
	position:absolute;
	line-height:22px;
	right:0;
	top:0;
	bottom:0;
}
.bracket-team-bottom .bracket-score, .bracket-player-bottom .bracket-score {
	border-bottom-right-radius: 2px;
}
.bracket-team-top .bracket-score, .bracket-player-bottom .bracket-score {
	border-top-right-radius: 2px;
}
.bracket-hover {
	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000;
	border: 1px solid #000 !important;
}

/* Delayed hover */
.bracket-hover, 
.grouptableslot, 
.matchlistslot, 
.bracket-team-top, 
.bracket-team-bottom, 
.bracket-player-top, 
.bracket-player-bottom {
	transition: .5s;
}

div.ib-sr { border-bottom:1px solid #aaa; }
div.ib-sr:last-child { border-bottom:0px hidden; }


div.ib-sr div { 
	display:inline-block;
	padding:1px 0px;
	border-left:1px solid #aaa;
	text-align:center;
}

div.ib-sr div#title{
	display:inline-block;
	padding:1px 0px 1px 1px;
	border:none;
	width:83px;
	text-align:left;
}

div.ib-sr div#lvl1 { width:66%; }
div.ib-sr div#lvl2 { width:33%; }
div.ib-sr div#lvl3 { width:22%; }
div.ib-sr div#lvl4 { width:16.3%; }

/* Match summary */
.bracket-popup div.match-row {
	letter-spacing: -3px;
	min-height: 21px;
	padding-top:1px;
	position: relative;
}

.bracket-popup .left .check {
	left: 157px;
	position: absolute;
}

.bracket-popup .right .check {
	right: 158px;
	position: absolute;
}

.bracket-popup div.game-length {
	font-size: 10px;
	letter-spacing: 0;
	text-align: center;
	top: 3px;
}

.bracket-popup div.date {
	border-bottom: 1px dotted #aaa; 
	line-height:1.8em; 
	font-size:85%; 
	text-align:center;
}

div.bracket-game-details {
	width:310px;
	text-align:center;
	border:1px solid #aaa;
	display: none;
	background: rgba(242, 242, 242, 0.9);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 4px 4px 6px #BBBBBB;
	z-index: 100;
	position:absolute;
}

div.header {
	display:table-row;
	font-weight:bold;
	padding: 2px 5px;
}

.bracket-game-details .header div {
	display:table-cell;
	line-height:26px; 
	width:195px; 
	padding-bottom:0px; 
	border-bottom: 1px solid #aaa;
}

.bracket-game-details .header div.left {
	text-align:right;
	padding-right:2px; 
}

.bracket-game-details .header div.right {
	text-align:left; 
	padding-left:2px; 
}

.bracket-game-details div.icons {
	margin-top:2px; 
	border-top: 1px solid #aaa; 
	padding:2px;
}

.bracket-game .icon,
.match-row-icon {
	cursor: pointer;
	height: 12px;
	width: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAANlBMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmb///9ILJjfAAAAEHRSTlMABgcbbW5vx8vP0NHz9Pj5x+0EuQAAAE5JREFUCB0FwYEBgyAMALC0Rdn/106YZUkQIy+7f0eoe4JnvRVzEsGIN2sC3DkKDqjxQXAwEw7Q+QVgZwPQJUoQ7FWnDbCeDuLKy+59/AEcPhsvBYzCqwAAAABJRU5ErkJggg==) no-repeat transparent; 
	z-index: 50;
	position: absolute;
}
.bracket-game .icon {
	right: 16px;
}
.match-row-icon {
	left: calc(-6px - 0.4em);
	top: calc(6px - 0.2em);
}
.match-row div.bracket-game-details {
	font-size: 85%;
	font-weight: normal;
}

/* mobile popups */
.bracket-popup-mobile {
	position:fixed;
	bottom:0px;
	left:0px;
	margin:0;
	width:100% !important;
	border-radius:0px !important;
	border-left:0 !important;
	border-right:0 !important;
}

/* Quotes */
blockquote.templatequote {
	background: none repeat scroll 0 0 #cde5b6;
	font-family: "Open Sans",sans-serif;
	font-style: italic;
	padding: 5px 10px;
	border-left:5px solid #cde5b6;
	position:relative;
	width:70%;
	margin-left:15%;
	max-width:900px;
}
blockquote.templatequote:before {
	color: #cde5b6;
	content: open-quote;
	font-size: 5em;
	left: -40px;
	top:16px;
	position: absolute;
}
blockquote.templatequote:after {
	color: #cde5b6;
	content: close-quote;
	font-size: 5em;
	position: absolute;
	right: -25px;
	bottom:-16px;
}

.matchseries .player {
	white-space:nowrap;
	max-width:156px;
	text-indent:3px;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
}

.matchseries .items {
	width:173px;
	letter-spacing:-3px;
	padding:2px;
}

/* Tabs */
.tabs-container.ui-tabs {
	overflow: hidden;
}
.tabs-container .swap {
	width: 100%;
	background:#f2f2f2;
	padding: 3px 0;
	margin-bottom: -14px;
	text-align: center;
	cursor: pointer;
}
.tabs-container.ui-widget.ui-widget-content {
	font-family: inherit;
	font-size: inherit;
	border: 0;
	background: none;
}
.tabs-container .ui-widget-header {
	border: 0;
	background: none;
}
.tabs-container .ui-tabs-nav {
	padding: 0;
}
.tabs-container .ui-tabs-nav li {
	background-clip: content-box;
}
.tabs-container.ui-tabs .ui-tabs-panel {
	padding: 5px;
	border: 1px solid #aaa;
}
.tabs-container .wikitable {
	margin-top: 0;
}
.tabs-container .ui-tabs-nav li span {
	padding: 0px 0.6em;
}
.ui-tabs .ui-tabs-nav li.ui-state-default {
	background: #e5ccb6;
	border-color: #aaa;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background: white;
}
.tabs-container.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
	padding:0 0 0.2em 0;
}
.ui-tabs-panel.ui-widget-content a { color:#002bb8; }
.ui-tabs-panel.ui-widget-content a:visited { color:#5a3696; }
.ui-tabs-panel.ui-widget-content a.new { color:#ba0000; }
.ui-tabs-panel.ui-widget-content a.new:visited { color:#a55858; }
/* Fix for brackets overflowing out of tabs (Chapatiyaq)*/
.tabs-container .bracket-wrapper {
	overflow: auto;
}

/* Hover cards (by PhiLtheFisH) */
#hoverimage {
	position: absolute;
	z-index: 100;
	max-width: 200px;
	max-height: 200px;
}

/* CSS fixes for MW update */
.mw-content-ltr .mw-editsection, .mw-content-rtl .mw-content-ltr .mw-editsection {
	float: right;
	margin-left: 5px;
}
h1 .mw-editsection {
	font-size: 53%;
}
h2 .mw-editsection {
	font-size: 67%;
}
h3 .mw-editsection {
	font-size: 76%;
	font-weight: normal;
}
h4 .mw-editsection {
	font-size: 86%;
	font-weight: normal;
}
h5 .mw-editsection {
	font-weight: normal;
}
h6 .mw-editsection {
	font-size: 125%;
	font-weight: normal;
}
#toc, .toc, .mw-warning {
	display: table;
}

/* Class to hide the caption below HTML5 videos */
video.no-caption + p {
	display: none;
}

/* Liquipedia links */
.LiquipediaLinks {
	float: right;
}


/* Team Cards */ 

.teamcard {
	position: relative;
	width: 175px; 
}
.teamcard > center {
	width:175px;
}
.teamcard table.list,
.teamcard table.logo {
	height: 121px;
	margin-top: 0;
	width: 175px; 
}
.teamcard table.list {
	opacity: 0;
	filter: alpha(opacity=0);
	table-layout: fixed;
	position: absolute;
	z-index: 2;
}
.teamcard table.list:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: rgba(249, 249, 249, 0.95);
}
.teamcard table.logo td {
	padding: 0;
}
.teamcard table.list td, .teamcard table.list th {
	padding: 2px;
}
.teamcard table.list th {
	width: 20px;
}
.teamcard table.list td { 
	white-space: nowrap;
	height: 21px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.teamcard .teamcard-placement {
	padding: 0 !important;
}
.teamcard .teamcard-placement table.teamcard-placement-table {
	width: 100%;
	text-align: center;
	height: 29px;
	border-collapse: collapse;
}
.teamcard .teamcard-qualifier {
	text-align: center;
	font-weight: bold;
	height: 25px;
}
.teamcard .teamcard-preview {
	text-align: center;
}

/* So that floating [edit] tags don't get pushed down by "float-right/clear-right" divs (such as thumbnail pictures) */
#mw-content-text h1,
#mw-content-text h2,
#mw-content-text h3,
#mw-content-text h4,
#mw-content-text h5,
#mw-content-text h6 {
	overflow: hidden;
}

/* Main page CSS */
.page-Main_Page .infoboxes {
	padding: 1px;
	min-width: 800px;
}
.page-Main_Page .right-side {
	display: block;
	float: right;
	height: 100%;
	margin-left: 6px;
	width: 531px;
}
.infobox_news_2 {
	border: solid #aaa 1px;
	margin: 8px 6px 8px 6px;
	font-size: 95%;
	padding: 1px 12px 0px 12px;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div.mpboxtitle {
	height: 25px;
	border-radius: 5px;
	width: 100%;
	margin-top: +5px;
	float: center;
	padding: 3px 0;
}
#infobox_tournaments {
	width: 280px;
}
#infobox_portals {
	width: 227px;
}
#infobox_tournaments,
#infobox_portals {
	height: 491px;
	float: right;
}
#infobox_game_news, #infobox_liquipedia_news, #infobox_matches {
	overflow: hidden;
}
.infobox_matches_content {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:300px;
}
.infobox_matches {
	max-width:300px;
	margin: 0px 0px 8px 10px;
}
.help-link {
	   float:right;
}
#adbox-container {
	display: inline-block;
	margin-left: 12px;
}
#mainpage-mid-column {
	float: right;
}
/* Main page banner */
.lp-banner-container {
	padding: 1px;
}
.lp-banner {
	width: 100%;
	min-height: 130px;
}
.lp-banner-left {
	text-align: center;
}
.lp-banner-left > div {
	display: inline-block;
}
.lp-banner-2 {
	text-align: center;
	width: 350px;
}
div.mpwelcome {
	line-height: 40px;
}
div.mpsubtitle {
	margin-top:.5em;
	font-weight: 700;
	line-height: 10px;
}
.lp-banner-right {
	width: 330px;
	padding-right: 8px;
}
@media screen and (min-width:1280px) {
	.lp-banner {
		display: table;
		table-layout: fixed;
	}
	.lp-banner > div {
		display: table-cell;
		vertical-align: middle;
	}
	.lp-banner-1 {
		text-align: left;
		float: left;
	}
}
@media screen and (max-width:1279px) {
	.lp-banner-container {
		background-size: contain;
	}
	.lp-banner {
		text-align: center;
	}
	.lp-banner > div {
		text-align: center;
	}
	.lp-banner > div.lp-banner-right {
		display: inline-block;
		text-align: left;
	}
	div.mpwelcome {
		font-size: 30px;
		line-height: 30px;
	}
	div.mpsubtitle {
		text-align: center;
		font-size: 17px;
	}
	div.lp-banner:before,
	div.lp-banner:after {
		content: " ";
		display: table;
	}
	div.lp-banner:after {
		clear: both;
	}
}
@media screen and (min-width: 768px) {
	.lp-banner-container {
		/* @embed */
		background: #eafcd9 url(/counterstrike/skins/csinferno/CT.jpg) no-repeat;
		border: 1px solid #aaa;
		background-clip: content-box;
	}
	.lp-banner-left {
		padding-left: 170px;
	}
	.lp-banner-right {
		padding-left: 0;
	}
}
@media screen and (min-width: 768px) and (max-width:1279px) {
	.lp-banner-right {
		padding-left: 170px;
	}
}

/* No wrap for the StarCraft II cell in the Liquipedia Bracket Contests page */
#contest td.starcraft-ii {
	white-space: nowrap;
}

/* Bold white text style for the placement texts */
.bold-white-text {
	color: white;
	font-weight: 700;
	text-shadow: 1px 1px rgba(64,64,64,.4), 1px -1px rgba(64,64,64,.4), -1px -1px rgba(64,64,64,.4), -1px 1px rgba(64,64,64,.4);
}
.bold-white-text b {
	font-weight: 700;
}

/* So that match details are over the left sidebar*/
#column-one div {
	z-index: 0;
}

/* Crosstable CSS by Swampflare */
.crosstable .crosstable-bgc-r0-r0 {
	background-color:#f9f9f9;
}
.crosstable .crosstable-bgc-r1-r1 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r2-r2 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r3-r3 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r4-r4 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r5-r5 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r6-r6 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r7-r7 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r8-r8 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r9-r9 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r10-r10 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r11-r11 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r12-r12 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r13-r13 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r14-r14 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r15-r15 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r16-r16 {
	background-color:#ffffbb;
}
.crosstable .crosstable-bgc-r0-r1 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r2 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r3 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r4 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r5 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r6 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r7 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r8 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r9 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r10 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r11 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r12 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r13 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r14 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r15 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r0-r16 {
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r2{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r3{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r4{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r5{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r6{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r7{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r8{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r9{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r10{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r11{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r12{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r13{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r14{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r15{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r1-r16{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r2-r1 { 
	background-color:#ccffcc;
}
.crosstable .crosstable-bgc-r2-r3{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r4{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r5{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r6{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r7{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r8{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r9{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r10{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r11{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r12{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r13{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r14{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r15{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r2-r16{
	background-color:#ffcccc;
}
.crosstable .crosstable-bgc-r3-r1 {
	background-color: #ccffcc;
}
.crosstable .crosstable-bgc-r3-r2 {
	background-color: #ccffcc;
}
.crosstable .crosstable-bgc-r3-r4{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r5{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r6{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r7{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r8{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r9{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r10{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r11{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r12{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r13{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r14{
	background-color: #ffcccc;
}
.crosstable .crosstable-bgc-r3-r15{
	background-color: #ffcccc;
}
Retrieved from "http://cscodex.com/mediawiki-1.28.1/index.php?title=MediaWiki:Csinferno.css&oldid=13"