MediaWiki:Wikia.css

/* Import a font for headings etc. */

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i,700,700i&display=swap&subset=latin-ext');

/*========================================================================= *  Styles for the wiki name and navbar in the page banner *=========================================================================*/

.wds-community-header .wds-community-header__sitename a, .wds-community-header .wds-tabs__tab-label { color: goldenrod; font-family: Josefin Sans, sans-serif; font-variant: small-caps; }

/* Line separating the page title from the rest of the page */ .WikiaPage .page-header__separator { background-color: goldenrod; }

/* outline the "Edit" button */ .wds-button-group { border: 1px solid darkgoldenrod; }

/*========================================================================= *  Styles for headings *=========================================================================*/

.WikiaSiteWrapper .page-header__title, /* Page title */ .WikiaRail .rail-module h2, /* Headers of right-rail modules */ .WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4 { color: goldenrod; border-color: goldenrod; font-family: Josefin Sans, sans-serif; font-variant: small-caps; }

/*========================================================================= * "Red = broken link" is standard across Fandom wikis, * but the default is hard to see on dark backgrounds. * Use a lighter shade of red for better contrast. *=========================================================================*/

.WikiaMainContent a.new, table.wiki-style th a.new, table.wiki-style.center th a.new { color: #FF4400; }

/*========================================================================= *  Improve visibility of buttons by adding an outline *=========================================================================*/

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.wds-button), input[type="reset"], input[type="button"], .button, button {   border: 1px solid #7c7cad; }

/*========================================================================= *  Styles for quotes using the  template *=========================================================================*/

.WikiaArticle .pull-quote { font-size: 16px; }

.pull-quote__text { font-style: italic; } .pull-quote__text::before { content: "“"; } .pull-quote__text::after { content: "”"; } .pull-quote__source::before { content: "— "; }

/*========================================================================= *  Styles for the main page *=========================================================================*/

/* Headers in the main part of the page */ .main-page-tag-lcs .lcs-container .header { font-size: 2em; padding: 0.4em 0 0.3em; text-align: center; }

/* Headers in the right rail (aka sidebar) */ .mainpage-box .header { font-size: larger; padding: 0.2em; }

/* Headers in both parts of the page */ .main-page-tag-lcs .lcs-container .header, .mainpage-box .header { font-family: Josefin Sans, sans-serif; font-variant: small-caps; color: goldenrod; border-top: 2px solid goldenrod; border-bottom: 2px solid goldenrod; }

/* reduce the space between the gallery and its heading */ .main-page-tag-lcs .wikia-gallery { margin-top: 0; }

/*========================================================================= *  Category Pages *=========================================================================*/

/* Improve the visibility of the layout selector buttons */ .WikiaArticle .category-layout-selector { color: #888; }

.WikiaArticle .category-layout-selector__item.is-active{ color: #555; }

/*========================================================================= *  Infobox styles *=========================================================================*/

/* Border around the infobox */ .pi-europa { border: 1px solid goldenrod; }

/* Font and color for the infobox title and group headers */ .pi-europa .pi-title, .pi-europa .pi-header { color: goldenrod; font-family: Josefin Sans, sans-serif; font-variant: small-caps; }

/* Dark yellow line below the title, image, and group headers in an infobox */ .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-image { border-bottom: 1px solid darkgoldenrod; }

/* Tighter spacing between infobox data elements */ .pi-europa .pi-item-spacing { padding-top: 7px; padding-bottom: 7px; }

/*========================================================================= *  Table styles -- use class="wiki-style" on tables *=========================================================================*/ table.wiki-style { background: #2c2d3d; border: 1px solid goldenrod; border-collapse: collapse; margin: 1em 1em 1em 0px; font-size: 0.9em; text-align: center; }

table.wiki-style td, table.wiki-style th { border-left: 1px solid darkgoldenrod; border-bottom: 1px solid darkgoldenrod; padding: 2px 8px; }

table.wiki-style td { text-align:left; vertical-align:top; }

table.wiki-style.center td { text-align:center; vertical-align:top; }

/* Colour and text alignment in header cells */ table.wiki-style th { text-align: center; vertical-align: middle; background: #131b26; color: #FFF; }

/*   Force links in header cells to be always goldenrod text, and underlined only when the mouse pointer moves over them. table.wiki-style th a { text-decoration: none; }

table.wiki-style th a:link, table.wiki-style th a:visited { color: goldenrod; }

table.wiki-style th a:active, table.wiki-style th a:hove { color: goldenrod; border-bottom: 1px solid goldenrod; }

/*	Set the color of table sort buttons table.wiki-style.jquery-tablesorter.sortable th.headerSort .chevron:first-child, table.wiki-style.jquery-tablesorter th.headerSort .chevron:first-child {	border-color: transparent transparent goldenrod; } table.wiki-style.jquery-tablesorter.sortable th.headerSort .chevron, table.wiki-style.jquery-tablesorter th.headerSort .chevron {	border-top-color: goldenrod; }