MediaWiki:Wikia.css

@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Skill.css|MediaWiki:StatWheel.css|MediaWiki:Runes.css|MediaWiki:Tabber.css|MediaWiki:Portal.css");

/* BeaufortLoL */ @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Heavy.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Heavy.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Heavy.ttf) format("truetype"); font-weight:800; font-style:normal; } @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-HeavyItalic.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-HeavyItalic.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-HeavyItalic.ttf) format("truetype"); font-weight:800; font-style:italic; } @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.ttf) format("truetype"); font-weight:700; font-style:normal; } @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-BoldItalic.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-BoldItalic.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-BoldItalic.ttf) format("truetype"); font-weight:700; font-style:italic; } @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Medium.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Medium.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Medium.ttf) format("truetype"); font-weight:500; font-style:normal; } @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-MediumItalic.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-MediumItalic.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-MediumItalic.ttf) format("truetype"); font-weight:500; font-style:italic; } @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Regular.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Regular.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Regular.ttf) format("truetype"); font-weight:400; font-style:normal; } @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Italic.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Italic.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Italic.ttf) format("truetype"); font-weight:400; font-style:italic; } @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Light.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Light.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Light.ttf) format("truetype"); font-weight:200; font-style:normal; } @font-face { font-family:BeaufortLoL; src: url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-LightItalic.woff2) format("woff2"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-LightItalic.woff) format("woff"), url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-LightItalic.ttf) format("truetype"); font-weight:200; font-style:italic; }

/* Headers .WikiaArticle h2 { border-bottom: none !important; background-color: #061E36; padding: 13px 10px 5px 10px; margin: 0 0 10px 0 !important; } .WikiaArticle h3 { background-color: #082848; padding: 10px 10px 5px 10px; margin: 0 0 10px 0 !important; } */

/* League Font */ .league-font, .league-font a, .league-font a:visited, .league-font a > span { font-family:BeaufortLoL; font-weight:700; text-transform:uppercase; color: #c9aa71; } .league-font a:hover { text-decoration: none; color: #f1e6d0; }

/* Wiki Reminder */ .user-anon .page-header__separator::before { content: "Fandom may have changed its name but we're still a collaborative platform. See something wrong? Help the community out by fixing it!"; } .user-anon .page-header__separator { background-color: #092949 !important; border: 0; width: 100%; text-align: center; padding: 1em 0; font-size: larger; height: unset !important; margin: 1em 0; }

/* Hide from view, but allows screen readers to read. */ .hide { position: absolute !important; top: -9999px !important; left: -9999px !important; }

.WikiaPageHeader { margin-bottom: 12px; }

.wikia-photogallery-add { display: none !important; }

/* Image frames and captions. */ .WikiaArticle .thumbinner { background: inherit; border: none; }

.wikia-slideshow-images li img { border: none; }

body.ltr .thumbcaption { padding: .4em .75em; background: #101011; border-radius: 0 0 3px 3px; font-size: 85%; line-height: 1.35; }

body.ltr .magnify { margin-right: .5em; }

/* Give [[Media:]] file links a special icon */ a[href$=".mp3"].internal { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAgUlEQVR4XpXRrQoCURBH8ftqPofBto9gFTTbTMJi2LxFNIogxsVqtaxNNNhEfsLlFtEy4fAPcxjmI+GLybqXqg5+av/EzPVBf2e0YtzyehchU0TkrI8Ma25PBnO6Cyl3KkCR5WhoTyz2TDdFBvzIywOzLbszVROSQ2MEFwydLvSUD8SWU67UN2OFAAAAAElFTkSuQmCC") no-repeat scroll right center transparent; padding-right: 13px; }

/* Make tags not increase line height */ .reference { line-height: 1em; }

/* Smaller text for tag */ ol.references { font-size: 11px; line-height: 16px; }

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

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; margin-bottom: 0.5em; margin-left: 1em; padding: 0.5em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Abilities template/table style */

.ability-info { display:inline-block; white-space: nowrap; padding-right:7px; }

border-collapse: collapse; width: 100%; }
 * 1) abilities_table2 {

border: 1px solid #B2B2B2; padding: 5px; border-top-width: 2px; }
 * 1) abilities_table2 td, #abilities_table2 th {

border-width: 1px; }
 * 1) abilities_table2 .ability.innate_ability td {

text-align:center; font-size:11px; border-width: 2px 1px; }
 * 1) abilities_table2 .ability_header {

height: 80px; text-align: center; width: 100px; }
 * 1) abilities_table2 .abilityname {

width: 64px; height: 64px; }
 * 1) abilities_table2 .abilityname img {

font-size: 89%; }
 * 1) abilities_table2 .abilitylevel {

border-top-style: hidden; padding-top: 15px; }
 * 1) abilities_table2 .secondary > * {

background-color: #00004E; }
 * 1) abilities_table2 .innate_ability .abilityinfo, #abilities_table2 .innate_ability .abilitylevel {

