MediaWiki:Wikia.css

/* Imports */
@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:Global_Lua_Modules/NavboxBuilder.css");
 
/* Custom properties */
:root {
    --theme-color: #0c3c6a;
    --secondary-color: #f5f5f5;
    --content-color: #fbfbfb;
    --border-color: #d6d6d6;
    --theme-text-color: #eeeeee;
    --caption-color: #7f7f7f;
    --text-color: #3a3a3a;
    --link-color: #4682b4;
    --border-radius: 3px;
}
 
 
/* ##################### */
/* ### Message boxes ### */
/* ##################### */
 
.mbox {
    background-color: var(--content-color);
    border: 1px solid var(--border-color);
    border-left-color: #d5dce2;
    border-left-width: 8px;
    border-radius: var(--border-radius);
    display: flex;
    margin-bottom: 5px;
    min-height: 32px;
    position: relative;
}
 
.mbox__content {
    box-sizing: border-box;
    display: table;
    font-size: 95%;
    line-height: 20px;
    padding: 6px 10px;
    width: 100%;
}
 
.mbox__content__image {
    display: table-cell;
    height: 100%;
    padding-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}
 
.mbox__content__wrapper {
    display: table-cell;
    vertical-align: middle;
}
 
.mbox__content__header {
    display: block;
    font-weight: bold;
}
 
.mbox__content__text {
    display: block;
}
 
.mbox__content__text__comment {
    font-size: small;
}
 
