Paladins Esports Wiki
Donut (talk | contribs)
No edit summary
No edit summary
Line 1: Line 1:
  +
/* Navbox template style */
/* CSS placed here will affect users of the mobile site */
 
  +
table.nav-box-main {
 
/******************
 
/* 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;
 
}
 
 
#mw-mf-page-center, body.navigation-enabled #mw-mf-page-center, .animations #mw-mf-page-center {
 
background: #ffffff url("https://lol.gamepedia.com/media/lol.gamepedia.com/a/a7/Gravesbgmobile.jpg") no-repeat center top / 100% auto !important;
 
}
 
 
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;
 
}
 
 
#content .section {
 
border-bottom: 2px solid #aaaaaa;
 
}
 
 
div.toc-mobile, .client-js div.toc-mobile {
 
border: 1px solid #aaaaaa;
 
background-color: #f9f9f9;
 
color: #222222;
 
padding: 8px;
 
margin-bottom: 5px;
 
}
 
 
#content .thumb {
 
border: 1px solid #aaaaaa;
 
background-color: #f9f9f9;
 
color: #222222;
 
padding: 8px;
 
margin-bottom: 5px;
 
}
 
 
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;
 
}
 
 
#mw-mf-page-left {
 
border-left: none;
 
background: #6698ff;
 
font-family: 'Oxygen', serif;
 
}
 
 
div.menu.view-border-box, #mw-mf-page-left ul {
 
background: transparent;
 
}
 
 
#mw-mf-page-left ul:first-child {
 
border-bottom: none;
 
}
 
 
#mw-mf-page-left ul li {
 
border-top: 1px solid #3562B5;
 
border-bottom: 1px solid #3562B5;
 
background: transparent;
 
text-shadow: none;
 
}
 
 
#mw-mf-page-left ul li a, #mw-mf-page-left ul.hlist li a {
 
border: none;
 
color: #ffffff;
 
}
 
 
#mw-mf-page-left ul li:hover {
 
border-top: 1px solid #3562B5;
 
border-bottom: 1px solid #3562B5;
 
background: #7fa9ff;
 
}
 
 
#mw-mf-page-left ul.hlist li:hover {
 
border: none;
 
}
 
 
#mw-mf-page-left ul li:hover a, #mw-mf-page-left ul.hlist li:hover a {
 
color: #ffffff;
 
text-decoration: underline;
 
}
 
 
/***************************
 
/* 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://commons.gamepedia.com/media/commons.gamepedia.com/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;
 
border: 1px solid #aaaaaa;
 
clear: both;
 
clear: both;
Line 521: Line 7:
 
padding: 1px;
 
padding: 1px;
 
text-align: center;
 
text-align: center;
width: 100%;
+
width: 100%!important;
 
}
 
}
   
 
/* Border between adjacent navboxes */
 
/* Border between adjacent navboxes */
table.navbox + table.navbox {
+
table.nav-box-main + table.nav-box-main {
 
margin-top: -1px;
 
margin-top: -1px;
 
}
 
}
   
.navbox-title,
+
.nav-box-title,
.navbox-abovebelow,
+
.nav-box-abovebelow,
table.navbox th {
+
table.nav-box-main th {
 
padding-left: 1em;
 
padding-left: 1em;
 
padding-right: 1em;
 
padding-right: 1em;
Line 537: Line 23:
 
}
 
}
   
.navbox-group {
+
.nav-box-group {
 
font-weight: bold;
 
font-weight: bold;
 
padding-left: 1em;
 
padding-left: 1em;
Line 545: Line 31:
   
 
/* Base background */
 
/* Base background */
.navbox, .navbox-subgroup {
+
.nav-box-main, .nav-box-subgroup {
background: #fdfdfd;
+
background: rgba(255, 255, 255, 0.2);
 
}
 
}
   
.navbox-list {
+
.nav-box-list {
border-color: #fdfdfd; /* Must match background color */
+
border-color: rgba(255, 255, 255, 0.2); /* Must match background color */
 
}
 
}
   
 
/* Level 1 color */
 
/* Level 1 color */
.navbox-title,
+
.nav-box-title,
table.navbox th {
+
table.nav-box-main th {
background: #b6cfe5;
+
background: rgba(255, 255, 255, 0.2);
  +
color: #444;
 
}
 
}
   
 
/* Level 2 styling */
 
/* Level 2 styling */
.navbox-abovebelow,
+
.nav-box-abovebelow,
.navbox-group,
+
.nav-box-group,
.navbox-subgroup .navbox-title {
+
.nav-box-subgroup .nav-box-title {
background: #bed8ee;
+
background: rgba(255, 255, 255, 0.2);
  +
color: #333;
 
}
 
}
   
 
/* Level 3 styling */
 
/* Level 3 styling */
.navbox-subgroup .navbox-group,
+
.nav-box-subgroup .nav-box-group,
.navbox-subgroup .navbox-abovebelow {
+
.nav-box-subgroup .nav-box-abovebelow {
background: #c4dff7;
+
background: rgba(0, 0, 0, 0.05);
  +
color: #333;
 
}
 
}
   
 
/* Even row striping */
 
/* Even row striping */
.navbox-even {
+
.nav-box-even {
background: #f7f7f7;
+
background: rgba(0, 0, 0, 0.05);
  +
color: #333;
 
}
 
}
   
 
/* Odd row striping */
 
/* Odd row striping */
.navbox-odd {
+
.nav-box-odd {
 
background: transparent;
 
background: transparent;
 
}
 
}
  +
 
 
.collapseButton {
 
.collapseButton {
 
font-weight: normal;
 
font-weight: normal;
Line 587: Line 77:
 
}
 
}
   
.navbox .collapseButton {
+
.nav-box-main .collapseButton {
 
width: 6em;
 
width: 6em;
 
}
 
}
  +
 
 
.navbar {
 
.navbar {
 
font-size: 88%;
 
font-size: 88%;
Line 596: Line 86:
 
}
 
}
   
.navbox .navbar {
+
.nav-box-main .navbar {
 
font-size: 100%;
 
font-size: 100%;
 
}
 
}
  +
 
 
table.collapsed tr.collapsible {
 
table.collapsed tr.collapsible {
 
display: none;
 
display: none;
 
}
 
}
 
/* End of new Navbox styling */
 
/* 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://lol.gamepedia.com/media/lol.gamepedia.com/c/c5/Bracketinfoicon.png) no-repeat transparent;
 
z-index: 50;
 
position: absolute;
 
}
 
.bracket-game .icon {
 
right: 16px;
 
}
 
.match-row-icon {
 
left: -11.5px;
 
top: 4px;
 
}
 
.match-row div.bracket-game-details {
 
font-size: 85%;
 
font-weight: normal;
 
}
 
 
.bracket-line-left-top-r1{height:37px;}
 
.bracket-line-left-top-r2{height:73px;}
 
.bracket-line-left-top-r3{height:145px;}
 
.bracket-line-left-top-r4{height:289px;}
 
.bracket-line-left-top-r5{height:577px;}
 
 
.bracket-line-left-mid-r1{height:16px;}
 
.bracket-line-left-mid-r2{height:52px;}
 
.bracket-line-left-mid-r3{height:124px;}
 
.bracket-line-left-mid-r4{height:268px;}
 
.bracket-line-left-mid-r5{height:556px;}
 
 
.bracket-line-left-bot-r1{height:33px;}
 
.bracket-line-left-bot-r2{height:69px;}
 
.bracket-line-left-bot-r3{height:141px;}
 
.bracket-line-left-bot-r4{height:285px;}
 
.bracket-line-left-bot-r5{height:573px;}
 
 
.bracket-line-right-top-r1{height:55px;}
 
.bracket-line-right-top-r2{height:127px;}
 
.bracket-line-right-top-r3{height:271px;}
 
.bracket-line-right-top-r4{height:559px;}
 
.bracket-line-right-top-r5{height:1135px;}
 
 
.bracket-line-right-bot-r1{height:51px;}
 
.bracket-line-right-bot-r2{height:123px;}
 
.bracket-line-right-bot-r3{height:267px;}
 
.bracket-line-right-bot-r4{height:555px;}
 
.bracket-line-right-bot-r5{height:1131px;}
 
 
 
.bracket-line-left-top-r1,.bracket-line-left-top-r2,.bracket-line-left-top-r3,.bracket-line-left-top-r4,.bracket-line-left-top-r5,
 
.bracket-line-left-mid-r1,.bracket-line-left-mid-r2,.bracket-line-left-mid-r3,.bracket-line-left-mid-r4,.bracket-line-left-mid-r5,
 
.bracket-line-left-bot-r1,.bracket-line-left-bot-r2,.bracket-line-left-bot-r3,.bracket-line-left-bot-r4,.bracket-line-left-bot-r5,
 
.bracket-line-right-top-r1,.bracket-line-right-top-r2,.bracket-line-right-top-r3,.bracket-line-right-top-r4,.bracket-line-right-top-r5,
 
.bracket-line-right-bot-r1,.bracket-line-right-bot-r2,.bracket-line-right-bot-r3,.bracket-line-right-bot-r4,.bracket-line-right-bot-r5{width:9px;}
 
/* End match summary */
 
 
 
 
/* 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://lol.gamepedia.com/media/lol.gamepedia.com/e/ed/Patchnote_mid.jpg");
 
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://lol.gamepedia.com/media/lol.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://lol.gamepedia.com/media/lol.gamepedia.com/6/66/GreenCheck.png);
 
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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.comm/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.com/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://lol.gamepedia.com/media/lol.gamepedia.comm/6/66/GreenCheck.png")'\0000a0' "MnM Gaming";
 
position: relative;
 
left: 3px;
 
}
 
 
a.mw-userlink[title="User:SrVenancio"]:after{
 
content: url("https://lol.gamepedia.com/media/lol.gamepedia.comm/6/66/GreenCheck.png")'\0000a0' "formerly Merciless Gaming";
 
position: relative;
 
left: 3px;
 
}
 
 
a.mw-userlink[title="User:JacobNWolf"]:after{
 
content: url("https://lol.gamepedia.com/media/lol.gamepedia.comm/6/66/GreenCheck.png")'\0000a0';
 
position: relative;
 
left: 3px;
 
}
 
 
a.mw-userlink[title="User:Elojoninja1"]:after{
 
content: url("https://lol.gamepedia.com/media/lol.gamepedia.comm/6/66/GreenCheck.png")'\0000a0' "ElOjoNinja";
 
position: relative;
 
left: 3px;
 
}
 
 
a.mw-userlink[title="User:Garena PH eSports"]:after{
 
content: url("https://lol.gamepedia.com/media/lol.gamepedia.comm/6/66/GreenCheck.png")'\0000a0';
 
position: relative;
 
left: 3px;
 
}
 
 
a.mw-userlink[title="User:V3kmt"]:after{
 
content: url("https://lol.gamepedia.com/media/lol.gamepedia.comm/6/66/GreenCheck.png")'\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**/
 
#mainpagenavigation2014 {
 
border-collapse:collapse;
 
text-align:left;
 
width: 100% !important;
 
}
 
 
#mainpagenavigation2014 th {
 
color:#fff!important;
 
font-family: 'Roboto Condensed', serif;
 
background-color: #6698FF;
 
font-weight:400;
 
height: 33px;
 
text-align:center;
 
font-size: 20px;
 
padding: 0;
 
}
 
 
#mainpagenavigation2014 th a, #mainpagenavigation2014 th strong {
 
color:#fff!important;
 
font-family: 'Raleway', serif;
 
font-weight:400;
 
background-color: #6698FF;
 
height: 33px;
 
text-align:center;
 
font-size: 20px;
 
padding: 0;
 
}
 
 
#mainpagenavigation2014 td {
 
