MediaWiki:Common.css

/* <pre> */
/**
 * CSS placed here will be applied to all skins on the entire site.
 *
 * This page is compiled from LESS files listed in MediaWiki:Custom-common.less and should not be edited directly. See also: [[MediaWiki:Wikia.css]] and [[MediaWiki:Custom-handheld.less]]
 */

.pi-theme-userprofile {
    border: 3px dashed #8D603A;
    background: #3C5064;
    color: #FFF;
}

.pi-theme-userprofile .pi-border-color {
    border-color: #FFF;
}

.pi-theme-userprofile .pi-title {
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    font-size: 120%;
}

.pi-theme-userprofile .pi-image {
    background: #1D3C41;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.pi-theme-userprofile .pi-image-thumbnail {
    max-height: 175px;
    width: auto;
}

.pi-theme-userprofile .pi-navigation {
    text-align: center;
    background: #3C5064;
    border-bottom: 1px solid #FFF;
}

.pi-theme-userprofile .pi-navigation a {
    color: inherit;
    display: inline-block;
    padding: 0px 4px !important;
    margin: 0px 2px;
    box-shadow: 0 0 2px currentColor;
}

.pi-theme-userprofile .pi-navigation a:hover {
    color: #BBB;
}

.pi-theme-userprofile .pi-header {
    background: #1D3C41;
    border-bottom: 1px solid #FFF;
}

.pi-theme-userprofile .pi-data-label:not(.pi-horizontal-group-item) {
    border-right: 1px solid #FFF;
}

.pi-theme-userprofile .pi-data-label.pi-horizontal-group-item {
    background: #1D3C41;
    border-bottom: 1px solid #FFF;
}

.pi-theme-userprofile .pi-data {
    background-image: linear-gradient(to right, #1d3c41, #1d3c41 90px, transparent 60px);
}

.userprofile-imgur-image img {
    max-width: 250px;
    height: auto;
}

.navbox {
    width: 100%;
    background: #cccccc;
    color: #3a3a3a;
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 2px solid #999999;
    border-radius: 3px;
}

.navbox a,
.navbox .navbox-list .navbox-group a {
    color: #006cb0;
}

.navbox + .navbox {
    margin-top: -16px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbox .navbox-title {
    color: #3a3a3a;
    background: #cccccc;
    font-weight: bold;
}

.navbox .navbox-vde {
    float: left;
    width: 65px;
}

.navbox .navbox-title-padright {
    padding-right: 65px;
}

.navbox .navbox-title-padleft {
    padding-left: 65px;
}

.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-gutter {
    height: 2px;
}

.navbox .navbox-subgroup .navbox-gutter {
    background: #cccccc;
}

.navbox .navbox-section-row > td {
    padding: 0;
    height: 100%;
}

.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}

.navbox .navbox-above,
.navbox .navbox-below,
.navbox .navbox-image {
    color: #3a3a3a;
    background: #e6e6e6;
    text-align: center;
}

.navbox .navbox-group,
.navbox .navbox-header {
    background: #e6e6e6;
    color: #3a3a3a;
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}

.navbox .navbox-header-collapsible {
    padding-left: 65;
}

.navbox .navbox-group {
    min-width: 50px;
}

.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid #cccccc;
}

.navbox .navbox-image-right {
    border-left: 2px solid #cccccc;
}

.navbox .navbox-list {
    background: #ffffff;
    color: #3a3a3a;
    width: 100%;
    height: 100%;
    padding: 0;
}

.navbox .navbox-list div {
    padding: 0px 4px;
}

.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbox .navbox-list a {
    color: #006cb0;
}

.navbox .navbox-list a.new {
    color: #353535 !important;
}

.navbox .mw-collapsible-toggle {
    width: 65px;
}

.hlist ul {
    margin: 0;
    list-style: none;
}

.hlist li,
.hlist ul ul {
    display: inline;
}

.hlist li a {
    white-space: nowrap;
}

.hlist ul ul:before {
    content: "(";
}

.hlist ul ul:after {
    content: ")";
}

.hlist li:after {
    content: " • ";
}

.hlist ul ul li:after {
    content: "/";
}

.hlist li:last-child:after,
.hlist ul ul li:last-child:after {
    content: none;
}

.page-content .widget_title,
.widget_title {
    padding: 2px;
    margin: 10px 0;
    border: 1px solid #BBB;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
}

.color1 {
    background: var(--theme-accent-color);
    color: #FFFFFF;
}

.color1 a,
.color1 a:hover {
    color: #FFFFFF;
}

.oddrow tr:nth-of-type(odd) > td,
tr.oddrow td {
    background: rgba(0, 0, 0, 0.04);
}

.WikiaArticle .ct,
.WikiaArticle .centertext {
    text-align: center;
}

.lt {
    text-align: left;
}

.rt {
    text-align: right;
}

.desktop-hide {
    display: none !important;
}

.tfm-background-color {
    background: #6A7495;
}

.wikitable tr:target {
    border-color: #012e59;
    border-style: solid;
    background: #B5D9E8;
}

.allpagesredirect {
    font-style: italic;
}

.allpagesredirect:after {
    color: #808080;
    content: " (redirect)";
}

.watchlistredir {
    font-style: italic;
}

.messagebox {
    background: #FFFFFF;
    color: black;
    border: 1px solid #AAA;
    border-left: 10px solid var(--theme-accent-color);
    padding: 2px 10px;
    display: block;
    margin: 0 10% 5px 10%;
    overflow: auto;
}

.mw-parser-output .plainlinks a:after {
    display: none !important;
}

.tabberlive {
    position: relative;
}

.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 {
    display: block !important;
}

table.wikitable {
    background: initial;
}

.theme-fandomdesktop-dark table.wikitable {
    background: initial;
}

.color-palette {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    border: 1px solid #555;
    border-radius: 3px;
}

.color-palette-text {
    font-weight: bold;
}

.extimage div,
.extimage a,
.extimage img {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    width: inherit;
}

div.hatnote {
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}

.inventory-clickpic {
    display: inline-block;
    position: relative;
}

.inventory-clickpic .count {
    position: absolute;
    right: 2px;
    bottom: 0px;
    color: white;
    font-size: 10px;
    line-height: 1;
    text-shadow: 1.25px 1.25px 1px #000000, -1.25px 1.25px 1px #000000, 1.25px -1.25px 1px #000000, -1.25px -1.25px 1px #000000;
    transition: font-size 0.5s;
}

.inventory-clickpic:hover .count {
    font-size: 14px;
}