MediaWiki:Common.css

/* ######################################################################## */ /* ### CSS placed here will be applied to all skins on the entire site. ### */ /* ######################################################################## */ @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,500,700); @import url(https://commons-esports.gamepedia.com/index.php?title=MediaWiki:Global.css&action=raw&ctype=text/css); @import url(https://commons-esports.gamepedia.com/index.php?title=MediaWiki:Global-common.css&action=raw&ctype=text/css); @import url(https://commons-esports.gamepedia.com/index.php?title=MediaWiki:Global-hydra.css&action=raw&ctype=text/css); @import url(https://commons-esports.gamepedia.com/index.php?title=MediaWiki:Global-hydradark.css&action=raw&ctype=text/css);

@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(https://themes.googleusercontent.com/static/fonts/raleway/v6/CcKI4k9un7TZVWzRVT-T8xsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url(https://themes.googleusercontent.com/static/fonts/raleway/v6/JbtMzqLaYbbbCL9X6EvaIxsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }

@font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen'), local('Oxygen-Regular'), url(https://themes.googleusercontent.com/static/fonts/oxygen/v3/RzoNiRR1p2Mqyyz2RwqSMw.woff) format('woff'); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 700; src: local('Oxygen Bold'), local('Oxygen-Bold'), url(https://themes.googleusercontent.com/static/fonts/oxygen/v3/yVHpdQrmTj9Kax1tmFSx2j8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

/********* VARIABLES **********/ /*

Variables placed here are PER-WIKI variables. They are restricted per skin. Global (all esports wikis) variables should be placed in hydra & hydradark.css. Those files will be synced globally across all (esports) wikis with no modifications.

.skin-hydra{ --bg-image: url("/media/9/97/HaloBackgroundL.png"); --bg-color:#C2C2C2; --wiki-color:#9400D3; --fpbox-accent:#4f007; --tabheader-tab:#be95d0; --navbox:#be95d0; --navbox-subgroup:#be95d0; --infobox-color:#be95d0; --infobox-border-color:#aaa; --infobox-notice-color:#ff6666; } /**** end variables ****/

.mw-body h1, .mw-body h2 { font-family: sans-serif; }

/* Adding Logo Text */ .mw-wiki-logo-text { position: relative; background-image: url(https://static.wikia.nocookie.net/vg_esports_gamepedia_en/images/4/41/WikiText.png/revision/latest); display: block; height: 134px; width: 250px; z-index: 100; top: 0px!important; left: 170px; }

@media screen and (max-width: 720px){ .mw-wiki-logo-text { display:none!important; } }

/* Login and Footer Link Text */ div#p-personal ul li a { color: black; }

div#footer ul li a { color: black } /* End Login and Footer Link Text */

/* Sidebar */ div#mw-panel .portal h3, color: black; font-weight: bold; }
 * 1) mw-panel.collapsible-nav .portal h3,
 * 2) mw-panel.collapsible-nav .portal.collapsed h3 {

color: inherit; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal.collapsed h3 a {

div#mw-panel div.portal div.body ul li a { color: black; }

div#mw-panel div.portal div.body ul li a:visited { color: black; }

div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:visited:hover { color: black; } /* End Sidebar */

/*Fixing the Revision Form*/ .flaggedrevs_reviewform { margin-top:10px; margin-bottom:10px; bottom:0px; }

body.page-Main_Page .flaggedrevs_reviewform { position:relative; z-index:100!important; }

body.page-Main_Page #catlinks { position:relative; z-index:100!important; }

color:#fff!important; font-family: 'Raleway', serif; text-shadow:rgba(0,0,0,0.75) 0 0 0.25em; font-weight:700; height:48px; text-align:center; font-size:x-large; }
 * 1) mainpagenavigation th a, #mainpagenavigation th strong {

.helpcontentnavbox th, .helpcontentnavbox th a, .helpcontentnavbox th strong { background-image: none; background-color: #4f0071; font-size:12px!important; }

font-family: 'Raleway', sans-serif; background-color:#EFEFEF; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); background-image: linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%); background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%); background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%); background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%); background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #EFEFEF)); }
 * 1) mainpagenavigation td {

background-image:none; filter:none; background-color:#FFFFFF; }
 * 1) mainpagenavigation td.banner {
 * 1) mainpagenavigation td.content {vertical-align:top;padding:.5em .5%;}
 * 2) mainpagenavigation td.content2 {vertical-align:top;padding:0;}
 * 3) mainpagenavigation td.content3 {vertical-align:top;padding:.5em 2%;}
 * 4) mainpagenavigation td.separator {border-right:#aaa solid 1px;border-left:#aaa solid 1px}
 * 5) mainpagenavigation td.separator2 {border-right:#aaa solid 1px;border-left:#aaa solid 1px;border-bottom:#aaa solid 1px}
 * 6) mainpagenavigation td.separator3 {border-right:#aaa solid 1px;border-left:#aaa solid 1px;border-top:#aaa solid 1px}
 * 7) mainpagenavigation th.separator {border-right:#4f0071 solid 1px;}
 * 8) mainpagenavigation th.separator2 {border-left:#4f0071 solid 1px;}

body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em}