font-family: 'Raleway', sans-serif;
 
background-color:#FFFFFF;
 
}
 
 
#mainpagenavigation2014 td.banner {
 
background-image:none;
 
filter:none;
 
background-color:#FFFFFF;
 
}
 
#mainpagenavigation2014 td.content {vertical-align:top;padding:.5em .5%;background-color: #EBEBEB;}
 
#mainpagenavigation2014 td.content2 {vertical-align:top;padding:0;background-color: #EBEBEB;}
 
#mainpagenavigation2014 td.content3 {vertical-align:top;padding:.5em 2%;background-color: #EBEBEB;}
 
#mainpagenavigation2014 td.separator {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px}
 
#mainpagenavigation2014 td.separator2 {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px;border-bottom:#C6C6C6 solid 1px}
 
#mainpagenavigation2014 td.separator3 {border-right:#C6C6C6 solid 1px;border-left:#C6C6C6 solid 1px;border-top:#C6C6C6 solid 1px}
 
#mainpagenavigation2014 th.separator {border-right: #6698FF solid 1px;border-bottom: #3562B5 solid 5px;}
 
#mainpagenavigation2014 th.separator2 {border-left:#6698FF solid 1px;border-bottom: #3562B5 solid 5px;}
 
 
 
/*FIXING FRONTPAGE TABLES*/
 