.mbox__content__aside {
    border-left: 1px solid var(--border-color);
    display: table-cell;
    padding-left: 15px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
 
 
/* ################# */
/* ### Infoboxes ### */
/* ################# */
 
.portable-infobox {
    background: var(--content-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
}
 
.portable-infobox .pi-border-color { 
    border: none;
    border-collapse: collapse;
    padding: 0;
}
 
.portable-infobox .pi-title {
    background: var(--theme-color);
    color: var(--theme-text-color);
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    text-align: center;
}
 
.portable-infobox .pi-caption {
    line-height: 18px;
    padding: 3px 5px;
    text-align: center;
}
 
.portable-infobox .pi-header {
    background-color: var(--theme-color);
    color: var(--theme-text-color);
    font-size: 12px;
    padding: 3px;
    text-align: center;
}
 
.portable-infobox .pi-navigation {
    background-color: var(--theme-color);
    border-top: 1px solid var(--border-color);
    color: var(--theme-text-color);
    font-size: 12px;
    font-weight: normal;
    padding: 3px;
    text-align: center;
}
 
.portable-infobox .pi-navigation a {
    color: var(--theme-text-color) !important;
}
 
.portable-infobox .pi-data-label {
    background-color: var(--secondary-color);
    border-right: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    font-size: 12px;
    padding: 3px 5px;
}
 
.portable-infobox.pi-layout-stacked .pi-data-label {
    border-right: none;
}
 
.portable-infobox .pi-data-value {
    background-color: var(--content-color);
    border-top: 1px solid var(--border-color);
    font-size: 12px;
    padding: 3px 5px;
}
 
/* Horizontal groups */
.portable-infobox .pi-horizontal-group .pi-horizontal-group-item:first-child {
    border-right: none;
}
 
.portable-infobox .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
    border-left: 1px solid var(--border-color);
    border-right: none;
}
 
/* Smart rows */
.portable-infobox .pi-smart-group .pi-smart-data-label:first-child {
    border-right: none;
}
 
.portable-infobox .pi-smart-group .pi-smart-data-label:not(:first-child) {
    border-right: none;
}
 
/* Tabs */
ul.pi-image-collection-tabs {
    margin: 0;
    padding: 1px 0 3px 0;
}
 
ul.pi-image-collection-tabs li {
    border: none;
    color: var(--caption-color);
    font-size: 12px;
    padding: 0 2px !important;
}
 
ul.pi-image-collection-tabs li.current {
    background-color: transparent;
    border-bottom: none;
    color: var(--text-color);
    font-weight: bold;
}
 
ul.pi-image-collection-tabs li:after {
    color: var(--text-color);
    content: "·";
    font-weight: bold;
}
 
ul.pi-image-collection-tabs li:last-child:after {
    content: none;
}
 
.pi-image-collection-tab-content {
    background-color: transparent;
    border-top: 1px solid var(--border-color);
}
 
/* Panels */
.portable-infobox .pi-panel {
    border-top: 1px solid var(--border-color);
}
 
.portable-infobox .pi-section-label {
    font-size: 12px;
    height: 25px;
    letter-spacing: 0;
    text-transform: none;
}
 
.portable-infobox .pi-section-active .pi-section-label {
    font-weight: bold;
}
 
.portable-infobox .pi-collapse .pi-header:first-child::after {
    border-color: var(--theme-text-color);
}
 
/* Job infobox */
.portable-infobox.type-job .pi-image-collection {
    display: flex;
    flex-direction: column;
}
 
.portable-infobox.type-job .pi-image-collection-tabs {
    order: 99;
}
 
.portable-infobox.type-job .pi-smart-data-value[data-source="desc 1"],
.portable-infobox.type-job .pi-smart-data-value[data-source="desc 2"],
.portable-infobox.type-job .pi-smart-data-value[data-source="desc 3"] {
    hyphens: none !important;
    width: 100% !important;
}
 
.portable-infobox.type-job ~ .center figcaption .title {
    display: none;
}
 
/* Navigation infobox */
.portable-infobox.type-navigation .pi-navigation {
    background-color: var(--content-color);
    color: var(--text-color);
}
 
.portable-infobox.type-navigation .pi-navigation a {
    color: var(--link-color) !important;
}
 
/* File infobox */
.portable-infobox.type-file {
    box-sizing: border-box;
    width: 100%;
}
 
.portable-infobox.type-file .pi-data-label {
    flex-basis: 100px;
    hyphens: none;
    text-align: right;
}
 
.portable-infobox.type-file .pi-data-value {
    flex-basis: 100%
}
 
.portable-infobox.type-file .pi-item[data-source="licensing"] .pi-data-value {
    line-height: 20px;
    padding: 5px 10px;
}
 
.portable-infobox.type-file .pi-item[data-source="licensing"] .pi-data-value ol,
.portable-infobox.type-file .pi-item[data-source="licensing"] .pi-data-value ul {
    margin: .2em 0 .5em 1.5em;
}
 
.portable-infobox.type-file .pi-item[data-source="licensing"] .pi-data-value li {
    margin: 2px 0;
}
 
 
/* ################ */
/* ### Navboxes ### */
/* ################ */
 
.navbox {
    background-color: var(--content-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    font-size: 0.75rem;
    line-height: 23px;
    word-break: break-word;
 
}
 
.navbox + .navbox {
    margin-top: -6px;
}
 
.navbox-title {
    background-color: var(--theme-color);
    color: var(--theme-text-color);
    font-size: 100%;
}
 
.navbox .navbox-title a {
    color: inherit !important;
}
 
.navbox-above,
.navbox-below {
    background-color: #dae4eb;
    border: 1px solid #fff;
}
 
.navbox-header {
    background-color: #dae4eb;
    border-top: 1px solid #fff;
}
 
.navbox-table-layout .navbox-group,
.navbox-table-layout .navbox-subgroup {
    background-color: #dae4eb;
    border: 1px solid #fff;
    vertical-align: middle;
    text-align: center;
    white-space: normal;
    width: 15%;
}
 
.navbox-header a,
.navbox-group a,
.navbox-subgroup a {
    color: var(--text-color) !important;
}
 
.navbox-list {
    border-bottom: 1px solid var(--border-color);
    padding: 5px 10px !important;
}
 
.navbox-section {
    margin: 0;
}
 
.navbox-table {
    border-collapse: collapse;
}
 
.navbox-table-wrapper,
.navbox-table-layout {
    margin-bottom: -1px;
    margin-left: -1px;
    margin-right: -1px;
}
 
.navbox-table-wrapper:first-child,
.navbox-section-wrapper:first-child {
    margin-top: -1px;
}
 
.navbox-table-wrapper:last-child,
.navbox-section-wrapper:last-child {
    margin-bottom: -1px;
}
 
/* Horizontal lists */
.navbox-above ul, 
.navbox-list ul,
.navbox-below ul {
    list-style: none;
    margin: 0;
}
 
.navbox-above li,
.navbox-list li,
.navbox-below li {
    display: inline;
}
 
.navbox-above li:after,
.navbox-list li:after,
.navbox-below li:after {
    content: " · ";
    font-weight: bold;
}
 
.navbox-above li:last-child:after,
.navbox-list li:last-child:after,
.navbox-below li:last-child:after {
    content: none;
}
 
 
/* ############## */
/* ### Tables ### */
/* ############## */
 
.ooui-theme-fandomooui .article-table,
.ooui-theme-fandomooui .wikitable.mw-templatedata-doc-params {
    background-color: var(--content-color);
    font-size: 13px;
}
 
.article-table caption {
    background-color: var(--content-color);
    border: 1px solid #d6d6d6;
    margin-bottom: -1px;
    padding: 2px 10px;
}
 
.ooui-theme-fandomooui .article-table tr,
.ooui-theme-fandomooui .article-table tr td,
.ooui-theme-fandomooui .article-table tr th {
    border: 1px solid var(--border-color);
}
 
.ooui-theme-fandomooui .article-table th,
.ooui-theme-fandomooui .wikitable.mw-templatedata-doc-params th {
    background-color: var(--theme-color);
    color: var(--theme-text-color);
    text-align: center;
}
 
.article-table th a {
    color: var(--theme-text-color);
}
 
.article-table ul,
.article-table ol {
    margin: .4em 0 .5em 1em;
}
 
.article-table.align-right {
    float: right;
    margin: 0 0 1rem 1rem;
}
 
.article-table.align-left {
    float: left;
    margin: 0 1rem 1rem 0;
}
 
.striped tbody tr:nth-of-type(even) {
    background-color: #f0f4f7;
}
 
 
/* ############### */
/* ### Modules ### */
/* ############### */
 
.mp-module {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-sizing: border-box;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
 
.mp-module__header {
    background-color: var(--theme-color);
    color: var(--theme-text-color);
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    width: 100%;
}
 
.mp-module__content {
    background-color: var(--content-color);
    font-size: 13px;
    line-height: 23px;
    padding: 10px 15px;
    text-align: left;
}
 
 
/* ############################## */
/* ### Template documentation ### */
/* ############################## */
 
.documentation {
    background-color: transparent;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
}
 
.documentation__header,
.documentation__footer {
    background-color: var(--secondary-color);
    box-sizing: border-box;
    line-height: 40px;
    padding: 0 10px;
}
 
.documentation__header {
    border-bottom: 1px solid var(--border-color);
}
 
.documentation__footer {
    border-top: 1px solid var(--border-color);
    clear: both;
    font-size: 85%;
    text-align: right;
}
 
.documentation__header__headline {
    font-weight: bold;
}
 
.documentation__header__action-links {
    float: right;
    font-size: 85%;
}
 
.documentation__content {
    box-sizing: border-box;
    padding: 1em;
}
 
.documentation__content #toc {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}
 
/* Documentation parameters */
.docparam {
    background-color: var(--content-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    margin-bottom: 10px;
    overflow: hidden;
}
 
.docparam__header {
    background-color: var(--content-color);
    border-bottom: 1px solid var(--border-color);
    box-sizing: border-box;
    padding: 0 5px;
}
 
.docparam__header__icon {
    display: inline-block;
}
 
.docparam__header__name {
    display: inline-block;
    position: relative;
    top: 2px;
}
 
.docparam__header__default {
    float: right;
    font-size: 12px;
    line-height: 34px;
}
 
.docparam__description {
    box-sizing: border-box;
    padding: 10px;
}
 
.wikitable.mw-templatedata-doc-params caption p:first-child {
    border-bottom: 1px solid var(--border-color);
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    margin: .5em 0 .2em;
    overflow: hidden;
    padding-bottom: 3px;
    text-align: left;
}
 
.mw-templatedata-doc-wrap .oo-ui-iconElement-icon:not(.oo-ui-iconElement-noIcon) {
    background-color: transparent;
}
 
 
/* ##################### */
/* ### Miscellaneous ### */
/* ##################### */
 
/* Module:Context-link */
.context-link {
    color: var(--caption-color);
    font-style: italic;
    margin-bottom: 5px;
    padding-left: 2em;
}
 
/* Quotations */
.quote {
    background-color: var(--content-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    display: table;
    font-size: 95% !important;
    font-style: italic;
    margin: 0.5em !important;
    padding: 0 0.75em;
}
 
.quote__source {
    font-style: normal;
    margin-left: 0.4em;
}
 
/* ToC */
#toc {
    background-color: var(--content-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}
 
#toc .toctitle {
    text-align: center;
}
 
/* Allow for the limiting of ToC depth */
.toclimit-2 .toclevel-1 ol,
.toclimit-3 .toclevel-2 ol,
.toclimit-4 .toclevel-3 ol,
.toclimit-5 .toclevel-4 ol,
.toclimit-6 .toclevel-5 ol,
.toclimit-7 .toclevel-6 ol {
    display: none;
}
 
/* Image thumbnails */
.thumb.tleft,
.thumb.tright {
    margin-top: 10px;
}
 
.thumb img {
    border-radius: var(--border-radius);
}
 
.thumbcaption {
    margin-top: 4px;
}
 
/* Rounded bullet points */
.mw-parser-output ul {
    list-style-type: disc;
}
 
/* Preformatted text */
.mw-parser-output pre {
    background-color: var(--content-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}
 
/* Embolden section headers */
.WikiaMainContent h3 .mw-headline, 
.WikiaMainContent h4 .mw-headline,
.WikiaMainContent h5 .mw-headline,
.WikiaMainContent h6 .mw-headline {
    font-weight: bold;
}
 
.WikiaMainContent h2 {
    margin-top: 1.5em;
}
 
/* Section edit links */
.mw-editsection .wds-icon {
    display: none
}
 
.mw-editsection .mw-editsection-bracket {
    display: inline
}
 
/* Center galleries and captions by default */
.wikia-gallery,
.wikia-gallery .lightbox-caption {
    text-align: center;
}
 
/* Remove borders and backgrounds from gallery items */
.accent {
    background-color: transparent;
    border-color: transparent;
}
 
.gallery-image-wrapper {
    border-radius: var(--border-radius);
}
 
/* Highlight linked anchor targets */
:target {
    animation: highlight 3s ease;
    background-color: #e2ebf2;
}
 
@keyframes highlight {
    0% { background-color: var(--theme-color);
        color: var(--theme-text-color); }
        
    100% { background-color: #e2ebf2;
        color: var(--text-color); }
}
 
/* Disable photo uploads outside of Special:Upload */
.mw-htmlform-field-Licenses,
.mw-upload-editlicenses,
.oo-ui-tool-name-multiUploadBar,
.ve-ui-mwMediaDialog-panel-search .oo-ui-menuLayout-menu,
#msupload-div,
#msupload-container,
#wikieditor-toolbar-file-dialog + div .ui-button:last-child {
    display: none !important;
}
 
/* Removed features */
.wikia-photogallery-add,
.mw-logline-upload .comment,
.filehistory th:last-child, .filehistory td:last-child {
    display: none;
}