MediaWiki:Wikia.css

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

/* 100% Width Images */ .FullWidthImage img { height: auto; width: 100%; } /* Gold Stylesheet */ @font-face{font-family:BeaufortLoL;src:url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.eot?#iefix) format("embedded-opentype"),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"),url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.svg#svgFontName) format("svg");font-weight:700} 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; }
 * 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; 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; 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; }