/*older IE hacks*/
 * 1) mainpagenavigation td.content > * {width:100%\0/}
 * 2) mainpagenavigation td.content > [class*=float] {width:auto\0/}
 * root #mainpagenavigation td.content > * {width:auto}

/*FIXING FRONTPAGE TABLES*/ color:#000!important; text-shadow:none; background-color:transparent; background-image: none; background-size: 0px 0px; background-repeat:no-repeat; font-weight:700; height:auto; text-align:center; font-size:13px; }
 * 1) mainpagecontent th {

color:#000!important; text-shadow:none; background-color:transparent; background-image: none; background-size: 0px 0px; background-repeat:no-repeat; font-weight:700; height:auto; text-align:center; font-size:large; }
 * 1) mainpagecontent th a, #mainpagecontent th strong{

background-color:transparent; background-image: none; font-size:13px; }
 * 1) mainpagecontent td {

/*FIXING FRONTPAGE TABLES*/ color:#000!important; text-shadow:none; background-color:transparent; background-image: none; background-size: 0px 0px; background-repeat:no-repeat; font-weight:700; height:auto; font-size:15px; }
 * 1) newscontent th {

background-color:transparent; background-image: none; font-size:12px; text-align:left; }
 * 1) newscontent td {

body.ltr .thumbcaption { padding: .4em .75em; background: #FFFFFF; border-radius: 0 0 3px 3px; font-size: 85%; line-height: 1.35; }

body.ltr .magnify { margin-right: .5em; }

/* Give [[Media:]] file links a special icon */ a[href$=".mp3"].internal { /*  background: url(/w/images/halo-esports.gamepedia.com/4/40/Icon_external_link_mp3.png) center right no-repeat; */ padding-right: 16px; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Make tags not increase line height */ .reference { line-height: 1em; }

/* Smaller text for tag */ ol.references { font-size: 11px; line-height: 16px; }

/* wikitable/prettytable */ table.wikitable, table.prettytable { margin: 13px 13px 13px 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } .wikitable th, .wikitable td, .prettytable th, .prettytable td { border: 1px #aaa solid; padding: 3px; } .wikitable th, .prettytable th { background: #f2f2f2; text-align: center; } .wikitable caption, .prettytable caption { font-weight: bold; }

/* Giving headers and TOC a little extra space */ h2 { margin-top: 15px; } .toc { margin-top: 15px; }

/* Chracter icons. */ .character_icon { white-space: nowrap; } .character_icon span { font-weight: bold; }

/* Disambiguation style table */ table.disambig { clear: both; margin: 0.9em 1em; border-top: 1px solid #555; border-bottom: 1px solid #555; background: transparent; }

/* INFOBOXES: game or book depended color style */ .infoboxtable { border:1px solid #404040; float:right; font-size:89%; margin-bottom:0.5em; margin-left:1em; padding:0px; border-spacing:0px; width:300px; }

.infoboxtable td { vertical-align:top; padding-left:4px; }

.infoboxname { font-size:16px; font-weight:bold; padding:0.5em; font-family: 'Oxygen',serif; }

.infoboxdetails, .infoboxdescription { padding:0em; }

.infoboxname, .infoboxdetails, .infoboxdescription { background: #9400D3; /* Old browsers */ color:#fff; } /* INFOBOXES: game or book depended color style - END */

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; }

.infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* Infobox template style - END */

/* Dablinks */ .dablink { font-style: italic; padding-left: 2em; margin-bottom: 0.5em; }

/* Ambox styling */ .ambox { font-size: 95%; width: 80%; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #bba; border-collapse: collapse; background-color: transparent; } table.ambox + table.ambox {     /* Single border between stacked boxes. */   margin-top: -1px; } .ambox-blue { border-left: 10px solid #0000FF;      /* Blue (notice) */ } .ambox-red { border-left: 10px solid #b22222;      /* Red (delete/serious) */ } .ambox-orange { border-left: 10px solid #f28500;      /* Orange (content) */ } .ambox-yellow { border-left: 10px solid #f4c430;      /* Yellow (style) */ } .ambox-purple { border-left: 10px solid #9932cc;      /* Purple (merge) */ } .ambox-gray { border-left: 10px solid #cccccc;         /* Gray (protection) */ } .ambox-green { border-left: 10px solid #228b22;      /* Green */ } .ambox-image {                          /* The left image cell */ width: 60px; padding: 2px 0px 2px 0.5em;           /* 0.5em left, 0px right */ text-align: center; } .ambox-info { padding: 0.25em 0.5em; }

/* Mbox styling */ th.mbox-text, td.mbox-text {  /* The message body cell(s) */ border: none; padding: 0.25em 0.9em;    /* 0.9em left/right */ width: 100%;              /* Make all mboxes the same width regardless of text length */ } td.mbox-image {               /* The left image cell */ border: none; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright {          /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell {          /* An empty narrow cell */ border: none; padding: 0px; width: 1px; }

table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #cccccc;      /* Default "notice" gray */ background: transparent; } table.ombox-notice { border: 1px solid #cccccc;      /* Gray */ } table.ombox-speedy { border: 2px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.ombox-delete { border: 2px solid #b22222;   /* Red */ } table.ombox-content { border: 1px solid #f28500;   /* Orange */ } table.ombox-style { border: 1px solid #f4c430;   /* Yellow */ } table.ombox-style { border: 1px solid #4aa02c;   /* Green */ } table.ombox-style { border: 1px solid #0000FF;   /* Blue */ } table.ombox-move { border: 1px solid #9932cc;   /* Purple */ } table.ombox-protection { border: 2px solid #bba;      /* Gray-gold */ }

/* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so   they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small {  /* For the "small=yes" option. */   clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */   margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; }

/* Styling for permission requests */ .permission-request { width: 100%; border:1px solid #ECFCF4; margin-top: 5px; padding: 5px }

/* Show achievement points in a darker color */ color:#000000; }
 * 1) about-achievements span {

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* Tooltips */

.htt .tooltip-content .tooltip-hide, .hidden { display:none; }

.tooltip-ready { visibility:hidden; display:block; z-index:999; }

/* === Userboxes === */ table.userbox { float:left; margin:0.2em; padding:0; border-width:1px; border-style:solid; } table.userbox td.left, table.userbox td.right { text-align:center; vertical-align:middle; font-size:1.6em; padding:0; } table.userbox td.main { padding:0 4px; vertical-align:middle; line-height:125%; font-size:0.9em; }

table.userbox { border-color:#aaa; background:#f8f8f8; } table.userbox td.left, table.userbox td.right { background:#d8d8d8; }

/* modified so that it won't be covered by Absolute Legend's logo */
 * 1) f-copyrightico { margin-left: 150px; }

.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; }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at 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: #b6cfe5; 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; , 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; }

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

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

/* 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)       */ } .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: #be95d0;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #be95d0;    /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #be95d0;    /* Level 3 color */ } .navbox-even { background: #f7f7f7;    /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ }

.collapseButton {         /* 'show'/'hide' buttons created dynamically */ float: right;         /* by the CollapsibleTables javascript in    */ font-weight: normal;  /* MediaWiki:Common.js are styled here   */ text-align: right;    /* so they can be customised. */   width: auto; } .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. */

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

/* TNL test */

.tnl-sdate { position: relative; left: 0; top: -3px; font-size: xx-small; }

.tnl-edate { position: relative; left: 0; top: -12px; font-size: xx-small; }

.tnl-sedate { float: left; min-width: 105px; max-width: 105px; max-height: 25px; }

/* Jungle test */ .jungler { display: inline; }

.moot{ max-width:1300px!important; }

/* New Frontpage Stuff After This */ /**MAIN PAGE STYLESHEET**/ border-collapse:collapse; text-align:left }
 * 1) mainpagenavigation2014 {

color:#fff!important; font-family: 'Roboto Condensed', serif; background-color: #9400D3; font-weight:400; height: 33px; text-align:center; font-size: 20px; padding: 0; }
 * 1) mainpagenavigation2014 th {

color:#fff!important; font-family: 'Roboto Condensed', serif; font-weight:400; background-color: #9400D3; height: 33px; text-align:center; font-size: 20px; padding: 0; }
 * 1) mainpagenavigation2014 th a, #mainpagenavigation2014 th strong {

font-family: 'Roboto Condensed', sans-serif; background-color:#FFFFFF; }
 * 1) mainpagenavigation2014 td {

background-image:none; filter:none; background-color:#FFFFFF; }
 * 1) mainpagenavigation2014 td.banner {
 * 1) mainpagenavigation2014 td.content {vertical-align:top;padding:.5em .5%;background-color: #EBEBEB;}
 * 2) mainpagenavigation2014 td.content2 {vertical-align:top;padding:0;background-color: #EBEBEB;}
 * 3) mainpagenavigation2014 td.content3 {vertical-align:top;padding:.5em 2%;background-color: #EBEBEB;}
 * 4) mainpagenavigation2014 td.separator {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px}
 * 5) mainpagenavigation2014 td.separator2 {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px;border-bottom:#C6C6C6 solid 1px}
 * 6) mainpagenavigation2014 td.separator3 {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px;border-top:#C6C6C6 solid 1px}
 * 7) mainpagenavigation2014 th.separator {border-right: #9400D3 solid 1px;border-bottom: #4f0071 solid 5px;}
 * 8) mainpagenavigation2014 th.separator2 {border-left:#9400D3 solid 1px;border-bottom: #4f0071 solid 5px;}
 * 9) mainpagenavigation2014 th.separator3 {border-left:#9400D3 solid 1px;border-bottom: #4f0071 solid 5px;}

/*FIXING FRONTPAGE TABLES*/ color:#000!important; background-color:transparent; background-image: none; background-size: 0px 0px; background-repeat:no-repeat; font-weight:700; height:auto; text-align:center; font-size:13px; padding:0.2em; }
 * 1) mainpagecontent2014 th {

padding-right: 21px; }
 * 1) mainpagecontent2014 table.jquery-tablesorter th.headerSort {

color:#000!important; background-color:transparent; background-image: none; background-size: 0px 0px; background-repeat:no-repeat; font-weight:400; height:auto; text-align:center; font-size:16px; }
 * 1) mainpagecontent2014 th a, #mainpagecontent2014 th strong{

background-color:transparent; background-image: none; font-size:13px; }
 * 1) mainpagecontent2014 td {

/*FIXING FRONTPAGE TABLES*/ color:#000!important; background-color:transparent; background-image: none; background-size: 0px 0px; background-repeat:no-repeat; font-weight:700; height:auto; font-size:15px; }
 * 1) newscontent2014 th {

background-color:transparent; background-image: none; font-size:12px; text-align:left; }
 * 1) newscontent2014 td {

/* Poll Stuff */ width:auto; max-width:420px; border:none; background:none; }
 * 1) mainpagecontent2014 .ajaxpoll {

.ajaxpoll-misc, .ajaxpoll-id-info, .ajaxpoll-info { display:none; }

/* Site Banner */ /* Site Banner - END */
 * 1) sitebanner img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

