MediaWiki:Wikia.css

/**************************************************
 * Global variables
 * root {
 * root {

--main_fontcolor: #333; --main_fontsize_sec: 13px; --main_bordercolor: #ccc; --main_theme: #5a606b; --main_theme_sec: #8c939f; --block_bg: hsl(0, 0%, 97%); --block_bg_title: hsl(0, 0%, 88%); --block_bg_header: hsl(0, 0%, 90%); } /************************************************** .WikiaArticle { line-height: 1.5em; color: var(--main_fontcolor); } /************************************************** .wds-community-header__sitename { font-family: 'Rubik', sans-serif; font-weight: 100; text-transform: uppercase; } /************************************************** .WikiaPage .mw-headline, .page-header__title { font-family: 'Rubik', sans-serif !important; } .WikiaPage .page-header__title { font-weight: normal; font-size: 28px; } .WikiaPage h3 .mw-headline, .WikiaPage h4 .mw-headline, .WikiaPage h5 .mw-headline { font-weight: bold !important; } div.WikiaRail div#WikiaRail section.rail-module h2, div.WikiaRail div#WikiaRail section.module h2 { font-family: 'Rubik', sans-serif; font-size: 20px; font-weight: normal; } /************************************************** .WikiaArticle .toc { background: transparent; border: 1px solid gray; border-radius: 4px; } .WikiaArticle nav.toc > ol { font-size: var(--main_fontsize_sec); } .WikiaArticle div#toctitle h2 { font-weight: bold; } nav#articleCategories { background: var(--block_bg); } button#CategorySelectAdd { background: #fff; } button#CategorySelectAdd:hover { background: var(--block_bg_header); } .WikiaArticle pre { border: 1px dashed var(--main_bordercolor); background: var(--block_bg) !important; } code { background: var(--block_bg); border: 1px solid var(--main_bordercolor); padding: 1px 4px; } .WikiaArticle ul, .SpeechBubble .speech-bubble-message ul { list-style: disc outside none; } .page-listings ul, .RelatedPagesModule ul, .AdminDashboard ul, .watched-list, .WikiaBlogListing ul { list-style: none outside none !important; } .ajax-poll { border: none !important; } .hr { border-bottom: 1px solid var(--main_bordercolor); margin: 10px 0 10px 0; } /************************************************** .article-thumb { background: var(--block_bg); border: 1px solid var(--main_bordercolor); overflow: hidden; padding: 4px; text-align: center; } .article-thumb p.caption { color: var(--main_fontcolor); font-size: 12px; padding-bottom: 0 !important; line-height: 1.4em; } /************************************************** blockquote.quotation { padding: 0 2em; margin: 1em 1.75em; font-style: italic; } blockquote.quotation::before { content: "“"; display: block; position: absolute; margin-top: -0.25em; margin-left: -0.425em; font: normal normal 6em 'Rubik'; user-select: none; } blockquote.quotation .attribution { font-style: normal; } /************************************************** .navbox { background: var(--block_bg); border: 1px solid var(--main_bordercolor); border-collapse: collapse; margin: .5em auto; width: 100%; font-size: 13px; } /* .navbox + .navbox { margin-top: -1px; } .navbox table { background: var(--block_bg); border: 0; border-collapse: collapse; margin-left: -3px; margin-right: -1px; } .navbox tr:first-child th { background: var(--block_bg_title); text-align: center; padding: 3px 5px; } .navbox th, .navbox td { border: 1px solid var(--main_bordercolor); padding: 2px 4px; } .navbox th { background: var(--block_bg_header); white-space: nowrap; } .navbox td { width: 100%; } /************************************************** a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.search-button), input[type="reset"], input[type="button"], .button, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close), .wikia-menu-button > a:hover, .wikia-menu-button > a, .wikia-menu-button > li > a, .wikia-menu-button .drop, .wikia-menu-button > li > a:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button,.WikiaNotifications li div { background-image: none; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:not(.search-button):hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close):hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover { background-image: none; border-color: var(--main_theme_sec); background: var(--main_theme_sec); } a.wikia-button.secondary, .wikia-single-button.secondary a, .wikia-menu-button.secondary, input.secondary[type="submit"], input.secondary[type="reset"], input.secondary[type="button"], .button.secondary, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close).secondary, .wikia-menu-button.secondary > li > a, .WikiHeader .buttons > .contribute, .wikia-menu-button.secondary > a, .wikia-menu-button.secondary .drop, .oo-ui-buttonElement-framed .secondary.oo-ui-buttonElement-button { background-image: none; border-color: var(--main_bordercolor); background: var(--block_bg); } a.wikia-button.secondary:hover, .wikia-single-button.secondary a:hover, .wikia-menu-button.secondary:hover, input.secondary[type="submit"]:hover, input.secondary[type="reset"]:hover, input.secondary[type="button"]:hover, .button.secondary:hover, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close).secondary:hover, .WikiHeader .buttons > .contribute:hover, .wikia-menu-button.secondary > a:hover, .wikia-menu-button.secondary .drop:hover, .wikia-menu-button.secondary > li > a:hover, .oo-ui-buttonElement-framed .secondary.oo-ui-buttonElement-button:hover { background-image: none; background: var(--block_bg_sec); } .wikia-menu-button.secondary .drop { display: none; } .wikia-menu-button.secondary.combined { padding-right: 20px; } /************************************************** .portable-infobox { width: 250px; background: var(--block_bg); border: 1px solid var(--main_bordercolor); } .portable-infobox .pi-image-thumbnail { max-width: 250px; width: 100%; height: auto; } /* Title and header customizations */ .portable-infobox .pi-title { background: var(--block_bg_title); } .portable-infobox .pi-header { background: var(--block_bg_header); } .portable-infobox .pi-title, .portable-infobox .pi-header { color: var(--main_fontcolor); text-align: center; margin: 0 auto; margin-top: -1px; } .portable-infobox .pi-title { font-size: 20px; font-family: 'Rubik', sans-serif; } /* Row data lining */ .portable-infobox .pi-data .pi-data-label { display: block; flex-basis: 150px; } /* PI border */ .portable-infobox .pi-border-color { border-color: var(--main_bordercolor); } /* PI tab customizations */ ul.pi-image-collection-tabs { border-bottom: 1px solid var(--main_bordercolor); } ul.pi-image-collection-tabs li.current { font-weight: normal; background: var(--block_bg_header); } ul.pi-image-collection-tabs li { border-width: 1px; border-bottom: 0; margin: -1px 0px 0px -1px; padding: 0px 3px !important; border-color: var(--main_bordercolor); font-size: var(--main_fontsize_sec); font-weight: normal; width: initial; } /* PI navigation tag customizations */ .portable-infobox .pi-secondary-background { background: var(--block_bg); } /************************************************** .mp-block { background: var(--block_bg); border: 1px solid var(--main_bordercolor); margin-top: 16px; padding: 7px 15px 12px 15px; overflow: hidden; } .mp-block .header { border: 0; text-transform: capitalize; margin: 0.5ex 0; padding: 0.4ex 0; } .mp-intro { margin: 0.85em 0 0em 0; padding: 0.5em; /* text-align: center; */ } .mp-intro .header { font-family: 'Rubik', sans-serif; font-size: 150%; font-variant: small-caps; text-transform: uppercase; } /************************************************** .neo-gallery { margin: -16px 0; } .neo-gallery .galleryspace .wikia-gallery { max-height: 1100px; overflow: auto; } .neo-gallery .wikia-gallery-item .title { display: none; } .neo-gallery .gallery-image-wrapper, .neo-gallery .wikia-gallery-item a { width: 100% !important; } .neo-gallery .gallery-image-wrapper { background: var(--block_bg); border-color: var(--main_bordercolor) !important; bottom: 0 !important; height: 100% !important; left: 0 !important; right: 0 !important; top: 0 !important; } .neo-gallery .gallery-image-wrapper:hover { background: var(--block_bg_sec); } .neo-gallery .wikia-gallery-item .thumb { width: 180px !important; height: 180px !important; } .neo-gallery .wikia-gallery-item .thumb a { display: block !important; height: 100% !important; } .neo-gallery .wikia-gallery-item img { position: relative; top: 50%; transform: translateY(-50%); } .neo-gallery .wikia-gallery-caption-below .lightbox-caption { color: #6c6c6c; } /************************************************** .documentation { clear: both; border: 1px solid var(--main_bordercolor); } .documentation .header { background: var(--block_bg_header); padding: 1em; margin: 0em; } .documentation .content { padding: 1em; padding-top: 0em; } .documentation .footer { clear: both; background: var(--block_bg_header); padding: 0.5em; margin: 0em; font-size: 85%; text-align: right; } /*center text on infobox description*/ text-align:center; }
 * Wiki background and font
 * Community header sitename text
 * Page headers
 * TOC, category box, code, pre, ul, poll
 * File thumbnails
 * Template:Quote
 * Navboxes
 * Remove gradient from buttons
 * Infoboxes
 * Main Page
 * Template:Gallery
 * Template:Documentation
 * 1) mw-content-text > aside > figure > figcaption {