MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* The Modal (background) */
:root {
--theme-notice-red-border-color: hsl(0,60%,72%)
--theme-notice-red-background-color: hsla(0,80%,90%,20%)
--theme-notice-purple-border-color: hsl(243,60%,72%)
--theme-box-border-color: #000
}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.modal-body {
padding: 2px 16px;
color: black;
}
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.page {
box-sizing: content-box;
border: 30px solid;
border-image: url(https://moddingofisaac.wiki.gg/images/4/4a/CSS_Border_Infobox.png) 30 fill round;
background: 0 0;
margin: 1em;
color: #473a3c;
width: auto !important;
}
/********* [[Modding of Isaac Wiki:Admin noticeboard/header]], [[Modding of Isaac Wiki:Community noticeboard/header]] *********/
.noticeboardheader-wrapper {
margin-bottom: 0.75em;
}
.noticeboardheader-header {
text-align: center;
font-size: 140%;
background: var(--theme-highlight-background);
padding: 4px;
}
.noticeboardheader-forumsnotice {
margin-top: 0.5em;
padding: 5px;
text-align: center;
border: 2px solid var(--theme-notice-red-border-color);
border-radius: 0.7em;
background-color: var(--theme-notice-red-background-color);
}
.noticeboardheader-adminslist {
z-index: 500;
float: right;
margin: 10px 0 10px 10px;
}
.noticeboardheader-intro {
padding: 10px;
}
.noticeboardheader-admin-part1 {
border-top: 1px solid var(--theme-border-color);
padding: 10px;
overflow: hidden;
}
.noticeboardheader-admin-part2 {
border-top: 1px solid var(--theme-border-color);
padding: 10px 10px 3px 10px;
overflow: hidden;
}
.noticeboardheader-admin-part3 {
border: 1px solid var(--theme-notice-purple-border-color);
border-radius: 10px;
padding: 5px 10px 10px 10px;
overflow: hidden;
}
.noticeboardheader-community-part1 {
border-top: 1px solid var(--theme-border-color);
font-size: 90%;
padding: 10px;
}
.noticeboardheader-community-part2 {
border: 1px solid var(--theme-notice-purple-border-color);
border-radius: 10px;
font-size: 90%;
padding: 10px;
}
.terraria {
--theme-heading-background: var(--theme-highlight-background);
border: 1px var(--theme-box-border-color) solid;
padding: 8px 12px;
border-radius: var(--theme-box-border-radius);
min-height: 1.5em;
position: relative;
overflow: auto;
}
/* CSS placed here will be applied to all skins */
/* Hide the links to base pages (below the page title) but only in namespaces "(Main)" and "User" */
.ns-0 #contentSub .subpages,
.ns-2 #contentSub .subpages {
display: none;
}
/* Mod name in firstHeading (set via {{mod sub-page}}) */
#firstHeading .firstHeading-modname {
display: block;
font-size: 70%;
color: #B5BDB2;
}
/* Ensure that the mod logo (top right corner) stays above the line */
#bodyContent {
clear: both;
}
.mi-button div {
display: flex;
align-items: center;
justify-content: center;
}
.mi-button {
display: inline-block;
margin: 8px 3px 0px 3px;
width: 150px;
height: 170px;
padding: 4px 2px 0px 2px;
text-align: center;
vertical-align: bottom;
border-radius: 2.5px;
background: rgba(255, 255, 255, .1);
}
.mi-button-img {
height: 110px;
overflow: hidden;
}
.mi-button:hover {
text-align:center;
border-radius:2.5px;
background: rgba(255,255,255,.6);
transition:0.3s;
}
.mi-button a {
display: inline-block;
height: 100%;
width: 100%;
}
.back {
margin: 0.5em 0;
padding: 0.5em;
border-radius: 4px;
font-size: 100%;
}
.back {
background-color: rgba(16, 19, 21, .3);
}
.externalwikis-grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
place-items: center;
row-gap: 1.25em;
margin: 1.25em 0;
}
.externalwikis-grid-container div {
transition: transform .15s linear;
}
.externalwikis-grid-container div:hover,
.externalwikis-grid-container div:focus {
transform: scale(1.1);
}
/* Fix article-table-wrapper overriding any background around a table, */
/* causing issues with infoboxes and template docs */
.page-content .article-table-wrapper {
background: none;
}
/* automatic line breaks for tables */
.table, .wikitable, .article-table, .bug, .mw-datatable, table, .paper
{
display: inline-table;
overflow-x: auto;
white-space: normal;
}
#content {
color: var(--text-color);
font-family: sans-serif, cursive; /* 2nd font is for backup*/
}
/* Changes the Page Title and Main Page Box font */
h1, .mw-headline {
font-family: sans-serif, cursive !important; /* 2nd font is for backup */
}
/********************
/* !!!!Portable infobox *
/********************/
.portable-infobox {
box-sizing : content-box;
border : 30px solid;
border-image: url( https://moddingofisaac.wiki.gg/images/4/4a/CSS_Border_Infobox.png ) 30 fill round;
text-align : center;
background: none;
}
/*changes color*/
.portable-infobox.type-middletext {
text-align: center;
color:#473A3C;
}
/*changes somethings color*/ .portable-infobox.type-accent-color-text-source,
/*changes infobox caption color*/ .portable-infobox .pi-caption,
.portable-infobox .pi-title,
.portable-infobox .pi-header {
color:#473A3C;
}
/*supposed to make infobox text centered*/
.portable-infobox .pi-data {
align-items: center; /* vertically align items or text */
justify-content: center ; /* horizontally aligns items or text */
color: #473A3C;
}
/*i dont know*/
.portable-infobox.type-middletext .pi-data-label ~ .pi-data-value {
padding: 0;
}
/* Changes the TOC to be more like the infoboxes*/
#toc {
box-sizing : content-box;
border : 24px solid;
border-image: url( https://moddingofisaac.wiki.gg/images/4/4a/CSS_Border_Infobox.png ) 24 fill round;
text-align : center;
background: none;
font-size: 1.05em;
}
.toctext{
color: #9CB0D1;
}
#mw-toc-heading {
color: #46393B;
}
.toctogglespan{
color: #6282B6;
}
.toctogglelabel{
color: #9CB0D1;
}
/**************
/* Navigation *
/**************/
.tb-box-header {background:var(--tb-header);}
.nav-box strong.mw-selflink.selflink { font-weight: 100!important;}
.nav-header {
width : 100%;
border-spacing: 4px;
text-align : center;
}
.nav-header td {
background:var(--tb-header);
}
.nav-header .nav-header-selected {
background:var(--tb-header);
font-weight: bold;
}
.nav-category {
clear : both;
width : auto;
background : #3f2922;
background : rgba( 0, 0, 0, 0.4 );
margin : 5px auto;
border-color: #1f1511;
border-color: rgba( 0, 0, 0, 0.5 );
text-align : center;
font-size : 15px;
}
.nav-category > ul {
margin-left : auto;
margin-right : auto;
list-style : none;
text-align : left;
white-space : nowrap;
-webkit-column-width: 180px;
-moz-column-width : 180px;
-ms-column-width : 180px;
column-width : 180px;
-webkit-column-gap : 10px;
-moz-column-gap : 10px;
-ms-column-gap : 10px;
column-gap : 10px;
}
.nav-category > tr > th,
.nav-category > * > tr > th {
background: #32211a;
background: rgba( 0, 0, 0, 0.2 );
}
.nav-list-vertical > tr > td:not( :last-of-type ),
.nav-list-vertical > * > tr > td:not( :last-of-type ) {
padding-right: 10px;
}
/* Used for e.g. item lists for compactness */
.multicolumn-list {
max-width: 100%;
column-count: 3;
}
/* for compact lists in navs */
.nav-list {
max-width: 100%;
column-count: 3;
}
.nav-list ul {
margin: 6px 0;
list-style-type: none;
}
/* For elements which are only displayed in the mobile view */
.mobileonly {
display: none;
}
/* Mobile view fixes */
@media screen and (max-width: 720px) {
div#p-personal {
right: unset;
padding-right: unset;
}
#content, #footer {
margin-right: 0;
}
}/* idk even if this would work*/
/* adds the words naviagtion to the top of the sidebar */
#mw-panel #p-logo+.portal .vector-menu-heading{
display:block;
}
/* changes the lists dots color */
ul {
list-style-image: url("none");
}
/* Removes the discussion header at the top of a page */
#ca-talk {
display: none !important;
}
/* Changes the color of code preview */
pre, code, .mw-code /*, .linenos, .data-line*/ {
background-color: #191919;
color: #c5c5c5;
border: 1px solid #535353;
}
/* temp */
.pi-data-label.pi-secondary-font, .pi-data-value, .pi-title, .pi-header {
color: #473A3C;
}
/* All CSS here will be loaded for users of the Vector skin */
:root {
--theme-body-dynamic-color-1: #fff;
--theme-body-dynamic-color-1--rgb: 255,255,255;
--theme-body-dynamic-color-2: #e6e6e6;
--theme-body-dynamic-color-2--rgb: 230,230,230;
--theme-page-dynamic-color-1: #fff;lo
--theme-page-dynamic-color-1--rgb: 255,255,255;
--theme-page-dynamic-color-1--inverted: #000;
--theme-page-dynamic-color-1--inverted--rgb: 0,0,0;
--theme-page-dynamic-color-2: #e6e6e6;
--theme-page-dynamic-color-2--rgb: 230,230,230;
--theme-sticky-nav-dynamic-color-1: #fff;
--theme-sticky-nav-dynamic-color-1--rgb: 255,255,255;
--theme-sticky-nav-dynamic-color-2: #e6e6e6;
--theme-sticky-nav-dynamic-color-2--rgb: 230,230,230;
--theme-link-dynamic-color-1: #000;
--theme-link-dynamic-color-1--rgb: 0,0,0;
--theme-link-dynamic-color-2: #3a3a3a;
--theme-link-dynamic-color-2--rgb: 58,58,58;
--theme-accent-dynamic-color-1: #000;
--theme-accent-dynamic-color-1--rgb: 0,0,0;
--theme-accent-dynamic-color-2: #3a3a3a;
--theme-accent-dynamic-color-2--rgb: 58,58,58;
--theme-body-background-color: #111111;
--theme-body-background-color--rgb: 17,17,17;
--theme-body-background-image: url(https://static.wikia.nocookie.net/the-binding-of-isaac-forgotten-fables/images/0/08/Site-background-dark/revision/latest?cb=20220321171252);
--theme-body-text-color: #fff;
--theme-body-text-color--rgb: 255,255,255;
--theme-body-text-color--hover: #cccccc;
--theme-sticky-nav-background-color: #3c2821;
--theme-sticky-nav-background-color--rgb: 60,40,33;
--theme-sticky-nav-text-color: #fff;
--theme-sticky-nav-text-color--hover: #cccccc;
--theme-page-background-color: #6B4537;
--theme-page-background-color--rgb: 107,69,55;
--theme-page-background-color--secondary: #826155;
--theme-page-background-color--secondary--rgb: 130,97,85;
--theme-page-text-color: #e6e6e6;
--theme-page-text-color--rgb: 230,230,230;
--theme-page-text-color--hover: #b3b3b3;
--theme-page-text-mix-color: #a9968f;
--theme-page-text-mix-color-95: #724d40;
--theme-page-accent-mix-color: #ab908c;
--theme-page-headings-font: 'Rubik';
--theme-link-color: #f9ae47;
--theme-link-color--rgb: 249,174,71;
--theme-link-color--hover: #fcd9a9;
--theme-link-label-color: #000;
--theme-accent-color: #E9DADF;
--theme-accent-color--rgb: 233,219,224;
--theme-accent-color--hover: #c29ba9;
--theme-accent-label-color: #000;
--theme-border-color: #8b6d63;
--theme-border-color--rgb: 139,109,99;
--theme-alert-color: #fe7283;
--theme-alert-color--rgb: 254,114,131;
--theme-alert-color--hover: #fed7dc;
--theme-alert-color--secondary: #feaeb8;
--theme-alert-label: #000;
--theme-warning-color: #e38935;
--theme-warning-color--rgb: 227,137,53;
--theme-warning-color--secondary: #eeb885;
--theme-warning-label: #000;
--theme-success-color: #13b94b;
--theme-success-color--rgb: 19,185,75;
--theme-success-color--secondary: #17e25b;
--theme-success-label: #000;
--theme-message-color: #cd8dc1;
--theme-message-label: #000;
--theme-community-header-color: #ffffff;
--theme-community-header-color--hover: #cccccc;
--theme-background-image-opacity: 100%;
--theme-page-text-opacity-factor: 0.7;
--theme-body-text-opacity-factor: 0.7;
}
.portable-infobox {
--pi-background: var(--theme-page-background-color);
--pi-secondary-background: var(--theme-accent-color);
--pi-secondary-background--label: var(--theme-accent-label-color);
--pi-border-color: rgba(var(--theme-accent-color--rgb),0.5);
}
.portable-infobox h2,
.portable-infobox h3 {
color: var(--pi-secondary-background--label);
}
.portable-infobox.pi-type-middletext {
text-align: center;
color: #473A3C;
}
/* Page history tweaks */
td.diff-addedline .diffchange {
background: none;
color: #bfd959;
}
td.diff-deletedline .diffchange {
background: none;
color: #e62444;
}
td.diff-addedline,
td.diff-deletedline {
border-color: transparent;
}
/* Interwiki page legend tweak */
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
color: #ffffff;
}
/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
border-style: solid solid none;
border-width: thin;
border-color: #808080;
padding: 0.25ex 1ex 0ex;
font-size: 95%;
}
.ambox {
background-color: #282828;
border-bottom-color: #383838;
border-right-color: #383838;
border-top-color: #383838;
border-collapse: collapse;
font-size: 95%;
margin: 0 auto 2px auto;
width: 80%;
}
.ambox-gray {
border-left-color: #383838;
}
.ambox.ambox-tiny {
font-size: 90%;
margin: 2px 0;
width: auto;
}
.ambox + .ambox {
margin-top: -2px;
}
.ambox-text {
padding: 0.25em 0.5em;
}
.ambox-image {
padding: 2px 0px 2px 0.5em;
text-align: center;
width: 60px;
}
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto;
}
/* Ambox colors */
.ambox-blue {
border-left: 10px solid #1e90ff;
}
.ambox-red {
border-left: 10px solid #b22222;
}
.ambox-orange {
border-left: 10px solid #f28500;
}
.ambox-yellow {
border-left: 10px solid #f4c430;
}
.ambox-purple {
border-left: 10px solid #9932cc;
}
.ambox-gray {
border-left: 10px solid #bba;
}
.ambox-green {
border-left: 10px solid #228b22;
}
/* Ambox small text */
.amsmalltext {
font-size: smaller;
margin-left: 0.8em;
margin-top: 0.5em;
}
#mw-head { top: 90px; }
.vector-menu-tabs li,
.vector-menu-tabs .selected,
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background: none; }
.vector-menu-dropdown .vector-menu-heading,
.vector-menu-tabs li a,
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
color: #fff;
font-weight: bold;
}
.vector-menu-dropdown .vector-menu-heading:after { filter: invert(1); }
/* Framework */
body {
background: #111;
}
/* Head */
#mw-head-base {
background: none;
}
div#mw-page-base {
background: transparent;
background-image: none;
}
/* Logo */
#p-logo {
height: 80px;
left: 16vw;
margin-left: -50px;
position: absolute;
top: 16px;
width: 264px;
}
/***********************
/* Table of Contents *
/***********************/
.skin-vector #toc,
.skin-vector .toc {
background-color: rgba(0, 0, 0, 0);
}
/******************
/* General styles *
/******************/
#contentSub,
#contentSub2 {
color: #BBB;
}
/******************
/* Border Styles *
/******************/
#bodyContent,
#firstHeading {
padding: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-image box-shadow: 0 0 15px rgba(0,0,0,0.4) inset;
}
#firstHeading {
padding: 20px 0px 0 !important;
}
pre,
code,
.skin-vector .mw-code,
tt,
kbd,
samp {
background-color: rgba(0, 0, 0, 0.3);
border: 1px dashed rgba(255, 255, 255, 0.2);
}
.catlinks,
#catlinks,
ul#filetoc {
background-color: transparent;
border: 1px solid #000000;
margin: 10px;
}
.warning {
color: #FFA500;
}
/***************
/* Link styles *
/***************/
a,
.skin-vector #mw-indicator-mw-helplink a {
color: #9CB0D1;
}
/* unvisited link */
a:link {
color: #9CB0D1;
}
/* visited link */
div#content a:visited,
a:visited {
color: #6282b6;
}
div#content a.extiw,
div#content a.external {
color: #9CB0D1;
}
div#content a.extiw:visited,
div#content a.external:visited {
color: #6282b6;
}
div#content a.extiw:hover,
div#content a.external:hover,
div#content a.extiw:visited:hover,
div#content a.external:visited:hover {
color: #FFFFFF;
}
a:active {
color: #FFFFFF;
}
a.new {
color: #E0434C !important;
}
/* mouse over link */
a:hover,
div#content a:visited:hover,
a:visited:hover {
color: #d6deec;
}
h3, h4, h5, h6 {
border-bottom: medium none;
color: #ffffff;
}
/*****************
/* Footer styles *
/*****************/
div#footer {
background-image: none;
}
div#footer ul li {
color: #ffffff;
}
div#footer a {
color: #9cb7c2;
}
div#footer a:hover {
color: #d6deec;
}
/***********************
/* Special edits *
/***********************/
/* Preferences */
.skin-vector #preftoc {
background-color: rgba(38, 23, 19, .5);
border: 0px;
margin: 0 0 4px !important;
}
.skin-vector #preftoc,
.skin-vector #preftoc li,
.skin-vector #preferences,
.skin-vector #preftoc li a {
background-image: none;
background-color: transparent;
color: #ffffff;
}
.skin-vector #preferences legend {
color: #ffffff;
}
.skin-vector #preftoc li.selected a {
background-color: rgba(38, 23, 19, .5);
background-image: none;
border-color: #01060c #01060c #482E25;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
}
.skin-vector #preferences {
background-color: rgba(38, 23, 19, .5);
border: 1px solid #01060c;
}
.skin-vector #preferences fieldset {
border-color: #01060c;
}
.htmlform-tip {
color: #999999;
}
/* page history */
.skin-vector table.diff,
.skin-vector td.diff-otitle,
.skin-vector td.diff-ntitle {
background: none repeat scroll 0 0 transparent;
}
.skin-vector #pagehistory li {
background-color: transparent;
border: medium none;
padding: 3px;
}
.skin-vector #pagehistory li.selected {
background-color: #413939;
background-image: none;
border: 1px dashed #384a62;
padding: 3px;
}
td.diff-context {
background: none repeat scroll 0 0 transparent;
color: #c0c0c0;
}
td.diff-deletedline {
background-color: #420303;
border-color: #420303;
color: #ffffff;
}
td.diff-addedline {
background-color: #142E59;
border-color: #142E59;
color: #ffffff;
}
.mw-plusminus-pos {
color: #00ff00;
}
.mw-plusminus-neg {
color: #fa0000;
}
/* Tables */
.skin-vector .TablePager,
.skin-vector .mw-datatable,
table.mw_metadata {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #000000;
color: #c0c0c0;
}
.skin-vector .TablePager th,
.skin-vector .mw-datatable th,
table.mw_metadata th {
background-color: #413939;
border: 1px solid #000000;
color: #FFFFFF;
}
.skin-vector .TablePager tr:hover td,
.skin-vector .mw-datatable tr:hover td {
background-color: rgba(0, 0, 0, 0.2) !important;
color: #c0c0c0;
}
.skin-vector .TablePager th a,
.skin-vector .mw-datatable th a,
table.mw_metadata th a {
background-color: #413939;
color: #FFFFFF !important;
}
.skin-vector .TablePager td,
.skin-vector .mw-datatable td,
table.mw_metadata td {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #000000;
color: #c0c0c0;
}
table.wikitable {
background-color: rgba(0,0,0,0.3);
border: 1px solid #00000;
color: #ffffff;
}
table.wikitable > tr > td,
table.wikitable > * > tr > td {
border: 1px solid #000000;
}
table.skin-vector .mw-datatable > tr > th,
table.skin-vector .mw-datatable > * > tr > th,
table.wikitable > tr > th,
table.wikitable > * > tr > th {
background: #142E59;
border: 1px solid #000000;
font-size: 10pt;
color: #FFFFFF;
font-weight: bold;
}
table.striped tr:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.1);
}
/* Wiki editor fixes */
div.wikiEditor-ui {
background: rgba(0, 0, 0, 0);
border: medium none;
}
div.wikiEditor-ui-buttons {
background-color: rgba(0, 0, 0, 0);
border-top: medium none;
margin-right: 5px;
}
div.wikiEditor-ui-controls {
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid #000000;
}
div.wikiEditor-ui-tabs {
background-color: #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
}
div.wikiEditor-ui-tabs div {
background-color: #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
div.wikiEditor-ui-tabs div a {
background: #000000;
color: #ffffff;
}
div.wikiEditor-ui-tabs div.current {
background-color: #000000;
border-bottom: 1px solid #000000;
}
div.wikiEditor-ui-tabs div.current a {
color: #9CB0D1;
font-weight: bold; /* optional to make it stand out */
}
div.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid #000000;
}
div.wikiEditor-ui-toolbar {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div.wikiEditor-ui-toolbar .group {
border-right: 1px solid #000000;
}
div.wikiEditor-ui-toolbar .group-search {
border-left: 1px solid #000000;
border-right: none;
}
div.wikiEditor-ui-toolbar .group .label {
color: #ffffff;
}
.tab {
border-color: transparent;
}
div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: #ffffff;
}
div.wikiEditor-ui-toolbar .tabs span.tab a.current,
div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: #ffffff;
}
div.wikiEditor-ui-toolbar .group .tool-select .label {
color: #000000;
}
div.wikiEditor-ui-toolbar .sections .section {
background-color: rgba(0, 0, 0, 0.2);
border-top: 1px solid #000000;
}
div.wikiEditor-ui-toolbar .booklet .index div {
color: #9CB0D1;
}
div.wikiEditor-ui-toolbar .booklet .index .current {
background-color: transparent;
color: #ffffff;
}
div.wikiEditor-ui-toolbar .booklet .pages {
background-color: transparent;
}
div.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid #000000;
color: #ffffff;
}
div.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: #000000;
color: #9CB0D1;
}
div.wikiEditor-ui-toolbar .page-table td {
border-top: 1px solid #000000;
color: #ffffff;
}
div.wikiEditor-preview-loading {
background-color: transparent;
}
div.wikiEditor-preview-contents {
background-color: transparent;
border-color: -moz-use-text-color #000000 #000000;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
}
div.editOptions {
background-color: transparent;
border-color: -moz-use-text-color #000000 #000000;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
}
/******************
* Miscellanous *
******************/
/* Color fix for advanced search options box */
.skin-vector fieldset#mw-searchoptions {
background-color: rgba(0, 0, 0, 0);
border-color: #000000 !important;
}
.skin-vector .mw-search-profile-tabs {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #000000;
margin-top: 1em;
}
.skin-vector .mw-search-profile-tabs div.search-types ul li.current a {
color: #FFFFFF;
}
.mw-search-result-data {
color: #00ff00;
}
/* Login screen */
.mw-ui-vform label {
color: #ccc;
}
#mw-createaccount-join {
box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0.2);
}
/* Multi-upload page text colour fix */
#upload_list .file .file-title {
color: #000000;
}
.check_span {
color: #1D1D1D;
float: right;
}
/* Thumbnails */
li.gallerybox div.thumb,
div.thumbinner {
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid #413939;
}
div.thumb {
background-color: rgba(0, 0, 0, 0.2);
}
/* Template Specific Stylesheets */
.itemtable,
.charactertable {
width: 300px;
float: right;
clear: right;
border: 2px solid #142E59 !important;
}
.itemtable tr:first-child > th,
.characterable tr:first-child > th {
font-size: 11pt;
}
.itemtable tr:not(:first-child) > td,
.charactertable tr:not(:first-child) > td {
font-size: 9pt;
text-align: center;
}
.charactertable tr td:not(:last-child) {
background: #6B4537;
width: 100px;
}
.charactertable tr td:not(:last-child) img {
height: 19px;
}
.zodiacnav {
clear:both;
width:800px;
background:rgba(0,0,0,0.4);
margin: 5px auto;
text-align:center;
font-size: 15px;
}
.zodiacnav img {
margin: 0 2px 0 5px;
}
/*******************
* Homepage Tables *
*******************/
/* Main page tables */
.mainpage ~ .wikitable {
border: none !important;
width: 100%;
margin: 0;
}
.mainpage ~ .wikitable th {
font-size: 20px;
line-height: 20px;
padding: 8px 0 4px;
}
.mainpage ~ .wikitable td {
padding: 8px 16px;
}
.mainpage ~ .wikitable.about td,
.mainpage ~ .wikitable.content td {
border: none !important;
}
/* Second Table */
.mainpage ~ .wikitable.content table.content-content {
margin: 0 auto;
text-align: center;
}
.mainpage ~ .wikitable.content table.content-content td {
padding: 0 5px;
}
.mainpage ~ .wikitable.content table.content-content tr:nth-child(odd) td:not(:last-child) {
border-right: 1px solid rgba(0,0,0,0.1) !important;
}
/* Third table */
.mainpage ~ .wikitable.misc th {
width: 50%;
}
.mainpage ~ .wikitable.misc td:nth-child(1) {
border-right: none;
padding-right: 0;
}
.mainpage ~ .wikitable.misc td:nth-child(2) {
border-left: none;
padding-left: 0;
}
/*******************
* Items Tables *
*******************/
.page.item ~ table {
width: 100%;
}
.page.item ~ table.active-collectible th:last-child span {
display: inline;
width: 100%;
}
.page.item ~ table td {
padding: 3px 10px;
}
.page.item ~ table td:not(:nth-child(3)) {
text-align: center;
}
/***************
* Header Tabs *
***************/
.ui-corner-all, .ui-corner-top {
border-radius: 0 !important;
}
.ui-widget-header {
background: none !important;
border: 0 !important;
border-bottom: 2px solid rgba(0,0,0,0.3) !important;
}
#headertabs {
border: 0 !important;
border: 2px solid rgba(0,0,153,0.25) !important;
margin: 10px 0 !important;
}
#headertabs #edittab {
float: right;
}
.ui-state-default {
background: rgba(0,0,153,0.25) !important;
border: 0 !important;
padding: 4px 0 0 0 !important;
color: #fff !important;
}
.ui-state-default a {color: #fff !important;}
.ui-widget-content {
color: #fff !important;
background: transparent !important;
}
.ui-widget-content a {font-family: "Open Sans",Arial;}
.ui-state-active {
background: rgba(51,0,102,0.25) !important;
}
.ui-tabs .ui-tabs-nav li {
margin: 1px 0 0 1px !important;
}
.selected.ui-corner-top {
display: none;
}
/* Visual Editor fixes */
.ve-ui-mwSaveDialog-summary {
width: 100%;
background-color: transparent;
}
.ve-ui-mwSaveDialog-options {
position: relative;
background-color: transparent;
border: solid 1px #ccc;
border-top: none;
min-height: 3em;
}
.ve-ui-mwSaveDialog-license {
font-size: 0.9em;
line-height: 1.4em;
padding: 0;
margin: 0;
color: #ffffff;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #ffffff;
background-color: #ffffff;
border: 1px solid #cccccc;
}
/* Notifications */
.mw-notification {
background-color: #000000;
}
/* Force all images to have crisp edges when scaled up */
img {
image-rendering:optimizeSpeed; /* Legal fallback */
image-rendering:-moz-crisp-edges; /* Firefox */
image-rendering:-o-crisp-edges; /* Opera */
image-rendering:-webkit-optimize-contrast; /* Safari */
image-rendering:optimize-contrast; /* CSS3 Proposed */
-ms-interpolation-mode:nearest-neighbor; /* IE8+ */
image-rendering:pixelated; /* Chrome */
}
/* Allows to use Header2 and Header3 in combination with tabbers */
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }
/*Styling Header Tabs*/
#headertabs.large.ui-widget {
background-color: transparent;
border-color:#45264D;
}
#headertabs.large.ui-widget-content a {
color:#FFFFFF;
}
#headertabs.large.ui-widget-content a:visited {
color: #6582A2;
}
#headertabs.large.ui-widget-content a:link {
color: #94B0B9;
}
/* Limiting table of contents levels */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }
/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
border-style: solid solid none;
border-width: thin;
border-color: #808080;
padding: 0.25ex 1ex 0ex;
font-size: 95%;
}
.ambox {
background-color: #282828;
border-bottom-color: #383838;
border-right-color: #383838;
border-top-color: #383838;
border-collapse: collapse;
font-size: 95%;
margin: 0 auto 2px auto;
width: 80%;
}
.ambox-gray {
border-left-color: #383838;
}
.ambox.ambox-tiny {
font-size: 90%;
margin: 2px 0;
width: auto;
}
.ambox + .ambox {
margin-top: -2px;
}
.ambox-text {
padding: 0.25em 0.5em;
}
.ambox-image {
padding: 2px 0px 2px 0.5em;
text-align: center;
width: 60px;
}
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto;
}
/* Ambox colors */
.ambox-blue {
border-left: 10px solid #1e90ff;
}
.ambox-red {
border-left: 10px solid #b22222;
}
.ambox-orange {
border-left: 10px solid #f28500;
}
.ambox-yellow {
border-left: 10px solid #f4c430;
}
.ambox-purple {
border-left: 10px solid #9932cc;
}
.ambox-gray {
border-left: 10px solid #bba;
}
.ambox-green {
border-left: 10px solid #228b22;
}
/* Ambox small text */
.amsmalltext {
font-size: smaller;
margin-left: 0.8em;
margin-top: 0.5em;
}
/* INFOBOXES: game or book depended color style */
.infoboxtable {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #505050;
color: #ffffff;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
width: 300px;
}
.infoboxtable td {
vertical-align: top;
}
.infoboxtable td > div {
background-color: #181818;
border: 2px solid inherit;
border-radius: 5px;
font-weight: bold;
padding: 0.5px 7px;
text-align: right;
}
.infoboxname {
background-color: #181818;
font-size: 110%;
font-weight: bold;
padding: 0.5em;
}
.infoboxdetails {
padding: 0em;
}
/* interwiki table bg fix for active entries */
.mw-interwikitable-local,
.mw-interwikitable-trans {
text-shadow: 1px 1px 1px #000000;
}
.feature {
background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 5px; padding: 10px;
}
/* Navbox template style */
table.navbox {
border: 1px solid #67676;
clear: both;
font-size: 88%;
margin: auto;
padding: 1px;
text-align: center;
width: 100%;
}
/* Border between adjacent navboxes */
table.navbox + table.navbox {
margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
.navbox-group {
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap;
}
/* Base background */
.navbox, .navbox-subgroup {
background: rgba(0, 0, 0, 0.1);
}
.navbox-list {
border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}
/* Level 1 color */
.navbox-title,
table.navbox th {
background: rgba(0, 0, 0, 0.2);
color: #fff;
}
/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: rgba(0, 0, 0, 0.2);
color: #fff;
}
/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: rgba(0, 0, 0, 0.1);
color: #fff;
}
/* Even row striping */
.navbox-even {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
/* Odd row striping */
.navbox-odd {
background: transparent;
}
.collapseButton {
font-weight: normal;
width: auto;
}
.navbox .collapseButton {
width: 6em;
}
.navbar {
font-size: 88%;
font-weight: normal;
}
.navbox .navbar {
font-size: 100%;
}
table.collapsed tr.collapsible {
display: none;
}
/* End of new Navbox styling */
/* Help link tweak */
.mw-body .mw-indicator {
display: inline-block;
zoom: 1;
*display: inline;
margin-right: 10px;
margin-top: 5px;
}
.skin-vector #mw-indicator-mw-helplink a {
color: #9CB0D1;
background: none;
}
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited {
color: #9ABFD7;
}
.vector-menu-portal {
background: rgba(0, 0, 0, 0.7);
}
.vector-menu-portal .vector-menu-heading {
font-weight: bolder;
color: #fff;
text-shadow: 1px 1px #000;
}
.vector-menu-portal .vector-menu-heading { font-weight: bolder; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #000; }
#searchInput { background-color: rgb(255 255 255 / 67%); }
.mw-footer li,
.editOptions,
#pagehistory li.selected { color: #fff; }
.mw-changeslist-legend { color: #000; }
@media screen and (max-width: 720px) {
#mw-page-base { height: 10em; }
#mw-head { top: 170px; }
#p-logo { top: 120px; }
}
table { display: table; }
/* Not sure where to put this */
/* changes the text color of cargo Query Table */
table.cargoQueryTable {
color: #000;
}
/* Changes the Cargo tables */
table.cargoTable > * > tr > th {
background: var(--table-header-color);
border: 1px solid #000;
color: #FFF;
}
/* Makes the Cargo Table Info look more like the normal tables */
table.cargoTable.noMerge tr:nth-child(odd), table.cargoTable.noMerge tr:nth-child(even), table.cargoTable td {
background: rgba(255,255,255,0.05);
border: 1px solid #000;
color: #FFF;
}