MediaWiki:Common.css

/* ######################################################################## */ /* ### CSS placed here will be applied to all skins on the entire site. ### */ /* ######################################################################## */ /* */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url("https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2") format('woff2'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2") format('woff2'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url("https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPANqczVs.woff2") format('woff2'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url("https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPANqczVs.woff2") format('woff2'); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen Regular'), local('Oxygen-Regular'), url("https://fonts.gstatic.com/s/oxygen/v7/2sDfZG1Wl4LcnbuKjk0mRUe0Aw.woff2") format('woff2'); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 700; src: local('Oxygen Bold'), local('Oxygen-Bold'), url("https://fonts.gstatic.com/s/oxygen/v7/2sDcZG1Wl4LcnbuCNWgzaGW5Kb8VZA.woff2") format('woff2'); } @font-face { font-family: 'Spectral'; font-style: normal; font-weight: 600; src: local('Spectral SemiBold'), local('Spectral-SemiBold'), url("https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9vmtm3BafaPWnII.woff2") format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2") format('woff2'); } @font-face { font-family: "FontAwesome"; font-weight: normal; font-style: normal; src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); } @font-face{ font-family: "FontAwesome 5"; font-style: normal; font-weight: 400; src: url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.eot); src: url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.woff2) format("woff2"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.woff) format("woff"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.ttf) format("truetype"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.svg#fontawesome) format("svg"); } @font-face{ font-family: "FontAwesome 5"; font-style: normal; font-weight: 900; src: url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.eot); src: url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.woff2) format("woff2"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.woff) format("woff"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.ttf) format("truetype"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.svg#fontawesome) format("svg"); }

/********* 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("https://static.wikia.nocookie.net/siege_esports_gamepedia_en/images/2/26/Background.png/revision/latest"); --wiki-color:#343436; --wiki-accent:#4e4e4e; --tabheader-tab:#cbcbd3; --navbox:#555557; --navbox-subgroup:#cbcbd3; --infobox-color:#555557; --infobox-border-color:#aaa; --infobox-notice-color:#ff6666; --bg-color:#BDBBB8; }

/**** end variables ****/

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

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

/**MAIN PAGE STYLESHEET**/ display:block; border-collapse:collapse; text-align:left }
 * 1) mainpagenavigation {

color:#fff!important; font-family: 'Raleway', serif; text-shadow:rgba(0,0,0,0.75) 0 0 0.25em; background-color:#444; background-image:url(https://lol.gamepedia.com/media/lol.gamepedia.com/1/16/Blue.png); font-weight:700; height:48px; text-align:center; font-size:x-large; }
 * 1) mainpagenavigation th {

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: #25578A; 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:#25578A solid 1px;}
 * 8) mainpagenavigation th.separator2 {border-left:#25578A 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(https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/4/40/Icon_external_link_mp3.png/revision/latest) 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; }

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

/* 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 .infobox-title { color: var(--accenttext-color); }

.infoboxdetails, .infoboxname { color: var(--accenttext-color); }

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

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(https://lol.gamepedia.com/media/lol.gamepedia.com/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

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

/* Test */ div.mpboxtitle{ height:22px; font-family:"Helvetica Neue LT Com 65 Medium","Helvetica Neue CE 65 Medium","Helvetica Neue 65 Medium","HelveticaNeue LT Com 65 Medium","HelveticaNeue CE 65 Medium","HelveticaNeue 65 Medium",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:normal; font-size:22px; text-align:center; color:#ffffff; text-shadow:#ffffff 0 0 .5px; border-left:1px solid #ababab; border-right:1px solid #ababab; /* background-image:url(/w/skins/common/images/MainPageTitleboxMiddle.png);*/ /* image doesn't exits */ background-repeat:repeat-x;line-height:23px; }

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

.dnUser { display:none; }

.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: #343436; 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: #343436; 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: #343436 solid 1px;border-bottom: #4e4e4e solid 5px;}
 * 8) mainpagenavigation2014 th.separator2 {border-left:#343436 solid 1px;border-bottom: #4e4e4e 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; }

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

/* Highlighting Background colors */ .colorUpwithbye { background-color: rgb(151, 236, 171); } .colorWin, .colorUp { background-color: rgb(204, 255, 204); } .colorStayup { background-color: rgb(224, 247, 176); } .colorStay { background-color: rgb(255, 255, 153); } .colorStaydown { background-color: rgb(255, 221, 170); } .colorDown { background-color: rgb(255, 204, 204); } .colorAutorelegate { background-color: rgb(255, 128, 128); } .colorDraw { background-color: rgb(255, 255, 221); }

.colorUpwithbyeHL { background-color: rgb(192, 214, 197); } .colorWinHL, .colorUpHL { background-color: rgb(206, 212, 206); } .colorStayupHL { background-color: rgb(210, 216, 198); } .colorStayHL { background-color: rgb(218, 218, 193); } .colorStaydownHL { background-color: rgb(218, 210, 197); } .colorDownHL { background-color: rgb(218, 206, 206); } .colorAutorelegateHL { background-color: rgb(218, 186, 186); } .colorDrawHL { background-color: rgb(218, 218, 210); }

/* End Highlighting Background colors */

/* Patchnote Background */ .patchnotesText { background-image: url("https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/e/ed/Patchnote_mid.jpg/revision/latest"); background-repeat: repeat-y; }

/* Inline Lists for Valuerank queries in chart titles */

ul.teamsInPlayerStatsList { margin: 0 0 0 0; display: inline; list-style-type: none; }

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

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

/*  */ .sprite.item-sprite { width: 30px; height: 30px; background-image:url(/media/6/6c/ItemSprite.png?version=0ea682874c9981155404b183242e2348); }

.sprite.champion-sprite { width: 60px; height: 60px; background-image:url(/media/b/b5/ChampionSprite.png?version=1e81ae6c056966f81a3eed247cb93591); }

.sprite.team-sprite { width: 60px; height: 25px; background-image:url(/media/2/20/TeamSprite.png?version=72162795124ba207f1c64af727cf6825); }

.sprite.league-sprite { width: 20px; height: 20px; background-image:url(/media/1/16/LeagueSprite.png?version=d33270e54da6ceb4255885c2c4d03ce0); }

.sprite.mastery-sprite { width: 25px; height: 25px; background-image:url(/media/6/62/MasterySprite.png?version=dd8de4a0aa7f9e9303e2435a638b8d23); }

.sprite.keystone-sprite { width: 25px; height: 25px; background-image:url(/media/a/ac/KeystoneSprite.png?version=a0c77a770f1ae3d3740d15414bbfee45); }

.sprite.summoner-sprite { width: 64px; height: 64px; background-image:url(/media/7/7c/SummonerSprite.png?version=36a7d4065e67428f72b5566910c6951b); }

.sprite.role-sprite { width: 32px; height: 32px; background-image:url(/media/1/10/RoleSprite.png?version=87e2bd7098b766d2a4dfd299fd00c9b7); }

/*  */ .sprite.class-sprite { width: 75px; height: 75px; background-image:url(/media/7/70/ClassSprite.png?version=dde7258451048a3a12986a49c4baf222); }

/*  */ .sprite.scoreboardicon-sprite { width: 90px; height: 90px; background-image:url(/media/0/0c/ScoreboardIconSprite.png?version=ff2d1eb2384a0597285f82be7a1f7b78); }

/*  */ .sprite.stat-sprite { width: 90px; height: 90px; background-image:url(/media/0/02/StatSprite.png?version=e59938847f3c606c074439015a11e2dc); }

.sprite.runesreforged-sprite { width: 30px; height: 30px; background-image:url(/media/8/80/RunesReforgedSprite.png?version=c91dc994da0eeac6e485e724c1c35132); }

/* End Sprites */