Not: Yayımladıktan sonra değişiklikleri görmek için tarayıcınızın önbelleğini temizlemeniz gerekebilir.
- Firefox / Safari: Shift tuşuna basılıyken Yeniden Yükle'ye tıklayın ya da Ctrl-F5 ya da Ctrl-R tıklayın (Mac için ⌘-R).
- Google Chrome: Ctrl-Shift-R'ye basın. (Mac için ⌘-Shift-R)
- Internet Explorer / Edge: Ctrl basılıyken Yenile'ye tıklayın ya da Ctrl-F5 yapın.
- Opera: Ctrl-F5 tıklayın.
@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.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");
@import url("https://use.fontawesome.com/releases/v5.15.0/css/all.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 {
font-family:BeaufortLoL;
font-weight:700;
text-transform:uppercase;
}
.league-font a, .league-font a:visited, .league-font a > span {
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 <ref> tags not increase line height */
.reference {
line-height: 1em;
}
/* Smaller text for <references> 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;
}
#abilities_table2 {
border-collapse: collapse;
width: 100%;
}
#abilities_table2 td, #abilities_table2 th {
border: 1px solid #B2B2B2;
padding: 5px;
border-top-width: 2px;
}
#abilities_table2 .ability.innate_ability td {
border-width: 1px;
}
#abilities_table2 .ability_header {
text-align:center;
font-size:11px;
border-width: 2px 1px;
}
#abilities_table2 .abilityname {
height: 80px;
text-align: center;
width: 100px;
}
#abilities_table2 .abilityname img {
width: 64px;
height: 64px;
}
#abilities_table2 .abilitylevel {
font-size: 89%;
}
#abilities_table2 .secondary > * {
border-top-style: hidden;
padding-top: 15px;
}
#abilities_table2 .innate_ability .abilityinfo, #abilities_table2 .innate_ability .abilitylevel {
background-color: #00004E;
}
#abilities_table2 .ultimate_ability .abilityinfo, #abilities_table2 .ultimate_ability .abilitylevel {
background-color: #446CB3;
}
#abilities_table2 .subeffect .abilityname img {
height: 54px;
width: 54px;
}
#abilities_table2 .subeffect .abilityname {
padding-left: 20px;
width: 85px;
}
/* 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 [[Wikipedia: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;
}
#article div.thumb {
color:inherit;
}
/* 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. *
***********************************/
#left {
padding: 0.5em;
background: #092949;
border-radius: 5px;
}
/* Navigation */
#navigation {
overflow: hidden;
margin: 0 0 .5em;
padding: .5em 0;
background: #060e1f;
text-align: center;
border-radius: 5px;
}
#navigation li {
width: 70px;
font-size:13px;
list-style: none;
display: inline-grid;
}
#navigation img {
border-radius: 15px;
}
#navigation img:hover {
box-shadow: 0 0 4px #aac, 0 0 6px #222;
}
/* Tabber */
#tabber {
overflow: hidden;
padding: .5em;
background: #060e1f;
border-radius: 5px;
}
#tabber .tabbernav li a:visited {
color: #c9aa71 !important;
}
/* Grid */
#grid select,
#grid input {
background: #061e36;
border: 1px solid #092949;
border-radius: 5px;
color: #a3a5a9;
}
#grid select {
cursor: pointer;
padding: 2px;
}
#grid input {
padding: 3px;
}
#grid ::placeholder {
color: #a3a5a9;
}
/* 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;
text-align: center;
}
.champion_roster li {
display: inline-block;
margin: 1px;
overflow: hidden;
border-radius: 5px;
}
.champion_roster li:hover {
box-shadow: 0 0 3px #aac, 0 0 4px #111;
}
/* Free champion rotation and FGM rotation */
#rotation {
border-top: 1px solid #181818;
}
#rotation > h3 {
float: left;
width: 100%;
margin: 0;
text-align: center;
}
#rotation > #rotationweek {
float: left;
margin: 0;
width: 100%;
}
#rotation .text {
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;
}
/* item-grid */
#item-grid dl {
margin: .25em 0;
}
/* 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. */
#maincenter > div {
overflow: hidden;
clear: both;
padding: .5em;
background: #060e1f;
}
#maincenter h2 {
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;
}
#first_h2 {
margin-top: -1em ;
}
/* New skins. */
#newskins .skin_portrait {
margin: 0;
padding: .25em 0 .5em 0;
width: 14.28% !important;
border-radius: 5px;
}
#onsale .skin_portrait {
margin: 0;
padding: .25em 0 .5em 0;
width: 12.5% !important;
border-radius: 5px;
}
#maincenter .skin_portrait:hover {
background: #333;
}
.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 */
#floating-scrollbar {
z-index:200;
}
/* Brighter color for railmodule buttons */
.WikiaRail .rail-module .wds-button.wds-is-secondary {
border-color:#c9aa71;
color:#c9aa71;
}
/* 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;
}
.tt-advanced-tooltip {
background-color: var(--theme-color);
padding: 0.5em 1em;
}
/* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */
#tooltip-wrapper {
padding: 3px 7px 2px 3px;
z-index: 6000000;
}
/* 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;
}
/* Audio Button */
.audio-button {
color: #c9aa71;
}
/* 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:#837558; /*#71603b;*/
}
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 ***/
#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;
}
#WikiaSpotlightsModule header {
background-color: #00004E ;
background-image: -moz-linear-gradient(left center , #00004E 0pt, #350300 50%, #00004E 100%);
border-top: 5px solid #00004E ;
}
#WikiaSpotlightsModule .banner-corner-left {
border-color: #00004E #00004E transparent transparent;
left: 0;
}
#WikiaSpotlightsModule .banner-corner-right {
border-color: #00004E transparent transparent #00004E ;
right: 0;
}
#WikiaSpotlightsModule {
background-image: -moz-linear-gradient(center top , black 60%, #0C0C0C 100%);
}
/*** 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;}
#WikiaPageHeader details .categories {
display: none;
}
/* 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;
}
.basic_attack:before {
background: url('https://vignette.wikia.nocookie.net/leagueoflegends/images/e/e7/RMB.svg/revision/latest/scale-to-width-down/64?cb=20190623113241') no-repeat right top !important;
}
/*speical formatting for Aphelios */
.skill_aphelios .ability-info-container {
position: relative;
z-index: 1;
}
.skill_aphelios .ability-info-container:before {
content: "";
position: absolute;
z-index: -1;
top: -1em;
bottom: 0;
left: 0;
right: -1em;
opacity: 0.15;
}
.ability-info-container:nth-of-type(1):before {
background: url('https://vignette.wikia.nocookie.net/leagueoflegends/images/e/e7/RMB.svg/revision/latest/scale-to-width-down/64?cb=20190623113241') no-repeat right top !important;
}
.ability-info-container:nth-of-type(2):before {
background: url('https://vignette.wikia.nocookie.net/leagueoflegends/images/3/3d/Q_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 <div> and <ul> 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;
}
#champinfo-container,
#champinfo-container a,
#champinfo-container a > span {
font-family:BeaufortLoL;
font-weight:700;
text-transform:uppercase;
color: #c9aa71;
}
#champinfo-infos a > span {
color: rgb(196, 185, 152);
}
#champinfo-container a:hover {
text-decoration: none;
}
#champinfo-container a:hover {
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;
}
/* 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;}
.bundle-border * img.thumbborder {
border-color: #e63031;
}
.rare-border * img.thumbborder {
border-color: #e63031;
}
.loot-border * img.thumbborder {
border-color: #82499D;
}
.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 */
#gallery-noaccent .accent {
background:none;
}
/* Portable Infobox */
.portable-infobox {
background-color: #092949;
}
.pi-header {
background-color: #061E36;
}
.pi-border-color {
border-color: transparent;
}
/* Infobox Fix /w Tooltips */
#tooltip-wrapper .portable-infobox {
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;
}
.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-7 {
background-image: linear-gradient(200deg, rgba(215, 47, 47, 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: 340px;
-webkit-flex-basis: 340px;
-moz-flex-basis: 340px;
flex-basis: 340px;
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/Category:Lore"] span::after,
.wds-community-header__local-navigation [href="/wiki/Category:Riot_Forge"] span::after,
.wds-community-header__local-navigation [href="/wiki/CONV/RGENCE"]::after,
.wds-community-header__local-navigation [href="/wiki/Ruined_King"]::after,
.wds-community-header__local-navigation [href="/wiki/Category:Comic"] span::after,
.wds-community-header__local-navigation [href="/wiki/Zed:_Issue_1"]::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;
}*/
/*TabViewEditLinks - Only show on active tab*/
.tvel_handled:not(.selected) .editsection {
display:none;
}
/*Tabview CSS for Champion Tabview*/
.champion-tabview ul.tabs {
text-align: center;
background-color: var(--clientblue);
}
.champion-tabview .tabs li {
float: none;
display: inline-block;
}
.champion-tabview .tabBody.selected {
margin-top: 30px;
}
/* CSS of "client-table" */
.client-table {
background-color: #010a13;
font-family: BeaufortLoL;
border-spacing: 0.5em;
border-color: var(--gold);
border-width: 2px;
border-style: inset;
position: relative;
margin: 1.35em 1.35em 1.35em 0;
padding-bottom: 1em;
}
.client-table th {
font-size: 14px;
padding: 0 1em;
}
.client-table td {
font-size: 12px;
padding: 0 1em;
}
.client-table th {
text-transform: initial;
}
.client-table: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;
}
.stat-wheel-svg {
overflow: visible;
}
/* Discussions activity feed*/
.embeddable-discussions-module{
padding: unset;
}
.embeddable-discussions-module .embeddable-discussions-post-detail {
border: unset;
}
.embeddable-discussions-module .embeddable-discussions-post-actions {
border-top: 1px dashed #092949;
}
/* Legends of Runeterra */
.pi-theme-card {
float:left;
width: calc(100% - 300px);
}
.pi-theme-card .pi-data-value {
-ms-flex-preferred-size: unset;
-webkit-flex-basis: unset;
-moz-flex-basis: unset;
flex-basis: unset;
}
/* Legends of Runeterra - Ruling Table */
.ruling-table {
width: 100%;
}
.ruling-table td:nth-child(1) {
width: 120px;
}
/* Roster Patch Notes */
.roster-icon {
display: inline-block;
border-radius: 46px;
overflow: hidden;
}
.roster-info {
float: left;
clear: both;
width: 100%;
min-height: 2em;
line-height: 20px;
margin: 1em 0;
text-align: left;
display:none;
}
/* --------------------------------------------------------------- */
/* ---------------------Champion landing page--------------------- */
/* --------------------------------------------------------------- */
/* Portable Infobox - Champion Header */
.champion-header .data-label {
font-size:10px;
line-height:1em;
color:rgb(147, 115, 65);
margin-top:5px;
}
.champion-header .data-value {
}
/* Portable Infobox - Champion */
.pi-theme-client.type-top,
.pi-theme-client.type-middle,
.pi-theme-client.type-bottom,
.pi-theme-client.type-stats,
.pi-theme-stats-table {
clear: unset;
}
.pi-theme-client.type-top {
margin-bottom: 0;
border-bottom: none;
}
.pi-theme-client.type-bottom {
margin-top: 0;
border-top: none;
}
.pi-theme-championinfobox.type-middle {
background: var(--clientblue);
border-color: var(--gold);
border-width: 2px;
border-style: inset;
border-top: none;
border-bottom: none;
position: relative;
bottom: unset;
left: unset;
z-index: unset;
width: 270px;
font-family: BeaufortLoL;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0;
}
.pi-theme-championinfobox.type-middle .pi-group {
float: unset;
width: 75%;
margin-left: auto;
margin-right: auto;
}
/* Portable Infobox - Champion Stats */
.pi-theme-client.type-stats {
width: calc(100% - 300px);
min-width: 404px;
/*max-width:551px;*/
float:left;
margin: 0 0 0 0;
}
.pi-theme-client.type-stats .pi-data-label {
white-space:nowrap;
-ms-flex-preferred-size: unset;
-webkit-flex-basis: unset;
-moz-flex-basis: unset;
flex-basis: unset;
width: 140px;
}
.pi-theme-client.type-stats .pi-data-value {
width:100%;
-ms-flex-preferred-size: unset;
-webkit-flex-basis: unset;
-moz-flex-basis: unset;
flex-basis: unset;
font-size: 14px;
}
.pi-theme-championinfobox.type-stats {
top: 3em;
left: 240px;
bottom: unset;
right: unset;
}
.pi-faux-label {
float: left;
text-align:left;
min-width: 90px;
width: 40%;
max-width: 110px;
font-size: 12px;
}
.pi-theme-client.type-stats .pi-faux-label a,
.pi-theme-client.type-stats .pi-faux-label a:visited,
.pi-theme-client .pi-section-label{
color: var(--gold);
}
.pi-theme-client.type-stats .pi-faux-label a:hover,
.pi-theme-client .pi-section-label:hover {
color: #D5D4D4;
}
.pi-underlined-header {
line-height:2.5em;
box-shadow: inset 0 -2px 0 0 var(--darkgold);
}
.pi-theme-client.type-stats .external.text::after {
display:none;
}
/* Portable Infobox - Champion Stats 2 */
.pi-theme-stats-table {
width: calc(100% - 300px);
/*max-width:551px;*/
float:left;
margin: 0 0 2em 0;
position:relative;
}
.pi-theme-stats-table .pi-data-label {
white-space:nowrap;
-ms-flex-preferred-size: unset;
-webkit-flex-basis: unset;
-moz-flex-basis: unset;
flex-basis: unset;
width: 140px;
}
.pi-theme-stats-table .pi-data-value {
width:100%;
-ms-flex-preferred-size: unset;
-webkit-flex-basis: unset;
-moz-flex-basis: unset;
flex-basis: unset;
font-size: 14px;
padding: 5px 5px;
}
.pi-theme-stats-table .external.text::after {
display:none;
}
.pi-theme-stats-table h2 {
background-color: #070f19;
}
.pi-theme-stats-table {
background-color: #0b1625;
}
.pi-theme-stats-table .pi-secondary-font {
line-height:25px;
}
/******** DROPDOWN CSS ********/
/* Style The Dropdown Button */
.dropbtn {
/*background-color: #4CAF50;
padding: 16px;*/
border: none;
cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: var(--abilityblue);
white-space: nowrap;
padding-right: 1em;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content li {
padding: 12px 16px;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content li:hover {
/*background-color: #f1f1f1*/
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
/*background-color: #3e8e41;*/
}
.pi-image-collection .pi-image-collection-tabs { margin: 0; }
.mw-parser-output a[href*="leagueoflegends.fandom.com"].external:after { display: none; }
/* --- General fixes --- */
/* --- lor card infobox line up with right edge --- */
.pi-theme-card {
width: calc(100% - 280px);
}
/* --- UCP fixes --- */
/* overwrites UCP tabber styling (tabber) */
ul.tabbernav li {
padding-top: 0;
}
/* removes strange white corners on code page preview (User:DutyS1235/common.css) */
.mw-highlight {
background: initial;
}
/* overwrites UCP infobox tabs' hover text color (Template:Infobox_recommended) */
.pi-section-navigation .pi-section-tab:hover .pi-section-label {
color: #9a783a
}
/* overwrites UCP thumbnail images border color (Template:Ci) */
.WikiaArticle .thumbborder {
border: 1px solid #404040;
}
/* overwrites UCP table styling to look like legacy tables */
/*.ooui-theme-fandom .mw-datatable > tr > th,*/
/*.ooui-theme-fandom .mw-datatable > * > tr > th,*/
/*.ooui-theme-fandom .mw-json > tr > th,*/
/*.ooui-theme-fandom .mw-json > * > tr > th,*/
.ooui-theme-fandom .wikitable > tr > th,
.ooui-theme-fandom .wikitable > * > tr > th {
border:1px solid #888888;
background-color: #001133;
padding: 0.2em 0.4em;
}
/* adds highlight box around Template:Infobox_champion on main champion pages */
#infobox-champion-container {
position: relative;
z-index: 0;
}
/* random scrollbox on transclusion because content slightly exceeds width (User:DutyS12345/Sandbox39) */
/* makes it so the overflow is visible */
.mw-parser-output {
overflow: visible;
}
/* article table background coloring */
.ooui-theme-fandom .article-table, .ooui-theme-fandom .WikiaTable {
background: initial;
}
.ooui-theme-fandom .article-table th, .ooui-theme-fandom .WikiaTable th {
background: initial;
}
/* gallery border coloring */
.accent {
border-color: #c9aa71;
}
/* --- UCP Editor fixes --- */
/* show changes added lines are invisible on dark background */
.diff-addedline {
color: #e6e6e6;
}
.game-nav-item-select{
opacity: 0;
transition: opacity 1s;
}
.game-nav-item:hover .game-nav-item-select{
opacity: 1;
}
.game-nav-item.game-nav-item-active .game-nav-item-select{
opacity: 1;
}
/* Temporary Tabber white-space fix */
.tabbertab > p {
white-space: pre-line;
}