MediaWiki:Common.css

/* Vector TFR Theme */ /*	PB2 website link color default:#FFCC00; hover:#FFE375; font-weight: bold;

body {	background: url(https://static.miraheze.org/thefinalrumblewiki/5/51/Wiki-background.png); background-size: cover; background-color: #000000; background-attachment: fixed; }

/* patrolled notification */ .mw-notification {   background-color: rgba(0, 0, 0, 0.93) !important; border: solid 1px #000000 !important; color: #ffffff !important; }

a.feedlink {   padding-left: 16px !important; }

/* left menu */ {   padding: 0.45em; display: block; background-color: rgba(255,255,255,0) !important; }   background-color: rgba(255,255,255,0.05) !important; }
 * 1) mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link
 * 1) mw-panel div.portal div.body ul li a:hover, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus {

/* revision stuff */ background-color: rgba(0, 0, 0, 0.34) !important; border: 1px dashed rgba(0, 0, 0, 0.59) !important; }   border: none !important; background-color: rgba(0, 0, 0, 0.1) !important; }
 * 1) pagehistory li.selected {
 * 1) pagehistory li {

color: rgba(255, 255, 255, 0.33) !important; }
 * 1) footer ul li {

/* watchlist stuff */ color: rgba(255, 255, 255, 0.37) !important; }
 * 1) contentSub, #contentSub2 {

/* pop-up message about save */ .postedit {   text-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.5); }

/* more */ div.vectorMenu h3 span {	color: #ffffff !important; }

/* some contour */ fieldset { border: 1px solid rgba(255, 255, 255, 0.21); }

/* preformated */ pre, .mw-code { color: #ffffff; background-color: rgb(44, 44, 44); border: 1px solid rgba(255, 255, 255, 0.41); padding: 1em; white-space: pre-wrap; }

/* warning */ div.mw-warning-with-logexcerpt { padding: 15px; margin-bottom: 10px; border: 2px dotted rgb(255, 0, 0); background-color: rgba(119, 0, 0, 0.37); }

/* page code differences */ td.diff-deletedline .diffchange {   background: rgb(171, 52, 52); } td.diff-addedline .diffchange { background: #3d8a4f; } td.diff-deletedline { border-color: #af4d4d; border-width: 1px; } td.diff-addedline { border-color: #529a6e; border-width: 1px; } td.diff-context { background: rgba(249, 249, 249, 0.04); border-color: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.7); border: 1px; }

/* file list */ .mw-datatable th { background-color: rgba(0, 0, 0, 0.74); } .mw-datatable, .mw-datatable td, .mw-datatable th { border: 1px solid #000000 !important; } .mw-datatable td { background-color: rgba(0, 0, 0, 0.51); } .mw-datatable tr:hover td { background-color: rgba(19, 19, 72, 0.61); }

/* changes add / remove */ .mw-plusminus-pos {	color: #1aff1a; } .mw-plusminus-neg {   color: #ff3232; }

/* file uploader */ {	border: 1px solid #000000 !important; background-color: rgba(0, 0, 0, 0.74) !important; } table.mw_metadata td { background-color: rgba(0, 0, 0, 0.74); } table.mw_metadata td, table.mw_metadata th { border: 1px solid #000000; background-color: rgba(0, 0, 0, 0.74); }
 * 1) filetoc

table.wikitable {   background-color: rgba(123, 153, 185, 0.18); } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid rgba(246, 247, 255, 0.35); color: rgba(255, 255, 255, 0.67); } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: rgba(242, 242, 242, 0.18); border: 1px solid rgba(227, 233, 255, 0.57); color: white; } div.thumbinner {   border: transparent ; background-color: rgba(0, 0, 0, 0); } html .thumbimage { border: transparent ; background-color : rgba(0, 0, 0, 0); }

div.magnify a { display: none; }

.portable-infobox .pi-title { text-align: center; }


 * root {

--pi-background: rgba(0, 0, 0, 0.25); --pi-secondary-background: rgba(150, 25, 25, 0.35); --pi-border-color: #a2a9b1; --pi-item-spacing: 5px 10px; --pi-margin: 15px; --pi-width: 330px; }

/* Discarding list dot color because it does not match overall wiki font */ ul {	list-style-image: none; }

/* search box offset */ {	margin-left: 3.5em !important; }
 * 1) p-search

/* "Content" block for pages */ {	border: 1px solid #000; background-color: rgba(0, 0, 0, 0.51); }
 * toc, .toc, .mw-warning, .toccolours

.tocnumber { color: #A9A9A9; }

.toggleSymbol { color: rgb(200, 0, 0); cursor: pointer; }

.toctogglelabel { cursor: pointer; color: rgb(200, 50, 50); }

/* "More" pop-up menu */ div.vectorMenu div.menu {	background-color: rgba(0, 0, 0, 0.79); border: solid 1px black; border-top-width: inherit; top: 1.75em; }

/* top right stuff spacing */ {	margin-left: 1.5em; } /* tabs, text offset from top */ div.vectorTabs span a { padding-top: 0.5em; } /* tabs, moving lower */ {   margin-top: 3.2em; } /* clear tab height */ div.vectorTabs {	height: inherit; } div.vectorTabs li a { height: inherit; } {	padding-top: 2.1em; } {	height: 1.75em !important; background-image: none !important; } div.vectorMenu h3 span {	padding-top: 0.475em !important; } div.vectorMenu h3 a { height: 1.6em !important; } {	margin-top: -0.95em !important; border: solid 1px #2c2938 !important; background-image: none !important; background-color: black !important; } {   background-color: black !important; color: white !important; }
 * 1) p-personal li
 * 1) left-navigation, #right-navigation
 * 1) ca-unwatch.icon a, #ca-watch.icon a
 * 1) mw-head div.vectorMenu h3
 * 1) simpleSearch
 * 1) simpleSearch input

