MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */ @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-mobile.css&action=raw&ctype=text/css); /****************** /* General styles * /******************/ @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: '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'); }

body { background: #ffffff; color: #222222 !important; font-family: sans-serif; }

.globalNotice { position: relative; background: #ffffff; color: #222222; }

.header-container.header-chrome { border: none; border-bottom: 5px solid #3562B5; background-color: #6698ff; color: #ffffff; font-family: 'Raleway', serif; }

.header { border-top: none; }

.header .branding-box h1 { border-bottom: none; }

.mw-ui-anchor.mw-ui-progressive { color: #000000; }

.notification-count { background: transparent; }

.notification-count.notification-unseen .circle, .notification-count .circle { border-color: #6698ff; }

.mw-echo-ui-notificationItemWidget.mw-echo-ui-notificationItemWidget-unread { background: #7fa9ff !important; }

.mw-echo-ui-notificationItemWidget, .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { border: 1px solid #3562B5 !important; background: transparent !important; }

.overlay-header-container, .mw-echo-ui-crossWikiNotificationItemWidget-separator, .mw-echo-ui-bundleNotificationItemWidget-separator { border-bottom: 1px solid #3562B5 !important; }

.overlay-footer-container { border-top: 1px solid #3562B5 !important; }

.mw-echo-ui-notificationItemWidget-content-message-header, .mw-echo-ui-menuItemWidget-content, .mw-echo-ui-crossWikiNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title, .mw-echo-ui-bundleNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title, .mw-echo-ui-notificationItemWidget-content-actions-timestamp { color: #222222 !important; }

.mw-echo-ui-notificationItemWidget-content-message-body { color: #666666 !important; }

background: #ffffff url("https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/a/a7/Gravesbgmobile.jpg/revision/latest") no-repeat center top / 100% auto !important; }
 * 1) mw-mf-page-center, body.navigation-enabled #mw-mf-page-center, .animations #mw-mf-page-center {

body.navigation-enabled .transparent-shield { background: rgba(255, 255, 255, 0.8) !important; }

.overlay-enabled, #content { background: transparent; }

.overlay, .overlay.editor-overlay, .overlay-header-container, .overlay-footer-container { background: #6698ff; }

.pre-content h1, .content h1, .content h2, h1, h2, h3, h4, h5, h6 { background: transparent !important; color: #000000 !important; font-family: sans-serif; }

border-bottom: 2px solid #aaaaaa; }
 * 1) content .section {

div.toc-mobile, .client-js div.toc-mobile { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: #222222; padding: 8px; margin-bottom: 5px; }

border: 1px solid #aaaaaa; background-color: #f9f9f9; color: #222222; padding: 8px; margin-bottom: 5px; }
 * 1) content .thumb {

div.content table.wikitable, div.content table.wikitable > * > tr > th, div.content table.prettytable, div.content table.prettytable > * > tr > th { padding: 3px; margin: auto; margin-bottom: 5px; }

div.content table.wikitable { border: 3px solid #416eb6; background: transparent; color: #222222; }

div.content table.wikitable th, div.content table.wikitable > * > tr > th, div.content table.wikitable > * > tr > th, div.content table.prettytable th, div.content table.prettytable > * > tr > th, div.content table.prettytable > * > tr > th { border: 1px solid #aaaaaa; background: #f9f9f9; color: #222222; font-family: 'Raleway', serif; font-weight: bold; margin: 0; padding: 0 3px 3px 3px; }

div.content table.wikitable td, div.content table.wikitable > * > tr > td, div.content table.wikitable > * > tr > td, div.content table.prettytable td, div.content table.prettytable > * > tr > td, div.content table.prettytable > * > tr > td { border: 1px solid #aaaaaa; background: transparent; color: #222222 !important; vertical-align: middle; padding: 4px 8px; }

div.view-border-box { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: #222222; padding: 8px; margin-bottom: 5px; }

div.view-border-box.last-modified-bar { border: none; background: transparent; color: #222222; padding: 8px; margin-bottom: 5px; }

div.view-border-box.post-content { border: none; background: transparent !important; color: #222222 !important; margin: 0 30px 25px 30px; }

div#mw-mf-last-modified { background: transparent !important; }

div.last-modified-bar a, div.last-modified-bar a:visited { color: #ffffff; }

div.view-border-box.watch-this-article { border: none; background-color: transparent; overflow: visible; }

.mwm-notice { border: none; background: transparent; color: #222222; }

pre, .mw-code { border: 1px solid #eaecf0; background-color: #f9f9f9; color: #000000; padding: 2px 2px; white-space: pre-wrap; word-wrap: break-word; }

code { border: 1px dashed #eaecf0; background: transparent; white-space: pre-wrap; word-wrap: break-word; }

input, select, textarea { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: #000000 !important; padding: 2px 2px; }

.header .search-box input.search, .search-box input.search { background-color: #f9f9f9 !important; }

.mw-ui-button { font-family: 'Alegreya Sans', sans-serif; border: none; background: #3366cc; color: #ffffff !Important; font-weight: bold; }

.mw-ui-button:hover { background: #447ff5 !important; color: #ffffff !important; }

div.mw-echo-ui-menuItemWidget-content, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #000000 !important; }

footer { border: none; border-top: 5px solid #3562B5; background-color: #6698ff; color: #ffffff; }

footer > .post-content > h2 { border-bottom: 1px solid #3562B5; color: #ffffff !important; }

.toast { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: #222222; }

.drawer { background: #f9f9f9; }

.editor-overlay .wikitext-editor { color: #000000; }

.editor-overlay .summary-request, .oo-ui-messageDialog-title, .oo-ui-messageDialog-message, div.mw-echo-ui-menuItemWidget-content { color: #000000 !important; }

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { font-weight: bold; border: none; background: #3366cc; color: #ffffff !important; }

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background: #447ff5 !important; color: #ffffff !important; }

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: rgba(255, 255, 255, 0.9) !important; color: #000000; }

.ve-ui-mwSaveDialog-options { background-color: #ffffff !important; }

.overlay #secondary-button.user-button, .header #secondary-button.user-button, .overlay .user-button, .header .user-button { background: transparent; }

/******************* /* Search elements * /*******************/ .search-overlay { background: rgba(255, 255, 255, 0.9) !important; }

.search-overlay .results, .search-overlay .search-feedback { background-color: #ffffff !important; }

.page-summary h2, .page-summary h3 { color: #000000 !important; }

/******************** /* Main menu styles * /********************/ .primary-navigation-enabled { border-left: none !important; background: #6698ff !important; color: #000000; font-family: 'Oxygen', serif; }

border-left: none; background: #6698ff; font-family: 'Oxygen', serif; }
 * 1) mw-mf-page-left {

div.menu.view-border-box, #mw-mf-page-left ul { background: transparent; }

border-bottom: none; }
 * 1) mw-mf-page-left ul:first-child {

border-top: 1px solid #3562B5; border-bottom: 1px solid #3562B5; background: transparent; text-shadow: none; }
 * 1) mw-mf-page-left ul li {

border: none; color: #ffffff; }
 * 1) mw-mf-page-left ul li a, #mw-mf-page-left ul.hlist li a {

border-top: 1px solid #3562B5; border-bottom: 1px solid #3562B5; background: #7fa9ff; }
 * 1) mw-mf-page-left ul li:hover {

border: none; }
 * 1) mw-mf-page-left ul.hlist li:hover {

color: #ffffff; text-decoration: underline; }
 * 1) mw-mf-page-left ul li:hover a, #mw-mf-page-left ul.hlist li:hover a {

/*************************** /* Template example styles * /***************************/ span.templateexample { font-family: monospace; }

span.templateexample span.templatelink { font-weight: bold; }

span.templateexample span.paramname { }

span.templateexample span.paramvalue { color: #888888; font-style: italic; }

/**************** /* Ambox styles * /****************/ /* copyright images tweak */ .skin-hydradark .copyright-icon { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/b/b6/Copyright.png/32px-Copyright.png"); background-size: 100%; height: 32px; width: 32px; }

.ambox { border: 3px solid #416eb6; background: transparent; color: #000000; font-size: 95%; margin: 0 auto 10px auto; padding: 3px 6px 3px 16px; width: 80%; }

.ambox-gray { box-shadow: 10px 0 0 #383838 inset; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox + .ambox { margin-top: -10px; }

.ambox-text { padding: 0.25em 0.5em; }

.ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; }

/* Ambox colors */

.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 small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; }

/****************** /* Infobox styles * /******************/ .infoboxtable { background-color: #f9f9f9; border: 1px solid #aaaaaa; color: #000000; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; }

.infoboxtable td { vertical-align: top; }

.infoboxtable td > div { background-color: #f9f9f9; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.infoboxname { font-size: 110%; font-weight: bold; padding: 0.5em; }

.infoboxdetails { padding: 0em; }

/******************** /* Navbox templates * /********************/ table.navbox { border: 1px solid #aaaaaa; clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; }

/* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

/* Base background */ .navbox, .navbox-subgroup { background: #fdfdfd; }

.navbox-list { border-color: #fdfdfd; /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { background: #b6cfe5; }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #bed8ee; }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #c4dff7; }

/* Even row striping */ .navbox-even { background: #f7f7f7; }

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

.collapseButton { font-weight: normal; width: auto; }

.navbox .collapseButton { width: 6em; }

.navbar { font-size: 88%; font-weight: normal; }

.navbox .navbar { font-size: 100%; }

table.collapsed tr.collapsible { display: none; } /* End of new Navbox styling */

/****************** /* General styles * /******************/ .nomobile { display: none; }

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

/* ### DROPDOWN MENU CSS STUFF ### */

.dropdown-toggle { height: 30px; padding: 5px 30px; background-color: #3562B5; color: #fff; font-size: 16px; font-family: 'Roboto Condensed',serif; }

.dropdown-right::after { content: "?"; text-align: right; color: rgb(105, 112, 96); }

.dropdown-toggle-right:hover, .dropdown-toggle-right:focus { text-decoration: none; color: #103248; background-color: transparent; }

.dropdown-toggle-right { display: inline-block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.25; color: rgb(105, 112, 96); width: calc(100% - 60px); white-space: nowrap; }

.dropdown-menu-right { left: calc(100% + 5px)!important; top: -5px!important; }

.dropdown { position: relative; list-style: none; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px!important; margin: 0 0.2em 0 0!important; list-style: none; font-size: 14px; background-color: #ffffff; border: 1px solid #838b78; border-radius: 0; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #ced2ca; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.25; color: #697060; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #103248; background-color: transparent; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #236b9b; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; }

.dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 14px; line-height: 1.25; color: #999999; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } /* ### DROPDOWN MENU CSS STUFF END### */

/* Brackets */ .bracket { font-size: 11px; background: transparent; display: table; }

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

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

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

.bracket-cell-r1 { height: 36px; } .bracket-cell-r2 { height: 72px; } .bracket-cell-r3 { height: 144px; } .bracket-cell-r4 { height: 288px; } .bracket-cell-r5 { height: 576px; } .bracket-cell-r6 { height: 1152px; } .bracket-cell-r7 { height: 2304px; } .bracket-cell-r1, .bracket-cell-r2, .bracket-cell-r3, .bracket-cell-r4, .bracket-cell-r5, .bracket-cell-r6, .bracket-cell-r7 { position: relative; }

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

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

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

.bracket-team-top-oldschool { bottom:0; }

.bracket-score { text-align:center; background:#ebebeb; border-left:1px solid #aaa; position:absolute; line-height:22px; right:0; top:0; bottom:0; }

.bracket-score-oldschool { text-align:center; background:#f2f2f2; border-left:2px solid #aaa; position:absolute; line-height:22px; right:0; top:0; bottom:0; }

.bracket-team-bottom .bracket-score { border-bottom-right-radius: 2px; }

.bracket-team-top .bracket-score { border-top-right-radius: 2px; }

div.ib-sr { border-bottom:1px solid #aaa; } div.ib-sr:last-child { border-bottom:0px hidden; }

div.ib-sr div { display:inline-block; padding:1px 0px; border-left:1px solid #aaa; text-align:center; }

div.ib-sr div#title{ display:inline-block; padding:1px 0px 1px 1px; border:none; width:83px; text-align:left; }

div.ib-sr div#lvl1 { width:66%; } div.ib-sr div#lvl2 { width:33%; } div.ib-sr div#lvl3 { width:22%; } div.ib-sr div#lvl4 { width:16.3%; } /* End Brackets*/

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

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

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

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

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

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

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

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

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

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

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

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

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

.bracket-game-details div.draft.blue a img { border-color:#5882FA; } .bracket-game-details div.date { border-bottom: 1px dotted #aaa; line-height:1.8em; font-size:85%; text-align:center; }

div.bracket-game-details { width:390px; text-align:center; border:1px solid #aaa; display: none; background: rgba(242, 242, 242, 0.9); border-radius: 5px 5px 5px 5px; box-shadow: 4px 4px 6px #BBBBBB; z-index: 100; position:absolute; }

div.header { display:table-row; font-weight:bold; padding: 2px 5px; }

.bracket-game-details .header div { display:table-cell; line-height:26px; width:195px; padding-bottom:0px; border-bottom: 1px solid #aaa; }

.bracket-game-details .header div.left { text-align:right; padding-right:2px; }

.bracket-game-details .header div.right { text-align:left; padding-left:2px; }

.bracket-game-details div.icons { margin-top:2px; border-top: 1px solid #aaa; padding:2px; }

.bracket-game .icon, .match-row-icon { height: 12px; width: 12px; background: url(https://static.wikia.nocookie.net/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://static.wikia.nocookie.net/lolesports_gamepedia_en/images/8/89/RedX.png/revision/latest); background-repeat:no-repeat; background-position: center; }

div.greencheck { display: inline-block; width: 14px; height:10px; background-image: url(https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/6/66/GreenCheck.png/revision/latest); background-repeat:no-repeat; background-position: center; }

/* End RedX and GreenCheck */

/* Favorite Champ Stuff */ a.mw-userlink[title="User:Mr no no"]:after, a.mw-userlink[title="User:Sir No"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/7/79/DefinitelyNotBlitzcrankSquare.png/15px-DefinitelyNotBlitzcrankSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:RheingoldRiver"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/5/56/SonaSquare.png/15px-SonaSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Dhoxtot"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/4/4f/KarmaSquare.png/15px-KarmaSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Sergeantpetpig"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/5/54/DariusSquare.png/15px-DariusSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Noactualbot"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/4/40/NunuBotSquare.png/15px-NunuBotSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Zui0"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/9/91/LuluSquare.png/15px-LuluSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Ragaga"]:after, a.mw-userlink[title="User:Ragagamc"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/3/31/OrnnSquare.png/15px-OrnnSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Fowler"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/d/d3/ShenSquare.png/15px-ShenSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:LazyJohny"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/f/f7/AzirSquare.png/15px-AzirSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Brianlampard"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/5/52/Poro.jpg/15px-Poro.jpg")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Snackbar"]:after, a.mw-userlink[title="User:Privelige"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/5/52/Poro.jpg/15px-Poro.jpg")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Tmv23"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/e/e1/KarthusSquare.png/15px-KarthusSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Ade20K"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/9/93/SejuaniSquare.png/15px-SejuaniSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Darleesian"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/c/c2/VarusSquare.png/15px-VarusSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Urbanspirit"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/3/34/AlistarSquare.png/15px-AlistarSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Sawyer"]:after, a.mw-userlink[title="User:Sawyerar"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/1/18/AhriSquare.png/15px-AhriSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Anio"]:after, a.mw-userlink[title="User:Anio22"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/0/01/AniviaSquare.png/15px-AniviaSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Cyraknoss"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/f/f9/VolibearSquare.png/15px-VolibearSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:MF144"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/9/91/LuluSquare.png/15px-LuluSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Reuterho"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/d/da/AhriSquare_Old.png/15px-AhriSquare_Old.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Konbayashi"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/a/a5/AkaliSquare.png/15px-AkaliSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Caarlosm"], a.mw-userlink[title="User:Camucted"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/6/6b/GnarSquare.png/15px-GnarSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:AirCrou10"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/4/4a/AsheSquare.png/15px-AsheSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Lavazomb"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/e/e2/JinxSquare.png/15px-JinxSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:EMJaeCaer"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/9/9d/MissFortuneSquare.png/15px-MissFortuneSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Noisia1896"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/e/ef/KledSquare.png/15px-KledSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

a.mw-userlink[title="User:Ixzahilz"]:after{ content: url("https://images.wikia.com/lolesports_gamepedia_en/images/thumb/8/88/UrgotSquare.png/15px-UrgotSquare.png")'\0000a0'; position: relative; top: 3px; left: 3px; }

/* Favorite Champ Stuff End*/

/* Verified User Accounts Start */

a.mw-userlink[title="User:KalKal"]:after{ content: url("https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/6/66/GreenCheck.png/revision/latest")'\0000a0' "MnM Gaming"; position: relative; left: 3px; }

a.mw-userlink[title="User:SrVenancio"]:after{ content: url("https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/6/66/GreenCheck.png/revision/latest")'\0000a0' "formerly Merciless Gaming"; position: relative; left: 3px; }

a.mw-userlink[title="User:JacobNWolf"]:after{ content: url("https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/6/66/GreenCheck.png/revision/latest")'\0000a0'; position: relative; left: 3px; }

a.mw-userlink[title="User:Elojoninja1"]:after{ content: url("https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/6/66/GreenCheck.png/revision/latest")'\0000a0' "ElOjoNinja"; position: relative; left: 3px; }

a.mw-userlink[title="User:Garena PH eSports"]:after{ content: url("https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/6/66/GreenCheck.png/revision/latest")'\0000a0'; position: relative; left: 3px; }

a.mw-userlink[title="User:V3kmt"]:after{ content: url("https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/6/66/GreenCheck.png/revision/latest")'\0000a0' "V3 Esports"; position: relative; left: 3px; }

/* Verified User Accounts End */

/* New Frontpage Stuff After This */ /**MAIN PAGE STYLESHEET**/ div.FrontpageOuterDiv { max-width: 100% !important; margin: 0 !important; }

div.FrontpageOuterDiv div > div { width: 100% !important; max-width: 100% !important; }

/**MAIN PAGE STYLESHEET**/ border-collapse:collapse; text-align:left; width: 100% !important; }
 * 1) mainpagenavigation2014 {

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

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

font-family: 'Raleway', 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: #6698FF solid 1px;border-bottom: #3562B5 solid 5px;}
 * 8) mainpagenavigation2014 th.separator2 {border-left:#6698FF solid 1px;border-bottom: #3562B5 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 {

/* New Frontpage Tabs - START*/

.tabs-March2014 { float:left; width:100%; font-size:93%; line-height:normal; padding: 0px 0px 4px 0px; background-color: #C6C6C6; }

.tabs-March2014 ul { list-style:none; text-align: center; padding:0; background-color:transparent; margin-left:0; }

.tabs-March2014 ul #current { list-style:none; text-align: center; padding:0px; margin:-10px 0px; background-color: #6698FF; }

.tabs-March2014 li { display: inline; text-align:center; padding:0; background-color:transparent; }

.tabs-March2014 li #current { display: inline; text-align:center; padding:0px; background-color: #6698FF; }

.tabs-March2014 a,.tabs-March2014 strong { float:none; text-decoration:none; font-weight:500; color:#000000; text-align:center; padding:5px 7px 5px 7px; background-color:transparent; font-size: 110%; }

.tabs-March2014 a:hover { color:#555; }

.tabs-March2014 a {float:none;}

.tabs-March2014 #current { background-color:transparent; }

.tabs-March2014 #current a, .tabs-March2014 #current strong { color:#FFFFFF; padding-bottom:5px; padding-top:5px; font-weight:500; background-color:transparent; background-color: #3562B5; font-size: 110%; }

body.page-Main_Page #firstHeading {display:none;} /* Frontpage Tabs - END */ /* Articles Index Tabs */

.tabs-March2014-Articles { float:left; width:100%; font-size:93%; line-height:normal; padding:4px 0px 5px 0px; background-color:#6698FF; 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 S4 */ .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; }

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


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

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

.content table a > img { max-width: none !important; }

/* start Module:TabsHeader styles */ .content .tabheadertop { display: block; margin: 0; text-align: center; border-spacing: 0; line-height: 1.5em; padding: 0.25em 0; }

.tabheadertab { display: inline-block; padding: 0.25em 0.35em; background-color: #343436; font-size: 90%; line-height: 0.95em; margin: 0 0.125em; }

.tabheaderactive { background-color: white; border: solid 1px #777; font-weight: bold; }

.tabheaderspacer { font-size: 90%; line-height: 0; display: none; }

.correspondingpagebox { margin: 0; border: 1px dashed #777; float: right; padding: 0.25em 0.35em; font-size: 90%; display: inline-block; line-height: 0.95em; }

.tabheadertop tr, .tabheadertop tbody { display: block; } /* end Module:TabsHeader styles */

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

/* Module:Sprite */ .sprite { display: inline-block; vertical-align: middle; background-repeat: no-repeat; } .sprite + .sprite-text { padding-left: 0.312em; }

.sprite-text-backwards { padding-right: 0.312em; }

clear: both; }
 * 1) spritedoc {

.spritedoc-section { margin-top: 0.3em; } .spritedoc-section > h3 { padding-top: 0; margin-top: 0; }

display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 1px 1px; margin: 0.5em 0; } .spritedoc-box { position: relative; /* Non-flex fallback */ display: inline-block; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.5em; background: #F9F9F9; border: 1px solid #CCC; margin: 0 0 -1px -1px; }
 * 1) spritedoc .spritedoc-boxes {

.spritedoc-image { /* Non-flex fallback */ display: inline-block; /* Non-flex fallback */ vertical-align: middle; margin-right: 0.5em; line-height: 0; }

/* Non-flex fallback */ display: inline-block; /* Non-flex fallback */ vertical-align: middle; width: 14em; margin: 0; /* Non-flex fallback */ list-style: none; } .spritedoc-name { line-height: 1.2; margin-bottom: 0.3em; } .spritedoc-name:last-child { margin: 0; } .spritedoc-name > code { display: inline-block; border: 0; border-radius: 0; padding: 0; word-wrap: break-word; /* Necessary to make word-wrap work */ max-width: 14em; } .spritedoc-deprecated { background-color: #FFEB9C; }
 * 1) spritedoc .spritedoc-names {

.spritedoc-name > .spritedoc-nolink { border:solid red; }

/*  */ .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.league-sprite { width: 20px; height: 20px; background-image:url(/media/1/16/LeagueSprite.png?version=d33270e54da6ceb4255885c2c4d03ce0); }

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

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

.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.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.runesreforged-sprite { width: 30px; height: 30px; background-image:url(/media/8/80/RunesReforgedSprite.png?version=c91dc994da0eeac6e485e724c1c35132); }

/* End Sprites */