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/apexlegends_esports_gamepedia_en/images/1/1f/Background.jpg/revision/latest"); --wiki-logo: url("https://static.wikia.nocookie.net/apexlegends_esports_gamepedia_en/images/5/59/Apex_wiki_text.png/revision/latest"); --wiki-color: #9E3136; --wiki-accent: #c48386; --tabheader-tab: #c48386; --navbox: #c48386; --navbox-subgroup: #ebd5d6; --navbox-subsubgroup: #f5eaea; --infobox-color:#9E3136; --infobox-border-color:#aaa; --infobox-notice-color:#ff6666; --bg-color: #FDFCFB; } /**** end variables ****/ /* Adding Logo Text */ .mw-wiki-logo-text { position: relative; background-image: var(--wiki-logo); display: block; height: 109px; width: 165px; z-index: 100; top: 13px !important; left: 170px; background-size: auto 100%; background-repeat: no-repeat; }

@media screen and (max-width: 720px) { .mw-wiki-logo-text { display: none!important; } } /*Fixing the Revision Form*/ .flaggedrevs_reviewform { margin-top: 10px; margin-bottom: 10px; bottom: 0; }

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

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

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

body.ltr .thumbcaption { padding: 0.4em 0.75em; background: var(--content-bg-color); border-radius: 0 0 3px 3px; font-size: 85%; line-height: 1.35; }

body.ltr .magnify { margin-right: 0.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;a 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.prettytable, table.wikitable { margin: 13px 13px 13px 0; background: var(--table-background); border: 1px var(--table-border) solid; border-collapse: collapse; }

.prettytable td, .prettytable th, .wikitable td, .wikitable th { border: 1px var(--table-border) solid; padding: 3px; }

.prettytable th, .wikitable th { background: var(--table-header); text-align: center; }

.prettytable caption, .wikitable caption { font-weight: bold; }

table.zebra tr:nth-child(odd) { background: var(--table-highlight); }

.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 var(--ambox-border); border-bottom: 1px solid var(--ambox-border); background: transparent; } /* Infobox template style */ .infobox { border: 1px solid var(--interface-border); background-color: var(--interface-background); 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 var(--interface-border); }

.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox .infobox-title { color: var(--accent-text-color); } .infoboxdetails, .infoboxname { color: var(--accent-text-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 var(--ambox-border) solid; border-left: 10px solid var(--ambox-border); border-collapse: collapse; background-color: transparent; }

table.ambox + table.ambox { /* Single border between stacked boxes. */	margin-top: -1px; }

.ambox-blue { border-left: 10px solid var(--ambox-blue); /* Blue (notice) */ }

.ambox-red { border-left: 10px solid var(--ambox-red); /* Red (delete/serious) */ }

.ambox-orange { border-left: 10px solid var(--ambox-orange); /* Orange (content) */ }

.ambox-yellow { border-left: 10px solid var(--ambox-yellow); /* Yellow (style) */ }

.ambox-purple { border-left: 10px solid var(--ambox-purple); /* Purple (merge) */ }

.ambox-gray { border-left: 10px solid var(--ambox-gray); /* Gray (protection) */ }

.ambox-green { border-left: 10px solid var(--ambox-green); /* Green */ }

.ambox-image { /* The left image cell */ width: 60px; padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ text-align: center; }

.ambox-info { padding: 0.25em 0.5em; } /* copyright images tweak */ .copyright-icon { background: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat; background-size: 100%; width: 32px; height: 32px; } /* Mbox styling */ .mbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid var(--ambox-border); /* Default "notice" gray */ background: transparent; }

td.mbox-text, th.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: 0; width: 1px; } /* 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 var(--interface-border); margin-top: 5px; padding: 5px; } /* Show achievement points in a darker color */ color: var(--body-text-color); } /* Recent changes byte indicators */ .mw-plusminus-pos { color: var(--ambox-green); }
 * 1) about-achievements span {

.mw-plusminus-neg { color: var(--ambox-red); } /* Image frame fix */ div.tleft, div.tright { border: 1px solid var(--interface-border); }

div.thumbinner { background: inherit; border: none; color: inherit; }

color: inherit; } /* Tooltips */ .hidden, .htt .tooltip-content .tooltip-hide { display: none; }
 * 1) article div.thumb {

.tooltip-ready { visibility: hidden; display: block; z-index: 999; } /* modified so that it won't be covered by Absolute Legend's logo */ margin-left: 150px; }
 * 1) f-copyrightico {

.collapseButton { /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in MediaWiki:Common.js are styled here so they can be customised. */	float: right; font-weight: normal; text-align: right; width: auto; } /* 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 var(--interface-border); 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-abovebelow, .navbox-title, table.navbox th { /* Title and above/below styles */ text-align: center; 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: var(--interface-background); /* Background color */ }

