MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

body {
    font-family:'Rubik';
}

/********* Portable infobox theme *********/
.portable-infobox {
	--pi-border-color: #754836;
	border: 2px solid #754836;
	border-radius: 8px;
	padding: 0px;
	font-size: 12px;
	background-color: #cfa07c;
	line-height: 1.5;
	width: 22em;
}

.portable-infobox .pi-header {
    background:#754836;
    opacity:0.8;
    text-align: center;
    color: black;
}
.portable-infobox .pi-navigation {
	background-color: #cfa07c;
    font-size: 12px;
	text-align: center;
    text-color: darkred;
}

.portable-infobox .pi-title {
    background:#754836;
    opacity:0.9;
    color:black;
	border: 1px solid;
	border-color: var(--theme-box-border-color-inner);
	border-radius: var(--theme-box-border-radius-inner);
	text-align: center;
}

.portable-infobox .pi-title {
	font-weight: bold;
    box-shadow: 0 0 6px rgba(0,0,0,0.20);
	font-size: 15px;
	padding: 6px 3px;
	line-height: 1.2;
	text-align: center;
    opacity:0.9;
}

.portable-infobox .pi-data-label,
.pi-data-value {
	border: 1px solid var(--theme-border-color);
	padding: 8px;
	font-size: 95%;
    opacity:0.9;
}

.pi-data-label {
    background:#754836;
    text-align:center;
	flex-basis: 160px;
	text-align: right;
	display: flex;
	justify-content: right;
    margin-left:0px;
    opacity:0.9;
}

.pi-data-label div {
	align-self: center;
}

.portable-infobox .pi-item-spacing {
    padding: 1px 1px;
}

.pi-horizontal-group .pi-horizontal-group-item {
    margin-right: 50px;
	width: 10em;
}

/** Imports **/
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Volkhov&display=swap');

a {
	text-decoration: none;
	color: #0066ff;
	background: none;
}
a:visited {color: #67a1f9;}
a:active {color: #614639;}
a:hover {text-decoration: underline;}

span.black a {color:#333333; font-weight:bold;}

/* Hide talk page links in Forum namespace */
.ns-3002 #ca-talk { 
	display: none; }
	
/** Icons **/
/* Alert and Notice */
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {
	filter: invert(1);
	opacity:unset !important;
	background-color: transparent !important; }
/* General MediaWiki icons */
.mw-content-ltr .redirectText li:first-child {
	background-image: url("https://static.miraheze.org/softcellwiki/d/db/Wiki_Icon_Redirect_Dark.svg"); }
#mw-indicator-mw-helplink a {
	background-image: url("https://static.miraheze.org/softcellwiki/0/02/Wiki_Icon_Help_Notice_Dark.svg"); }
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
	background-image: url("https://static.miraheze.org/softcellwiki/a/af/Wiki_Icon_Sort_Both_Dark.svg"); }
.jquery-tablesorter th.headerSortUp {
	background-image: url("https://static.miraheze.org/softcellwiki/a/a5/Wiki_Icon_Sort_Up_Dark.svg"); }
.jquery-tablesorter th.headerSortDown {
	background-image: url("https://static.miraheze.org/softcellwiki/5/56/Wiki_Icon_Sort_Down_Dark.svg"); }
.postedit:after {
    background-image: url("https://static.miraheze.org/softcellwiki/1/1a/Wiki_Icon_Close_Dark.svg"); }

/** Tables **/
/* Our normal table */
.sctable {
	width:100%;
	border-collapse:collapse;
	border:3px solid #CD7E96;
	border-top: none; }
.sctable th, .sctable td {
	padding:3px 7px;
	vertical-align:middle; }