background-color: #446CB3; }
 * 1) abilities_table2 .ultimate_ability .abilityinfo, #abilities_table2 .ultimate_ability .abilitylevel {

height: 54px; width: 54px; } padding-left: 20px; width: 85px; }
 * 1) abilities_table2 .subeffect .abilityname img {
 * 1) abilities_table2 .subeffect .abilityname {

/* Dablinks */ .dablink { font-style: italic; padding-left: 2em; margin-bottom: 0.5em; }

/* Ambox styling */ .ambox { font-size: 95%; width: 80%; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #bba; border-collapse: collapse; background-color: transparent; } table.ambox + table.ambox {     /* Single border between stacked boxes. */   margin-top: -1px; } .ambox-blue { border-left: 10px solid #0000FF;      /* Blue (notice) */ } .ambox-red { border-left: 10px solid #b22222;      /* Red (delete/serious) */ } .ambox-orange { border-left: 10px solid #f28500;      /* Orange (content) */ } .ambox-yellow { border-left: 10px solid #f4c430;      /* Yellow (style) */ } .ambox-purple { border-left: 10px solid #9932cc;      /* Purple (merge) */ } .ambox-gray { border-left: 10px solid #cccccc;         /* Gray (protection) */ } .ambox-green { border-left: 10px solid #228b22;      /* Green */ } .ambox-image {                          /* The left image cell */ width: 60px; padding: 2px 0 2px 0.5em;           /* 0.5em left, 0px right */ text-align: center; } .ambox-info { padding: 0.25em 0.5em; }

/* Mbox styling */ th.mbox-text, td.mbox-text {  /* The message body cell(s) */ border: none; padding: 0.25em 0.9em;    /* 0.9em left/right */ width: 100%;              /* Make all mboxes the same width regardless of text length */ } td.mbox-image {               /* The left image cell */ border: none; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright {          /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell {          /* An empty narrow cell */ border: none; padding: 0; width: 1px; }

table.mbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #cccccc;      /* Default "notice" gray */ background: transparent; }

table.mbox-notice { border: 1px solid #cccccc;      /* Gray */ } table.mbox-speedy { border: 2px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.mbox-delete { border: 2px solid #b22222;   /* Red */ } table.mbox-content { border: 1px solid #f28500;   /* Orange */ } table.mbox-style { border: 1px solid #f4c430;   /* Yellow */ } table.mbox-style { border: 1px solid #4aa02c;   /* Green */ } table.mbox-style { border: 1px solid #0000FF;   /* Blue */ } table.mbox-move { border: 1px solid #9932cc;   /* Purple */ } table.mbox-protection { border: 2px solid #bba;      /* Gray-gold */ }

/* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so   they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small {  /* For the "small=yes" option. */   clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */   margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.NavFrame { margin: 0; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 2px; /* @noflip */ float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position: absolute; top: 0; /* @noflip */ right: 3px; font-weight: normal; font-size: 90%; }

/* Styling for permission requests */ .permission-request { width: 100%; border:1px solid #ECFCF4; margin-top: 5px; padding: 5px }

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

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* Permit full width layout for subpages of main page. */ body[class*="page-League_of_Legends_Wiki_"] #WikiaMainContent { width: inherit; } body[class*="page-League_of_Legends_Wiki_"] #WikiaRail { display: none; } body[class*="page-League_of_Legends_Wiki_"] #wikiPreview { margin-right: 0; }

/* === Babel === */ div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/*********************************** * New main page prototype styles. * ***********************************/ padding: 0.5em; background: #092949; border-radius: 5px; }
 * 1) left {

/* Navigation */ overflow: hidden; margin: 0 0 .5em; padding: .5em 0; background: #060e1f; text-align: center; border-radius: 5px; } width: 70px; font-size:13px; list-style: none; display: inline-grid; } border-radius: 15px; } box-shadow: 0 0 4px #aac, 0 0 6px #222; }
 * 1) navigation {
 * 1) navigation li {
 * 1) navigation img {
 * 1) navigation img:hover {

/* Tabber */ overflow: hidden; padding: .5em; background: #060e1f; border-radius: 5px; }   color: #c9aa71 !important; }
 * 1) tabber {
 * 1) tabber .tabbernav li a:visited {

/* Grid */ background: #061e36; border: 1px solid #092949; border-radius: 5px; color: #a3a5a9; }   cursor: pointer; padding: 2px; }   padding: 3px; }   color: #a3a5a9; }
 * 1) grid select,
 * 2) grid input {
 * 1) grid select {
 * 1) grid input {
 * 1) grid ::placeholder {

/* Icon List */ .icon_list li { display: inline-block; }

/* Champion roster */ .champion_roster { line-height: 0; /* Kills any vertical spacing between rows */ margin: 0 !important; padding: .5em 0 !important; border-bottom: 1px solid #333; text-align: center; } .champion_roster li { display: inline-block; margin: 0; overflow: hidden; border-radius: 1000px; } .champion_roster li:hover { box-shadow: 0 0 3px #aac, 0 0 4px #111; }

/* Free champion rotation and FGM rotation */ border-top: 1px solid #181818; } float: left; width: 100%; margin: 0; text-align: center; } float: left; margin: 0; width: 100%; }   position: absolute; right: 14px; } .free_champion_rotation { clear:both; overflow: hidden; margin: 0 !important; padding-top: 6px; font-size: 80%; text-align: center; } .free_champion_rotation li { min-width:60px; display: inline-block; list-style: none; } .free_champion_rotation img { border-radius: 1000px; } .free_champion_rotation img:hover { box-shadow: 0 0 4px #aac, 0 0 6px #000; } .free_champion_rotation .champion-icon span, .break .champion-icon span { display: block; }
 * 1) rotation {
 * 1) rotation > h3 {
 * 1) rotation > #rotationweek {
 * 1) rotation .text {

/* item-grid */ margin: .25em 0; }
 * 1) item-grid dl {

/* Blogs. */ .WikiaBlogListingBox { clear: both; margin: 0 auto; padding: 0; border: none !important; } .WikiaBlogListingBox blockquote { padding: 0; } .WikiaBlogListingBox ul { margin-bottom: 0; padding: 0; background: #060E1F; border-radius: 5px; } .WikiaBlogListingBox > ul > .WikiaBlogListingPost { padding: 9px 10px 7px 10px; list-style: none; } .WikiaBlogListingBox .author-details img { position: absolute; margin: 0; width: 32px; height: 32px; top: 9px; left: 10px; } .WikiaBlogListingBox > ul > .WikiaBlogListingPost > h1, .WikiaBlogListingBox > ul > .WikiaBlogListingPost > .author-details > span { margin: 0; padding-left: 44px; line-height: 1.25; } .WikiaBlogListingBox ul+a { float: right; margin-top: .5em; text-transform: lowercase; } .WikiaBlogListingBox .commentslikes { bottom: 9px; right: 2px; } .WikiaBlogListingBox blockquote { display: none; }

/* Main page centre column. */ overflow: hidden; clear: both; padding: .5em; background: #060e1f; } margin: .5em 0 0 0; padding: .5em; border: 0; background: #092949; border-radius: 5px 5px 0 0; font: 20px/12px BeaufortLoL; text-transform: uppercase; font-weight: 700; }   margin-top: -1em ; }
 * 1) maincenter > div {
 * 1) maincenter h2 {
 * 1) first_h2 {

/* New skins. */ margin: 0; padding: .25em 0 .5em 0; width: 14.28% !important; border-radius: 5px; } margin: 0; padding: .25em 0 .5em 0; width: 12.5% !important; border-radius: 5px; } background: #333; }
 * 1) newskins .skin_portrait {
 * 1) onsale .skin_portrait {
 * 1) maincenter .skin_portrait:hover {

.skin_portrait { float: left; margin: 0 .5em; text-align: center; } .skin_portrait > div { position: relative; top: 3px; } .skin_portrait > .date { font-size: 80%; text-transform: uppercase; color: #BBB; }

/* Trending Discussions */ .embeddable-discussions-module { border:none; } .embeddable-discussions-module .embeddable-discussions-post-detail { background-color: #060E1F; border-radius: 5px; } .embeddable-discussions-module .embeddable-discussions-default-avatar { background-color: #2F3B47; }

/* === Userboxes === */ table.userbox { float:left; margin:0.2em; padding:0; border-width:1px; border-style:solid; } table.userbox td.left, table.userbox td.right { text-align:center; vertical-align:middle; font-size:1.6em; padding:0; } table.userbox td.main { padding:0 4px; vertical-align:middle; line-height:125%; font-size:0.9em; }

table.userbox { border-color:#AAA; background:#f8f8f8; } table.userbox td.left, table.userbox td.right { background:#d8d8d8; }

/* semantically "clear:both" -- http://css-tricks.com/snippets/css/clear-fix/ */ .group:before, .group:after, .clearfix:before, .clearfix:after { content:""; display:table; } .group:after, .clearfix:after { clear:both; } .group, .clearfix { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

/* TLIST - Simulating a tablular list */ .tlist ul { margin: 0; padding: 0; text-align: left; } .tlist li { margin: 0; display: inline-block; white-space: nowrap; } .tlist.twrap li { white-space: normal; }

.fluidcolumn_4 li { width: 20em; } .fluidcolumn_8 li { width: 10em; }

.multicolumn_8 li { width:12.5%; } .multicolumn_5 li { width:20.0%; } .multicolumn_4 li { width:25.0%; } .multicolumn_3 li { width:33.3%; } .multicolumn_2 li { width:50.0%; }

/* Style for horizontal lists (separator following item) */ .skin-monobook .hlist dl, .skin-modern .hlist dl, .skin-vector .hlist dl { line-height: 1.5em; } .hlist dl, .hlist ol, .hlist ul { margin: 0; } .hlist dd, .hlist dt, .hlist li { display: inline; margin: 0; } /* Display nested lists inline */ .hlist dl dl, .hlist ol ol, .hlist ul ul { display: inline; } /* Nowrap list items */ .hlist dd, .hlist dt, .hlist li { white-space: nowrap; white-space: normal !ie; /* IE < 8 no-wraps entire list, so disable it */ } /* But allow parent list items to be wrapped */ .hlist dd dl, .hlist dt dl, .hlist li ol, .hlist li ul { white-space: normal; } /* Generate interpuncts */ .hlist dt:after { content: ":"; } .hlist dd:after, .hlist li:after { content: " ·"; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* for IE 8 */ .hlist dd.hlist-last-child:after, .hlist dt.hlist-last-child:after, .hlist li.hlist-last-child:after { content: none; } /* Add parens around nested lists */ .hlist dl dl dd:first-child:before, .hlist ol ol li:first-child:before, .hlist ul ul li:first-child:before { content: "("; } .hlist dl dl dd:last-child:after, .hlist ol ol li:last-child:after, .hlist ul ul li:last-child:after {   content: ")"; font-weight: normal; } /* For IE8 */ .hlist dl dl dd.hlist-last-child:after, .hlist ol ol li.hlist-last-child:after, .hlist ul ul li.hlist-last-child:after { content: ")";   font-weight: normal; } /* Put numbers in ordered lists */ .hlist.hnum ol li {    counter-increment: level1; } .hlist.hnum ol li:before {    content: counter(level1) " "; } .hlist.hnum ol ol li {    counter-increment: level2; } .hlist.hnum ol ol li:first-child:before {    content: "(" counter(level2) " "; } .hlist.hnum ol ol li:before { content: counter(level2) " "; } /* Unbulleted lists */ .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ul li { margin-bottom: 0; } /* Default style for navigation boxes */ .navbox {                    /* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } .navbox-cell { border: 1px solid #393E4A; border-radius: 5px; padding: 0.5em; } .navbox-cell ul, .navbox-cell ol { margin: 0 0 0 2.5em; } .navbox-cell li, .hlist .navbox-cell ul, .hlist .navbox-cell ol, .navbox-cell.hlist ul, .navbox-cell.hlist ol { margin: 0; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;         /* (doesn't work for IE6, but that's okay)       */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0;      /* Adjust hlist padding in navboxes */ } ol + table.navbox, ul + table.navbox { margin-top: 0.5em;       /* Prevent lists from clinging to navboxes */ }

/* Mastery infobox */ .portable-infobox.pi-theme-mastery { float:left;}

/* Column template fix */ .WikiaArticle .columntemplate ul, .WikiaArticle .columntemplate ol { margin: 0 0 0 2.5em; } .WikiaArticle .columntemplate li { margin: 0 0 3px 0; }

/* Variables and parameters within pre */ pre .desc { color: gray; } pre .var { color: yellow; } pre:hover span.desc { display: none; }

/* Redirects in italic on "Show list of used templates"-modal */ .modalContent .mw-redirect { font-style: italic; }

/* Floating scrollbar on top of content */ z-index:200; }
 * 1) floating-scrollbar {

/* Brighter color for railmodule buttons */ .WikiaRail .rail-module .wds-button.wds-is-secondary { border-color:#6699cc; color:#6699cc; }

/* Shadow outline for the text over the banner at Special:Community */ .community-page-header-content { text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black; } .community-page-admins-module .community-page-admins-view-all, .community-page-card-module .community-page-card-module-full-list-link { color: #70B8FF; }

/* Warning: Featured videos might be outdated */ .featured-video__wrapper::after { content: "NOTE: Above video was put here by FANDOM and might be outdated. Register an account and change your preferences to opt-out of these videos."; color: slategrey; font-weight: bold; font-size: 19px; line-height: 25px; }

/* Main CSS class of the tooltip */ .blue-tooltip { border: 1px solid #999; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 5px; padding: 2px 5px; background-color: #082644; } /* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */ padding: 3px 7px 2px 3px; z-index: 6000000; }
 * 1) tooltip-wrapper {

/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; }

/* Make Special:AbuseFilter stuff readable */ .mw-abuselog-details, .mw-abusefilter-diff { color: #000; background: #fff; } .mw-abusefilter-history-changed { background: #b20; }

/* Skins Tab Play Buttons */ .skin-play-button .audio-button { width: 20px; height: 20px; border-radius: 0; background-color: transparent; background-position: 9px 8px; background-size: 1em; }

/* Template:Availability */ .availability { color: #fff; font-size: .8em; font-family: 'Gill Sans', sans-serif; letter-spacing: .05em; text-transform: uppercase; padding: .2em .5em; border-radius: .25em; margin-right: .5em; } .availability.removed { background: #ff2821; } .availability.new { background: #91a85f; } .availability.undocumented { background: #3d60ff; }

/* hover tables */

.hover-row, .hover-column { overflow: hidden; background: transparent; } .hover-row tr:hover { background-color: #6684a2; } .hover-row td, .hover-row th, .hover-column td, .hover-column th { position: relative; } .hover-column td:hover::after, .hover-column th:hover::after { content: ""; position: absolute; background-color: #6684a2; left: 0; top: -5000px; height: 10000px; width: 100%; z-index: -1; }

/* article-table alteration */ .nopadding th, .nopadding td { padding: 0 !important; }

.novpadding th, .novpadding td { padding-top: 0 !important; padding-bottom: 0 !important; }

.hcpadding th, .hcpadding td { padding-left: 0.5em !important; padding-right: 0.5em !important; }

/* Fixed font color on Changes Preview */ .diff-addedline { color: black; } .modalWrapper .diff-content { color: black; }

/* Fixes the background on diff pages */ .diff, .diff-otitle, .diff-ntitle { background-color: #040814 !important; }

/********************
 * MAIN DESIGN ****

/*** MAIN COLORS ***/ a,table.gallery td a,thumbinner a { color:#70B8FF; } a:visited,table.gallery td a:visited { color:#7078FF; } code { background-color: #061e36; padding: 1px 4px; border: 1px solid #092949; border-radius: 2px; color: #fff; } pre { background-color: #061e36 !important; border: 1px solid #092949 !important; border-radius: 5px; display: block; } .row_selected, .not-patrolled { color: black; } .wikia-tabs li { background-color: white; } .wikia-button { color: #FFF !important; }

/*** MEDIAWIKI INTERFACE ***/
 * 1) mw-uploadtext { background-color:#1F1F1F; }

/*** PAGE ***/ .WikiaPage { background: transparent url("https://images.wikia.nocookie.net/joeplayground/images/3/38/80opacityblack.png"); } .WikiaPageHeader details { background-color: #101010; background-image: -moz-linear-gradient(center top, #070707 0%, #101010 100%); } .WikiaArticle h2 { border-bottom: 1px solid #404040; } .WikiaArticle .tright, .WikiaArticle .tleft { border: 1px solid #404040; }

/*** SIDEBAR ***/ .WikiaSearch input[type="text"] { background-color: #000711; background-image: -moz-linear-gradient(center top, #202020 0%, #000000 40%); color: #B0B0B0; } .WikiaSearch .autocomplete div:hover { background: #300300 !important; }  background-color: #00004E ; background-image: -moz-linear-gradient(left center, #00004E 0pt, #350300 50%, #00004E 100%); border-top: 5px solid #00004E ; }  border-color: #00004E #00004E transparent transparent; left: 0; }  border-color: #00004E transparent transparent #00004E ; right: 0; }   background-image: -moz-linear-gradient(center top, black 60%, #0C0C0C 100%); }
 * 1) WikiaSpotlightsModule header {
 * 1) WikiaSpotlightsModule .banner-corner-left {
 * 1) WikiaSpotlightsModule .banner-corner-right {
 * 1) WikiaSpotlightsModule {

/*** OTHER ***/ .TablePager td { background: transparent; border: 1px solid white; } .TablePager#mw-allmessagestable .allmessages-customised td { color: Black; } .skin-oasis #edit_enhancements_toolbar { background-color: #00004E; } .editButtons #wpDiff { background-color: #00004E; } .category-gallery { display:none; }

.RelatedPagesModule {display: none !important;}

display: none; }
 * 1) WikiaPageHeader details .categories {

/* Infobox template style */ .WikiaArticle .infobox { background-color: #082848; border: none; box-shadow: 0 2px 5px black; font-size: 89%; padding: 0.5em; } .WikiaArticle .infobox .caption { background-color: #041424; color: #9797fc; font-size: 120%; padding: 1em; text-align: center; font-weight: bold; }

/* Gallery popout style fixes */ .wikia-slideshow-popout-images { background-color:#252525 !important; } .wikia-slideshow-popout-images-wrapper { width: 100% !important; } .wikia-slideshow-popout-caption-wrapper { padding-bottom: 1px; } /* Remove the 1px gap */ .wikia-slideshow-popout-caption p { line-height: 40px !important; } /* Vertical center alignment for caption. */

/* Styles for the chat section on the right column */ .chat-whos-here li { /* Display who's here as an horizontal bar */ float: left; margin-left: 5px; } .chat-whos-here ul:after { /* Clear floating */ content: '.'; clear: both; display: block; visibility: hidden; } .chat-join { /* Move join chat to the right, with a centered vertical-align */ float: right; line-height: 50px; } .chat-join .avatar { width: 34px; /* Force 34x34 square avatar */ height: 34px; margin-right: 10px; /* Separate avatar from the join button */ } .MiniEditor #WikiaArticleComments .MiniEditorWrapper .editarea textarea { color:#FFF; } .page-Free_champion_rotation #article-comments-wrapper { display: none; }

/* Wiki Table */ table.wikitable { color:#D5D4D4; } table.wikitable th, table.wikitable td { border:1px solid #888888; } table.wikitable th { background: #001133; }

/* Main Page jquery Tabs/Sliders */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav .ui-tabs-selected a, .ui-tabs .ui-tabs-nav .ui-state-disabled a, .ui-tabs .ui-tabs-nav .ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-hide { display: none !important; }

/* Skills */ .skill { position: relative; z-index: 1; } .skill:before { /* This and the next four rules put the big faded letter at the top-right of each ability box. */   content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.15; } .skill2 { position: relative; z-index: 1; } .skill2:before { /* This and the next four rules put the big faded letter at the top-right of each ability box. */   content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.15; } .skill_q:before { background: url('https://vignette.wikia.nocookie.net/leagueoflegends/images/3/3d/Q_bg.png') no-repeat right top !important; } .skill_w:before { background: url('https://vignette.wikia.nocookie.net/leagueoflegends/images/d/d6/W_bg.png') no-repeat right top !important; } .skill_e:before { background: url('https://vignette.wikia.nocookie.net/leagueoflegends/images/2/20/E_bg.png') no-repeat right top !important; } .skill_r:before { background: url('https://vignette.wikia.nocookie.net/leagueoflegends/images/1/10/R_bg.png') no-repeat right top !important; } .skill_leveling ul { /* The entries in an ability's "leveling" section are actually lists, so we style them to look a bit better */ margin: 0; } .skill_leveling li { line-height: 1.25; list-style-type: none; margin-top: 0; } .skill_leveling li+li { list-style-type: none; margin-top: 3px; } .skill_wrapper + .skill_header { margin-top: 9px; }

.alternate-rows tr:nth-of-type(even) td{background-color: rgba(255,255,255,0.0625);}

/* This enables shiny background stuff on champion pages */ .WikiaArticle{overflow:visible !important;}

/* Tabview test */ /* Style of tabs with id=Example */ /* container and  style*/ [id="flytabs_Example"] {margin:auto; width:100%; max-width:1024px; text-align:center} [id="flytabs_Example"] > ul {border-style: none} /*tabs*/ [id="flytabs_Example"] > ul > li {width:24.9%; max-width:255px; margin:0; background-color:#041424; font-weight:bold; border-right:1px dotted #B2B2B2} ul.tabs > [data-tab="flytabs_Example3"] {border-style: none} /*internal tabs style + default border fix*/ [id="flytabs_Example"] > ul > li > a {width:100%; font-size: 120%; padding-left:0; padding-right:0; top:0; border:0; border-top-left-radius:0; border-top-right-radius:0} [id="flytabs_Example"] > ul > li.selected > a {background-color:#082848; border-style: none}

/* Hiding Discord widget for anons */ .user-anon .DiscordIntegratorModule { display: none !important; }

/* Image Formatting */ .FullWidthImage img { height: auto; width: 100%; }

.FillImage img { width: 100%; height: 100%; object-fit: cover; }

.FullHeightImage img { height: 100%; width: auto; }

/* Table formatting */

.VerticalAlign * td { vertical-align:top; }   font-family:BeaufortLoL; font-weight:700; text-transform:uppercase; color: #c9aa71; }   color: rgb(196, 185, 152); }   text-decoration: none; }   text-decoration: none; color: #f1e6d0; } .champion-tabs .tabs .selected a .champion-tabs .tabs a:hover { color: #f1e6d0; text-decoration: none; } .champion-tabs .tabs li a{   color: #c9aa71; text-transform: uppercase; font-family: BeaufortLoL; font-weight: 700; }
 * 1) champinfo-container,
 * 2) champinfo-container a,
 * 3) champinfo-container a > span {
 * 1) champinfo-infos a > span {
 * 1) champinfo-container a:hover {
 * 1) champinfo-container a:hover {

/* Champion-Info-2017 */ /* Both */ .portable-infobox.pi-theme-championinfobox .pi-header, .portable-infobox.pi-theme-championstatistics .pi-header{ background: none; } .portable-infobox.pi-theme-championinfobox .pi-item-spacing, .portable-infobox.pi-theme-championstatistics .pi-item-spacing { padding: 2px 10px; }

/* Champion-info */ .portable-infobox.pi-theme-championinfobox { background: none; position: absolute; bottom: -20px; left: 230px; z-index: 30; width: 490px; font-family: BeaufortLoL; font-weight: 700; text-transform: uppercase; } .portable-infobox.pi-theme-championinfobox .pi-group{ float:left; width: 245px; text-align:left; border:none; } .portable-infobox.pi-theme-championinfobox .pi-smart-group{ text-align:left; border:none; } .portable-infobox.pi-theme-championinfobox .pi-smart-group-head, .portable-infobox.pi-theme-championinfobox .pi-smart-group-body{ height:18px; } .portable-infobox.pi-theme-championinfobox .pi-data-value, .portable-infobox.pi-theme-championinfobox .pi-data-value a { color: rgb(196, 185, 152) !important; } .portable-infobox.pi-theme-championinfobox .pi-data-label{ color: rgb(147, 115, 65); } /* Champion-statistics */ .portable-infobox.pi-theme-championstatistics { background: none; position: absolute; bottom: 5px; left: 5px; z-index: 30; width: 490px; font-family: BeaufortLoL; font-weight: 700; text-transform: uppercase; } .portable-infobox.pi-theme-championstatistics .pi-group{ text-align:left; border:none; } .portable-infobox.pi-theme-championstatistics .pi-smart-group{ text-align:left; border:none; flex-direction:row; width:50%; float:left; } .portable-infobox.pi-theme-championstatistics .pi-smart-group-head, .portable-infobox.pi-theme-championstatistics .pi-smart-group-body{ width:50%; } .portable-infobox.pi-theme-championstatistics .pi-data-value { color: rgb(196, 185, 152) !important; } .portable-infobox.pi-theme-championstatistics a:link, .portable-infobox.pi-theme-championstatistics a:visited { color: rgb(147, 115, 65) !important; }

/* Rune Table stylesheet */ .rune-table tr { position: relative; } tr.runerow td:first-child:before { content: ""; position: absolute; width: 100%; height: 322px; opacity: 0.3; z-index: -1; top: 0; left: 0; } tr.runerow#Precision td:first-child:before { background: url("https://vignette.wikia.nocookie.net/leagueoflegends/images/3/3c/Precision_Splash.jpg") 0 -110px / 100% no-repeat; } tr.runerow#Domination td:first-child:before { background: url("https://vignette.wikia.nocookie.net/leagueoflegends/images/f/f9/Domination_Splash.jpg") 0 -110px / 100% no-repeat; } tr.runerow#Sorcery td:first-child:before { background: url("https://vignette.wikia.nocookie.net/leagueoflegends/images/a/a0/Sorcery_Splash.jpg") 0 -110px / 100% no-repeat; }

tr.runerow#Resolve td:first-child:before { background: url("https://vignette.wikia.nocookie.net/leagueoflegends/images/0/01/Resolve_Splash.jpg") 0 -110px / 100% no-repeat; } tr.runerow#Inspiration td:first-child:before { background: url("https://vignette.wikia.nocookie.net/leagueoflegends/images/7/7e/Inspiration_Splash.jpg") 0 -110px / 100% no-repeat; } .rune-table td { z-index: 100; position: relative; background: transparent !important; } .rune-table th { z-index: 100; position: relative; }

/* Fixing Rune infobox */ .pi-theme-rune-path-infobox * .pi-data-value { word-break: keep-all !important; }

/* custom color on announcement link */ .announcement-link a { color: rgb(213,212,212) !important; color: rgba(213,212,212,0.75) !important; }

/* chroma exhibition */ .chroma-gallery { display: grid; width: 718px; height: 100%; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 1px 1px; grid-template-areas: "base base 1 2 3 4" "base base 5 6 7 8"; }

.chroma-gallery-large { display: grid; width: 718px; height: 100%; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 1px 1px; grid-template-areas: "base base 1 2 3 4 5" "base base 6 7 8 9 10"; } .base { grid-area: base; } .chroma { background-color: #1c3248; border-color: #6699cc; color: #D5D4D4; }

.chroma-gallery * .chroma {margin: 0 18px;} .chroma-gallery-large * .chroma {margin: 0 10px;}

.rare-border * img.thumbborder { border-color: #e63031; } .partner-border * img.thumbborder { border-color: #8bc34a; } .limited-border * img.thumbborder { border-color: #FFD700; } .canceled-border * img.thumbborder { border-color: #FF00FF; } .chroma-caption { color: #858c93; font-size: 12px; line-height: 16px; margin: 8px 0 5px; }

/* No gallery backround accent for transparent images */ background:none; }
 * 1) gallery-noaccent .accent {

/* Portable Infobox */ .portable-infobox { background-color: #092949; } .pi-header { background-color: #061E36; } .pi-border-color { border-color: transparent; } /* Infobox Fix /w Tooltips */ margin: 0 !important; } /* Infobox Champion and Infobox Stats */ .pi-theme-infobox-champion { float: unset; margin: unset; width: 300px; position: absolute; bottom: 1em; left: 1em; background-color: transparent; }
 * 1) tooltip-wrapper .portable-infobox {

.pi-theme-infobox-champion > .pi-border-color { border-color: transparent; }

.pi-theme-infobox-stats { width:300px; }

/* Infobox TFT */ .pi-theme-2 { background-image: linear-gradient(200deg, rgba(47, 215, 80, 0.35), transparent 20%); } .pi-theme-3 { background-image: linear-gradient(200deg, rgba(3, 222, 246, 0.35), transparent 20%); } .pi-theme-4 { background-image: linear-gradient(200deg, rgba(222, 3, 215, 0.35), transparent 20%); } .pi-theme-5 { background-image: linear-gradient(200deg, rgba(249, 139, 6, 0.35), transparent 20%); }

.pi-theme-teamfight-champion-top, .pi-theme-teamfight-champion-bottom { position: relative; }

.pi-theme-teamfight-champion-top .pi-data-value:not(:first-child) { -ms-flex-preferred-size: 425px; -webkit-flex-basis: 425px; -moz-flex-basis: 425px; flex-basis: 425px; padding-left: 10px; }

.pi-theme-teamfight-champion-top { margin-bottom: 0; }

.pi-theme-teamfight-champion-bottom .pi-data-value:not(:first-child) { -ms-flex-preferred-size: 150px; -webkit-flex-basis: 150px; -moz-flex-basis: 150px; flex-basis: 150px; padding-left: 10px; }

/* Infobox ability */
 * root{

--ability-left-width: 230px; } .pi-theme-infobox-ability-left { margin: 0; width: var(--ability-left-width); display: table-cell; height:100%; float: unset; } .pi-theme-infobox-ability-right { margin: 0; width: calc(100% - var(--ability-left-width)); display: table-cell; height:100%; float: unset; } .ember-view .pi-data-value:not(:first-child) { -ms-flex-preferred-size: 130%; -webkit-flex-basis: 130%; -moz-flex-basis: 130%; flex-basis: 130%; padding-left: 10px; } .ability_wrapper .pi-data-value { width:100%; } .ability_wrapper .pi-data-value:not(:first-child) { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; padding-left: 10px; } .columntemplate dl { margin: 0; -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid;          /* Theoretically FF 20+ */ break-inside: avoid-column;        /* IE 11 */ width:100%; }

/* Background Modification*/
 * root {

/* theme colors */ --gold: #c9aa71; --darkgold: #4B3A16; --bgcolor: #0d1b2d; --clientblue: #010a13; --clientbluetrans: rgba(1, 10, 19, 0.95); --innateblue: #00102d; --abilityblue: #083766; } .wds-community-header .wds-button.wds-is-secondary { border-color: var(--gold); } .wds-community-header .wds-button.wds-is-secondary svg { fill: var(--gold); } .wds-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-left-color: var(--gold); }

/* Removing Sitename and adjusting navigation */ .wds-community-header__sitename { visibility: hidden; } .wds-community-header__local-navigation { margin-top: -12px; } /*.wds-community-header__wordmark { margin: 30px 0 0px 20px; }*/ /* Cleaning up random border on the side of the page */ .WikiaPage { border: 1px solid var(--bgcolor); } /* Europa Infobox Modification */ .pi-theme-client .pi-header, .pi-theme-wikia .pi-title { background-color: var(--clientblue); } .pi-theme-client.pi-background { background-color: var(--clientblue); }

/*.pi-theme-client > .pi-horizontal-group-item:nth-child(even) { background-color: unset }*/

.pi-theme-client.portable-infobox { position: relative; border-color: var(--gold); border-width: 2px; border-style: inset; margin-top: 1em; margin-bottom: 1em; } .pi-theme-client.portable-infobox:before { content: " "; position: absolute; z-index: -1; top: -0.5em; left: 1em; right: 1em; bottom: -0.5em; border-color: var(--gold); border-width: 2px; border-style: inset; border-radius: 3px; }

.pi-theme-client .pi-image-collection-tabs { text-align: center; }

/*.pi-horizontal-group-item { text-align: center; }*/

/* 'Explore' button override */ .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab:nth-child(4) span { visibility:hidden; } .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab:nth-child(4) .wds-dropdown__toggle:after { content:'Browse'; margin-left: -6em; margin-right: 1em; }

/* New content */ .wds-community-header__local-navigation [href="/wiki/Riot_Games_Inc."] span::after, .wds-community-header__local-navigation [href="/wiki/Riot_Games_Inc.#Games"] span::after, .wds-community-header__local-navigation [href="/wiki/League_of_Legends:_Wild_Rift"] span::after, .wds-community-header__local-navigation [href="/wiki/Legends_of_Runeterra"] span::after, .wds-community-header__local-navigation [href="/wiki/Untitled_adventure_game"] span::after, .wds-community-header__local-navigation [href="/wiki/Untitled_fighting_game"] span::after, .wds-community-header__local-navigation [href="/wiki/Untitled_management_simulator"] span::after, .wds-community-header__local-navigation [href="/wiki/Tellstones"] span::after { content: 'new'; position: relative; background-color: var(--gold); top: 0; padding: 0 2px; font-size: 80%; font-weight: normal; border-radius: 4px; text-transform: lowercase; color: black; margin-left: 5px; }