#mainpagecontent2014 th {
 
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;
 
}
 
 
#mainpagecontent2014 table.jquery-tablesorter th.headerSort {
 
padding-right: 21px;
 
}
 
 
#mainpagecontent2014 th a, #mainpagecontent2014 th strong{
 
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;
 
}
 
 
#mainpagecontent2014 td {
 
background-color:transparent;
 
background-image: none;
 
font-size:13px;
 
}
 
 
/*FIXING FRONTPAGE TABLES*/
 
#newscontent2014 th {
 
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;
 
}
 
 
#newscontent2014 td {
 
background-color:transparent;
 
background-image: none;
 
font-size:12px;
 
text-align:left;
 
}
 
 
/* New Frontpage Tabs - START*/
 
 
.tabs-March2014 {
 
float:left;
 
width:100%;
 
font-size:93%;
 
line-height:normal;
 
padding: 0px 0px 4px 0px;
 
background-color: #C6C6C6;
 
}
 
 
.tabs-March2014 ul {
 
list-style:none;
 
text-align: center;
 
padding:0;
 
background-color:transparent;
 
margin-left:0;
 
}
 
 
.tabs-March2014 ul #current {
 
list-style:none;
 
text-align: center;
 
padding:0px;
 
margin:-10px 0px;
 
background-color: #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 */
 
