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/1/1b/SmiteEsportspediaBG2.png"); --wiki-color:#c2a466; --wiki-accent:#9a855a; --tabheader-tab:#d8c59c; --navbox:#9a855a; --navbox-subgroup:#d8c59c; --infobox-color:#9a855a; --infobox-border-color:#aaa; --infobox-notice-color:#ff6666; --bg-color:#D2D2D2; } /**** 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: 293px; 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; }

.helpcontentnavbox th, .helpcontentnavbox th a, .helpcontentnavbox th strong { background-image: none; background-color: #9a855a; 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:#9a855a solid 1px;}
 * 8) mainpagenavigation th.separator2 {border-left:#9a855a 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; }

/* 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: #c2a466; /* 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: #d8c59c;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #d8c59c;    /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #d8c59c;    /* 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 */ }

table.zebra  tr:nth-child(odd) { background: #E9E9E9; }

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

/* ************************************************** * 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 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 #c2a466; 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 */ 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 */ }
 * 1) mainpagebanner1 {

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

/* Articles Index Tabs */ .tabs-March2014-Articles { float:left; width:100%; font-size:93%; line-height:normal; padding:4px 0px 5px 0px; background-color:#c2a466; 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 */ width:auto; max-width:420px; border:none; background:none; }
 * 1) mainpagecontent2014 .ajaxpoll {

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


 * 1) crystalcup img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

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

/* Tabs adapted by Liquipedia */ /* CSS for new Tabs */ div.tabs-static, div.tabs-dynamic { overflow: hidden; } ul.tabs { border-bottom: 2px solid #c2a466; display: block; margin: 0px; padding: 0px; z-index: 333; } ul.tabs li { background-color: #EFF6FF; border: 1px solid #a3b1bf; border-bottom-color: #9a855a; 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 #9a855a; 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 #9a855a; padding: 5px; } div.tabs-content > div:not(.active) { display: none; } div.tabs-content > div { overflow-x: auto; overflow-y: hidden; }

.latestGodInfo { opacity:0.2; position:relative; pointer-events:none; }

/* Adding Backgrounds for PC and Xbox for the roster change portal */

.rosterChangesRoleXBox { background-image: url(https://smite-esports.gamepedia.com/media/smite-esports.gamepedia.com/9/91/XboxRosterChangesBG.png?); background-repeat: no-repeat; background-position: center center; }

.rosterChangesRolePC { background-image: url(https://smite-esports.gamepedia.com/media/smite-esports.gamepedia.com/a/ac/PCRosterChangesBG.png?); background-repeat: no-repeat; background-position: center center; }

/* 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://smite-esports.gamepedia.com/media/smite-esports.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 */

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

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

/* Admin & Editor avatars */ /* a.mw-userlink[title="User:MountainGoat"]:after{ content: url("https://smite-esports.gamepedia.com/media/smite-esports.gamepedia.com/thumb/e/e3/UllrSquare.jpg/15px-UllrSquare.jpg")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Mlbstar17"]:after{ content: url("https://smite-esports.gamepedia.com/media/smite-esports.gamepedia.com/thumb/5/50/ThorSquare.jpg/15px-ThorSquare.jpg")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:RheingoldRiver"]:after{ content: url("https://smite-esports.gamepedia.com/media/smite-esports.gamepedia.com/thumb/d/d6/Chang%27ESquare.jpg/15px-Chang%27ESquare.jpg")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Unovy"]:after{ content: url("https://smite-esports.gamepedia.com/media/smite-esports.gamepedia.com/thumb/e/e9/JingWeiSquare.jpg/15px-JingWeiSquare.jpg")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Snufflebox"]:after{ content: url("https://smite-esports.gamepedia.com/media/smite-esports.gamepedia.com/thumb/a/a2/IsisSquare.jpg/15px-IsisSquare.jpg")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:CityofCyn"]:after{ content: url("https://smite-esports.gamepedia.com/media/smite-esports.gamepedia.com/thumb/9/90/AthenaSquare.jpg/15px-AthenaSquare.jpg")'\0000a0'; position: relative; top: 3px; left: 3px; }

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

.mw-wiki-logo { background-image: url(https://smite-esports.gamepedia.com/media/smite-esports.gamepedia.com/b/bc/Wiki.png?)!important; }

.smw-editpage-help{ display:none; }

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

/* tournament rosters start */

table.tournament-roster { margin-top: 2px; width: 150px; }

.tournament-roster-caption { font-weight: 700; }

.tournament-roster-header { line-height: 130%; font-size: 80%; padding: 0; }

.tournament-roster-logo-cell { text-align: center; line-height: 133px; width: 150px; padding: 0 3px; }

.tournament-roster-player-cell { font-weight: 700; line-height: 22px; }

.tournament-roster-role { height: 0; overflow: visible; position: relative; z-index: 99; opacity: 0.5; float: right; }

.tournament-roster-player { position: relative; z-index: 100; }

/* tournament rosters end */