MediaWiki:Common.css

From MBComp Wiki
Revision as of 02:39, 24 September 2021 by Dan the Chef (talk | contribs)
Jump to navigation Jump to search

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.
/* CSS placed here will be applied to all skins */
/* Global styles */


/*******************************************************************************
Template(s): Documentation
Author(s): Wikipedia
*******************************************************************************/
/* To make images responsive */
.titlebar {
	font-weight: bold;
	font-style: italic;
}
.contentcell{
	background: #666666;
}
mw-input {
	Color: red;
}

body.page-Main_Page h1 { 
	display: none; 
}
.res-img img {
	max-width:100%;
	height:auto;
}
.hidden {
    display: none;
}

.gametable {
	margin-left:2em;
	margin-top: 0em;
    line-height: 0px;

} 
.gametable2 {
	margin-right:2em;
	margin-top: 0em;
    line-height: 0px;
    float:right;
}

/* Global styles */
.centered { text-align: center; }
.clearfix { clear: left; }

/* 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:#252525;
	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:#252525;
}
.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:#333333;
	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;
	}
}

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

/* Legacy brackets */
/* Attribution: Liquipedia */
div.legacy .bracket {
 font-size: 11px;
 background: #333;
}

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: #333;
    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:#333;
    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(0, 0, 0, 1);
    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(http://mbcomp.org/w/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; }

/* Brackets */
.bracket {
 font-size: 11px;
 background: #333;
 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: #333;
}
 
.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: #333;
left:0;
right:0;
}
 
.bracket-team-top {
 bottom:0;
 border-radius:2px 2px 0 0;
}
 