#mainpagecontent2014 .ajaxpoll {
 
width:auto;
 
max-width:420px;
 
border:none;
 
background:none;
 
}
 
 
.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;
 
}
 
 
#crystalcup img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
 
 
#twitter-widget-0, #twitter-widget-1, #twitter-widget-2 {
 
width:400px;
 
}
 
 
.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: #13C0C7;
 
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 */
 

Revision as of 20:35, 15 August 2018

/* Navbox template style */
table.nav-box-main {
    border: 1px solid #aaaaaa;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%!important; 
}

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

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

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

/* Base background */
.nav-box-main, .nav-box-subgroup {
    background: rgba(255, 255, 255, 0.2);
}

.nav-box-list {
    border-color: rgba(255, 255, 255, 0.2); /* Must match background color */
}

/* Level 1 color */
.nav-box-title,
table.nav-box-main th {
    background: rgba(255, 255, 255, 0.2);
    color: #444;
}

/* Level 2 styling */
.nav-box-abovebelow,
.nav-box-group,
.nav-box-subgroup .nav-box-title {
    background: rgba(255, 255, 255, 0.2);
    color: #333;
}

/* Level 3 styling */
.nav-box-subgroup .nav-box-group,
.nav-box-subgroup .nav-box-abovebelow {
    background: rgba(0, 0, 0, 0.05);
    color: #333;
}

/* Even row striping */
.nav-box-even {
    background: rgba(0, 0, 0, 0.05);
    color: #333;
}

/* Odd row striping */
.nav-box-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.nav-box-main .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.nav-box-main .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
/* End of new Navbox styling */