.sctable th {
	border:3px solid #CD7E96;
	background: #48092C; }
.sctable td {
	border:1px solid #CD7E96; }
/* Default wikitable */
.wikitable {
	background: transparent;
	color: inherit; }
.wikitable, .wikitable th, .wikitable td {
	border-color: #874e26 !important; }
.wikitable th {
	background: #ffe1cf !important; }

/* Special classes */
/* Sizing */
.width60 {
	width: 60%; }
.width70 {
	width: 70%; }
/* Changes for mobile screens */
@media only screen and (max-width: 850px) { 
	.sctable60, .sctable70 {
		width: 100%; }
}
/* For tables where first column is "Year" */
.year th:nth-child(1) {
	width: 45px; }
.year td:nth-child(1) {
	width: 45px;
	text-align: center;
	padding: 3px; }
/* Peak chart positions mini-table **/
.chart-peak {
    border-collapse: collapse;
    line-height: 1;
    margin: auto !important; }
.chart-peak, .chart-peak td {
    border: none !important; }

/** General UI elements **/
/* Buttons */
.oo-ui-buttonElement-button {
	background-color: #ffe1cf !important;
	border-color: #ffe1cf !important;
	border-radius: 0 !important;
	color: #000 !important; }
.oo-ui-buttonElement-button:hover {
	background-color: #44485e !important;
	border-color: #44485e !important;
	text-shadow: none; }
/* Text input fields */
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	border-color: #44485e;
	border-radius: 0; }
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover {
	border-color: #44485e !important; }
/* Container */
.oo-ui-panelLayout-framed {
	border: 2px solid #44485e;
	border-radius: 0;
	background: #1D0832; }
/* Flags/check boxes */
.oo-ui-checkboxInputWidget [type="checkbox"] + span { /* Unchecked */
	border-color: #ffe1cf;
	border-radius: 0;
	background-color: #ffe1cf; }
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { /* Hover on unchecked */
	background-color: #ffe1cf;
	border-color: #44485e; }
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, /* Checked */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { 
	background-color: #ffe1cf;
	border-color: #ffe1cf; }
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, /* Hover on checked */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span {
	background-color: #44485e;
	border-color: #ffe1cf; }
/* Dialog window */
.oo-ui-window-frame { /* Outer border */
	border-color: #44485e !important;
	border-radius: 0 !important; }
.oo-ui-window-body { /* Window */
	background: #ffe1cf; }
.oo-ui-messageDialog-content > .oo-ui-window-foot { /* Annoying border */
	outline: none; }
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { /* Borders of buttons */
	border-color: #44485e !important; }

/** Notifs (Echo) window **/
.oo-ui-popupWidget-popup { /* Container */
	background-color: #ffe1cf;
	border: 3px solid #44485e;
	border-radius: 0; }
.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer { /* Header and big buttons */
	border: none !important; }
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > 
.oo-ui-popupWidget-popup > /* Removing border from buttons */
.oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
	border: none; }
.mw-echo-ui-placeholderItemWidget,
.mw-echo-ui-notificationItemWidget { /* Content */
	background-color: #ffe1cf;
	border: none ; }
.mw-echo-ui-notificationItemWidget:hover {
	background-color: #ffe1cf; }
.mw-echo-ui-notificationItemWidget .oo-ui-buttonElement-button { /* Button flag in Notices */
	background: transparent !important;
	border: none !important; }
.mw-echo-ui-notificationItemWidget-content-message-header { /* Messages in Notices */
	color:#E6E6E6 !important; }
.mw-echo-ui-notificationItemWidget-icon { /* Icons in notices */
	filter:invert(1) brightness(130%) saturate(20%); }

/** Editor UI **/
/* Outer border */
.wikiEditor-ui .wikiEditor-ui-view { 
	border: 2px solid #44485e;
	border-bottom: none; }
/* Bringing back (kinda) default coloring */
.wikiEditor-ui-toolbar a {
	color: initial !important; }
.wikiEditor-ui-toolbar .oo-ui-buttonElement-button {
	background-color: transparent !important;
	border-color: transparent !important; }
.wikiEditor-ui-toolbar .booklet > .index > div {
	color: initial !important; }
.wikiEditor-ui-toolbar .booklet > .index > .current {
	background-color: #d7e8ff; }
/* Bottom box */
div.editOptions { /* Container */
	padding: 1.25em 1.75em;
	border: 2px solid #44485e;
	border-radius: 0 !important;}
div .editOptions {
	background: #1D0832 !important;
	color: #000000 !important; }
.cancelLink .oo-ui-buttonElement-button { /* Cancel button */
	background-color: unset !important;
	border-color: transparent !important; }
.cancelLink .oo-ui-buttonElement-button:hover {
	background-color: unset !important;
	border-color: transparent !important;
	color: black !important; }

/** Edittools CharInsert **/
/* Container */
.charinsert-container { 
	border: 2px solid #44485e;
	background: #1D0832;
	padding: 3px 0 0;
	text-align: center; }
/* Buttons */
.mw-charinsert-buttons a { 
	background-color: #ffe1cf;
	padding: 0 2px 2px;
	margin: 2px 1px;
  color: black !important;
  border: 1px solid #ffe1cf;}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background: #ffe1cf;
	color: black !important; 
	text-shadow: none; }

/** Changes preview **/
.diff-deletedline { /* - */
	border-color: #b98200; }
.diff-deletedline .diffchange {
	background: #b98200; }
.diff-addedline { /* + */
	border-color: #2582db; }
.diff-addedline .diffchange {
	background: #2582db; }

/** Notifications **/
.mw-notification {
    background-color: #ffe1cf;
    border: 2px solid #44485e;
    border-radius: 0;
    color: black; }
/* Succesful edit */
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { /* Message */
	color: #5DEB5D; }
.oo-ui-image-success.oo-ui-icon-success, .mw-ui-icon-success-success::before { /* Icon */
	filter: brightness(130%) hue-rotate(335deg) saturate(250%); }

/** List of references **/
.references {
    line-height: 1.3;
    font-size: 90%; }
ol.references li:target, sup.reference:target {
    background-color: #746586; } /* Highlight coloring */
.mw-references-columns {
	columns: 2; } /* 2 columns by default */
/* Change for mobile screens */
@media only screen and (max-width: 850px) { 
	.mw-references-columns {
		columns: unset; } /* No columns */
}
@media only screen and (max-width: 500px) {
    .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
        margin: 0.3em 0.3em 0 2.2em; } /* Making list more compact */
}

/** Images (thumb?) **/
figure, figure img, figcaption {
	border: none !important;
	background: transparent !important; }
@media only screen and (max-width:400px) { /* On mobile */
	.mw-halign-right, .mw-halign-left, .mw-body-content a > img {
		margin: 5px auto !important;
		float: none !important; }
	.mw-halign-right img, .mw-halign-left img {
		width: 100%;
		height: auto; }
}

/** Gallery **/
.gallery {
	text-align: center; }
.gallerybox {
	margin: 0 10px; }
.mw-body li.gallerybox div.thumb {
	background: transparent;
	border: none; }
div.gallerytext {
	text-align: center; }
.gallerytext p {
	margin: 3px 0 7px; }
@media only screen and (max-width:500px) { /* On mobile */
	.gallerybox {
		margin: 0 3px; }
}

/** Media Viewer **/
.mw-mmv-post-image {
	color: #E6E6E6; }
.mw-mmv-post-image {
	background-color: #ffe1cf; }
.mw-mmv-image-metadata {
  background-color: #1D0832;
  border-top: none; }
/* Button */
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled) {
	background-color: #ffe1cf;
	border-color: #ffe1cf;
	border-radius: 0;
	color: black !important; }
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
	background-color: #44485e !important;
	border-color: #44485e; }

/** File page **/
/* Header */
#filetoc {
	background: #ffe1cf !important;
	border: none !important; }
/* Metadata table */
#mw_metadata {
	color: inherit; }
#mw_metadata, .mw_metadata > tr > th, .mw_metadata > tr > td, .mw_metadata > * > tr > th, .mw_metadata > * > tr > td {
  border-color: #ffe1cf !important; }
.mw_metadata th {
	background: #ffe1cf; }
.mw_metadata td {
	background: #1D0832; }

/** Discussions Tools UI **/
/* Main editor area */
.ext-discussiontools-ui-replyWidget-bodyWrapper .oo-ui-widget { /* Border */
	border-color: #44485e !important;
  border-radius: 0; }
.ext-discussiontools-ui-newTopic .ve-ce-surface, .ext-discussiontools-ui-replyWidget .ve-ce-surface { /* Text */
	color: black; }
/* Toolbar */
/*** Icons ***/
.ext-discussiontools-ui-newTopic .oo-ui-toolbar-bar, .ext-discussiontools-ui-replyWidget .oo-ui-toolbar-bar, .ext-discussiontools-ui-replyWidget-modeTabs {
	background: #ffe1cf !important;
  border-top: 1px solid #44485e !important; }
.ext-discussiontools-ui-newTopic .oo-ui-toolbar-bar, .ext-discussiontools-ui-replyWidget .oo-ui-toolbar-bar {
	border-left: 1px solid #44485e !important; }
.ext-discussiontools-ui-replyWidget-modeTabs {
	border-right: 1px solid #44485e !important; }
/*** Editor switches ***/
.ext-discussiontools-ui-replyWidget-modeTabs .ext-discussiontools-ui-modeTab.oo-ui-widget-disabled {
	box-shadow: inset 0 -2px 0 0 #ffe1cf; }
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget {
	color: #000000 !important; }
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
	box-shadow: inset 0 -2px 0 0 #44485e; }
/* Source editor's preview area */
.ext-discussiontools-ui-replyWidget-preview {
	background: #260919;
	border: 1px solid #44485e; }
/* Advanced area */
.ext-discussiontools-ui-replyWidget-advancedToggle .oo-ui-buttonElement-button { /* Button */
	background: none !important;
	border: none !important; }
.ext-discussiontools-ui-replyWidget-advancedToggle .oo-ui-buttonElement-button:hover {
	background: #ffe1cf !important; }
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
	background: #ffe1cf;
	border-color:#44485e; }
/* Cancel button */
.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button {
	background: transparent !important;
	border-color: transparent !important; }
.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
	background: transparent !important;
	border-color: transparent !important; }
/* Footer */
.ext-discussiontools-ui-replyWidget-footer {
color: unset; }

/** Recent Changes UI **/
/* Top block */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { /* Main visible block */
    background-color: #1D0832 !important;
    border: 2px solid #44485e !important; }
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { /* Its header */
    color: #000000 !important; }
/* Filter bar */
.mw-rcfilters-head .oo-ui-textInputWidget .oo-ui-inputWidget-input { 
    background-color: #ffe1cf;
    border: 2px solid #44485e;
    border-top:none;
    border-radius: 0;
    color: black; }
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
    color: #B9B9B9; }
/* Filter buttons (on the right) */
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { 
    background-color: #ffe1cf;
    border: 2px solid #44485e;
    border-top:none;
    border-left:none;
    border-radius: 0; }
/* List of abbreviations */
.mw-changeslist-legend { 
    background-color: #ffe1cf !important;
    border: 2px solid #44485e !important;
    color: #000000 !important; }
/* Buttons (to no-buttons) */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle .oo-ui-buttonElement-button,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-buttonElement-button { 
    background-color: transparent !important;
    border-color: transparent !important; }
/* Icons */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle .oo-ui-iconElement-icon,
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget .oo-ui-iconElement-icon,
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon { 
    opacity: unset;
    filter: invert(1); }

/** Other changes elements **/
.mw-plusminus-pos { /* + */
	color: #5DEB5D; }
.mw-plusminus-neg { /* - */
	color: #FF5F5F; }
/* Recent changes table */
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
	margin-left: 0; }
.mw-changeslist h4 { /* Date headers */
	font-family: 'Segoe UI'; }
/* Page history */
#pagehistory li.selected { /* Revision select */
	background: #624C7D;
	color: inherit; }

/** Search results **/
.mw-search-profile-tabs {
	border: 2px solid #44485e !important;
	border-radius: 0;
	background: #ffe1cf !important; }
#mw-searchoptions {
	border: 2px solid #44485e !important;
	background: #1D0832 !important; }
.results-info, #mw-searchoptions {
	color: inherit !important; }
.mw-search-result-data {
	color: #B9B9B9; }
	
/** Warning box **/
div.mw-warning-with-logexcerpt {
	border-color: #44485e; }
.mw-message-box-warning a {
	color: #460488 !important; }
	
/** (Dismissable) Sitenotice **/
.mw-dismissable-notice { /* Box */
	background: #E5D1DC;
	border: 2px solid #44485e;
	color: #260919; }
.mw-dismissable-notice a, .mw-dismissable-notice a:visited { /* Links */
	color: #460488 !important; }
.mw-dismissable-notice-close { /* [dismiss] */
	width: 100%;
	text-align: right;
	margin: 3px 10px; }
/* Miraheze global notice */
#centralNotice a {
	color: #ffe1cf !important; }
/* Change for mobile screens - ? */
@media only screen and (max-width: 500px) {
    .mw-dismissable-notice-close { /* Button */
        margin: 3px 10px 0 100%; }
}

/* Defailt collapsible element button */
.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after {
	color: #E9E3E5; }
.mw-collapsible-toggle-default .mw-collapsible-text {
	color: #79DEFF; }

/** ManageWiki UI (coloring) **/
/* Subheaders */
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
	color: #E6E6E6; }
/* Descriptions */
.oo-ui-labelWidget.oo-ui-inline-help {
	color: #B1A9B9 !important; }
/* Select */
.managewiki-search-highlight {
	background: #6F4E96 !important;
	outline: 3px solid #6F4E96 !important; }

/* Admin user links */
a[href$="User:Legroom"] {
     color: #A7FF29 !important;
     text-shadow: 1px 1px 0 #8D007D;
     line-height: initial;
     font-size: initial; }
a[href$="User:Legroom"]:visited {
     color:#A7FF29 !important; }

.mw-body h1.firstHeading {
    border-color: #000000;
    margin: 0 0 0.3em;
    padding-bottom: 5px;
}

.wikitable, .wikitable th, .wikitable td {
    border-color: #874e26 !important;
}

/* [[Category:Styling pages]] */