No edit summary |
No edit summary |
||
| Line 1,251: | Line 1,251: | ||
.frontpageDynamicSection th { |
.frontpageDynamicSection th { |
||
color:#000!important; |
color:#000!important; |
||
| − | background |
+ | background:transparent; |
| − | background-image: none; |
||
background-size: 0px 0px; |
background-size: 0px 0px; |
||
background-repeat:no-repeat; |
background-repeat:no-repeat; |
||
| Line 1,268: | Line 1,267: | ||
.frontpageDynamicSection th a, .frontpageDynamicSection th strong{ |
.frontpageDynamicSection th a, .frontpageDynamicSection th strong{ |
||
color:#000!important; |
color:#000!important; |
||
| − | background |
+ | background:transparent; |
| − | background-image: none; |
||
background-size: 0px 0px; |
background-size: 0px 0px; |
||
| − | background-repeat:no-repeat; |
||
font-weight:400; |
font-weight:400; |
||
height:auto; |
height:auto; |
||
| Line 1,279: | Line 1,276: | ||
.frontpageDynamicSection td { |
.frontpageDynamicSection td { |
||
| − | background |
+ | background:transparent; |
| − | background-image: none; |
||
font-size:13px; |
font-size:13px; |
||
} |
} |
||
| Line 1,287: | Line 1,283: | ||
#frontpagenews th { |
#frontpagenews th { |
||
color:#000!important; |
color:#000!important; |
||
| − | background |
+ | background:transparent; |
| + | text-align:center; |
||
| − | background-image: none; |
||
| − | background-size: 0px 0px; |
||
| − | background-repeat:no-repeat; |
||
font-weight:700; |
font-weight:700; |
||
height:auto; |
height:auto; |
||
| Line 1,297: | Line 1,291: | ||
#frontpagenews td { |
#frontpagenews td { |
||
| − | background |
+ | background:transparent; |
| − | background-image: none; |
||
font-size:12px; |
font-size:12px; |
||
text-align:left; |
text-align:left; |
||
Revision as of 15:34, 23 January 2019
/* ######################################################################## */
/* ### 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:"https://halo-esports.gamepedia.com/media/halo-esports.gamepedia.com/9/97/HaloBackgroundL.png";
--wiki-color:#42784c;
--fpbox-accent:#305737;
--tabheader-tab:#A0BBA5;
--navbox:#305737;
--navbox-subgroup:#A0BBA5;
--infobox-color:#305737;
--infobox-border-color:#aaa;
--infobox-notice-color:#ff6666;
--bg-color:#C2C2C2;
}
/**** end variables ****/
.mw-body h1, .mw-body h2 {
font-family: sans-serif;
}
/* Adding Logo Text */
.mw-wiki-logo-text {
position: relative;
background-image: url(/media/4/41/WikiText.png);
display: block;
height: 134px;
width: 328px;
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,
#mw-panel.collapsible-nav .portal h3,
#mw-panel.collapsible-nav .portal.collapsed h3 {
color: black;
font-weight: bold;
}
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a {
color: inherit;
}
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;
}
.helpcontentnavbox th, .helpcontentnavbox th a, .helpcontentnavbox th strong {
background-image: none;
background-color: #305737;
font-size:12px!important;
}
#mainpagenavigation td {
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));
}
#mainpagenavigation td.banner {
background-image:none;
filter:none;
background-color:#FFFFFF;
}
#mainpagenavigation td.content {vertical-align:top;padding:.5em .5%;}
#mainpagenavigation td.content2 {vertical-align:top;padding:0;}
#mainpagenavigation td.content3 {vertical-align:top;padding:.5em 2%;}
#mainpagenavigation td.separator {border-right:#aaa solid 1px;border-left:#aaa solid 1px}
#mainpagenavigation td.separator2 {border-right:#aaa solid 1px;border-left:#aaa solid 1px;border-bottom:#aaa solid 1px}
#mainpagenavigation td.separator3 {border-right:#aaa solid 1px;border-left:#aaa solid 1px;border-top:#aaa solid 1px}
#mainpagenavigation th.separator {border-right:#305737 solid 1px;}
#mainpagenavigation th.separator2 {border-left:#305737 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*/
#mainpagenavigation td.content > * {width:100%\0/}
#mainpagenavigation td.content > [class*=float] {width:auto\0/}
:root #mainpagenavigation td.content > * {width:auto}
/*FIXING FRONTPAGE TABLES*/
#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:13px;
}
#mainpagecontent th a, #mainpagecontent th strong{
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;
}
#mainpagecontent td {
background-color:transparent;
background-image: none;
font-size:13px;
}
/*FIXING FRONTPAGE TABLES*/
#newscontent 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;
font-size:15px;
}
#newscontent td {
background-color:transparent;
background-image: none;
font-size:12px;
text-align:left;
}
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;
}
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
font-style: italic;
}
.allpagesredirect:after {
color: #808080; content: " (redirect)"
}
.watchlistredir {
font-style: italic;
}
/* Make <ref> tags not increase line height */
.reference {
line-height: 1em;
}
/* Smaller text for <references> 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: #42784c; /* 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;
}
.infoboxdetails, .infoboxname {
color: var(--accent-text-color);
}
.infobox .infobox-title {
color: var(--accent-text-color);
}
/* 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 */
#about-achievements span {
color:#000000;
}
/* 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;
}
#article div.thumb {
color:inherit;
}
/* 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 */
#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 [[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: #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;
<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; }
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: #A0BBA5; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #A0BBA5; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #A0BBA5; /* 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;
to p: -12px;
font-size: xx-small;
}
.tnl-sedate {
float: left;
min-width: 105px;
max-width: 105px;
max-height: 25px;
}
/* Jungle test */
.jungler {
display: inline;
}
/* **************************************************
* Tab support based on http://www.alistapart.com/articles/slidingdoors/
* ************************************************** */
.tabs {
}
.tabs-blue {
float:left;
width:100%;
font-size:93%;
line-height:normal;
margin: 0;
padding: 0;
}
.tabs-blue ul {
margin:0;
padding:0px 0px 0;
list-style:none;
}
.tabs-blue li {
float:left;
padding-left:auto;
padding-right:auto;
text-align:center;
}
.tabs-blue li #current {
float:left;
padding-left:auto;
padding-right:auto;
background-color:#C0C0C0;
}
/* MediaWiki automatically removes links for the current page and surrounds it with <strong> tags instead */
.tabs a,.tabs-blue a,.tabs strong,.tabs-blue strong {
}
.tabs-blue a,.tabs-blue strong {
float:left;
display:block;
padding:5px 10px 5px 10px;
text-decoration:none;
font-weight:bold;
color:#765;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.tabs a, .tabs-blue a {float:none;}
/* End IE5-Mac hack */
.tabs-blue a:hover {
color:#333;
}
.tabs #current {
background-color:#C0C0C0;
}
.tabs-blue #current {
background-color:#C0C0C0;
}
.tabs #current a,.tabs #current strong,.tabs-blue #current a, .tabs-blue #current strong {
color:#333;
padding-bottom:5px;
background-color:#C0C0C0;
}
.tabs-blue #current a,.tabs-blue #current strong {
background-color:#C0C0C0;
}
.tabcontent {
padding: 0em 1em 1em 1em;
background-color:#ffffff;
clear: both;
font-weight:normal;
color:#000;
font-size:100%;
}
.tabcontent #prevtab {
float: left;
margin-top: -1.5em;
background-color: #DAE0D2;
color: #000;
padding: .2em .6em;
font-size: 130%;
border: 1px solid #765;
}
.tabcontent #nexttab {
float: right;
margin-top: -1.5em;
background-color: #DAE0D2;
color: #000;
padding: .2em .6em;
font-size: 130%;
border: 1px solid #765;
}
/* New Frontpage Tabs - START*/
.tabs-new {
float:left;
width:100%;
font-size:93%;
line-height:normal;
padding:5px 0px 5px 0px;
background-color:#fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2A2A33,EndColorStr=#171C18);
background-image: linear-gradient(top, #2A2A33 0%, #171C18 100%);
background-image: -o-linear-gradient(top, #2A2A33 0%, #171C18 100%);
background-image: -moz-linear-gradient(top, #2A2A33 0%, #171C18 100%);
background-image: -webkit-linear-gradient(top, #2A2A33 0%,, #171C18 100%);
background-image: -ms-linear-gradient(top, #2A2A33 0%, #171C18 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2A2A33), color-stop(1, #171C18));
}
.tabs-new ul {
list-style:none;
text-align: center;
padding:5px 0px 5px 0px;
background-color:transparent;
margin-left:0;
}
.tabs-new ul #current {
list-style:none;
text-align: center;
padding:5px 0px 5px 0px;
background-color:transparent;
}
.tabs-new li {
display: inline;
text-align:center;
padding:5px 0px 5px 0px;
background-color:transparent;
}
.tabs-new li #current {
display: inline;
text-align:center;
padding:5px 0px 5px 0px;
background-color:transparent;
}
.tabs-new a,.tabs-new strong {
float:none;
text-decoration:none;
font-weight:bold;
color:#EEEEEE;
text-align:center;
padding:5px 7px 5px 7px;
background-color:transparent;
font-size: 110%;
}
.tabs-new a:hover {
color:#CCC;
}
.tabs-new a {float:none;}
.tabs-new #current {
background-color:transparent;
}
.tabs-new #current a, .tabs-new #current strong {
color:#EEEEEE;
padding-bottom:6px;
font-weight:700;
background-color:transparent;
border-bottom:5px solid #42784c;
font-size: 110%;
}
/* Frontpage Tabs - END */
/* New Frontpage Tabs - START*/
.tabs-new2 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
padding:5px 0px 5px 0px;
background-color:transparent;
}
.tabs-new2 ul {
list-style:none;
text-align: center;
padding:5px 0px 5px 0px;
background-color:transparent;
margin-left:0;
}
.tabs-new2 ul #current {
list-style:none;
text-align: center;
padding:5px 0px 5px 0px;
background-color:transparent;
}
.tabs-new2 li {
display: inline;
text-align:center;
padding:5px 0px 5px 0px;
background-color:transparent;
}
.tabs-new2 li #current {
display: inline;
text-align:center;
padding:5px 0px 5px 0px;
background-color:transparent;
}
.tabs-new2 a,.tabs-new2 strong {
float:none;
text-decoration:none;
font-weight:bold;
color:#0b0080;
text-align:center;
padding:5px 7px 5px 7px;
background-color:transparent;
font-size: 110%;
}
.tabs-new2 a:hover {
color:#0645ad;
}
.tabs-new2 a {float:none;}
.tabs-new2 #current {
background-color:transparent;
}
.tabs-new2 #current a, .tabs-new2 #current strong {
color:#000;
padding-bottom:6px;
font-weight:700;
background-color:transparent;
font-size: 110%;
}
/* Frontpage Tabs - END */
/* Main Page Banner - START */
#mainpagebanner1 {
background-color:transparent;
background-image: -webkit-gradient(linear, left, right, color-stop(0, rgba(238, 238, 238, 0)), color-stop(1, rgba(238, 238, 238, 0.5)), color-stop(1, rgba(238, 238, 238, 1)));
background-image: -webkit-linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%); /* FF3.6+ */
background-image: -ms-linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%); /* IE10 */
background-image: -o-linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%); /* Opera 11.10+ */
background-image: linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%); /* W3C */
}
/* includePage - START */
function includePage( name )
{
document.write('<script type="text/javascript" src="' + wgScript + '?title='
+ name
+ '&action=raw&ctype=text/javascript"><\/script>'
);
}
/* includePage - END */
.dnUser {
display:none;
}
*/
/* Making all VoDs look as if they weren't visited yet */
.gameScheduleVoDs a.external:visited{
color:rgb(51, 102, 187)!important;
}
.moot{
max-width:1300px!important;
}
/* New Design */
body {
background: url("https://halo-esports.gamepedia.com/media/halo-esports.gamepedia.com/9/97/HaloBackgroundL.png") no-repeat 0px -10px #C2C2C2;
}
div.vectorMenu ul {
border-top-width: 1px;
}
#ca-unwatch.icon a,
#ca-watch.icon a {
padding-top:2em;
}
div#mw-head-base {
height: 7em;
}
div#mw-panel {
margin-top:0px;
font-family: 'Oxygen',serif;
}
div#preferences {
background: transparent;
}
div#content {
padding-top:3.5em;
border-top: 5px solid #42784c;
border-left: none;
border-bottom: none;
}
#left-navigation {
top: 82px;
left: -44px;
background-color: #231F20;
border-top: 4px solid #42784c;
font-size: 20px;
font-family: 'Oxygen',serif;
position: relative;
}
#right-navigation{
background-color: #231F20;
border-top: 4px solid #42784c;
font-size: 20px;
font-family: 'Oxygen',serif;
position: relative;
top: 82px;
}
div.vectorTabs li a{
height:inherit;
}
div#mw-page-base{
background: transparent;
height:100px;
}
div.vectorTabs span,
div.vectorTabs,
div.vectorTabs ul li,
div.vectorTabs ul,
div.vectorTabs li.selected,
div.vectorMenu h5 a {
background:none;
height:inherit;
}
div.vectorMenu h3 a{
background:none;
height:1em;
}
div.vectorTabs li.selected{
background-color: #42784c!important;
border: 1px solid #42784c;
margin-left: -1px;
}
div.vectorTabs li a{
color: #A7A8A8;
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited{
color: #ffffff;
}
div.vectorTabs span a{
margin-top: 0;
padding-top: 0.5em;
}
div.vectorMenu {
background-image:none!important;
}
div.vectorMenu h3{
height:1.5em!important;
background-image:none!important
}
div.vectorMenu h3 span {
padding-top:4px!important;
color: #A7A8A8!important;
}
div.vectorMenu h3 a {
background-image: url("https://halo-esports.gamepedia.com/media/halo-esports.gamepedia.com/9/97/AdminMenuArrow.png")!important;
background-repeat: no-repeat!important;
background-position-x: 3px!important;
background-position-y: center!important;
top: 9px!important;
}
div.vectorMenu div.menu {
top: 1.7em!important;
}
div.vectorMenu h4{
color: #A7A8A8;
padding-left: 0.5em;
padding-top: 0.55em!important;
}
div.vectorMenu#p-variants{
padding-top:0;
}
div.vectorMenu h5{
height: 1em;
padding-right: 5px;
}
div.vectorMenu h4{
color: #A7A8A8;
padding-left: 0.5em;
padding-top: 0.55em!important;
}
div.vectorMenu#p-variants{
padding-top:0;
}
div.vectorMenu h5{
height: 1em;
padding-right: 5px;
}
div#mw-head h5 {
margin-bottom: .3em;
}
#p-search {
padding-bottom: 5px;
}
#p-cactions {
padding-top: 5px;
}
div#simpleSearch{
font-size: 16px;
margin-top: -0.1em;
}
/* New Frontpage Stuff After This */
/**MAIN PAGE STYLESHEET**/
.frontpagetable {
border-collapse:collapse;
text-align:left
}
.frontpagetable th {
color:#fff!important;
font-family: 'Roboto Condensed', serif;
background-color: #42784c;
font-weight:400;
height: 33px;
text-align:center;
font-size: 20px;
padding: 0;
}
.frontpagetable th a, .frontpagetable th strong {
color:#fff!important;
font-family: 'Roboto Condensed', serif;
font-weight:400;
background-color: #42784c;
height: 33px;
text-align:center;
font-size: 20px;
padding: 0;
}
.frontpagetable td {
font-family: 'Roboto Condensed', sans-serif;
background-color:#FFFFFF;
}
.frontpagetable td.banner {
background-image:none;
filter:none;
background-color:#FFFFFF;
}
.frontpagetable td.content {vertical-align:top;padding:.5em .5%;background-color: #EBEBEB;}
.frontpagetable td.content2 {vertical-align:top;padding:0;background-color: #EBEBEB;}
.frontpagetable td.content3 {vertical-align:top;padding:.5em 2%;background-color: #EBEBEB;}
.frontpagetable td.separator {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px}
.frontpagetable td.separator2 {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px;border-bottom:#C6C6C6 solid 1px}
.frontpagetable td.separator3 {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px;border-top:#C6C6C6 solid 1px}
.frontpagetable th.separator {border-right: #42784c solid 1px;border-bottom: #305737 solid 5px;}
.frontpagetable th.separator2 {border-left:#42784c solid 1px;border-bottom: #305737 solid 5px;}
.frontpagetable th.separator3 {border-left:#42784c solid 1px;border-bottom: #305737 solid 5px;}
/*FIXING FRONTPAGE TABLES*/
.frontpageDynamicSection th {
color:#000!important;
background:transparent;
background-size: 0px 0px;
background-repeat:no-repeat;
font-weight:700;
height:auto;
text-align:center;
font-size:13px;
padding:0.2em;
}
.frontpageDynamicSection table.jquery-tablesorter th.headerSort {
padding-right: 21px;
}
.frontpageDynamicSection th a, .frontpageDynamicSection th strong{
color:#000!important;
background:transparent;
background-size: 0px 0px;
font-weight:400;
height:auto;
text-align:center;
font-size:16px;
}
.frontpageDynamicSection td {
background:transparent;
font-size:13px;
}
/*FIXING FRONTPAGE TABLES*/
#frontpagenews th {
color:#000!important;
background:transparent;
text-align:center;
font-weight:700;
height:auto;
font-size:15px;
}
#frontpagenews td {
background:transparent;
font-size:12px;
text-align:left;
}
/* New Frontpage Tabs - START*/
.tabs-March2014 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
padding: 0px 0px 4px 0px;
background-color: #C6C6C6;
}
.tabs-March2014 ul {
list-style:none;
text-align: center;
padding:0;
background-color:transparent;
margin-left:0;
}
.tabs-March2014 ul #current {
list-style:none;
text-align: center;
padding:0px;
margin:-10px 0px;
background-color: #42784c;
}
.tabs-March2014 li {
display: inline;
text-align:center;
padding:0;
background-color:transparent;
}
.tabs-March2014 li #current {
display: inline;
text-align:center;
padding:0px;
background-color: #42784c;
}
.tabs-March2014 a,.tabs-March2014 strong {
float:none;
text-decoration:none;
font-weight:500;
color:#000000;
text-align:center;
padding:5px 7px 5px 7px;
background-color:transparent;
font-size: 110%;
}
.tabs-March2014 a:hover {
color:#555;
}
.tabs-March2014 a {float:none;}
.tabs-March2014 #current {
background-color:transparent;
}
.tabs-March2014 #current a, .tabs-March2014 #current strong {
color:#FFFFFF;
padding-bottom:5px;
padding-top:5px;
font-weight:500;
background-color:transparent;
background-color: #305737;
font-size: 110%;
}
body.page-Main_Page #firstHeading {display:none;}
/* Frontpage Tabs - END */
/* Articles Index Tabs */
.tabs-March2014-Articles {
float:left;
width:100%;
font-size:93%;
line-height:normal;
padding:4px 0px 5px 0px;
background-color:#42784c;
color:#fff;
border-bottom:1px solid #aaa;
}
.tabs-March2014-Articles ul {
list-style:none;
text-align: center;
padding:5px 0px 5px 0px;
background-color:transparent;
}
.tabs-March2014-Articles a,.tabs-March2014-Articles strong {
float:none;
text-decoration:none;
font-weight:bold;
color:#fff;
text-align:center;
padding:5px 7px 5px 7px;
background-color:transparent;
font-size: 110%;
}
.tabs-March2014-Articles a:hover {
color:#CCC;
}
.tabs-March2014-Articles a {float:none;}
.tabs2ndRow {
background-color: transparent;
}
/* Poll Stuff */
.frontpageDynamicSection .ajaxpoll {
width:auto;
max-width:420px;
border:none;
background:none;
}
.ajaxpoll-misc, .ajaxpoll-id-info, .ajaxpoll-info {
display:none;
}
/* 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;
}
.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:13px;
left:40px;
position:relative;
pointer-events:none;
}
/* Matchrecap for Scoreboards - END */
/* Tabs adapted by Liquipedia */
/* CSS for new Tabs */
div.tabs-static, div.tabs-dynamic {
overflow: hidden;
}
ul.tabs {
border-bottom: 2px solid #42784c;
display: block;
margin: 0px;
padding: 0px;
z-index: 333;
}
ul.tabs li {
background-color: #EFF6FF;
border: 1px solid #a3b1bf;
border-bottom-color: #42784c;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
cursor: pointer;
display: inline-block;
font-size: 90%;
margin: 0px;
margin-bottom: -2px;
margin-top: 3px;
padding: 2px 5px 2px 5px;
}
ul.tabs li.active {
background-color: #ffffff;
border: 2px solid #42784c;
border-bottom: 2px solid #ffffff;
padding-top: 1px;
}
/* 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;
}
}
@media (max-width: 845px) {
ul.tabs9 {
border-bottom: 0;
}
ul.tabs9 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs9 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs9 li a, ul.tabs9 li strong {
display: block;
}
}
@media (max-width: 920px) {
ul.tabs10 {
border-bottom: 0;
}
ul.tabs10 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs10 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs10 li a, ul.tabs10 li strong {
display: block;
}
}
@media (max-width: 995px) {
ul.tabs11 {
border-bottom: 0;
}
ul.tabs11 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs11 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs11 li a, ul.tabs11 li strong {
display: block;
}
}
@media (max-width: 1070px) {
ul.tabs12 {
border-bottom: 0;
}
ul.tabs12 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs12 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs12 li a, ul.tabs12 li strong {
display: block;
}
}
@media (max-width: 1145px) {
ul.tabs13 {
border-bottom: 0;
}
ul.tabs13 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs13 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs13 li a, ul.tabs13 li strong {
display: block;
}
}
@media (max-width: 1220px) {
ul.tabs14 {
border-bottom: 0;
}
ul.tabs14 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs14 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs14 li a, ul.tabs14 li strong {
display: block;
}
}
@media (max-width: 1295px) {
ul.tabs15 {
border-bottom: 0;
}
ul.tabs15 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs15 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs15 li a, ul.tabs15 li strong {
display: block;
}
}
@media (max-width: 1370px) {
ul.tabs16 {
border-bottom: 0;
}
ul.tabs16 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs16 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs16 li a, ul.tabs16 li strong {
display: block;
}
}
@media (max-width: 1445px) {
ul.tabs17 {
border-bottom: 0;
}
ul.tabs17 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs17 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs17 li a, ul.tabs17 li strong {
display: block;
}
}
@media (max-width: 1520px) {
ul.tabs18 {
border-bottom: 0;
}
ul.tabs18 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs18 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs18 li a, ul.tabs18 li strong {
display: block;
}
}
@media (max-width: 1595px) {
ul.tabs19 {
border-bottom: 0;
}
ul.tabs19 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs19 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs19 li a, ul.tabs19 li strong {
display: block;
}
}
@media (max-width: 1670px) {
ul.tabs20 {
border-bottom: 0;
}
ul.tabs20 li {
border: 1px solid #a3b1bf;
border-radius: 0;
display: block;
height: 20px;
margin-top: 1px;
padding: 3px;
}
ul.tabs20 li.active {
border: 1px solid #a3b1bf;
padding-top: 3px;
}
ul.tabs20 li a, ul.tabs20 li strong {
display: block;
}
}
div.tabs-content {
background-color: #ffffff;
border-left: 2px solid #42784c;
padding: 5px;
}
div.tabs-content > div:not(.active) {
display: none;
}
div.tabs-content > div {
overflow-x: auto;
overflow-y: hidden;
}
/* Site Banner */
#sitebanner img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
/* Site Banner - END */
/* Twitter Widget */
#twitter-widget-0, #twitter-widget-1, #twitter-widget-2 {
width:400px;
}
/* Twitter Widget - END */
/* Matchrecap for Scoreboards */
.matchrecap1 {
width:500px;
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:170px;
position:relative;
pointer-events:none;
}
/* Matchrecap for Scoreboards - END */
/* 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;}
/* Staff Flairs */
/* a.mw-userlink[title="User:Username"]:after{
content: '\0000a0' url("add direct file link here");
position: relative;
top: 3px;
left: 3px;
} */
/*Staff Flairs - END */
/* Temp Fix, should be removed next week */
.mw-wiki-logo {
background-image: url(https://halo-esports.gamepedia.com/media/halo-esports.gamepedia.com/b/bc/Wiki.png?)!important;
}
/* 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://lol.gamepedia.com/media/lol.gamepedia.com/c/c5/Bracketinfoicon.png) 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 */
/* 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 */