.navbox-list { border-color: var(--interface-background); /* Must match background color */ }

.navbox-title, table.navbox th { background: var(--navbox); /* Level 1 color */ }

.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--navbox-subgroup); /* Level 2 color */ }

.navbox-subgroup .navbox-abovebelow, .navbox-subgroup .navbox-group { background: var(--navbox-subsubgroup); /* Level 3 color */ }

.navbox-even { background: var(--navbox-highlight); /* Even row striping */ }

.navbox-odd { background: transparent; /* Odd row striping */ }

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

.navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from Template:Navbar, so they need to be the same width. */	width: 6em; }

.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-sedate { float: left; min-width: 105px; max-width: 105px; max-height: 25px; }

/* Making all VoDs look as if they weren't visited yet */ .gameScheduleVoDs a.external:visited { color: var(--link)!important; } /* Matchrecap S4 */ .matchrecap1 { width: 632px; margin-bottom: -1px!important; margin-top: 0px!important; background-color: transparent!important; padding: 0; }

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

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

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

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

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

.matchrecapLogoS6 { opacity: 0.2; top: 27px; left: 50px; position: relative; pointer-events: none; }

width: 400px; } /* Tabs adapted by Liquipedia */ /* CSS for new Tabs */ div.tabs-dynamic, div.tabs-static { overflow: hidden; }
 * 1) twitter-widget-0,
 * 2) twitter-widget-1,
 * 3) twitter-widget-2 {

ul.tabs { border-bottom: 2px solid var(--tabheader-tab); display: block; margin: 0; padding: 0; z-index: 333; }

ul.tabs li { background-color: var(--interface-background); border: 1px solid var(--interface-border); border-bottom-color: var(--tabheader-tab); border-top-left-radius: 2px; border-top-right-radius: 2px; cursor: pointer; display: inline-block; font-size: 90%; margin: 3px 0 -2px; padding: 2px 5px; }

ul.tabs li.active { background-color: var(--content-bg-color); border: 2px solid var(--tabheader-tab); border-bottom: 2px solid var(--content-bg-color); padding-top: 1px; } /* 170 + 75 * (number of tabs) */ @media (max-width: 320px) { ul.tabs2 { border-bottom: 0; }

ul.tabs2 li { border: 1px solid var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs2 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs3 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs4 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs5 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs6 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs7 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs8 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs9 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs10 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs11 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs12 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs13 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs14 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs15 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs16 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs17 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs18 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs19 li.active { border: 1px solid var(--interface-border); 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 var(--interface-border); border-radius: 0; display: block; height: 20px; margin-top: 1px; padding: 3px; }

ul.tabs20 li.active { border: 1px solid var(--interface-border); padding-top: 3px; }

ul.tabs20 li a,	ul.tabs20 li strong { display: block; } }

div.tabs-content { background-color: var(--content-bg-color); border-left: 2px solid var(--tabheader-tab); padding: 5px; }

div.tabs-content > div:not(.active) { display: none; }

div.tabs-content > div { overflow-x: auto; overflow-y: hidden; } /*update template:dynamictabs ul.tabs { border-bottom: 0; line-height: 1em; }

ul.tabs li { display: inline-block; padding: 0.4em 0.5em 0.2em; background-color: var(--tabheader-tab); font-size: 90%; line-height: 1em; margin: 3px 0 -1px 0.4em; border-bottom: 1px solid var(--tabheader-border); }

ul.tabs li.active { background-color: var(--content-bg-color); border: solid 1px var(--tabheader-border); border-bottom-color:; border-bottom-color: var(--content-bg-color); }

div.tabs-content { border-left: 1px solid var(--tabheader-border); border-top: 1px solid var(--tabheader-border); border-radius: 1px; } */ /* Brackets */ .bracket { font-size: 11px; background: transparent; display: table; }

.bracket-column { float: left; position: relative; }

.bracket-header { border-radius: 2px; border: 1px solid var(--interface-border); padding: 2px 0; position: relative; left: 0; right: 0; line-height: 18px; margin-bottom: 20px; text-align: center; background: var(--interface-background); }

.bracket-header-oldschool { border: 1px solid var(--interface-border); padding: 2px 0; position: relative; left: 0; right: 0; line-height: 18px; margin-bottom: 20px; text-align: center; background: var(--interface-background); }

.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-bottom, .bracket-team-top { border-radius: 0 0 2px 2px; border: solid var(--interface-border) 1px; position: absolute; padding: 1px; min-height: 20px; line-height: 18px; background: var(--interface-background); left: 0; right: 0; }

.bracket-team-bottom-oldschool, .bracket-team-top-oldschool { border: solid var(--interface-border) 1px; position: absolute; padding: 1px; min-height: 20px; line-height: 18px; background: var(--interface-background); 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: var(--interface-background); border-left: 1px solid #aaa; position: absolute; line-height: 22px; right: 0; top: 0; bottom: 0; }

.bracket-score-oldschool { text-align: center; background: var(--interface-background); border-left: 2px solid var(--interface-border); 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 var(--interface-border); }

div.ib-sr:last-child { border-bottom: 0 hidden; }

div.ib-sr div { display: inline-block; padding: 1px 0; border-left: 1px solid var(--interface-border); text-align: center; }

div.ib-sr div#title { display: inline-block; padding: 1px 0 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: var(--ambox-red); }

.bracket-game-details div.draft.blue a img { border-color: var(--ambox-blue); }

.bracket-game-details div.date { border-bottom: 1px dotted var(--interface-border); line-height: 1.8em; font-size: 85%; text-align: center; }

div.bracket-game-details { width: 390px; text-align: center; border: 1px solid var(--interface-border); display: none; background: var(--interface-background); border-radius: 5px 5px 5px 5px; box-shadow: 4px 4px 6px var(--interface-border); 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: 0; border-bottom: 1px solid var(--interface-border); }

.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 var(--interface-border); 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-bot-r1, .bracket-line-left-bot-r2, .bracket-line-left-bot-r3, .bracket-line-left-bot-r4, .bracket-line-left-bot-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-top-r1, .bracket-line-left-top-r2, .bracket-line-left-top-r3, .bracket-line-left-top-r4, .bracket-line-left-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, .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 { width: 9px; } /* End match summary */ /* Highlighting Background colors */ .colorUpwithbye { background-color: rgb(151, 236, 171); }

.colorUp, .colorWin { 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); }

.colorUpHL, .colorWinHL { 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 { 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://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://esports.gamepedia.com/media/esports.gamepedia.com/6/66/GreenCheck.png"); background-repeat: no-repeat; background-position: center; } /* End RedX and GreenCheck */ /* start Module:TabsHeader styles */ .tabheader-top { margin-bottom: 0.75em; border-bottom: 1px solid var(--tabheader-border); line-height: 1em; }

.navbox + .tabheader-top { margin-top: 0.3em; }

.tabheader-tab { display: inline-block; padding: 0.4em 0.5em 0.2em; background-color: var(--tabheader-tab); font-size: 90%; line-height: 1em; margin: 3px 0 -1px 0.4em; border-bottom: 1px solid var(--tabheader-border); }

.tabheader-active { background-color: var(--content-bg-color); border: solid 1px var(--tabheader-border); border-bottom-color: var(--content-bg-color); font-weight: bold; }

.correspondingpagebox { margin: -0.4em 0 0; border: 1px dashed var(--tabheader-border); float: right; padding: 0.3em 0.5em 0.25em; font-size: 90%; line-height: 0.95em; } /* end Module:TabsHeader styles */ /* start common gadget css */ .gadget-action-success { background-color: var(--ambox-green); }

.gadget-action-incomplete { background-color: var(--ambox-orange); }

.gadget-action-fail { background-color: var(--ambox-red); } /* end common gadget css */ /* for navboxes with subpages */ .no-subpage a { color: var(--ambox-green); }

.no-subpage a.new { color: var(--link-new); } /* end navboxes with subpages */ /* frontpage  */ .frontpagetable { border-collapse:collapse; text-align:left; width:100%; height:100%; }

.frontpagetable th { color:#fff!important; font-family: 'Roboto Condensed', serif; background-color: #9E3136; 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: #9E3136; 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:#9E3136 solid 1px;border-bottom: #c48386 solid 5px;} .frontpagetable th.separator2 {border-left:#9E3136 solid 1px;border-bottom: #c48386 solid 5px;}

.frontpageDynamicSection th { color:#000!important; background:transparent; 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; font-weight:400; height:auto; text-align:center; font-size:16px; }

.frontpageDynamicSection td { background:transparent; font-size:13px; }

.frontpageSectionContent{ overflow:auto; height:600px; }