Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| (30 intermediate revisions by 2 users not shown) | |||
| Line 4: | Line 4: | ||
.centered { text-align: center; } | .centered { text-align: center; } | ||
.clearfix { clear: left; } | .clearfix { clear: left; } | ||
| + | |||
| + | /* User:Garlic test settings, to be deleted soon */ | ||
| + | .garliccustom a { | ||
| + | color:black | ||
| + | } | ||
| + | .garlicblacklink a { | ||
| + | color:black | ||
| + | } | ||
| + | .garliccustom img { | ||
| + | height:20px; | ||
| + | width:48px; | ||
| + | } | ||
| + | .garlicbracket img { | ||
| + | transform:translateY(-1px); | ||
| + | } | ||
| + | .garlicbracket-test td { | ||
| + | border:1px solid #aaa !important; | ||
| + | border-width:1px 1px 1px 1px !important; border-style:solid !important; border-color:#aaa !important; | ||
| + | } | ||
/* Prize Tables */ | /* Prize Tables */ | ||
.prizetable { | .prizetable { | ||
text-align:center; | text-align:center; | ||
| + | border-collapse: collapse; | ||
| + | margin:1em 0; | ||
} | } | ||
.prizetable th { | .prizetable th { | ||
| Line 13: | Line 34: | ||
font-weight:bold; | font-weight:bold; | ||
background-color:#f2f2f2; | background-color:#f2f2f2; | ||
| + | border:1px solid #aaa; | ||
} | } | ||
.prizetable td { | .prizetable td { | ||
padding:0.4em 0.8em; | padding:0.4em 0.8em; | ||
| − | background-color:#f9f9f9 | + | background-color:#f9f9f9; |
| + | border:1px solid #aaa; | ||
} | } | ||
.prizetable td:last-child { | .prizetable td:last-child { | ||
text-align:left; | text-align:left; | ||
} | } | ||
| − | .prizetable-1 { | + | .prizetable-1 td { |
| − | background-color: | + | background-color:#ffd700; |
} | } | ||
| − | .prizetable-2 { | + | .prizetable-2 td { |
| − | background-color: | + | background-color:#c0c0c0; |
} | } | ||
| − | .prizetable-3 { | + | .prizetable-3 td { |
| − | background-color: | + | background-color:#cc9966; |
} | } | ||
| Line 51: | Line 74: | ||
.clicktabs-active { | .clicktabs-active { | ||
background-color:#f9f9f9; | background-color:#f9f9f9; | ||
| − | border-bottom: | + | border-bottom:none; |
| − | |||
} | } | ||
.clicktabs-content { | .clicktabs-content { | ||
| Line 418: | Line 440: | ||
/* Map location styles */ | /* Map location styles */ | ||
| − | .maploc { width: 810px | + | .maploc { width: 810px; } |
| − | .maploc div.container { width: | + | .maploc div.container { width: 808px; position: relative; margin: 0; } |
| − | .maploc div.container div.marker { width: 21px; height: 31px; position: absolute; background: url(../ | + | .maploc div.container div.marker { width: 21px; height: 31px; position: absolute; background: url(../images/thumb/d/d5/Map_marker.png/176px-Map_marker.png); background-size: 21px 31px; z-index: 0; cursor: pointer; } |
| − | .maploc div.container div.marker div { width: 160px; height: 20px; position: relative; top: -25px; left: -69px; background-color: | + | .maploc div.container div.marker div { width: 160px; height: 20px; position: relative; top: -25px; left: -69px; background-color: #f8f9fa; border: 1px solid #a2a9b1; box-shadow: 0px 5px 5px rgba(0,0,0,0.5); text-align: center; font-size: small; display: none; z-index: 1;} |
.maploc div.container div.marker:hover div { display: block; z-index: 1; } | .maploc div.container div.marker:hover div { display: block; z-index: 1; } | ||
@media screen and (max-width:1024px) { | @media screen and (max-width:1024px) { | ||
| Line 539: | Line 561: | ||
height: 12px; | height: 12px; | ||
width: 12px; | width: 12px; | ||
| − | background: url( | + | background: url(../images/c/c5/Bracketinfoicon.png) no-repeat transparent; |
z-index: 50; | z-index: 50; | ||
top: 50%; | top: 50%; | ||
| Line 582: | Line 604: | ||
pre.mw-code.mw-css { font-size:11px; } | pre.mw-code.mw-css { font-size:11px; } | ||
| − | .bannerfull { background: #e0af96 url( | + | .bannerfull { background: #e0af96 url(../images/9/99/Mainpagebanner.png) no-repeat; height: 130px; width: 1228px; } |
/*Removing the Main Page / Community Portal Title*/ | /*Removing the Main Page / Community Portal Title*/ | ||
| Line 821: | Line 843: | ||
height: 12px; | height: 12px; | ||
width: 12px; | width: 12px; | ||
| − | background: url( | + | background: url(../images/c/c5/Bracketinfoicon.png) no-repeat transparent; |
z-index: 50; | z-index: 50; | ||
position: absolute; | position: absolute; | ||
| Line 1,063: | Line 1,085: | ||
.hasStream, .hasStream:visited { | .hasStream, .hasStream:visited { | ||
| − | background: url( | + | background: url(../images/4/43/Twitch_icon.png) center right no-repeat; |
background-position: left; | background-position: left; | ||
padding-left: 15px; | padding-left: 15px; | ||
Latest revision as of 08:51, 12 December 2023
/* CSS placed here will be applied to all skins */
/* Global styles */
.centered { text-align: center; }
.clearfix { clear: left; }
/* User:Garlic test settings, to be deleted soon */
.garliccustom a {
color:black
}
.garlicblacklink a {
color:black
}
.garliccustom img {
height:20px;
width:48px;
}
.garlicbracket img {
transform:translateY(-1px);
}
.garlicbracket-test td {
border:1px solid #aaa !important;
border-width:1px 1px 1px 1px !important; border-style:solid !important; border-color:#aaa !important;
}
/* Prize Tables */
.prizetable {
text-align:center;
border-collapse: collapse;
margin:1em 0;
}
.prizetable th {
text-align:center;
font-weight:bold;
background-color:#f2f2f2;
border:1px solid #aaa;
}
.prizetable td {
padding:0.4em 0.8em;
background-color:#f9f9f9;
border:1px solid #aaa;
}
.prizetable td:last-child {
text-align:left;
}
.prizetable-1 td {
background-color:#ffd700;
}
.prizetable-2 td {
background-color:#c0c0c0;
}
.prizetable-3 td {
background-color:#cc9966;
}
/* Template:ClickTabs */
.clicktabs-tab {
cursor:pointer;
padding:5px 10px;
font-size:95%;
line-height:0.95em;
border:solid 2px #aaa;
white-space:nowrap;
width: 20px;
}
.clicktabs-inactive {
background-color:#d5d5d5;
border-bottom:2px solid #aaa;
font-weight:normal;
}
.clicktabs-inactive:hover {
background-color:#aaa;
}
.clicktabs-active {
background-color:#f9f9f9;
border-bottom:none;
}
.clicktabs-content {
border:solid 2px #aaa;
border-top:0;
text-align:left;
padding:5px 10px;
background-color:#f9f9f9;
}
/* comp.tf Infobox */
.comptf-infobox {
border:1px solid #aaa;
font-size:13px;
padding:2px;
width:300px;
float:right;
border-spacing:0;
clear:right;
margin:0.5em 0 0 1em;
}
.comptf-infobox-title {
width:100%;
font-size:20px;
font-weight:700;
text-align:center;
background-color:#d8d8d8;
}
.comptf-infobox-subtitle {
width:100%;
font-size:18px;
font-weight:700;
text-align:center;
background-color:#d8d8d8;
}
.comptf-infobox-header {
width:112px;
vertical-align:top;
}
.comptf-infobox-body {
width:182px;
}
.comptf-infobox .comptf-infobox-info:nth-of-type(even) {
background-color: #f5f5f5;
}
.comptf-infobox-icons > a > img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.comptf-infobox-icons > a > img:hover {
-webkit-filter: grayscale(0);
filter: none;
}
.comptf-plainlinks a {color:inherit !important;}
.comptf-plainlinks a:hover {color:inherit !important;}
.comptf-controls {
font-size:10px;
line-height:1;
}
.comptf-controls a {
color:inherit;
font-weight:400;
}
/*Player Tournament History Table*/
.player-t-h {
border:1px solid #aaa;
border-collapse:collapse;
text-align:center;
margin:1em 0;
}
.player-t-h .player-t-h-left {
background:white;
border-right:1px solid #aaa;
}
.player-t-h th {
border:1px solid #aaa;
background:#f2f2f2;
padding:2px 5px;
}
.player-t-h tbody td {
border-bottom:1px solid #aaa;
padding:5px 15px;
}
.player-t-h-place::before, .player-t-h-place::after {
display:block;
content:"";
width:1px;
height:100%;
position:absolute;
top:0;
}
.player-t-h-place::before{
left:0px;
}
.player-t-h-place::after {
right:-1px;
}
.player-t-h-1::before, .player-t-h-1::after {
background:#CCAD00
}
.player-t-h-2::before, .player-t-h-2::after {
background:#999999
}
.player-t-h-3::before, .player-t-h-3::after {
background:#A37A51
}
.player-t-h-other::before, .player-t-h-other::after {
background:#aaa
}
.player-t-h tbody tr:nth-of-type(even) {
background: #f5f5f5;
}
/* Infobox styles */
.infobox { float: right; width: 24em; font-size: 88%; background: #f9f9f9; border: 1px solid #ccc; margin: 5px; }
.infobox th { background: #d9d9d9; font-size: small; }
/* Infobox Ad styles */
.infoboxad { float: right; width: 24em; margin: 5px; }
/* Infobox 2 styles */
.infobox2 { float: left; width: 24em; font-size: 88%; background: #f9f9f9; border: 1px solid #ccc; clear:both;}
.infobox2 th { background: #d9d9d9; font-size: small; }
/* 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:#d9d9d9;
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 > div > div.infobox-description {
font-weight:bold;
}
.fo-nttax-infobox > div > div.infobox-image {
padding:0;
}
.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;
}
}
/* Main page styles */
.mainpage { width: 100%; margin-bottom: 4px; border: 1px solid #ccc; background: #f9f9f9; border-collapse: collapse; }
.mainpage th { font-size:100%; text-align: center; background-color: #1c1c1c; color: #ffffff; }
.mainpage td { text-align: center; }
.mainpage td.col2 { background: #fdfdfd; }
.mainpage tr.top td { vertical-align: top; }
.mainpage tr.bold td { font-weight: bold; }
.mainpage tr.maps td { width: 14.2%; }
.mainpage-noticeboard { cursor:pointer }
th.mainhead { text-align: center; background-color: #1c1c1c; color: #ffffff; font-size:14px; }
.events { width: 24em; margin: 0; font-size: 12px; }
div.date { height: 28px; font-size: 9px; padding-right: 10px; }
div.date div.start { position: relative; text-align: right; }
div.date div.end { position: relative; top: -27px; text-align: right; }
/* Upcoming and ongoing matches from Liquipedia */
.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;
}
/* Ambox styles */
.ambox { margin: 0px 10%; border: 1px solid #aaa; background: #fbfbfb; }
.ambox td.notice { border-left: 10px solid #1e90ff; }
.ambox td.style { border-left: 10px solid #ffcc00; }
.ambox td.content { border-left: 10px solid #f28500; }
.ambox td.delete { border-left: 10px solid #b22222; }
.ambox td.default { border-left: 10px solid #000000; }
.ambox td.image { padding: 0 0.5em }
.ambox td.message { width: 100%; }
.ambox .smalltext { font-size: 95%; }
/* League table styles */
tr.first > td { background: #ffdf61; }
tr.second > td { background: #cbcbcb; }
tr.third > td { background: #c99e69; }
tr.playoffs > td { background: #D0F0C0; }
tr.relplayoffs > td { background: #FFE6E6; }
tr.relegated > td { background: #fcc; }
/* Navbox styles */
.navbox { font-size: 13px; background: #fff; border: 1px solid #ccc; width: 100%; }
.navbox tr:nth-of-type(odd) {background: #f5f5f5}
.navbox th { background: #1c1c1c; font-size: 12px; color: #000; }
span.controls { float: left; margin-left: 5px; font-size: 9px; font-weight: normal; color: #000; }
.navbox th a, .navbox th span.plainlinks a.external, span.controls span.plainlinks a.external { color: #000; }
.navbox th a:hover, .navbox th span.plainlinks a.external:hover, span.controls span.plainlinks a.external:hover { color: #000; text-decoration: underline; }
.navbox th a:visited, .navbox th span.plainlinks a.external:visited, span.controls span.plainlinks a.external:visited { color: #000; }
.navbox td.group { width: 8em; text-align: right; background: #e9e9e9; padding-left: 11.25px; padding-right: 11.25px; }
.navbox td.row1 { background: #fdfdfd; }
.navbox .mw-collapsible-toggle {line-height:1}
.navbox + .navbox {margin-top:-1px}
/* Map location styles */
.maploc { width: 810px; }
.maploc div.container { width: 808px; position: relative; margin: 0; }
.maploc div.container div.marker { width: 21px; height: 31px; position: absolute; background: url(../images/thumb/d/d5/Map_marker.png/176px-Map_marker.png); background-size: 21px 31px; z-index: 0; cursor: pointer; }
.maploc div.container div.marker div { width: 160px; height: 20px; position: relative; top: -25px; left: -69px; background-color: #f8f9fa; border: 1px solid #a2a9b1; box-shadow: 0px 5px 5px rgba(0,0,0,0.5); text-align: center; font-size: small; display: none; z-index: 1;}
.maploc div.container div.marker:hover div { display: block; z-index: 1; }
@media screen and (max-width:1024px) {
.maploc div.container div.marker:active div { display: block; z-index: 1; }
}
/* Legacy brackets */
/* Attribution: Liquipedia */
div.legacy .bracket {
font-size: 11px;
background: white;
}
div.legacy .bracket-column {
float: left;
position: relative;
}
div.legacy .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: #1c1c1c;
color: #ffffff;
}
div.legacy .bracket-cell-r1 {
height: 36px;
}
div.legacy .bracket-cell-r2 {
height: 72px;
}
div.legacy .bracket-cell-r3 {
height: 144px;
}
div.legacy .bracket-cell-r4 {
height: 288px;
}
div.legacy .bracket-cell-r5 {
height: 576px;
}
div.legacy .bracket-cell-r6 {
height: 1152px;
}
div.legacy .bracket-cell-r7 {
height: 2304px;
}
div.legacy .bracket-cell-r1, .bracket-cell-r2, .bracket-cell-r3, .bracket-cell-r4, .bracket-cell-r5, .bracket-cell-r6, .bracket-cell-r7 {
position: relative;
}
div.legacy .bracket-team-top, .bracket-team-bottom, .bracket-player-top, .bracket-player-bottom, .bracket-team-middle, .bracket-player-middle {
border-radius:0 0 5px 5px;
border:solid #aaa 1px;
position:absolute;
padding: 1px 1px 1px 5px;
min-height:20px;
line-height:18px;
background: #f2f2f2;
left:0;
right:0;
}
div.legacy .bracket-team-top, .bracket-player-top {
bottom:0;
border-radius:5px 5px 0 0;
}
.bracket-team-middle, .bracket-player-middle {
bottom:0;
border-radius:2px;
}
div.legacy .bracket-score {
text-align:center;
background:#ebebeb;
border-left:1px solid #aaa;
position:absolute;
line-height:22px;
right:0;
top:0;
bottom:0;
}
div.legacy .bracket-team-bottom .bracket-score, .bracket-player-bottom .bracket-score {
border-bottom-right-radius: 2px;
}
div.legacy .bracket-team-top .bracket-score, .bracket-player-bottom .bracket-score {
border-top-right-radius: 2px;
}
div.legacy .bracket-hover {
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #000;
border-color: #000;
}
div.legacy .bracket-game-details {
z-index:100;
width:200px;
padding: 2px 0px;
position:absolute;
display: none;
text-align:center;
border:1px solid #aaa;
background: rgba(242, 242, 242, 0.9);
border-radius: 5px 5px 5px 5px;
box-shadow: 4px 4px 6px #BBBBBB;
}
div.legacy .bracket-game-details .to-anchor {
display: none;
}
div.legacy .bracket-icons {
border-top: 1px solid #aaa;
}
div.legacy .bracket-game .icon {
height: 12px;
width: 12px;
background: url(../images/c/c5/Bracketinfoicon.png) no-repeat transparent;
z-index: 50;
top: 50%;
margin-top: -6px;
left: 122px;
position: absolute;
display:none;
}
div.legacy .bracket-game {
position: relative;
}
/* Overrides */
.left { float: left; }
.right { float: right; }
/* This CSS snippet applies to the Top Contributions extension tables only (installed on 31/07) */
.contributionscores-wrapper { }
.contributionscores-title { background-color: #aaaaaa; margin-bottom: 0px; padding-left: .4em; }
.contributionscores .header { background-color: #cccccc; border-bottom: 1px solid #999999; font-weight: bold; }
.contributionscores .odd { background-color: #eeeeee; }
.contributionscores .header td { padding-left: .2em; padding-right: .2em; }
.contributionscores .content { padding-left: .2em; padding-right: .2em; }
/* Main page header code */
#prefcontrol{padding-top:2px;}
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; }
table.mptop2 { margin-left:180px; }
pre.mw-code.mw-css { font-size:11px; }
.bannerfull { background: #e0af96 url(../images/9/99/Mainpagebanner.png) no-repeat; height: 130px; width: 1228px; }
/*Removing the Main Page / Community Portal Title*/
body.page-Main_Page h1.firstHeading {
display:none;
}
body.page-Comptf:Community_portal h1.firstHeading {
display:none;
}
/* Brackets */
.bracket {
font-size: 11px;
background: white;
display: table;
}
.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 {
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 {
bottom:0;
border-radius:2px 2px 0 0;
}
.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 {
border-bottom-right-radius: 2px;
}
.bracket-team-top .bracket-score {
border-top-right-radius: 2px;
}
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-game-details div.match-row {
letter-spacing: -3px;
min-height: 21px;
padding-top:1px;
position: relative;
}
.bracket-game-details div.match-row .left {
height: 0px;
width: 80px;
position: absolute;
left: 2px;
}
.bracket-game-details div.match-row .right {
height: 0px;
width: 80px;
position: absolute;
right: 2px;
}
.bracket-game-details div.match-row .left div, .bracket-game-details div.match-row .right div {
height: 0px;
}
.bracket-game-details div.draft {
position: absolute;
width: 149px;
}
.bracket-game-details .left .check {
left: 5px;
position: absolute;
}
.bracket-game-details .right .check {
right: 5px;
position: absolute;
}
.bracket-game-details div.map {
font-size: 10px;
letter-spacing: 0;
height: 0px;
width: 100%;
position: absolute;
top: 3px;
}
.bracket-game-details div.draft a img {
border:2px solid;
margin:-2px;
display:inline block;
}
.bracket-game-details div.draft.dire a img {
border-color:#E79E7E;
}
.bracket-game-details div.draft.radiant a img {
border-color:#BCD985;
}
.bracket-game-details 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;
float:none;
}
.bracket-game-details .header div.right {
text-align:left;
padding-left:2px;
float:none;
}
.bracket-game-details div.icons {
margin-top:2px;
border-top: 1px solid #aaa;
padding:2px;
}
.bracket-game .icon,
.match-row-icon {
height: 12px;
width: 12px;
background: url(../images/c/c5/Bracketinfoicon.png) no-repeat transparent;
z-index: 50;
position: absolute;
}
.bracket-game .icon {
right: 16px;
}
.match-row-icon {
left: -11.5px;
top: 5px;
}
.match-row div.bracket-game-details {
font-size: 85%;
font-weight: normal;
}
div.flag-placeholder-small {
width: 43px;
height: 18px;
text-align: center;
display: inline-block;
}
div.flag-placeholder-big, .bracket-game-details .header div.flag-placeholder-big {
width: 60px;
height: 25px;
text-align: center;
display: inline-block;
border: none;
}
/* Team Cards */
/* Attribution: Liquipedia */
.teamcard table {
height: 40px;
margin-top: 0;
position: absolute;
width: 170px;
}
.teamcard table.list {
opacity:0;
filter:alpha(opacity=0);
table-layout: fixed;
}
.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 td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/* Cross table row/column highlight */
/* Attribution: Liquipedia */
.crosstable {
border-collapse: separate !important;
border-spacing: 0 !important;
}
.crosstable td, .crosstable th {
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-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-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-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-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-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-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-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-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-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);
}
/* kill blue links from matchlists */
.matchlistslot a {
color: #000000;
text-decoration: none !important;
}
/* 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; }
/* User Cards */
.usercard table {
height: 190px;
margin-top: 0;
position: absolute;
width: 190px;
}
.usercard table.list {
opacity:0;
filter:alpha(opacity=0);
table-layout: fixed;
top: 29px;
width: 168px;
text-overflow: ellipsis;
}
.usercard table.list:hover {
opacity:1;
filter:alpha(opacity=100);
background-color:rgba(249, 249, 249, 0.95);
}
.usercard table.logo td {
padding: 0;
text-overflow: ellipsis;
}
.usercard table.list td, .usercard table.list th {
padding: 2px;
}
.usercard table.list td {
}
/* Countdown Stream Link */
.streamLink {display:none;}
.hasStream, .hasStream:visited {
background: url(../images/4/43/Twitch_icon.png) center right no-repeat;
background-position: left;
padding-left: 15px;
background-size: 12px;
color: green;
font-weight:bold;
/* collapse new prize pool tables */
/* Liquipedia attribution */
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;
}
/* Portal:Players */
.player-portal-flag > img {
cursor:pointer;
}
/* Template:MapCard */
.mapcard-caption:hover {
display:;
}