/* Twitter Widget */ width:400px; } /* Twitter Widget - END */
 * 1) twitter-widget-0, #twitter-widget-1, #twitter-widget-2 {

/* Matchrecap for Scoreboards */ .matchrecap1 { width:632px; margin-bottom:-1px!important; margin-top:0px!important; background-color:transparent!important; padding:0px!important; }

.matchrecap2 { margin:-1px!important; background-color:transparent!important; }

.matchrecap3 { width:500px; margin-bottom:-1px!important; margin-top:0px!important; background-color:transparent!important; padding:0px!important; }

.matchrecapScoreLine { text-align:center; font-weight:bold; }

.matchrecapBans { text-align:center; letter-spacing:-3px; padding:0px!important; opacity:0.6; }

.matchrecapTime { margin:-1px!important; margin-right:-13px!important; background-color:transparent!important; }

.matchrecapLogo { opacity:0.3; top:5px; left:90px; position:relative; pointer-events:none; }

.matchrecapLogo2 { opacity:0.3; top:5px; left:130px; position:relative; pointer-events:none; } /* Matchrecap for Scoreboards - END */

/* Brackets */ .bracket { font-size: 11px; background: transparent; 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-header-oldschool { 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: #f2f2f2; }

.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: white; left:0; right:0; }

.bracket-team-top-oldschool, .bracket-team-bottom-oldschool { border:solid #aaa 1px; position:absolute; padding: 1px; min-height:20px; line-height:18px; background: white; left:0; right:0; }

.bracket-team-top { bottom:0; border-radius:2px 2px 0 0; }

.bracket-team-top-oldschool { bottom: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-score-oldschool { text-align:center; background:#f2f2f2; border-left:2px 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%; } /* End Brackets*/

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

.bracket-game-details .left div.draft { left: 2px; }

.bracket-game-details .right div.draft { right: 2px; }

.bracket-game-details div.draft { position: absolute; width: 90px; }

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

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

.bracket-game-details .left .gold { left: 120px; width: 35px; position: absolute; letter-spacing: normal; text-align:center; }

.bracket-game-details .right .gold { right: 120px; position: absolute; width: 35px; letter-spacing: normal; text-align:center; }

.bracket-game-details .left .kills { left: 90px; width: 30px; position: absolute; letter-spacing: normal; text-align:center; }

.bracket-game-details .right .kills { right: 90px; width: 30px; position: absolute; letter-spacing: normal; text-align:center; }

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

.bracket-game-details div.draft a img { border:2px solid; margin:-2px; display:inline block; }

.bracket-game-details div.draft.red a img { border-color:#FE2E2E; }

.bracket-game-details div.draft.blue a img { border-color:#5882FA; } .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:390px; 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 { height: 12px; width: 12px; background: url(https://static.wikia.nocookie.net/vg_esports_gamepedia_en/images/c/c5/Bracketinfoicon.png/revision/latest) no-repeat transparent; z-index: 50; position: absolute; } .bracket-game .icon { right: 16px; } .match-row-icon { left: -11.5px; top: 4px; } .match-row div.bracket-game-details { font-size: 85%; font-weight: normal; }

.bracket-line-left-top-r1{height:37px;} .bracket-line-left-top-r2{height:73px;} .bracket-line-left-top-r3{height:145px;} .bracket-line-left-top-r4{height:289px;} .bracket-line-left-top-r5{height:577px;}

.bracket-line-left-mid-r1{height:16px;} .bracket-line-left-mid-r2{height:52px;} .bracket-line-left-mid-r3{height:124px;} .bracket-line-left-mid-r4{height:268px;} .bracket-line-left-mid-r5{height:556px;}

.bracket-line-left-bot-r1{height:33px;} .bracket-line-left-bot-r2{height:69px;} .bracket-line-left-bot-r3{height:141px;} .bracket-line-left-bot-r4{height:285px;} .bracket-line-left-bot-r5{height:573px;}

.bracket-line-right-top-r1{height:55px;} .bracket-line-right-top-r2{height:127px;} .bracket-line-right-top-r3{height:271px;} .bracket-line-right-top-r4{height:559px;} .bracket-line-right-top-r5{height:1135px;}

.bracket-line-right-bot-r1{height:51px;} .bracket-line-right-bot-r2{height:123px;} .bracket-line-right-bot-r3{height:267px;} .bracket-line-right-bot-r4{height:555px;} .bracket-line-right-bot-r5{height:1131px;}

.bracket-line-left-top-r1,.bracket-line-left-top-r2,.bracket-line-left-top-r3,.bracket-line-left-top-r4,.bracket-line-left-top-r5, .bracket-line-left-mid-r1,.bracket-line-left-mid-r2,.bracket-line-left-mid-r3,.bracket-line-left-mid-r4,.bracket-line-left-mid-r5, .bracket-line-left-bot-r1,.bracket-line-left-bot-r2,.bracket-line-left-bot-r3,.bracket-line-left-bot-r4,.bracket-line-left-bot-r5, .bracket-line-right-top-r1,.bracket-line-right-top-r2,.bracket-line-right-top-r3,.bracket-line-right-top-r4,.bracket-line-right-top-r5, .bracket-line-right-bot-r1,.bracket-line-right-bot-r2,.bracket-line-right-bot-r3,.bracket-line-right-bot-r4,.bracket-line-right-bot-r5{width:9px;} /* End match summary */

/* Flatlist TOC */ .flatlistTOC .toc{ float: none; margin:0 auto; }

.flatlistTOC .toc #toctitle { display: none; }

.flatlistTOC .tocnumber { display: none; }

.flatlistTOC li { display: inline; font-weight:bold; }

.flatlistTOC li:before {content: " • ";}

.flatlistTOC li.toclevel-1.tocsection-1:before {content: none;}

.sortableButNoArrow th { background-image:none!important; padding-right:0.4em!important; }

/* Temp Fix, should be removed next week */

.mw-wiki-logo { background-image: url(https://static.wikia.nocookie.net/vg_esports_gamepedia_en/images/b/bc/Wiki.png/revision/latest)!important; }

/* RedX and GreenCheck for Extended Roster Line */

div.redx { display: inline-block; width:14px; height:10px; background-image: url(https://commons-esports.gamepedia.com/media/esports.gamepedia.com/8/89/RedX.png); background-repeat:no-repeat; background-position: center; }

div.greencheck { display: inline-block; width: 14px; height:10px; background-image: url(https://commons-esports.gamepedia.com/media/esports.gamepedia.com/6/66/GreenCheck.png); background-repeat:no-repeat; background-position: center; }

/* End RedX and GreenCheck */

/* Featured Leagues top section */ .FLTopLogo{ float:left; margin-top:10px; } .FLTopTitle{ font-size:24px; text-align:right; line-height:26px; } .FLTopDate{ font-size:18px; text-align:right; line-height:20px; } /* End Featured Leagues top section */

/* start common gadget css */

.gadget-action-success { background-color:green; }

.gadget-action-incomplete { background-color:orange; }

.gadget-action-fail { background-color:red; } /* end common gadget css */

/* for navboxes with subpages */ .no-subpage a{   color:green; }

.no-subpage a.new { color:#ba0000; } /* end navboxes with subpages */