.bracket-score {
 text-align:center;
 background:#333;
 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(0, 0, 0, 1);
    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(http://mbcomp.org/w/images/c/c5/Bracketinfoicon.png) no-repeat transparent;
    z-index: 50;
    position: absolute;
}
.bracket-game .icon {
    right: 16px;
}
.match-row-icon {
	left: -12px;
    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; }

/* 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:none;
}

/*******************************************************************************
Template(s): Tournament Cards
Author(s): spazer
*******************************************************************************/
.tournament-card {
	width:100%;
}
.tournament-card > div.tournament-card-premier {
	background-color: #f9f0c7;
}
.tournament-card > div > div {
	vertical-align:middle;
}
.tournament-card > div > div > .Medal,
.tournament-card > div.divRow > div > .PlayerNumberSuffix,
.tournament-card > div.divRow > div > .CountryText,
.tournament-card > div.divRow > div > .MobileOnly {
	display:none;
}
.tournament-card > div.divRow > div > .Tier {
	display:inline;
	width:64px;
	padding:0 5px 0 0;
	float:left;
}
.tournament-card > div.divRow > div > .Name {
	display:inline;
	padding:0;
	float:none;
}
.BlankCell {
	width:0;
	padding:0;
	font-size:0;
}
.tournament-card > div > div.LeftPlace {
	text-align:right;
}
.tournament-card > div > div.RightPlace {
	text-align:left;
}
.tournament-card > div > div.Score {
	text-align:center;
}
.tournament-card > div > div.FirstPlaceBlank {
	max-width:155px;
	width:155px;
}
.tournament-card > div > div.QualifiedPlace {
	margin-left:-155px;
	display:block;
}
.tournament-card {
	width:100% !important;
}
.tournament-card > .divRow > .divCell {
	border:0;
}
.tournament-card > div {
	display:block;
	position:relative;
	text-align:center;
	border-top:2px solid lightgray;
	border-bottom:2px solid lightgray;
	border-left:2px solid lightgray;
	border-right:2px solid lightgray;
	overflow:auto;
}
.tournament-card > div.tournament-card-premier {
	background-color:transparent;
}
.tournament-card > div:not(:last-of-type) {
	margin-bottom:15px;
}
.tournament-card > div > div.Header {
	background-color:#f5f5f5;
	font-weight:bold;
}
.tournament-card > div.tournament-card-premier > div.Header {
	background-color: #f9f0c7;
	font-weight:bold;
}
.tournament-card > div > div.Header-Premier {
	background-color: #f9f0c7;
	font-weight:bold;
}
.tournament-card > div > div.EventDetails {
	display:inline-block;
	font-size:80%;
	color:#757575;
	font-style:italic;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.tournament-card > div > div.EventDetails-Left-35, .tournament-card > div > div.EventDetails-Left-40,
.tournament-card > div > div.EventDetails-Left-45, .tournament-card > div > div.EventDetails-Left-50,
.tournament-card > div > div.EventDetails-Left-55, .tournament-card > div > div.EventDetails-Left-60,
.tournament-card > div > div.EventDetails-Left-65,
.tournament-card > div > div.EventDetails-Right-35, .tournament-card > div > div.EventDetails-Right-40,
.tournament-card > div > div.EventDetails-Right-45, .tournament-card > div > div.EventDetails-Right-50, 
.tournament-card > div > div.EventDetails-Right-55, .tournament-card > div > div.EventDetails-Right-60,
.tournament-card > div > div.EventDetails-Right-65 {
	display:inline-block;
	font-size:80%;
	color:#757575;
	font-style:italic;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.tournament-card > div > div.EventDetails-Left-35,
.tournament-card > div > div.EventDetails-Left-40,
.tournament-card > div > div.EventDetails-Left-45,
.tournament-card > div > div.EventDetails-Left-50,
.tournament-card > div > div.EventDetails-Left-55,
.tournament-card > div > div.EventDetails-Left-60,
.tournament-card > div > div.EventDetails-Left-65 {
  	float:left;
	text-align:left;
	padding:0 0 2px 18px;
}
.tournament-card > div > div.EventDetails-Right-35,
.tournament-card > div > div.EventDetails-Right-40,
.tournament-card > div > div.EventDetails-Right-45,
.tournament-card > div > div.EventDetails-Right-50,
.tournament-card > div > div.EventDetails-Right-55,
.tournament-card > div > div.EventDetails-Right-60,
.tournament-card > div > div.EventDetails-Right-65 {
  	float:right;
	text-align:right;
	padding:0 18px 2px 0;
}

.tournament-card > div > div.EventDetails-Left-35,
.tournament-card > div > div.EventDetails-Right-35 {
  	width:35%;
}
.tournament-card > div > div.EventDetails-Left-40,
.tournament-card > div > div.EventDetails-Right-40 {
  	width:40%;
}
.tournament-card > div > div.EventDetails-Left-45,
.tournament-card > div > div.EventDetails-Right-45 {
  	width:45%;
}
.tournament-card > div > div.EventDetails-Left-50,
.tournament-card > div > div.EventDetails-Right-50 {
  	width:50%;
}
.tournament-card > div > div.EventDetails-Left-55,
.tournament-card > div > div.EventDetails-Right-55 {
  	width:55%;
}
.tournament-card > div > div.EventDetails-Left-60,
.tournament-card > div > div.EventDetails-Right-60 {
  	width:60%;
}
.tournament-card > div > div.EventDetails-Left-65,
.tournament-card > div > div.EventDetails-Right-65 {
  	width:65%;
}
.tournament-card > div > div.Tier {
	display:block;
	float:none;
	width:100% !important;
	font-size:80%;
	padding:0;
}
.tournament-card > div > div.Tournament {
	display:block;
	float:none;
	width:100% !important;
}
.tournament-card > div > div > div.Tier {
	width:auto !important;
	font-size:90%;
}
/* organizer */
.tournament-card > div > div.Organizer {
	text-align:left;
	padding:0 36px 2px 36px;
	width:100%;
	white-space:normal;
}
/* rank */
.tournament-card > div > div.Rank {
	float:left;
}
/* date */
.tournament-card > div > div.Date {
	float:left;
	text-align:left;
	padding:0 0 2px 36px;
	width:55%;
}
/* prize */
.tournament-card > div > div.Prize {
	float:right;
	text-align:right;
	padding:0 36px 2px 0;
	width:45%;
}
/* additional prize */
.tournament-card > div > div.Prize2 {
	float:right;
	text-align:right;
	padding:0 36px 0 0;
	width:45%;
}
/* entrant numbers */
.tournament-card > div.divRow > div.PlayerNumber {
	float:right;
	text-align:right;
	padding:0 36px 2px 0;
	width:40%;
}
/* location */
.tournament-card > div.divRow > div.Location {
	float:left;
	text-align:left;
	padding:0 0 2px 36px;
	width:60%;
}
.NoIcon,
.tournament-card > div.divRow > div > .CountryFlag,
.tournament-card > div.divRow > div > .WideOnly {
	display:none;
}
.tournament-card > div.divRow > div > .PlayerNumberSuffix,
.tournament-card > div.divRow > div > .CountryText,
.tournament-card > div > div > span.Medal,
.tournament-card > div > div > span.Player,
.tournament-card > div.divRow > div > .MobileOnly {
	display:inline-block;
	text-indent:0;
}
/* Player Placements */
.tournament-card > div > div.Placement {
	float:none;
	width:100% !important;
	height:35px;
	text-indent:1em;
	text-align:left;
	padding:7px 1px 1px 1px;
}
.tournament-card > div > div.LeftPlace,
.tournament-card > div > div.RightPlace {
	display:inline-block;
	width:39%;
}
.tournament-card > div.divRow > div > span > .Heads{
	display:none;
}
.tournament-card > div > div.Score{
	display:inline-block;
	width:20%;
	font-weight:bold;
	font-size:120%;
}
.tournament-card > div > div.FirstPlace {
	display:inline-block;
	border-bottom:1px solid lightgray !important;
}
.tournament-card > div > div.SecondPlace {
	display:inline-block;
}
.tournament-card > div.divHeaderRow,
.tournament-card > div > div.FirstPlaceBlank {
	display:none;
}
.tournament-card > div > div.QualifiedPlace {
	margin-left:unset;
	display:inline-block;
	height:auto;
}

.messagebox {
	color: #FFF;
	display: flex;
	align-items: center;
	margin: 0.5em 0;
}

.messagebox > div:nth-child(1) {
	min-width: 28px;
	max-width: 60px;
	min-height: 28px;
	max-height: 44px;
	flex-shrink: 0;
	font-size: 28px;
	margin: 0 8px;
	overflow: hidden;
	text-align: center;
}

.messagebox > div:nth-child(2) {
	background-color: #FFF;
	color: #333;
	flex-grow: 1;
	height: 100%;
	margin: 0.25em 0.25em 0.25em 0;
	padding: 0.5em
}

.messagebox, .errorbox, .warningbox, .successbox {
    color: #000;
    margin-bottom: 1em;
    border: 1px solid;
    padding: 0em 0em;
}