MediaWiki:Fandomdesktop.css

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

.theme-fandomdesktop-dark #toc, .toc { background-color: #081017; border: 1px solid #081017; padding:10px; font-size:0.9em; }

.theme-fandomdesktop-light #toc, .toc { background-color: #dddad3; border: 1px solid #dddad3; padding:10px; font-size:0.9em; }

/* THEME DESIGN */ /* Top page border */ .page { margin-top: 13px; border-top: #FF4B50 5px solid; border-radius: 5px; } .page__main { border-radius: 0px 0px 5px 5px; } .page__right-rail { border-radius: 0px; }

/* Right rail */ .right-rail-wrapper .rail-module { background-color: #0d1721; margin: 0px; padding: 1em; } .page-title-link a, .premium-recirculation-rail a { color: #e6e6e6; } .right-rail-wrapper .premium-recirculation-rail li { margin: 5px 0px; } .right-rail-wrapper .premium-recirculation-rail li:hover { background-color: #0d1721; } .right-rail-wrapper .premium-recirculation-rail img { border: 0px solid red; border-radius: 0px; } .theme-fandomdesktop-light .right-rail-wrapper .rail-module { background-color: #eee9df; } .theme-fandomdesktop-light .right-rail-wrapper .premium-recirculation-rail li:hover { background-color: #eee9df; }

/* Light/Dark images */ .theme-fandomdesktop-dark .light { display: none; }

.theme-fandomdesktop-light .dark { display: none; }

/* HEADERS */ .page h2 {border-bottom: solid 1px #FF4B50} .page h3 {font-weight:bold} .page h4 {font-weight:bold}

/* Classes for Light/Dark theme */ .theme-fandomdesktop-light .themebg { background-color: #dddad3; }

.theme-fandomdesktop-dark .themebg { background-color: #081017; }

.theme-fandomdesktop-light .themebg2 { background-color: #C1BDB6; }

.theme-fandomdesktop-dark .themebg2 { background-color: #141E29; }

.theme-fandomdesktop-light .themeborder { border:1px solid #fff; }

.theme-fandomdesktop-dark .themeborder { border:1px solid #000; }

.theme-fandomdesktop-light .textcolor { color: #141E29; }

.theme-fandomdesktop-dark .textcolor { color: #adb7c3; }

.theme-fandomdesktop-light .textcolor2 { color: #38353B; }

.theme-fandomdesktop-dark .textcolor2 { color: #F6F3F9; }

/* Disable gallery uploader */ .wikia-photogallery-add, .wikia-button noprint {display:none !important; }

.WikiaMainContent a.new, .WikiaMainContent a.new:visited { color: #f97426; }

/* Removing title on main page */ .mainpage .WikiaPage .page-header__title, .mainpage .WikiaPage .page-header__separator { display: none; }

.portable-infobox .pi-title { background-color: #FF4B50; font-size: 115%; color: #F6F3F9; font-weight:bold; padding:4px; line-height:2em; text-align:center; }

.theme-fandomdesktop-light .portable-infobox { background-color: #dddad3; }

.theme-fandomdesktop-dark .portable-infobox { background-color: #081017; }

.portable-infobox { width:300px;; border: 0px; color: black; font-size: 90%; }

.portable-infobox .pi-header { font-weight:bold; text-align:center; font-size:100%; padding:4px; }

.pi-secondary-background { background-color: #FF4B50; color: #F6F3F9; }

.theme-fandomdesktop-light .portable-infobox .pi-data-label { background: #C1BDB6; color: black; border-bottom:1px solid #dddad3; }

.theme-fandomdesktop-dark .portable-infobox .pi-data-label { background: #141E29; border-bottom:1px solid #081017; }

.portable-infobox .pi-data-label { border-right: 1px solid #FF4B50; width:110px; text-align: right; }

.portable-infobox .pi-item-spacing { padding: 0px 0px 0; }

.pi-horizontal-group-item { text-align:center; border-right:1px solid #081017; border-bottom:1px solid #FF4B50; }

/* Infobox padding */ .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 5px; }

.theme-fandomdesktop-light .pi-font { color: #141E29; }

.theme-fandomdesktop-dark .pi-font { color: #adb7c3; }

.pi-secondary-font { color: #F6F3F9; }

.pi-caption { color: #F6F3F9; }

.theme-fandomdesktop-light .pi-border-color { border: #dddad3; }

.theme-fandomdesktop-dark .pi-border-color { border: #081017; }

.theme-fandomdesktop-light .ability { background: #dddad3; }

.theme-fandomdesktop-dark .ability { background: #081017; }

.ability { display: -ms-grid; display: grid; grid-template: auto 1fr auto/auto 1fr; -ms-grid-rows: auto 1fr auto; -ms-grid-columns: auto 1fr; margin-bottom: 5px; padding-right: 5px; font-size: 14px; clear: both; }

.ability.ult { background: rgba(0,0,0,0.1); }

.ability > .image { background: #FF4B50; padding: 10px; grid-row: 1/-1; grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; margin-right: 15px; display: flex; flex-flow: column nowrap; justify-content: center; }

.ability.ult> .image { background: #FF4655; }

.ability > .name { margin: 20px 0 5px; font-size: 20px; font-weight: bold; text-transform: uppercase; -ms-grid-row: 1; -ms-grid-column: 2; }

.ability > .description { margin: 5px 0; -ms-grid-row: 2; -ms-grid-column: 2; }

.ability > .keys { margin: 0 0 5px 0; text-align: center; -ms-grid-row: 3; -ms-grid-column: 2; }

.ability > .keys .label { display: none; }

.key { background: #323d48; display: inline-block; color: #ccc; border-radius: .25em; width: 1.5em; height: 1.5em; text-align: center; font-size: 0.75em; font-weight: normal; margin-right: .5em; vertical-align: text-top; }

.space { background: #323d48; display: inline-block; color: #ccc; border-radius: .25em; width: 4em; height: 1.5em; text-align: center; font-size: 0.75em; font-weight: normal; margin-right: .5em; vertical-align: text-top; }

.mobile-label .label { display: none; }

.ability > .details { display: flex; margin: 0; margin-bottom: 15px; justify-content: center; }

.ability > .details > span { display: inline-block; }

.ability > .details > span:not( :first-child ) { padding-left: 15px; border-left: 1px solid #FFFFFF; margin-left: 15px; }

/* WIKI TABLES */ table.wikitable { border-collapse:collapse; } table.wikitable th { background:#FF4B50; } /* Light */ .theme-fandomdesktop-light table.wikitable { background:#dddad3; color: #141E29; }

.theme-fandomdesktop-light table.wikitable th, .theme-fandomdesktop-light table.wikitable td { border:1px solid #eee9df; color: #141E29; } .theme-fandomdesktop-light table.wikitable th { color: #141E29; background:#FF4B50; }

/* Dark */ .theme-fandomdesktop-dark table.wikitable { background:#081017; color: #ECE8E1; } .theme-fandomdesktop-dark table.wikitable th, .theme-fandomdesktop-dark table.wikitable td { border:1px solid #141E29; color: #ECE8E1; } .theme-fandomdesktop-dark table.wikitable th { color: #ECE8E1; background:#FF4B50; }

/* NAVBOXES */ .theme-fandomdesktop-light .navbox { background:#dddad3; } .theme-fandomdesktop-dark .navbox { background:#081017; } .navbox { border: 0; border-collapse: collapse; margin: .5em auto; width: 100%; font-size: 13px; } /* .navbox + .navbox { margin-top: -1px; } .navbox table { background: #FF4B50; border:0; border-collapse: collapse; margin-left: -3px; margin-right: -1px; } .navbox tr:first-child th { background: #FF4B50; text-align: center; font-size:100%; color:#FFFFFF; padding:7px 12px; } .navbox th, .navbox td { border:0; padding: 5px 10px; } .theme-fandomdesktop-light .navbox th { background: #c1bdb6; border-bottom:2px solid #dddad3; } .theme-fandomdesktop-dark .navbox th { background: #141E29; border-bottom:2px solid #081017; } .navbox th { border-right:1px solid #FF4B50; white-space: nowrap; font-size:105%; }

.navbox th:last-child { border:0; }

.navbox tr:last-child th { border-bottom:0; border-right:1px solid #FF4B50; }

.navbox td { width: 100%; font-size:100%; }

.navbox .mw-collapsible-text { color: #fff; }

.sideways { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); rotation: -90deg; }

/* Invert images colors based on theme */ .theme-fandomdesktop-light div.Invert img { filter:invert(1); } .theme-fandomdesktop-light span.Invert img { filter:invert(1); }