MediaWiki:Csinferno.css
From QWiki
Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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; } .crosstable .crosstable-bgc-r3-r16{ background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r1{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r4-r2{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r4-r3{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r4-r5 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r6 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r7 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r8 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r9 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r10 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r11 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r12 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r13 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r4-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r5-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r5-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r5-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r5-r6 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r7 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r8 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r9 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r10 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r11 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r12 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r13 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r5-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r6-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r6-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r6-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r6-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r6-r7 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r8 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r9 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r10 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r11 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r12 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r13 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r6-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r7-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r7-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r7-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r7-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r7-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r7-r6 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r7-r8 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r7-r9 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r7-r10 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r7-r11 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r7-r12 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r7-r13 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r7-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r7-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r7-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r8-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r8-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r8-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r8-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r8-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r8-r6 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r8-r7 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r8-r9 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r8-r10 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r8-r11 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r8-r12 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r8-r13 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r8-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r8-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r8-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r9-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r9-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r9-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r9-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r9-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r9-r6 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r9-r7 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r9-r8 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r9-r10 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r9-r11 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r9-r12 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r9-r13 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r9-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r9-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r9-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r10-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r6 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r7 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r8 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r9 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r11 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r10-r12 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r10-r13 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r10-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r10-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r10-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r11-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r6 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r7 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r8 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r9 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r10 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r12 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r11-r13 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r11-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r11-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r11-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r12-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r6 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r7 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r8 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r9 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r10 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r11 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r13 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r12-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r12-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r12-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r13-r1{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r2{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r3{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r4{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r5{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r6{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r7{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r8{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r9{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r10{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r11{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r12{ background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r14 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r13-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r13-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r14-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r6 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r7 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r8 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r9 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r10 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r11 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r12 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r13 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r15 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r14-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r15-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r6 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r7 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r8 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r9 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r10 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r11 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r12 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r13 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r14 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r16 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r16-r1 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r2 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r3 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r4 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r5 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r6 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r7 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r8 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r9 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r10 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r11 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r12 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r13 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r14 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r15 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r1-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r2-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r3-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r4-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r5-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r6-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r7-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r8-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r9-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r10-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r11-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r12-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r13-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r14-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r16-r0 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r15-r19 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r16-r19 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r17-r19 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r19-r15 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r19-r16 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r19-r17 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r22-r18 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r22-r19 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r22-r20 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r18-r22 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r19-r22 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r20-r22 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r25-r21 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r25-r22 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r25-r23 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r21-r25 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r22-r25 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r23-r25 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r15-r21 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r16-r21 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r17-r21 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r18-r21 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r19-r21 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r21-r15 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r21-r16 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r21-r17 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r21-r18 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r21-r19 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r26-r20 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r26-r21 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r26-r22 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r26-r23 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r26-r24 { background-color: #ccffcc; } .crosstable .crosstable-bgc-r20-r26 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r21-r26 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r22-r26 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r23-r26 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r24-r26 { background-color: #ffcccc; } .crosstable .crosstable-bgc-r25-r28 { background-color: #ffcccc; } .crosstable .crosstable-bgc-rw-r { background-color: #ccffcc; } .crosstable .crosstable-bgc-r-rw { background-color: #ffcccc; } .crosstable .crosstable-bgc-rw-r b { display: none; } .crosstable .crosstable-bgc-r-rw b { display: none; } .crosstable .crosstable-bgc-cross { background-color: #f2f2f2; } .crosstable .crosstable-bgc-span { margin: 0; width: 100%; height: 100%; display: block; text-align: center; } .crosstable .crosstable-tr { height: 30px; } /* Cross table row/column highlight by FO-nTTaX */ .crosstable { border-collapse: separate !important; border-spacing: 0 !important; text-align: center; margin: 0 !important; line-height: 14px; } .crosstable td, .crosstable th { padding: 0; border-left: 1px !important; border-top: 1px !important; } .crosstable td:last-child, .crosstable th:last-child { border-right: 1px !important; } .crosstable tr:last-child td, .crosstable tr:last-child th { border-bottom: 1px !important; } .crosstable .crosstable-muted { opacity: 0.5; -moz-box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); -webkit-box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); } .crosstable .crosstable-highlighted-row-upper { -moz-box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset 0px -10px 10px -7px rgba(0,0,0,1); -webkit-box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset 0px -10px 10px -7px rgba(0,0,0,1); box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset 0px -10px 10px -7px rgba(0,0,0,1); } .crosstable .crosstable-highlighted-row-lower { -moz-box-shadow: inset 0px 10px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); -webkit-box-shadow: inset 0px 10px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); box-shadow: inset 0px 10px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); } .crosstable .crosstable-highlighted-column-left { -moz-box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset -10px 0px 10px -7px rgba(0,0,0,1); -webkit-box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset -10px 0px 10px -7px rgba(0,0,0,1); box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset -10px 0px 10px -7px rgba(0,0,0,1); } .crosstable .crosstable-highlighted-column-right { -moz-box-shadow: inset 10px 0px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); -webkit-box-shadow: inset 10px 0px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); box-shadow: inset 10px 0px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); } .crosstable .crosstable-highlighted-row-upper.crosstable-highlighted-column-left { -moz-box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset -10px -10px 10px -7px rgba(0,0,0,1); -webkit-box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset -10px -10px 10px -7px rgba(0,0,0,1); box-shadow: inset 0px 0px 10px -7px rgba(0,0,0,1), inset -10px -10px 10px -7px rgba(0,0,0,1); } .crosstable .crosstable-highlighted-row-upper.crosstable-highlighted-column-right { -moz-box-shadow: inset 10px 0px 10px -7px rgba(0,0,0,1), inset 0px -10px 10px -7px rgba(0,0,0,1); -webkit-box-shadow: inset 10px 0px 10px -7px rgba(0,0,0,1), inset 0px -10px 10px -7px rgba(0,0,0,1); box-shadow: inset 10px 0px 10px -7px rgba(0,0,0,1), inset 0px -10px 10px -7px rgba(0,0,0,1); } .crosstable .crosstable-highlighted-row-lower.crosstable-highlighted-column-left { -moz-box-shadow: inset 0px 10px 10px -7px rgba(0,0,0,1), inset -10px 0px 10px -7px rgba(0,0,0,1); -webkit-box-shadow: inset 0px 10px 10px -7px rgba(0,0,0,1), inset -10px 0px 10px -7px rgba(0,0,0,1); box-shadow: inset 0px 10px 10px -7px rgba(0,0,0,1), inset -10px 0px 10px -7px rgba(0,0,0,1); } .crosstable .crosstable-highlighted-row-lower.crosstable-highlighted-column-right { -moz-box-shadow: inset 10px 10px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); -webkit-box-shadow: inset 10px 10px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); box-shadow: inset 10px 10px 10px -7px rgba(0,0,0,1), inset 0px 0px 10px -7px rgba(0,0,0,1); } /* swisstable CSS by FO-nTTaX */ .swisstable .swisstable-bgc-draw { background-color:#ffffbb; } .swisstable .swisstable-bgc-win { background-color:#ccffcc; } .swisstable .swisstable-bgc-lose{ background-color:#ffcccc; } /* CSS for new Tabs */ div.tabs-static, div.tabs-dynamic { overflow: hidden; } ul.nav-tabs { border-bottom: 2px solid #a3b1bf; display: block; margin: 0px; padding: 0px; z-index: 333; } ul.nav-tabs li { background-color: #cde5b6; border: 1px solid #a3b1bf; border-top-left-radius: 4px; border-top-right-radius: 4px; cursor: pointer; display: inline-block; font-size: 90%; margin: 0px; margin-bottom: -2px; margin-top: 3px; padding: 2px 5px 2px 5px; z-index: 332; } ul.nav-tabs li.active { background-color: #ffffff; border: 2px solid #a3b1bf; border-bottom: 2px 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 #a3b1bf; border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; } ul.tabs2 li.active { border: 1px solid #a3b1bf; 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 #a3b1bf; border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; } ul.tabs3 li.active { border: 1px solid #a3b1bf; 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 #a3b1bf; border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; } ul.tabs4 li.active { border: 1px solid #a3b1bf; 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 #a3b1bf; border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; } ul.tabs5 li.active { border: 1px solid #a3b1bf; 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 #a3b1bf; border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; } ul.tabs6 li.active { border: 1px solid #a3b1bf; 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 #a3b1bf; border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; } ul.tabs7 li.active { border: 1px solid #a3b1bf; 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 #a3b1bf; border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; } ul.tabs8 li.active { border: 1px solid #a3b1bf; padding-top: 3px; } ul.tabs8 li a, ul.tabs8 li strong { display: block; } } div.tabs-content { background-color: #ffffff; border: 2px solid #a3b1bf; border-top: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; 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: #cde5b6; } .tabs-portal .tabs-portal-content { border: 1px solid #aaaaaa; background-color: #ffffff; padding: 5px; overflow-x: auto; overflow-y: hidden; } .tabs-portal > ul.nav-tabs { border: 0; } .tabs-portal > ul.nav-tabs > li { border: 1px solid #aaaaaa; border-bottom: 0; font-size: 150%; font-weight: bold; background-color: #cde5b6; padding: 3px 30px 2px 30px; } .tabs-portal > ul.nav-tabs > li.active { font-size: 150%; border-bottom: 1px solid #cde5b6; padding: 5px 30px 2px 30px; } /* results/achievement tables */ .results-team-icon { width:50px; } .results-score { width:25px; padding-left:5px; padding-right:5px; } /* Countdown Stream Link */ .streamLink {display:none;} .hasStream, .hasStream:visited { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQfgAQ4AFQVA8P06AAAHNElEQVRYw62Xy48c1RXGf+fcW9XjefSMBxvw+AGYh3mYyIJY2EEJirIAlEiW2CRSlLWlKGGXPyMrtuyyygYUkkUCSpTYGJMQ3g9jCBhDsDFjz+B59HRX3XtOFlXTPTM4kYJcUqlK3dV9vvoe59wrc4eeoD1uc+c4cCwE2ScwznU8HFZz9s+AZ0R4GjgHIC2ABxye6kQ5un0CmR5zgvj1rI+5cLUvLKzig+SnBX4JvCZzh564zeE34wUP75vNjGlFzgkcEOV6wBAMATRE+lby6WKgV3FK4GfR4XihfnSuW1N6RUpO1nGq4gayjiOi/w/N1/jQUO9TpgViWqaUzNxUyfnF4mhtcjwCxyaKpB0ZkM2pwgy9Yg9T3Vnu2ncz01PjmDvuvumdVEBUUFFUhRCUoEoISgyBEBQR4criEu+cPc+Vy122cYFOukxHBkyWoov94lgU2DsWKtwySToscyN753bxvYcOMtOdxMzJZmQzGgyOIIjIsHCMgSIEiiJSFoGyiJRFQVEERISHDt3J71/4O2+/VyOsUtgKY1ohFHuj4BPqNeZGjwm2TUzxyJH7md3epRrU1DmTUwPAhiBABESVoEIMoQFRJ6oiUhaZssx0UqQsC27aOcOxR4/wxfwVFj6fp+vLiNcIPhEdJ+eEmVC5cPetu9h5wwxVncjuWDZSzmTzlo3cytHIoKqEkIkpkGIgZSPnFnC2Vr6CHbNd7rjlZk6c/4BJgZwTjhNxSCljpmQzdmzvElTxVndrz9Xlq8xf+jfbd+4llh3cDARU1nXPpBya4rlhy6wBYOaIdNgxO43ljKmRUgaHSMuAeySnhHvzx9LaugECg7UlLp49xb/eMuZuf4Ab9x5ANQCZsMELORrJMmbrsjlujqqAO5YThjVRx4nukC1jFki5xt1RaUwm0uidszE3t4cf/PwXfPjBGU6cPMnr595hz52Hmdm5p5FBhZgyuTCSBSx74xlrmBQVBlVFSjWmRs4ZV4hNgdw+3DYMbaIlLRCAoEq32+XI0Yc5ePBbvPLKy/zt5Ck+/3iKPXcdZnL6BoJq64GAmY8kcEdFqaoab6XJOcM6AHfHW4evR6sBoUMmNChlWRKCMrN9O48+9kMefPAwJ078lRdffp4wuZu5/YeYmOq2sR0BcHdUlTplHB+yAhsAmBvQaBVDY6wQhNACCaqUnQ4xyDCKc7v38OOf/JQjR7/DC8//iX++9gembrqbXbfey/j4+AYAIKJUddPizW0rABqztEhjDE22QyCE3ICJgU7LwNbjwIF7uOOOO3nv3Xf43XPPcfYfz3Hz/ge5cff+BmzLbMMALQOMAIDjbnirdREDRQykFFowShEjnU7nmgAAiqLg24cf4r6D93P6pRf588lX6fXWmoKMJIAR25slMAdvJVgHUARSbu5jDIQYieF/D6fJySkef/xHzO6+h9/+8TX6/Wpo4jSUwK8lgeHrqNq+nrKRolHEJusp1bj9dwAqwtJqn5de/5gXX/+IldU+Y50SkcZLIxPatSTwtvs0fb6IgVwEcg6kHFFVBoOKoPL1eS+Nvm9/eJHnXzrD2XOXCKqMb+uACNImK+U8NOE1JADX0cgNQSmLSDYjZSMoVFVFkNHcFxHcnQvzy5x64xPe/OACXy312ghmBlUaJiiGQEq2wYRbJHAzfAu7MQZKK8jZCZKpqgEqIwaWehXvf3KFdz/6kstfraKijI+VqAipbW4pZeqUqOtmTqyb0F02S2Bu4P41assiYBYhG9WgQgTq5FxY6HPu4hKXF1cxh/Gxsmnd0vyuqlPT4HAse9MhzRoJbFRnUwqutaRSVcqyIFeZfjWgV8H81cTCcp9ssG2s3LL+E1QazZs3bkCtT9eRCfXrEmxlYIgyKBQlKwNnpUqYOGOdYvj4xuWayKidN2Pem8WLyHBB00igW1KA45a5cHF+hHzDEUIkltAxGY7o9SWat5XXC60brw65Xco1jWit1wO31sUbTdhwhHrFq2++x/e/e5hb9+3aBGQ9mt4pWGdtQx5o5R9mPqgSU2qd7/R6aywsLqC2Btjw3UN3132/8mqlLBgQSCwPlPmFFW67ZTfdqYl2GEl7KjHGZlq2+dbh97r5DELQgKqwttbnzJn3WbzyBWX9JVhFLRNIZ3Y1IvIpRfeeur9IqTVl9QVvvfkGv768wL0HbmfXTTsoy2LzUt+9jVemrptryu21vc/JqOqaq0vLXLr0JctfXaasLqK5R50MH5tGVD+NuD8rnZkDg8GChrxMYIWxwXnmP7nCX86/j2gEkW+wG1qXOhNsjU5eQa1PzpmBTCKdGcN5NgJPi8ZHdOqWh3vL5ynrZcqQKaUPCP4Nim8C0s5jd6fKzkCm0Kl9iMbT4E/HZpfqT0roPKXT+4/Wg6tS1yuIDRD8Ou2MBUIHLyfRzrSLxNPgTwLnZOP2HDiOyDGcfe42DtdrhyyI6CrCZ7g/A6Pt+X8ASY1yxknmoCYAAAAASUVORK5CYII=') center right no-repeat; background-position: left; padding-left: 15px; background-size: 12px; color: green; font-weight:bold; } /* collapse new prize pool tables */ table.prizepooltable .prizepooltablecollapsebutton { float:right; cursor:pointer; } table.prizepooltable .prizepooltablecollapsebutton span { color:#002bb8; } table.prizepooltable .prizepooltablecollapsebutton span:hover { text-decoration:underline; } table.prizepooltable:not(.collapsed) .prizepooltableshow, table.prizepooltable.collapsed .prizepooltablehide { display:none; } .prizepooltable-col-team { min-width:170px; } /* message on userpages */ body[class*="ns-2 ns-subject"] #firstHeading:before { content: "This is a userpage. Userpages do not necessarily meet our guidelines for notability or fact-checking!"; border: 3px solid #ff0000; background-color: #ffcccc; display: block; padding: 0px; font-weight: 400; text-align: center; border-radius: 10px; font-size: 70%; } /* message on uncreated team template pages */ body[class*="ns-10 ns-subject page-Template_Team"] .mw-newarticletext:before { content: "You are currently creating a team template. Liquipedia has a nice tool to create them even faster at http://wiki.teamliquid.net/counterstrike/Special:CreateTeams which you really should check out!"; border: 3px solid #0000ff; background-color: #ccccff; display: block; padding: 0px; font-weight: 400; text-align: center; border-radius: 10px; font-size: 140%; line-height: 1.5em; } /* Upcoming and ongoing matches */ .team-left { border-right:none !important; border-bottom:none !important; text-align:right; width:46%; } .versus { border-left:none !important; border-right:none !important; border-bottom:none !important; width:8%; text-align:center; } .team-right { border-left:none !important; border-right: medium none !important; border-bottom:none !important; width:46%; } .additional-links { width:180px; float:right; white-space:nowrap; } .additional-links-icon { float:right; vertical-align:middle; } .additional-links-text { overflow:hidden; text-overflow:ellipsis; max-width: 170px; vertical-align:middle; white-space:nowrap; font-size:11px; height: 16px; margin-top: 3px; } .match-countdown { float:left; padding-top:2px; } .hasStream, countdown { vertical-align:middle; } .match-filler { border-left:none !important; border-right:none !important; border-top:none !important; background-color:#F0EBEB; text-align:center; vertical-align:middle; } .match-countdown-countdown { padding-left:2px; padding-right:2px; vertical-align:middle; } /* New Infoboxes by FO-nTTaX */ .fo-nttax-infobox-wrapper { clear:right; float:right; margin:0 0 10px 10px; font-size:90%; } .fo-nttax-infobox-adbox { width:300px; margin-top:10px; } .fo-nttax-infobox { background-color:#ffffff; width:294px; /* 300-2*2-2*1 */ border:1px solid #aaaaaa; padding:2px; } .fo-nttax-infobox > div { display:table; width:100%; } .fo-nttax-infobox > div:nth-child(2n+1) { background-color:#f5f5f5; } .fo-nttax-infobox > div:after { clear:both; } .fo-nttax-infobox > div > div { width:calc(100% - 4px); float:left; height:inherit; padding:2px; } .fo-nttax-infobox > div > div.infobox-cell-2 { width:calc(50% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-3 { width:calc(33.3333% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-4 { width:calc(25% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-5 { width:calc(20% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-6 { width:calc(16.6666% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-7 { width:calc(14.2857% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-8 { width:calc(12.5% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-9 { width:calc(11.1111% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-10 { width:calc(10% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-11 { width:calc(9.0909% - 4px); } .fo-nttax-infobox > div > div.infobox-cell-12 { width:calc(8.3333% - 4px); } .fo-nttax-infobox-wrapper .infobox-header { background-color:#cde5b6; font-weight:700; text-align:center; font-size:20px; } .fo-nttax-infobox-wrapper .infobox-header-2 { font-size:17px; } .fo-nttax-infobox-wrapper .infobox-header-3 { font-size:15px; } .fo-nttax-infobox-wrapper.infobox-css .infobox-header { background-color:#deb0b0; } .fo-nttax-infobox-wrapper.infobox-cs16 .infobox-header { background-color:#f2e8b8; } .fo-nttax-infobox-wrapper.infobox-cscz .infobox-header { background-color:#b6cfe5; } .fo-nttax-infobox > div > div.infobox-description { font-weight:bold; } .fo-nttax-infobox > div > div.infobox-image { padding:0; width:100%; } .fo-nttax-infobox > div > div.infobox-image img { width:100%; height:auto; } .fo-nttax-infobox > div > div.infobox-center{ text-align:center; } .fo-nttax-infobox-wrapper .infobox-header .infobox-buttons { float:right; font-size:12px; font-weight:500; } .fo-nttax-infobox-wrapper .infobox-header .infobox-buttons a { background:none repeat scroll 0% 0% transparent !important; padding:0px !important; } .fo-nttax-infobox-wrapper .infobox-icons a { background:none repeat scroll 0% 0% transparent !important; padding:0px !important; } .fo-nttax-infobox-wrapper .infobox-text-left { text-align:left; } .fo-nttax-infobox-wrapper .infobox-text-right { text-align:right; } .valvemajor-highlighted { background-color: #ffffcc; } @media (max-width:480px) { .fo-nttax-infobox-wrapper { width:100%; margin-left:0; } .fo-nttax-infobox { width:calc(100% - 6px); } .fo-nttax-infobox-wrapper .infobox-image > div > div { text-align:center; } } /* inventory */ .icon-inventory { margin:7px 5px 0px; vertical-align:top; text-align:center; display:inline-block; line-height:normal; width:120px; } .icon-inventory > .icon-inventory-inner { margin-bottom:5px; } /* Template:WeaponCase */ .item-rarity-consumer b a {color:#b0c3d9;} .item-rarity-industrial b a {color:#5e98d9;} .item-rarity-milspec b a {color:#4b69ff;} .item-rarity-restricted b a {color:#8847ff;} .item-rarity-classified b a {color:#d32ce6;} .item-rarity-contraband b a {color:#e4ae33;} .item-rarity-covert b a {color:#eb4b4b;} .item-rarity-knife b a {color:#caab05;} /* "Select all" by Chapatiyaq */ div.selectall-relative { position: relative; } a.selectall-button + div.selectall-relative { margin-top: -1em; } textarea.selectall-duplicate { -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 1px solid transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; white-space: pre; -moz-tab-size: 13; tab-size: 13; } /* CSS for team templates */ .team-template-team-part { float: right; } .bind-highlighting { display: none; } .tabs .team-template-image img { width:44px; height:18px; } /* kill blue links from matchlists */ .matchlistslot a { color: #000000; text-decoration: none !important; } /* New match series templates */ table.matchseries-table-1, table.matchseries-table-2, table.matchseries-table-stats { width: 695px; } table.matchseries-table-1 { font-weight: bold; margin-bottom: -1px; } .matchseries-table-1 .team1, .matchseries-table-1 .team2 { background: #f2f2f2; width: 45%; } .matchseries-table-1 .team1 { padding-right: 50px; text-align: right; } .matchseries-table-1 .team2 { padding-left: 50px; text-align: left; } .matchseries-table-1 .score { text-align: center; width: 5%; } table.matchseries-table-2 { margin-top: 0; } .matchseries-table-2 .date { text-align: center; padding-left: 40px; } .matchseries-table-2 .game { font-weight: bold; text-align: center; } .matchseries-table-2 .team1, .matchseries-table-2 .team2 { width: 46%; } .matchseries-table-2 .team1.color-radiant-left, .matchseries-table-2 .team2.color-radiant-right { background: rgb(188, 217, 133); } .matchseries-table-2 .team1.color-radiant-right, .matchseries-table-2 .team2.color-radiant-left { background: rgb(231, 158, 126); } .matchseries-table-2 .score1, .matchseries-table-2 .score2 { width: 4%; background: #f2f2f2; } .matchseries-table-2 .score1.winner-1, .matchseries-table-2 .score2.winner-2 { background: rgb(204,255,204); } .matchseries-table-2 .stats-table-container { padding: 0; } table.matchseries-table-stats { margin: -1px; } table.matchseries-table-stats > tr > td, table.matchseries-table-stats > * > tr > td { padding: 1px; } .matchseries-table-stats .scoreboard-header, .matchseries-table-stats .faction, .matchseries-table-stats .scores-header { font-size: 90%; } .matchseries-table-stats .picks, .matchseries-table-stats .bans { background: #f2f2f2; text-align: center; letter-spacing: -3px; white-space: nowrap; } .matchseries-table-stats .stats-header, .matchseries-table-stats .picks-bans-header { font-size: 90%; } .matchseries-table-stats .stats-header th { padding-left: 40px; } .matchseries-table-stats .picks-bans-header .match-id { float: left; width: 130px; text-align: left; padding-left: 3px; } .matchseries-table-stats .picks-bans-header .title { float: left; width: 412px; } .matchseries-table-stats .picks-bans-header .vod { float: right; width: 130px; text-align: right; } .matchseries-table-stats .scores-header .hero, .matchseries-table-stats .scores-header .last-hits { width: 38px; } .matchseries-table-stats .scores-header .lvl, .matchseries-table-stats .scores-header .kills, .matchseries-table-stats .scores-header .death, .matchseries-table-stats .scores-header .assists, .matchseries-table-stats .scores-header .denies { width: 26px; } .matchseries-table-stats .scores-header .items { width: 171px; } .matchseries-table-stats .scores-header .gpm, .matchseries-table-stats .scores-header .xpm { width: 42px; } .matchseries-table-stats .faction.radiant th { background: rgb(188, 217, 133); } .matchseries-table-stats .faction.dire th { background: rgb(231, 158, 126); } .matchseries-table-stats .player-row .hero { padding: 0; } .matchseries-table-stats .player-row .player { max-width: 156px; overflow: hidden; text-indent: 3px; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .matchseries-table-stats .player-row .player .stand-in { float: right; } .matchseries-table-stats .player-row .items { letter-spacing: -3px; padding: 2px; width: 173px; white-space: pre; } #p-Counter-Strike, #p-Contribute, #p-TRENDING, #p-TOURNAMENTS { display:none; } .aspinner { animation-duration:20s; animation-name:aspinnerkfs; animation-timing-function:linear; animation-iteration-count:infinite; } @keyframes aspinnerkfs { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } /* Infobox icons */ .lp-icon { display: inline-block; overflow: hidden; vertical-align: middle; width: 32px; height: 32px; background-image: url(//wiki.teamliquid.net/commons/images/7/77/InfoboxIcon_Alert.png); background-size: 32px 64px; background-position: 0 -32px; } .lp-icon.lp-icon-25 { width: 25px; height: 25px; background-size: 25px 50px; background-position: 0 -25px; } .lp-icon.lp-icon-50 { width: 50px; height: 50px; background-size: 50px 100px; background-position: 0 -50px; } .lp-icon.lp-icon-64 { width: 64px; height: 64px; background-size: 64px 128px; background-position: 0 -64px; } .lp-icon.lp-icon-100 { width: 100px; height: 100px; background-size: 100px 200px; background-position: 0 -100px; } .lp-icon.lp-icon-128 { width: 128px; height: 128px; background-size: 128px 256px; background-position: 0 -128px; } .lp-icon.lp-icon-256 { width: 256px; height: 256px; background-size: 256px 512px; background-position: 0 -256px; } .lp-icon:hover { background-position: 0 0; } .lp-icon.lp-abios { background-image: url(//wiki.teamliquid.net/commons/images/2/21/InfoboxIcon_Abios.png); } .lp-icon.lp-afreeca { background-image: url(//wiki.teamliquid.net/commons/images/7/7c/InfoboxIcon_Afreeca.png); } .lp-icon.lp-aligulac { background-image: url(//wiki.teamliquid.net/commons/images/7/74/InfoboxIcon_Aligulac.png); } .lp-icon.lp-ask-fm { background-image: url(//wiki.teamliquid.net/commons/images/b/b8/InfoboxIcon_AskFM.png); } .lp-icon.lp-azubu { background-image: url(//wiki.teamliquid.net/commons/images/6/62/InfoboxIcon_Azubu.png); } .lp-icon.lp-binary-beast { background-image: url(//wiki.teamliquid.net/commons/images/a/af/InfoboxIcon_BinaryBeast.png); } .lp-icon.lp-bracket { background-image: url(//wiki.teamliquid.net/commons/images/d/d5/InfoboxIcon_Bracket.png); } .lp-icon.lp-cafe-daum { background-image: url(//wiki.teamliquid.net/commons/images/c/c9/InfoboxIcon_Daum.png); } .lp-icon.lp-challonge { background-image: url(//wiki.teamliquid.net/commons/images/c/cd/InfoboxIcon_Challonge.png); } .lp-icon.lp-datdota { background-image: url(//wiki.teamliquid.net/commons/images/2/24/InfoboxIcon_Datdota.png); } .lp-icon.lp-dotabuff { background-image: url(//wiki.teamliquid.net/commons/images/9/90/InfoboxIcon_Dotabuff.png); } .lp-icon.lp-douyutv { background-image: url(//wiki.teamliquid.net/commons/images/b/bc/InfoboxIcon_DouyuTV.png); } .lp-icon.lp-email { background-image: url(//wiki.teamliquid.net/commons/images/2/2f/InfoboxIcon_Email.png); } .lp-icon.lp-esea { background-image: url(//wiki.teamliquid.net/commons/images/9/99/InfoboxIcon_ESEA.png); } .lp-icon.lp-esl { background-image: url(//wiki.teamliquid.net/commons/images/4/44/InfoboxIcon_ESL.png); } .lp-icon.lp-facebook { background-image: url(//wiki.teamliquid.net/commons/images/1/1e/InfoboxIcon_Facebook.png); } .lp-icon.lp-faceit { background-image: url(//wiki.teamliquid.net/commons/images/e/e6/InfoboxIcon_FACEIT.png); } .lp-icon.lp-fanclub { background-image: url(//wiki.teamliquid.net/commons/images/f/fe/InfoboxIcon_TLFanPage.png); } .lp-icon.lp-github { background-image: url(//wiki.teamliquid.net/commons/images/f/fc/InfoboxIcon_GitHub.png); } .lp-icon.lp-google-plus { background-image: url(//wiki.teamliquid.net/commons/images/4/40/InfoboxIcon_Google%2B.png); } .lp-icon.lp-gosugamers { background-image: url(//wiki.teamliquid.net/commons/images/f/f0/InfoboxIcon_GosuGamers.png); } .lp-icon.lp-hitbox { background-image: url(//wiki.teamliquid.net/commons/images/b/b6/InfoboxIcon_HitboxTV.png); } .lp-icon.lp-home { background-image: url(//wiki.teamliquid.net/commons/images/2/2f/InfoboxIcon_Website.png); } .lp-icon.lp-iccup { background-image: url(//wiki.teamliquid.net/commons/images/2/2c/InfoboxIcon_ICCUP.png); } .lp-icon.lp-instagram { background-image: url(//wiki.teamliquid.net/commons/images/7/7d/InfoboxIcon_Instagram.png); } .lp-icon.lp-masteroverwatch { background-image: url(//wiki.teamliquid.net/commons/images/6/60/InfoboxIcon_MasterOverwatch.png); } .lp-icon.lp-music { background-image: url(//wiki.teamliquid.net/commons/images/3/37/InfoboxIcon_Music.png); } .lp-icon.lp-pandatv { background-image: url(//wiki.teamliquid.net/commons/images/d/d3/InfoboxIcon_PandaTV.png); } .lp-icon.lp-reddit { background-image: url(//wiki.teamliquid.net/commons/images/5/59/InfoboxIcon_Reddit.png); } .lp-icon.lp-rules { background-image: url(//wiki.teamliquid.net/commons/images/d/d0/InfoboxIcon_Rules.png); } .lp-icon.lp-skgaming { background-image: url(//wiki.teamliquid.net/commons/images/0/01/InfoboxIcon_SK.png); } .lp-icon.lp-skype { background-image: url(//wiki.teamliquid.net/commons/images/2/29/InfoboxIcon_Skype.png); } .lp-icon.lp-smashboards { background-image: url(//wiki.teamliquid.net/commons/images/a/aa/InfoboxIcon_SmashBoards.png); } .lp-icon.lp-smash-gg { background-image: url(//wiki.teamliquid.net/commons/images/3/3c/InfoboxIcon_SmashGG.png); } .lp-icon.lp-snapchat { background-image: url(//wiki.teamliquid.net/commons/images/f/fc/InfoboxIcon_Snapchat.png); } .lp-icon.lp-steam { background-image: url(//wiki.teamliquid.net/commons/images/d/d0/InfoboxIcon_Steam.png); } .lp-icon.lp-stream { background-image: url(//wiki.teamliquid.net/commons/images/c/c2/InfoboxIcon_Stream.png); } .lp-icon.lp-tencent { background-image: url(//wiki.teamliquid.net/commons/images/4/42/InfoboxIcon_Tencent.png); } .lp-icon.lp-tlpd-hots { background-image: url(//wiki.teamliquid.net/commons/images/e/e3/InfoboxIcon_TLPDHoTS.png); } .lp-icon.lp-tlpd { background-image: url(//wiki.teamliquid.net/commons/images/0/07/InfoboxIcon_TLPDInt.png); } .lp-icon.lp-tlpd-wol { background-image: url(//wiki.teamliquid.net/commons/images/0/07/InfoboxIcon_TLPDInt.png); } .lp-icon.lp-tlpd-wol-korea { background-image: url(//wiki.teamliquid.net/commons/images/7/78/InfoboxIcon_TLPDKor.png); } .lp-icon.lp-tlpd-sospa { background-image: url(//wiki.teamliquid.net/commons/images/9/9d/InfoboxIcon_TLPDSonic.png); } .lp-icon.lp-tlprofile { background-image: url(//wiki.teamliquid.net/commons/images/f/f3/InfoboxIcon_TLProfile.png); } .lp-icon.lp-tlstream { background-image: url(//wiki.teamliquid.net/commons/images/b/b3/InfoboxIcon_TLStream.png); } .lp-icon.lp-toornament { background-image: url(//wiki.teamliquid.net/commons/images/c/cb/InfoboxIcon_Toornament.png); } .lp-icon.lp-tournament { background-image: url(//wiki.teamliquid.net/commons/images/a/a8/InfoboxIcon_Trophy.png); } .lp-icon.lp-twitch { background-image: url(//wiki.teamliquid.net/commons/images/6/61/InfoboxIcon_Twitch.png); } .lp-icon.lp-twitter { background-image: url(//wiki.teamliquid.net/commons/images/1/19/InfoboxIcon_Twitter.png); } .lp-icon.lp-vk { background-image: url(//wiki.teamliquid.net/commons/images/d/d7/InfoboxIcon_VK.png); } .lp-icon.lp-vkontakte { background-image: url(//wiki.teamliquid.net/commons/images/d/d7/InfoboxIcon_VK.png); } .lp-icon.lp-weibo { background-image: url(//wiki.teamliquid.net/commons/images/9/92/InfoboxIcon_Weibo.png); } .lp-icon.lp-youku { background-image: url(//wiki.teamliquid.net/commons/images/8/8e/InfoboxIcon_Youku.png); } .lp-icon.lp-youtube { background-image: url(//wiki.teamliquid.net/commons/images/6/6c/InfoboxIcon_YouTube.png); } /*Broadcast talent partner list */ .broadcast-talent-partner-list { margin-left: -0.5em; text-align: left; } .broadcast-talent-partner-list-frame { border: none !important; } /* new bracket popups */ .bracket-popup-wrapper { box-sizing: border-box; display: none; position: fixed; z-index: 100; font-weight: normal; } .bracket-popup-wrapper * { box-sizing: border-box; } .bracket-popup-wrapper p { margin: 0; padding: 0; } .bracket-popup-wrapper > .bracket-popup { box-shadow: 4px 4px 6px #BBB; background-color: rgba(242, 242, 242, 0.9); color: #333333; border: 1px solid #aaaaaa; border-radius: 5px; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-header { background-color: transparent; border-bottom: 1px solid #aaaaaa; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-header > .bracket-popup-header-left, .bracket-popup-wrapper > .bracket-popup > .bracket-popup-header > .bracket-popup-header-right { width: calc(50% - 2px); padding: 5px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bracket-popup-wrapper.bracket-popup-player > .bracket-popup > .bracket-popup-header > .bracket-popup-header-left, .bracket-popup-wrapper.bracket-popup-player > .bracket-popup > .bracket-popup-header > .bracket-popup-header-right { height: 25px; } .bracket-popup-wrapper.bracket-popup-team > .bracket-popup > .bracket-popup-header > .bracket-popup-header-left, .bracket-popup-wrapper.bracket-popup-team > .bracket-popup > .bracket-popup-header > .bracket-popup-header-right { height: 30px; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-header > .bracket-popup-header-left { text-align: right; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-header > .bracket-popup-header-right { text-align: left; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-header:after { clear: both; content: " "; width: 100%; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-popup-body-match { text-align: center; padding: 2px 0; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-popup-body-match:after { clear: both; content: " "; width: 100%; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-popup-body-match:nth-of-type(2n) { background-color: transparent; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-match-body-time, .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-popup-body-time { border-bottom: 1px dotted #aaaaaa; padding: 5px; font-size: 85%; line-height: 12.5px; text-align: center; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-match-body-time:after, .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-popup-body-time:after { clear: both; content: " "; width: 100%; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-match-body-bans, .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-popup-body-bans { border-top: 1px dotted #aaaaaa; font-weight: bold; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-match-body-bans:after, .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-popup-body-bans:after { clear: both; content: " "; width: 100%; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-match-body-comment, .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-popup-body-comment { border-top: 1px dotted #aaaaaa; font-size: 85%; text-align: center; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-match-body-comment:after, .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body > .bracket-popup-body-comment:after { clear: both; content: " "; width: 100%; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-body:after { clear: both; content: " "; width: 100%; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-footer { background-color: transparent; text-align: center; padding: 5px; border-top: 1px solid #aaaaaa; } .bracket-popup-wrapper > .bracket-popup > .bracket-popup-footer:after { clear: both; content: " "; width: 100%; } .bracket-popup-wrapper.bracket-popup-player { width: 330px; } .bracket-popup-wrapper.bracket-popup-team { width: 330px; } .bracket-popup-wrapper.bracket-popup-wrapper-mobile { width: 100% !important; position: fixed; bottom: 0; left: 0; z-index: 1; } .bracket-popup-wrapper.bracket-popup-wrapper-mobile > .bracket-popup { border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; } /******************************************************************************* Template(s): Upcoming and ongoing games of Author(s): FO-nTTaX *******************************************************************************/ .infobox-upcoming-ongoing-matches { width:100%; } @media (min-width:601px) { .infobox-upcoming-ongoing-matches { float:right; clear:right; max-width:300px; } } .infobox-upcoming-ongoing-matches .infobox-upcoming-ongoing-matches-header { font-size:130%; font-weight:bold; text-align:center; padding:2px; background-color:#cde5b6; }