MediaWiki:Wikia.css

/* Navbox builder */ @import url("//dev.fandom.com/load.php?mode=articles&articles=MediaWiki:Global_Lua_Modules/NavboxBuilder.css&only=styles");

/*************************** /* To make lines of code stand out */ code { padding: 1px 4px; border-radius: 3px; border: 1px solid #bbb; background: #fdfdfd; }
 * GENERAL WEBSITE STYLES **

/* To highlight template data aliases separately from the main parameter name */ .mw-templatedata-doc-param-alias { background: #f0f1f1; }

/* Standard table */

.wikiatable { text-align: center; background: #fafafa; border: 2px solid #6f3e98; border-collapse: collapse; margin: 1em auto; min-width: 75%; } .wikiatable th { font-size: 1.2em; text-align: center; border: 2px solid #6f3e98; padding: 0.5em 1em; background: #c1bada80; } .wikiatable td { border: 1px solid #6f3e98; padding: 0.35em 1em; }

/* For tables with first column as header */ .columnhead tr td:first-child { font-weight: bold; }

/* For making preformatted text wrap */ pre { white-space: pre-wrap; }

/* For selected text */
 * -moz-selection { /* On Firefox */

color: #fff; background: #6f3e98; }
 * selection { /* On Chrome and other browsers */

color: #fff; background: #6f3e98; }

/* For the scrollbar */ html { /* On Firefox */ scroll-behavior: smooth; scrollbar-color: #9867bf #f7f6fa; scrollbar-width: thin; }
 * -webkit-scrollbar { /* On Chrome and other browsers*/

width: 0.75em; }
 * -webkit-scrollbar-track { /* On Chrome and other browsers */

background: #f7f6fa; }
 * -webkit-scrollbar-thumb { /* On Chrome and other browsers*/

background: #9867bf; }
 * -webkit-scrollbar-thumb:hover { /* On Chrome and other browsers*/

background: #6f3e98; }

/* For the Tabber extension */ .tabberlive .tabbernav { /* tabber tabs wrapper style */ margin: 1em 0; border: none; border-top: .5em double #7263a6; text-align: center; } .tabberlive > .tabbertab:not(.tabbertabhide) { /* tabber visible content */ padding: 0.5em 1em; border: 1px solid #7263a6; border-top: .5em double #7263a6; border-bottom: .5em double #7263a6; } .tabberlive > .tabbernav > li > a { /* tabber tabs */ border-radius: .5em; border: 1.5px solid #7263a6; padding: 0.5em 1em; transition: 300ms; } .tabberlive > .tabbernav > li > a:hover { /* tabber tabs when being hovered */ background: #c1bada; color: #0e191a; border: 1.5px solid #7263a6; } .tabberlive > .tabbernav > li > a:active { /* tabber tabs when being clicked */ background: #8578b6; } .tabberlive > .tabbernav > li.tabberactive > a { /* selected tabber tab */ background: #6f3e98; color: white; border: 1.5px solid #6f3e98; } .tabberlive > .tabbernav > li.tabberactive > a:hover { /* selected tabber tab when being hovered */ background: #7263a6; color: white; border: 1.5px solid #7263a6; } .tabberlive > .tabbernav > li.tabberactive > a:active { /* selected tabber tab when being clicked */ background: #a283ce; }

/************************ /* Template:Welcome, centering general text */ .welcometype { text-align: center; } /* Template:Welcome, main body: background, padding, and text colors */ .welcometype > div { background-color: rgba(130, 76, 209, 0.15); border-radius: 1em; padding: 0.5em 1.5em 0.75em; color: black; } /* Template:Welcome, adjusting link colors for contrast */ .welcometype > div a { font-weight: bold; color: #6f32c7; } .welcometype > div a:hover { color: #ae00ab; } /* Template:Welcome, stats section */ .welcometype table { margin: auto; } .welcometype tr:first-child td { color: #6f3e98; font-size: 2em; font-style: italic; width: 15%; } .welcometype tr:last-child td { font-variant: small-caps; padding-top: 0; }
 * MAIN PAGE TEMPLATES **

.headertype { background: #6f3e98; color: white; margin-top: 1em; padding: 0.5em 1em; border-radius: .5em; text-align: center; font-size: 1.3em; font-weight: bold; }

.maintype { border: 2px solid #6f3e98; margin-top: 0.5em; }

/* For Template:Random quote */ .randomquote { margin: 0 auto !important; max-width: 100% !important; background: none !important; }

/*********************** /* Aligning general infobox elements */ .portable-infobox.pi-europa .pi-caption { text-align: center; } .portable-infobox.pi-europa .pi-horizontal-group { text-align: center; } /* For infobox galleries */ .portable-infobox.pi-europa .pi-image-collection { font-variant: small-caps; } /* For infobox galleries, align tabs to center */ .portable-infobox.pi-europa .pi-image-collection-tabs { text-align: center; }
 * INFOBOX STUFF   **

/*********************** /* Template:Citation needed span */ .cnspan { padding: 0 0.1em; color: #595959; border: 1px solid #bbb; background: #ebebeb; }
 * TEMPLATE STUFF  **

/* For Template:Navbox */ .navbox { background-color: #8578b6; border: 1px solid #cccccc; border-radius: 0.5em; border-collapse: separate; margin: 1em 0; padding: 0.5em; } .navbox-padding { padding: 0.4em; } .navbox-title { padding: .5em 2em; background-color: #6f3e98; color: #fff; } .navbox-template-links { line-height: 100%; top: inherit; } .navbox-above, .navbox-below { background: #fff; color: #0e191a; } .navbox-header { background: #c1bada; color: #0e191a; } .navbox-group { padding-left: 1em !important; vertical-align: middle !important; background: rgba(255,255,255, 0.8); color: #0e191a; } .navbox-list { text-align: left; padding: 0; vertical-align: top; background: #fff; }

/* Template:Quote and Template:Dialogue. Taken from dev.fandom/Global Lua Modules/Quote */
 * root {

--pull-quote-max-width: 80%; --pull-quote-text-color: #000000; --pull-quote-mark-color: #6f3e98; /*--pull-quote-mark-font: "Times New Roman", serif; default to regular font */ --pull-quote-hyphens: auto; --pull-quote-frame-color: #6f3e98; --pull-quote-background-color: rgba(130, 76, 209, 0.15); } /* .WikiaPage added as a parent selector to the following in order to override default blockquote styles. */ .WikiaPage .pull-quote { display: grid; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: var(--pull-quote-max-width); margin: 1em auto; font-size: 1em; line-height: 1.8; border-radius: 1em; text-align: justify; padding: 0.5em 1em; background: var(--pull-quote-background-color); } .WikiaPage .pull-quote__text { position: relative; padding: 0 2em; hyphens: var(--pull-quote-hyphens); color: var(--pull-quote-text-color); margin: 0.5em 0; } .WikiaPage .pull-quote__text::before, .WikiaPage .pull-quote__text::after { position: absolute; font-size: 3em; font-family: var(--pull-quote-mark-font); font-weight: 700; color: var(--pull-quote-mark-color); } .WikiaPage .pull-quote__text::before { content: "“"; top: 0; left: 0; line-height: 1; } .WikiaPage .pull-quote__text::after { content: "”"; bottom: 0; right: 0; line-height: 0.2; } .WikiaPage .pull-quote p:nth-child(2) { width: 100%; text-align: right; padding-right: 10%; } .WikiaPage .pull-quote__source { float: right; } .WikiaPage .pull-quote__source::before { content: "— "; } .WikiaPage .pull-quote--right, .WikiaPage .pull-quote--left { border: 2px solid var(--pull-quote-frame-color); border-left: 0; border-right: 0; text-align: justify; } .WikiaPage .pull-quote--right { float: right; margin: 1em 0 1em 2em; } .WikiaPage .pull-quote--left { float: left; margin: 1em 2em 1em 0; } /* Template:Quote, adjusting link colors for contrast */ .WikiaPage .pull-quote a { color: #6f32c7; } .WikiaPage .pull-quote a:hover { color: #ae00ab; }

/* Template:Tabs */ div.tabs { /* overall tab selection */ margin: auto; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; text-align: center; padding: 0 2em 1em; } div.tabs a, div.tabs strong.selflink { /* all tabs */ border: 1.5px solid; padding: 0.5em 0.9em; margin: 2px; border-radius: 4px; font-weight: bold; display: inline-block; word-wrap: anywhere; background: #f2f7ff; } div.tabs strong.selflink { /* current page */ background: #6f3e98; color: white; border-color: #6f3e98; } div.tabs a { /* other tabs */ cursor: pointer; border-color: #7263a6; } div.tabs a:hover { /* other tabs being hovered over */ background: #c1bada; color: #0e191a; transition: 300ms; } div.tabs a:active { /* other tabs being selected */ background: #8578b6; } div.tabs .tabsMobile { /* content for when formatting is turned off */ display: none; }

/* Template:Tocright */ .tocright { float: right; clear: right; margin: 1em 0 1em 0.8em; max-width: 20em; } .tocright #toc { margin: 0; }

/* Template:Untranslated and Template:Untranslated end */ .untld-notice { text-align: center; background-color: rgba(107, 49, 192, 0.1); color: #0e191a; padding: 0.5em 1em; border-radius: .5em; } .untld-notice.top { border-top: 4px solid #6f3e98; } .untld-notice.bottom { border-bottom: 4px solid #6f3e98; } .untld-notice i { color: #6b31c0; } .untld-notice .mw-customtoggle-untranslated { color: #6b31c0; font-weight: 500; transition: color .3s; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .untld-notice .mw-customtoggle-untranslated:hover { color: #a279dd; } .untld-notice .mw-customtoggle-untranslated:active, .untld-notice .mw-customtoggle-untranslated:focus, .untld-notice .mw-customtoggle-untranslated:hover { text-decoration: underline; } .untld-notice .mw-customtoggle-untranslated::before, .untld-notice .mw-customtoggle-untranslated::after { color: #0e191a; font-weight: initial; } .untld-notice .mw-customtoggle-untranslated::before { content: "["; } .untld-notice .mw-customtoggle-untranslated::after { content: "]"; }