MediaWiki:Common.css: Difference between revisions

From Gigantic Wiki
Content added Content deleted
No edit summary
(-> user css)
 
(48 intermediate revisions by the same user not shown)
Line 2: Line 2:
/** Imports **/
/** Imports **/
/* Fonts */
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
/* font-family: 'Montserrat', sans-serif; */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap'); */
/* font-family: 'Poppins', sans-serif; */
/* font-family: 'Poppins', sans-serif; */


/** Fonts **/

/**
@import url('/index.php?title=MediaWiki:Tooltips.css&action=raw&ctype=text/css&cb=3');
* @license
* MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
* Webfont: Museo Sans 500 by exljbris
* URL: https://www.myfonts.com/collections/museo-sans-font-exljbris
* Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
*
* © 2023 MyFonts Inc. */
@font-face {
font-family: 'MuseoSans500';
src: url('https://static.miraheze.org/gogiganticwiki/5/5c/MuseoSans500.woff') format('woff'); }


/** Links **/
/** Links **/
Line 20: Line 38:
/* Red */
/* Red */
a.new {
a.new {
color:#DA3030 !important; }
color: #DA3030 !important; }
a.new:visited {
a.new:visited {
color:#DC6161 !important; }
color: #DC6161 !important; }
/* External interwiki and web links (affects long Special: links too) */
a.extiw, a.external {
color: #60F9FF !important; /* Different color */
background-image: none !important; /* Removes icon */
padding-right: 0 !important; }


/** Headers **/
/** Headers **/
/* Page title */
.mw-body h1.firstHeading {
border-bottom: solid 4px #3FB9BE;
padding-bottom: 5px;
font-family: 'MuseoSans500';
font-weight: bold;
color: #FFFDDF; }
/* On page */
.mw-body h2, .mw-body h3, .mw-body h4 {
color: #FFFDDF; }
.mw-body h2 {
border-bottom: solid 2px #3FB9BE;
font-family: 'Segoe UI';
font-weight: bold;
padding-bottom: 3px; }


/** 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; }
/* MediaWiki icons */
.mw-content-ltr .redirectText li:first-child {
background-image: url("https://static.miraheze.org/gogiganticwiki/d/db/Wiki_Icon_Redirect_Dark.svg"); }
#mw-indicator-mw-helplink a {
background-image: url("https://static.miraheze.org/gogiganticwiki/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/gogiganticwiki/a/af/Wiki_Icon_Sort_Both_Dark.svg"); }
.jquery-tablesorter th.headerSortUp {
background-image: url("https://static.miraheze.org/gogiganticwiki/a/a5/Wiki_Icon_Sort_Up_Dark.svg"); }
.jquery-tablesorter th.headerSortDown {
background-image: url("https://static.miraheze.org/gogiganticwiki/5/56/Wiki_Icon_Sort_Down_Dark.svg"); }
.postedit:after {
background-image: url("https://static.miraheze.org/gogiganticwiki/1/1a/Wiki_Icon_Close_Dark.svg"); }
/* .mw-parser-output a.external {
background-image: url(""); } */


/** References **/
/** References **/
Line 32: Line 91:
line-height: 1.2; }
line-height: 1.2; }


/** Tables **/
/* Default table class */
.wikitable {
background: transparent;
color: #E6E6E6;
border: 1px solid #3FB9BE; }
.wikitable th {
background: #177082 !important;
color: #E6E6C5; }
.wikitable th, .wikitable td {
border: 1px solid #3FB9BE !important; }
/* "Gigantic" table */
.gigtable {
text-align: center;
width: 100%;
margin: 10px auto;
border-collapse: collapse;
border: 2px solid #3FB9BE; }
.gigtable th, .gigtable td {
padding: 3px 5px;
border-left: 2px solid #3FB9BE; }
.gigtable th {
background: #1A7D93; }
.gigtable tr {
background: #0D5467; }
.gigtable tr:nth-child(odd) {
background-color: #154352; }
/* Class for patch notes cells (hero subpages) */
.patchtext {
text-align: left;
font-size: 95%; }
/* Table for creatures */
.creaturetable {
width: 100%;
margin: 10px auto;
border-collapse: collapse;
border: 3px solid #3FB9BE;
overflow: hidden; }
.creaturetable th, .creaturetable td {
padding: 5px 10px;
border-bottom: 2px solid #3FB9BE;}
.creaturetable th {
text-align: right;
background: #1A7D93;
color: white; }
.creaturetable td {
background-color: #0D5467;
text-align: center;
border-right: 2px solid #3FB9BE; }
.creaturetable tr:nth-child(even) td {
background: #154352; }


/** Navboxes **/
/** Images (thumb?) **/
figure, figure img, figcaption {
/* General */
border: none !important;
.navbox {
background: transparent !important; }
background:#1A7D93;
/* On mobile - needs to be reworked or removed
border-collapse:collapse;
width:100%;
@media only screen and (max-width:400px) {
.mw-halign-right, .mw-halign-left, .mw-body-content a > img {
text-align:center;
margin: 5px auto !important;
border:5px solid #3FB9BE; }
float: none !important; }
/* Headers */
.mw-halign-right img, .mw-halign-left img {
.navbox th {
width: 100%;
color:white;
padding:2px 5px; }
height: auto; }
} */
/* Title header */
.navbox-title {
background:#1A7D93;
border-bottom:5px solid #3FB9BE; }
/*.navbox-title a {
color:#42E1BF; }*/ /* цвет ссылок */
/*.navbox-title a:hover {
color:#C7FFF3; }*/ /* ховер ссылок */
/* groups */
.navbox-group {
background:#0D5467;
max-width:150px;
text-align:right;
padding-right: 10px !important;}
/* Lists */
.navbox-list {
border-collapse:collapse;
background-color: #154352; }
/* Section and subheader - to fix */
.navbox-section {
width:100%;
margin-left:-3px;
margin-top: -5px; }
.navbox-header {
width:100% !important;
background:#0D5467;
margin:0; }


/** Creatures stats table styles **/
/** Gallery **/
.gallery {
/* General */
text-align: center; }
.crea {
.gallerybox {
margin:auto;
margin: 0 10px; }
vertical-align:middle;
.mw-body li.gallerybox div.thumb {
text-align:center;
background: transparent;
border-collapse:collapse;
border: 3px solid #3FB9BE; }
border: none; }
div.gallerytext {
/* Header */
text-align: center; }
.crea th {
.gallerytext p {
text-align:right;
margin: 3px 0 7px; }
padding:5px 10px 6px 0;
@media only screen and (max-width:500px) { /* On mobile */
font-weight:bold;
.gallerybox {
font-size:16px;
margin: 0 3px; }
color:#F2FEFE;
.gallerybox, .gallerybox .thumb {
line-height: 1.1;
max-width: 150px; }
background-color:#154352; }
}
.crea tr {
background-color:#0D5467; }
.crea tr:nth-child(even) {
background-color:#1A7D93; } /* фон четных строк */
.crea td {
padding:3px; }


/** Tooltips **/
/** Tabber **/
.tabber {
/* Common */
margin-bottom: 10px; }
body .main-tooltip {
/* Tabs */
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
.tabber__header {
margin-bottom: 5px;
border-bottom: 3px solid #3FB9BE;
padding: 7px;
box-shadow: none; }
background-color: #053849;
.tabber__tab {
border:3px solid #3FB9BE;
padding: 0.3em 0.75em; }
border-radius:0 !important;
/* Selected tab */
color:#F2FEFE;
.tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited {
width:240px; }
background: #3FB9BE;
/* Shadow-padding for wrapper */
color: white !important; }
body #tooltip-wrapper {
.tabber__tab[aria-selected="true"]:hover {
padding: 3px 7px 2px 3px; }
text-shadow: none;
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
cursor: default; }
body .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
.tabber__indicator {
display: none; }
background: #3FB9BE; }
body .tooltips-init-complete {

/** Tooltips (Template:Tooltip; see also Common.js; doesn't work as /styles.css) **/
.tooltip-contents {
display: none; } /* Prevents tooltips' content from messing up pages before script loads fully */
.main-tooltip {
background-color: #053849;
border: 3px solid #3FB9BE;
color: #F2FEFE;
width: 300px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
margin-bottom: 5px;
padding: 7px; }
.tooltips-init-complete {
cursor: help; }
cursor: help; }
/*.advanced-tooltip {
.tooltiphead { /* Header inside tooltip */
color: #FBFAD9;
width:200px;
font-family: 'Poppins', sans-serif; !important;
font-family: 'MuseoSans500';
font-weight: bold;
text-transform: uppercase !important;
font-size: 110%; }
color:#FDFDEC;

font-size: 30px;
/* Inline code block */
text-align: center !important; }
code {
.heroname {
color: #CCFDFF;
font-family: 'Poppins', sans-serif; !important;
background-color: #06212A;
text-transform: uppercase !important;
color:#FDFDEC;
border: 1px solid #005C5F; }

text-align: center;}*/
/** File page **/
/* Header */
#filetoc {
background: #177082 !important;
border: none !important; }
/* Metadata table */
#mw_metadata {
color: inherit; }
.mw_metadata th {
background: #1A7D93; }
.mw_metadata td {
background: #0A4557; }

/** General UI elements **/
/* Buttons */
.oo-ui-buttonElement-button {
background-color: #3FB9BE !important;
border-color: #3FB9BE !important;
border-radius: 0 !important;
color: #FFF !important; }
.oo-ui-buttonElement-button:hover {
background-color: #179FA4 !important;
border-color: #179FA4 !important;
color: #FFF37A !important;
text-shadow: none; }
/* Text input fields */
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
border-color: #37A1A5;
border-radius: 0; }
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover {
border-color: #37A1A5 !important; }
/* Container */
.oo-ui-panelLayout-framed {
border: 2px solid #37A1A5;
border-radius: 0;
background: #094254; }
/* Flags/check boxes */
.oo-ui-checkboxInputWidget [type="checkbox"] + span { /* Unchecked */
border-color: #3FB9BE;
border-radius: 0;
background-color: #093340; }
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { /* Hover on unchecked */
background-color: #177082;
border-color: #3FB9BE; }
.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: #3FB9BE;
border-color: #3FB9BE; }
.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: #1A7D93;
border-color: #3FB9BE; }
/* Dialog window */
.oo-ui-window-frame { /* Outer border */
border-color: #3FB9BE !important;
border-radius: 0 !important; }
.oo-ui-window-body { /* Window */
background: #177082; }
.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: #3FB9BE !important; }
/* Notifs (Echo) window */
.oo-ui-popupWidget-popup { /* Container */
background-color: #1A7D93;
border: 3px solid #3FB9BE;
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: #177082;
border: none ; }
.mw-echo-ui-notificationItemWidget:hover {
background-color: #3AA9AE; }
.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%); }
/* Form(?) rows */
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
background-color: #053849; }
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
background-color: #177082; }
/* Special tabber */
.oo-ui-tabSelectWidget-framed {
background-color: #177082; }
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
border: none;
border-radius: 0; }
.oo-ui-tabOptionWidget {
color: #E6E6E6; }
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background-color: #3FB9BE; }

/** Editor UI **/
/* Outer border */
.wikiEditor-ui .wikiEditor-ui-view {
border: 2px solid #3FB9BE;
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 #3FB9BE;
border-radius: 0 !important;}
div .editOptions {
background: #0A4557 !important;
color: #E9E6E8 !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: white !important; }
/** Edittools CharInsert **/
/* Container */
.charinsert-container {
border: 2px solid #3FB9BE;
background: #0A4557;
padding: 3px 0 0;
text-align: center; }
/* Buttons */
.mw-charinsert-buttons a {
background-color: #1A7D93;
padding: 0 2px 2px;
margin: 2px 1px; }
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
background: #3FB9BE;
color: white !important;
text-shadow: none; }
/** Changes preview **/
.diff-deletedline { /* - */
border-color: #b98200; }
.diff-deletedline .diffchange, .mw-diff-inline-legend-del, .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del {
background: #b98200 !important; }
.diff-addedline { /* + */
border-color: #2582db; }
.diff-addedline .diffchange, .mw-diff-inline-legend-ins, .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins {
background: #2582db !important; }

/** Notifications **/
.mw-notification {
background-color: #1A7D93;
border: 2px solid #3FB9BE;
border-radius: 0;
color: white; }
/* 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%); }

/** Recent Changes UI **/
/* Top block */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { /* Main visible block */
background-color: #0A4557 !important;
border: 2px solid #3FB9BE !important; }
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { /* Its header */
color:#E9E6E8 !important; }
/* Filter bar */
.mw-rcfilters-head .oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: #177082;
border: 2px solid #3FB9BE;
border-top:none;
border-radius: 0;
color: white; }
.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: #0A4557;
border: 2px solid #3FB9BE;
border-top:none;
border-left:none;
border-radius: 0; }
/* List of abbreviations */
.mw-changeslist-legend {
background-color: #0A4557 !important;
border: 2px solid #3FB9BE !important;
color: #E9E6E8 !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); }


/** Discussion Tools UI **/
/* ------------------------------------------------------------------------------- */
.oo-ui-processDialog-content > .oo-ui-window-head {
/** audio play button **/
background: #3FB9BE !important; }
.audio-button {
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
display: inline-block;
outline: none; }
vertical-align: middle;
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
width: 20px;
background-color: transparent; }
height: 20px;
.ve-ui-mwTemplatePage-description, .ve-ui-mwParameterPage-undocumentedLabel,
overflow: hidden;
.ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
background-color: #009b8a;
color: inherit; }
cursor: pointer;
.ext-discussiontools-ui-replyWidget-bodyWrapper .ve-ce-surface {
margin-right: 7px;
color: black; }
transition: background-color .2s;
.ext-discussiontools-ui-replyWidget-preview, .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background-repeat: no-repeat;
background-position: center;
background: transparent; }
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background-image: url(https://vignette.wikia.nocookie.net/gigantic5722/images/a/a8/Play_button.png/revision/latest?cb=20171031181331&path-prefix=ru);}
border: none; }
.ext-discussiontools-ui-replyWidget-footer {
color: inherit; }


/** 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';
color: #FFFDDF; }
/* Page history */
#pagehistory li.selected { /* Revision select */
background: #177082;
color: inherit; }


/** Grid for icons **/
/** Search results **/
.mw-search-profile-tabs {
/* container (no widht and paddings here) */
border: 2px solid #3FB9BE !important;
.iconbox {
border-radius: 0;
display: flex;
background: #1A7D93 !important; }
flex-wrap: wrap;
#mw-searchoptions {
justify-content: space-around;
border: 2px solid #3FB9BE !important;
white-space: pre-wrap;
background: #0A4557 !important;
text-align: center;
border-top: none !important; }
margin: auto; }
.results-info, #mw-searchoptions {
/* bg for heroes on Mainpage */
color: inherit !important; }
.mainpageicon {
.mw-search-result-data {
background: url(https://vignette.wikia.nocookie.net/gigantic5722/images/3/3f/Mainpage-icon-background.png/revision/latest?cb=20171105170614&path-prefix=ru);
color: #C4C4C4; }
display: block;
width: 112px; height: 112px;
/** Warning box **/
margin: 8px; }
div.mw-warning-with-logexcerpt {
.mainpageicon:hover {
border-color: #3FB9BE; }
background-position: 0 -112px; }
.mw-message-box-warning {
background-color: #FFFDDF; }
.mw-message-box-warning a {
color: #177082 !important; }


/* Defailt collapsible element button */
/* bg for maps on Mainpage */
.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after {
.mainpagemap {
color: #E6E6E6; }
background: url(https://vignette.wikia.nocookie.net/gigantic5722/images/4/42/Mainpage-map-background.png/revision/latest?cb=20171105200729&path-prefix=ru);
.mw-collapsible-toggle-default .mw-collapsible-text {
display: block;
color: #FFFDDF; }
width: 180px; height: 135px;
margin: 10px 5px; }
.mainpagemap:hover {
background-position: 0 -135px; }
/* bg for heroes in articles */
.normpageicon {
background: url(https://vignette.wikia.nocookie.net/gigantic5722/images/6/63/Normpage-icon-background.png/revision/latest?cb=20171105171109&path-prefix=ru);
display: block;
width: 100px; height: 100px;
margin: 5px;
padding-bottom: 15px;
font-size: 90%; }
.normpageicon:hover {
background-position: 0 -115px; }


/** ManageWiki UI (coloring) **/
/* ------------------------------------------------------------------------------- */
/* Subheaders */
/** wide infobox styles **/
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
.characontainer {
color: #E6E6E6; }
max-width:750px;
/* Descriptions */
margin: 17px auto 0;
.oo-ui-labelWidget.oo-ui-inline-help {
padding: 10px 8px 10px 15px;
color: #C4C4C4; }
border: 5px solid #3FB9BE;
/* Select */
overflow:hidden;
.managewiki-search-highlight {
background: url(https://vignette.wikia.nocookie.net/gigantic5722/images/1/19/Characontainer_bg.png/revision/latest?cb=20171110102819&path-prefix=ru);
background-color: #E5E8E8;
background: #177082 !important;
outline: 3px solid #177082 !important; }
color: #3F3F3F; }
/* Footer (save) */
.characontainer a {
.managewiki-tabs-wrapper.oo-ui-panelLayout-framed {
color:#106792; } /* цвет ссылок */
border-color: #37A1A5; }
.characontainer a:hover {
#managewiki .managewiki-submit-formfields {
color:#FFF8A1; } /* ховер */
background: #177082;
border: 2px solid #37A1A5;
border-top: none; }
/** (Dismissable) Sitenotice **/
.mw-dismissable-notice { /* Box */
background: #F5F7D1;
border: 2px solid #3FB9BE;
color: #093340; }
.mw-dismissable-notice a, .mw-dismissable-notice a:visited { /* Links */
color: #3FB9BE !important; }
.mw-dismissable-notice-close { /* [dismiss] */
width: 100%;
text-align: right;
margin: 3px 10px; }
/* Miraheze global notice */
#centralNotice a {
color: #177082 !important; }
/** Media Viewer **/
.mw-mmv-post-image {
color: #E6E6E6; }
.mw-mmv-post-image {
background-color: #1A7D93; }
.mw-mmv-image-metadata {
background-color: #093340;
border-top: none; }
/* Button */
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled) {
background-color: #3FB9BE;
border-color: #3FB9BE;
border-radius: 0;
color: white !important; }
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
background-color: #179FA4;
border-color: #179FA4;
color: #FFF37A !important;
text-shadow: none; }
/* SoundCloud embed */
.soundcloud-player {
border: none; }


/* [[Category:Styling pages]] */
/* ------------------------------------------------------------------------------- */
/** Mainpahe containers/blocks **/
.mainpagediv {
border: 5px solid #3FB9BE;
background: url(https://vignette.wikia.nocookie.net/gigantic5722/images/8/87/Mainpage_div_bg.png/revision/latest?cb=20171104232441&path-prefix=ru);
background-color: #002B36; }

Latest revision as of 19:19, 28 May 2024

/***** CSS placed here will be applied to all skins on the entire site. *****/
/** Imports **/
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
/* font-family: 'Montserrat', sans-serif; */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap'); */
/* font-family: 'Poppins', sans-serif; */

/** Fonts **/
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * Webfont: Museo Sans 500 by exljbris
 * URL: https://www.myfonts.com/collections/museo-sans-font-exljbris
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */
@font-face {
  font-family: 'MuseoSans500';
  src: url('https://static.miraheze.org/gogiganticwiki/5/5c/MuseoSans500.woff') format('woff'); }

/** Links **/
/* Normal */
a {
	color: #FFF8A1 !important; }
a:visited {
	color: #FFF37A !important; }
a:hover {
	color: #9FDDDF !important;
	text-decoration: none;
	text-shadow: 2px 2px 5px black; }
/* Red */
a.new {
    color: #DA3030 !important; }
a.new:visited {
    color: #DC6161 !important; }
/* External interwiki and web links (affects long Special: links too)  */
a.extiw, a.external {
    color: #60F9FF !important;				/* Different color */
    background-image: none !important;		/* Removes icon */
    padding-right: 0 !important; }

/** Headers **/
/* Page title */	
.mw-body h1.firstHeading {
	border-bottom: solid 4px #3FB9BE;
    padding-bottom: 5px;
    font-family: 'MuseoSans500';
	font-weight: bold;
    color: #FFFDDF; }
/* On page */
.mw-body h2, .mw-body h3, .mw-body h4 { 
	color: #FFFDDF; }
.mw-body h2 {
	border-bottom: solid 2px #3FB9BE;
	font-family: 'Segoe UI';
    font-weight: bold;
	padding-bottom: 3px; }

/** 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; }
/* MediaWiki icons */
.mw-content-ltr .redirectText li:first-child {
	background-image: url("https://static.miraheze.org/gogiganticwiki/d/db/Wiki_Icon_Redirect_Dark.svg"); }
#mw-indicator-mw-helplink a {
	background-image: url("https://static.miraheze.org/gogiganticwiki/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/gogiganticwiki/a/af/Wiki_Icon_Sort_Both_Dark.svg"); }
.jquery-tablesorter th.headerSortUp {
	background-image: url("https://static.miraheze.org/gogiganticwiki/a/a5/Wiki_Icon_Sort_Up_Dark.svg"); }
.jquery-tablesorter th.headerSortDown {
	background-image: url("https://static.miraheze.org/gogiganticwiki/5/56/Wiki_Icon_Sort_Down_Dark.svg"); }
.postedit:after {
    background-image: url("https://static.miraheze.org/gogiganticwiki/1/1a/Wiki_Icon_Close_Dark.svg"); }
/* .mw-parser-output a.external {
	background-image: url(""); } */

/** References **/
.references {
    font-size: 90%;
    line-height: 1.2; }

/** Tables **/
/* Default table class */
.wikitable {
	background: transparent;
	color: #E6E6E6;
	border: 1px solid #3FB9BE; }
.wikitable th {
	background: #177082 !important;
	color: #E6E6C5; }
.wikitable th, .wikitable td {
	border: 1px solid #3FB9BE !important; }
/* "Gigantic" table */
.gigtable {
	text-align: center;
	width: 100%;
	margin: 10px auto;
	border-collapse: collapse;
	border: 2px solid #3FB9BE; }
.gigtable th, .gigtable td {
	padding: 3px 5px;
	border-left: 2px solid #3FB9BE; }
.gigtable th {
	background: #1A7D93; }
.gigtable tr {
	background: #0D5467; }
.gigtable tr:nth-child(odd) {
	background-color: #154352; }
/* Class for patch notes cells (hero subpages) */
.patchtext {
	text-align: left;
	font-size: 95%; }
/* Table for creatures */
.creaturetable {
	width: 100%;
	margin: 10px auto;
	border-collapse: collapse;
	border: 3px solid #3FB9BE;
	overflow: hidden; }
.creaturetable th, .creaturetable td {
	padding: 5px 10px;
	border-bottom: 2px solid #3FB9BE;}
.creaturetable th {
	text-align: right;
	background: #1A7D93;
	color: white; }
.creaturetable td {
	background-color: #0D5467;
	text-align: center;
	border-right: 2px solid #3FB9BE; }
.creaturetable tr:nth-child(even) td {
	background: #154352; }

/** Images (thumb?) **/
figure, figure img, figcaption {
	border: none !important;
	background: transparent !important; }
/* On mobile - needs to be reworked or removed
@media only screen and (max-width:400px) { 
	.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; }
	.gallerybox, .gallerybox .thumb {
		max-width: 150px; }
}

/** Tabber **/
.tabber {
	margin-bottom: 10px; }
/* Tabs */
.tabber__header {
	border-bottom: 3px solid #3FB9BE;
	box-shadow: none; }
.tabber__tab {
	padding: 0.3em 0.75em; }
/* Selected tab */
.tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited {
	background: #3FB9BE;
	color: white !important; }
.tabber__tab[aria-selected="true"]:hover {
	text-shadow: none;
	cursor: default; }
.tabber__indicator {
	background: #3FB9BE; }

/** Tooltips (Template:Tooltip; see also Common.js; doesn't work as /styles.css) **/
.tooltip-contents {
	display: none; } /* Prevents tooltips' content from messing up pages before script loads fully */
.main-tooltip {
	background-color: #053849;
	border: 3px solid #3FB9BE;
	color: #F2FEFE;
	width: 300px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	margin-bottom: 5px;
	padding: 7px; }
.tooltips-init-complete {
    cursor: help; }
.tooltiphead { /* Header inside tooltip */
	color: #FBFAD9;
	font-family: 'MuseoSans500';
	font-weight: bold;
	font-size: 110%; }

/* Inline code block */
code {
    color: #CCFDFF;
    background-color: #06212A;
    border: 1px solid #005C5F; }

/** File page **/
/* Header */
#filetoc {
	background: #177082 !important;
	border: none !important; }
/* Metadata table */
#mw_metadata {
	color: inherit; }
.mw_metadata th {
	background: #1A7D93; }
.mw_metadata td {
	background: #0A4557; }

/** General UI elements **/
/* Buttons */
.oo-ui-buttonElement-button {
	background-color: #3FB9BE !important;
	border-color: #3FB9BE !important;
	border-radius: 0 !important;
	color: #FFF !important; }
.oo-ui-buttonElement-button:hover {
	background-color: #179FA4 !important;
	border-color: #179FA4 !important;
	color: #FFF37A !important;
	text-shadow: none; }
/* Text input fields */
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	border-color: #37A1A5;
	border-radius: 0; }
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover {
	border-color: #37A1A5 !important; }
/* Container */
.oo-ui-panelLayout-framed {
	border: 2px solid #37A1A5;
	border-radius: 0;
	background: #094254; }
/* Flags/check boxes */
.oo-ui-checkboxInputWidget [type="checkbox"] + span { /* Unchecked */
	border-color: #3FB9BE;
	border-radius: 0;
	background-color: #093340; }
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { /* Hover on unchecked */
	background-color: #177082;
	border-color: #3FB9BE; }
.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: #3FB9BE;
	border-color: #3FB9BE; }
.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: #1A7D93;
	border-color: #3FB9BE; }
/* Dialog window */
.oo-ui-window-frame { /* Outer border */
	border-color: #3FB9BE !important;
	border-radius: 0 !important; }
.oo-ui-window-body { /* Window */
	background: #177082; }
.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: #3FB9BE !important; }
/* Notifs (Echo) window */
.oo-ui-popupWidget-popup { /* Container */
	background-color: #1A7D93;
	border: 3px solid #3FB9BE;
	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: #177082;
	border: none ; }
.mw-echo-ui-notificationItemWidget:hover {
	background-color: #3AA9AE; }
.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%); }
/* Form(?) rows */
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
	background-color: #053849; }
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
	background-color: #177082; }
/* Special tabber */
.oo-ui-tabSelectWidget-framed {
	background-color: #177082; }
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
	border: none;
	border-radius: 0; }
.oo-ui-tabOptionWidget {
	color: #E6E6E6; }
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, 
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
	background-color: #3FB9BE; }

/** Editor UI **/
/* Outer border */
.wikiEditor-ui .wikiEditor-ui-view { 
	border: 2px solid #3FB9BE;
	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 #3FB9BE;
	border-radius: 0 !important;}
div .editOptions {
	background: #0A4557 !important;
	color: #E9E6E8 !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: white !important; }
	
/** Edittools CharInsert **/
/* Container */
.charinsert-container { 
	border: 2px solid #3FB9BE;
	background: #0A4557;
	padding: 3px 0 0;
	text-align: center; }
/* Buttons */
.mw-charinsert-buttons a { 
	background-color: #1A7D93;
	padding: 0 2px 2px;
	margin: 2px 1px; }
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background: #3FB9BE;
	color: white !important; 
	text-shadow: none; }
	
/** Changes preview **/
.diff-deletedline { /* - */
	border-color: #b98200; }
.diff-deletedline .diffchange, .mw-diff-inline-legend-del, .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del {
	background: #b98200 !important; }
.diff-addedline { /* + */
	border-color: #2582db; }
.diff-addedline .diffchange, .mw-diff-inline-legend-ins, .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins {
	background: #2582db !important; }

/** Notifications **/
.mw-notification {
    background-color: #1A7D93;
    border: 2px solid #3FB9BE;
    border-radius: 0;
    color: white; }
/* 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%); }

/** Recent Changes UI **/
/* Top block */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { /* Main visible block */
    background-color: #0A4557 !important;
    border: 2px solid #3FB9BE !important; }
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { /* Its header */
    color:#E9E6E8 !important; }
/* Filter bar */
.mw-rcfilters-head .oo-ui-textInputWidget .oo-ui-inputWidget-input { 
    background-color: #177082;
    border: 2px solid #3FB9BE;
    border-top:none;
    border-radius: 0;
    color: white; }
.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: #0A4557;
    border: 2px solid #3FB9BE;
    border-top:none;
    border-left:none;
    border-radius: 0; }
/* List of abbreviations */
.mw-changeslist-legend { 
    background-color: #0A4557 !important;
    border: 2px solid #3FB9BE !important;
    color: #E9E6E8 !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); }

/** Discussion Tools UI **/
.oo-ui-processDialog-content > .oo-ui-window-head {
	background: #3FB9BE !important; }
.oo-ui-processDialog-content > .oo-ui-window-head, .oo-ui-processDialog-content > .oo-ui-window-foot {
	outline: none; }
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
	background-color: transparent; }
.ve-ui-mwTemplatePage-description, .ve-ui-mwParameterPage-undocumentedLabel,
.ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
	color: inherit; }
.ext-discussiontools-ui-replyWidget-bodyWrapper .ve-ce-surface {
	color: black; }
.ext-discussiontools-ui-replyWidget-preview, .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
	background: transparent; }
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
	border: none; }
.ext-discussiontools-ui-replyWidget-footer {
	color: inherit; }

/** 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';
	color: #FFFDDF; }
/* Page history */
#pagehistory li.selected { /* Revision select */
	background: #177082;
	color: inherit; }

/** Search results **/
.mw-search-profile-tabs {
	border: 2px solid #3FB9BE !important;
	border-radius: 0;
	background: #1A7D93 !important; }
#mw-searchoptions {
	border: 2px solid #3FB9BE !important;
	background: #0A4557 !important;
	border-top: none !important; }
.results-info, #mw-searchoptions {
	color: inherit !important; }
.mw-search-result-data {
	color: #C4C4C4; }
	
/** Warning box **/
div.mw-warning-with-logexcerpt {
	border-color: #3FB9BE; }
.mw-message-box-warning {
	background-color: #FFFDDF; }
.mw-message-box-warning a {
	color: #177082 !important; }

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

/** 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: #C4C4C4; }
/* Select */
.managewiki-search-highlight {
	background: #177082 !important;
	outline: 3px solid #177082 !important; }
/* Footer (save) */
.managewiki-tabs-wrapper.oo-ui-panelLayout-framed {
	border-color: #37A1A5; }
#managewiki .managewiki-submit-formfields {
	background: #177082;
	border: 2px solid #37A1A5;
	border-top: none; }
	
/** (Dismissable) Sitenotice **/
.mw-dismissable-notice { /* Box */
	background: #F5F7D1;
	border: 2px solid #3FB9BE;
	color: #093340; }
.mw-dismissable-notice a, .mw-dismissable-notice a:visited { /* Links */
	color: #3FB9BE !important; }
.mw-dismissable-notice-close { /* [dismiss] */
	width: 100%;
	text-align: right;
	margin: 3px 10px; }
/* Miraheze global notice */
#centralNotice a {
	color: #177082 !important; }
	
/** Media Viewer **/
.mw-mmv-post-image {
	color: #E6E6E6; }
.mw-mmv-post-image {
	background-color: #1A7D93; }
.mw-mmv-image-metadata {
background-color: #093340;
border-top: none; }
/* Button */
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled) {
	background-color: #3FB9BE;
	border-color: #3FB9BE;
	border-radius: 0;
	color: white !important; }
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
	background-color: #179FA4;
	border-color: #179FA4;
	color: #FFF37A !important;
	text-shadow: none; }
	
/* SoundCloud embed */
.soundcloud-player {
	border: none; }

/* [[Category:Styling pages]] */
Retrieved from "https://gogigantic.wiki/wiki/MediaWiki:Common.css?oldid=12757"