/* all possible headers */ h1, h2, h3, h4, h5, h6 { color: #ffffff; }

/* notification rounder rectangles */ {	background-color: #0e0e0e; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge

/* thing under editing field */ .editOptions {	background-color: #212121; border: 1px solid black; } /* Links over editing field */ .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {	color: #335ea5 !important; }

/* content-background */ .mw-body {	background-color: rgba(25,25,25,0.75); border: 1px solid rgba(249, 167, 167, 0.19); color: #f5f5f5; }

.mw-editform {       color: #c5c5c5; }

/* tab background */ div.vectorTabs {	background-image: none; }

/* active tab */ div.vectorTabs li.selected {	background-image: none; background: linear-gradient(to bottom,rgba(168,177,255,0.05) 0%,rgba(168,177,255,0.18) 100%); border-radius: 10px 10px 0 0; border: 1px solid rgba(165, 192, 255, 0.3); border-bottom-width: 0; border-top-width: 0; }

/* something related to tab, was adding line on right */ div.vectorTabs ul { background-image: none; } /* another thing that adds white line on right of tab */ div.vectorTabs span {	background-image: none; }

/* separator line on left */ {	background-image: none !important; border: 0 none #000; border-top: 1px solid rgba(255,255,255,0.2); }
 * 1) mw-panel div.portal

/* top tabs (over wiki content) */ div.vectorTabs ul li { background-image: none; background-color: transparent; }

/* spacing for left menu */ {	/*padding: 0.45em 0 !important;*/ padding: 0 !important; line-height: normal !important; }
 * 1) mw-panel div.portal div.body ul li

a:visited, a:link, a, #mw-panel div.portal div.body ul li a:visited, #mw-panel div.portal div.body ul li a { color: #FFCC00 !important; font-weight: bold; } a:hover, #mw-panel div.portal div.body ul li a:hover {	color: #FFE375 !important; text-decoration: none !important; } a:active, a:focus, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus {	color: #ffffff !important; text-decoration: none !important; } /* missing links */ a.new, #p-personal a.new {	color: #ff3333 !important; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.62); }

/* removing white line on top of the page */ {	background-image: none; background-color: transparent; } /* .page-Main_Page #mp-topbanner { clear: red; }
 * 1) mw-page-base

/* Covers some headers */ .mw-body h1, .mw-body h2 { font-family: "Arial", }

{   background-color: rgba(123,153,185,0.18); border: 1px solid rgba(246,247,255,0.35); }
 * 1) catlinks

div#mw-panel div.portal h3 { color: #ffffff; }

li.gallerybox div.thumb { border: 1px solid rgba(255,200,200,0.35); background-color: rgba(185,125,125,0.18); }   background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/cb/OOjs_UI_icon_bell-invert.svg); }   background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/b8/OOjs_UI_icon_notice-invert.svg); } div.vectorMenu h3 span {   font-weight: bold; } .results-info { color: lightgray; } .mw-search-profile-tabs { background-color: rgba(123,153,185,0.18); border: 1px solid rgba(246,247,255,0.35); border-radius: 1px; } .mw-search-result-data {   color: #1affla; font-size: 85%; } div#mw-panel div.portal h3 { color: #ffffff; font-weight: bold; } textarea {  border: 1px solid rgba(246,247,255,0.35); background-color: rgba(123,153,185,0.18); } .sitedir-ltr textarea, .sitedir-ltr input {  color: whitesmoke; direction: ltr; background: rgba(123,153,185,0.18); border: 1px solid rgba(246,247,255,0.35); } .tabberlive .tabbertab { border:none !important; } ul.tabbernav { border-bottom: 1px solid #774d4e !important; } ul.tabbernav .tabberactive a { background-color: rgba(150,25,25,0.35) !important; border-radius:2px 2px 0 0 !important; border-top: 1px solid #774d4e !important; border-left:1px solid #774d4e !important; border-right:1px solid #774d4e !important; color: white; } ul.tabbernav li a { background-color: rgba(25,25,25,0.35) !important; border-radius:2px 2px 0 0 !important; border:1px solid #373b5a !important; color: white !important; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge:before {
 * 1) pt-notifications-notice .mw-echo-notifications-badge:before {

/* White panels recolording */ .oo-ui-popupWidget-popup {	background-color: #454959; border: 1px solid #2a2c35; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {	background-color: #2e313e !important; border-color: #1b1d24 !important; color: #FFF !important; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover {	background-color: #2e313e !important; color: #535768 !important; } .oo-ui-toolbar-bar {	background-color: #464a5e !important; } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-bottom: 1px solid #313442 !important; } .oo-ui-toolGroup {	border-right: 1px solid #3f4353 !important; } .oo-ui-toolbar-actions .oo-ui-toolGroup {	border-left: 1px solid #3f4353 !important; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {	margin: 0px !important; outline: 1px dashed #ffe500 !important; background-color: rgba(81, 83, 66, 0.75) !important; } .ve-ce-linkAnnotation.ve-ce-annotation-active {	box-shadow: 0 0 0 2px #9b9525 !important; background-color: #2b415e !important; } /*.oo-ui-tool-link:hover*/ .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {	background-color: #50546a !important; color: #FFF !important; } .oo-ui-textInputWidget .oo-ui-inputWidget-input {	background-color: #4a515e !important; border: 1px solid #717d93 !important; color: #fff !important; } .editOptions { color: #cdd1d7 !important; }	/* Vector TFR theme -End- */

/* notice class table -Begin- */ .notice { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #444, #000 60%) no-repeat scroll 0 0; border-radius: 5px; margin: 2px auto 1em; padding: 3px; position: relative; max-width: 700px; } .notice::after { background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #999 40%, #222 60%) repeat scroll 0 0; border-radius: 5px; bottom: -2px; content: ""; left: -2px; position: absolute; right: -2px; top: -2px; z-index: -1; } .notice td:nth-child(2) { padding-left: 5px; } .notice span { font-size: 0.8em; }	/* notice class table -End- */

/* file-information class table -Begin- :Used for "Abilities" template */ .file-information { border: 1px solid #323232; border-radius: 30px; border-spacing: 0; padding: 3px; width: 100%; } .file-information th { background: rgba(0, 0, 0, 0) linear-gradient(to right, #590302, #bf1111, #590302) repeat scroll 0 0; border-bottom: 1px solid #000; color: #eee; width: 1%; } .file-information tr:first-child th, .file-information tr:last-child th { background: rgba(0, 0, 0, 0) linear-gradient(to right, #590302, #bf1111, #590302) repeat scroll 0 0; border-radius: 27px 27px 0 0; font-size: 1.2em; height: 25px; padding: 0 !important; } .file-information tr:last-child th { border: 0; border-radius: 0 0 27px 27px; font-size: 1em; } .file-information th, .file-information td { padding: 0.5em; }

.pi-theme-file-information { float: none; width: auto; } .pi-theme-file-information .pi-item-spacing { padding: 0; } .pi-theme-file-information .pi-data-label, .pi-theme-file-information .pi-data-value { flex-basis: auto; font-size: 1em; line-height: normal; padding: 0.5em; position: relative; } .pi-theme-file-information .pi-data-label { background: rgba(0, 0, 0, 0) linear-gradient(to right, #590302, #bf1111, #590302) repeat scroll 0 0; min-width: 125px; text-align: center; } .pi-data-label > span { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }	/* file-information class table -End- */

/* Spoiler class -Begin- */ .spoiler, .spoiler * { color: transparent!important; -webkit-transition: background 0.7s, color 0.7s; transition: background 0.7s, color 0.7s; } .spoiler { background: #D5D4D4; padding: 2px 5px; } .spoiler:hover { background: rgba(255, 255, 255, 0.1); color: inherit !important; } .spoiler:hover * { background: transparent; color: inherit !important; } .spoiler:hover a { color: #ea9a29 !important; } .spoiler:hover a.new { color: #CC2200 !important; }	/*	Spoiler class -End- */ .aligntotop { vertical-align: top; } .flow-post { color: #fff; word-wrap: break-word; }

.flow-topic-titlebar { background-color: #c82c39; }

.flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before { background-color: #575757; }

.ve-ui-mwWikitextSurface .ve-ce-paragraphNode { color: black; }

.mw-editfont-monospace, .mw-editfont-sans-serif, .mw-editfont-serif { color: white; }

color: whitesmoke; }
 * 1) wpTextbox1 {

.create-title { color: lightgray; }

input[type="submit"], input[type="button"], input[type="reset"], input[type="file"] { color: whitesmoke; }

.copyright-warning { color: whitesmoke; font-size: 11px; }

/* Servant infobox things, credit to F/GO wiki */

.ServantInfoWrapper { border: 2px solid #cbc5f4; border-radius: 10px; margin: 10px 0 10px 0; padding: 0 7px 0 7px; background: url("https://static.miraheze.org/thefinalrumblewiki/e/e6/Magic_Circle_SPS.png") #f9f9f9 no-repeat center; } .ServantInfoWrapper ul.pi-image-collection-tabs li:not(.current) { background: #E5E5E5; } .ServantInfoClass { display: inline; position: relative; top: -10px; right: 7px; } .ServantInfoName { display: inline; font-size: 2.2em; font-family: Times New Roman, Serif; position: relative; top: 2px; } .ServantInfoStars { float: right; width: 240px; text-align: center; font-size: 30px; } .ServantInfoStatsWrapper { width: calc(100% - 248px); } .closetable { width: 100%; } .ServantInfoAsideWrapper .portable-infobox { margin: 0; background: #CCC; } /* .ServantInfoAsideWrapper { float: right; }*/ .ServantInfoWrapper ul.pi-image-collection-tabs .current { text-decoration: underline; } .ServantInfoAsideWrapper .pi-image-collection-tabs { padding-top: 5px; } .ServantInfoAsideWrapper .pi-image-collection { padding-bottom: 5px; } .ServantInfoStars p { margin: 6px 0 0 0; } .ServantInfoNav { clear: both; margin:15px auto 10px auto; border-spacing: 0; text-align: center; } .ServantInfoNav tr td>a { padding:10px 15px; } .CounterInfoNav{ padding:10px 15px; } .CounterInfoNav a{   padding:0; } .celldivider{ border-bottom: 1px solid #cccccc; } .ServantInfoNav td:not(.lastcell) { border-right: 1px solid #cccccc; }	/* Servant Infobox -End- */ /* Mbox notice template -Begin- */ .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: rgba(255, 255, 255, 0.7); /* for dark themed wikis, use #636161 */ border: 1px solid #d6d6d6; border-left-width: 8px; border-left-color: #d6d6d6; border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .mbox.mbox-type-important { border-left-color: var(--type-important); } .mbox.mbox-type-moderate { border-left-color: var(--type-moderate); } .mbox.mbox-type-minor { border-left-color: var(--type-minor); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; } .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 { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #d6d6d6; } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #bbb; cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: #777; } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }	/* Mbox notice template -End- */ /* Custom table image backgrounds -Begin- */ .date-s1 { background-image: url("https://static.miraheze.org/thefinalrumblewiki/4/4a/Logo_orig.png") !important; background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: 20% 10%; }	/* Custom table image backgrounds -End- */