MediaWiki:Common.css

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

/** 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; }

/** Headers **/

/** Icons **/
/* Alert and Notice */
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {
	filter: invert(1); }
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
	opacity: unset; }
/* 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(""); } */
  
/** 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: 1px 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%); }






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

/** Tables **/
/* Default table class */
.wikitable {
	background: transparent;
	color: #E6E6E6; }
.wikitable th {
	background: #177082 !important;
	color: #E6E6C5; }
.wikitable th, .wikitable td {
	border: 1px solid #3FB9BE !important; }
/* Article table */

/** File page header **/
#filetoc {
	background: #177082 !important;
	border: none !important; }

/** Changes **/
#pagehistory li.selected { /* Revision select */
	background: #177082;
	color: inherit; }
.mw-plusminus-pos { /* + changes */
	color: #5DEB5D; }
.mw-plusminus-neg { /* - changes */
	color: #FF5F5F; }


/*******************/ 
/** Navboxes **/
/* General */
.navbox {
     background:#1A7D93;
     border-collapse:collapse;
     width:100%;
     text-align:center; 
     border:5px solid #3FB9BE; }
/* Headers */
.navbox th {
     color:white;
     padding:2px 5px; }
/* 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 **/
/* General */
.crea {
     margin:auto;
     vertical-align:middle;
     text-align:center;
     border-collapse:collapse; 
     border: 3px solid #3FB9BE; }
/* Header */
.crea th {
     text-align:right;
     padding:5px 10px 6px 0;
     font-weight:bold;
     font-size:16px;
     color:#F2FEFE;
     line-height: 1.1;
     background-color:#154352; }
.crea tr {
     background-color:#0D5467; }
.crea tr:nth-child(even) {
     background-color:#1A7D93; } /* фон четных строк */
.crea td {
     padding:3px; }

/** Tooltips **/
/* Common */
body .main-tooltip {
     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
     margin-bottom: 5px;
     padding: 7px;
     background-color: #053849;
     border:3px solid #3FB9BE;
     border-radius:0 !important;
     color:#F2FEFE;
     width:240px; }
/* Shadow-padding for wrapper */
body #tooltip-wrapper {
     padding: 3px 7px 2px 3px; }
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
body .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
     display: none; }
body .tooltips-init-complete {
    cursor: help; }
/* .advanced-tooltip {
     width:200px; 
     font-family: 'Poppins', sans-serif; !important;
     text-transform: uppercase !important;
     color:#FDFDEC;
     font-size: 30px;
     text-align: center !important; }
.heroname {
     font-family: 'Poppins', sans-serif; !important;
     text-transform: uppercase !important;
     color:#FDFDEC;
     text-align: center;} */

/* ------------------------------------------------------------------------------- */
/** audio play button **/
.audio-button {
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     height: 20px;
     overflow: hidden;
     background-color: #009b8a;
     cursor: pointer;
     margin-right: 7px;
     transition: background-color .2s;
     background-repeat: no-repeat;
     background-position: center; 
     background-image: url(https://vignette.wikia.nocookie.net/gigantic5722/images/a/a8/Play_button.png/revision/latest?cb=20171031181331&path-prefix=ru);}


/** Grid for icons **/
/* container (no widht and paddings here) */
.iconbox {
     display: flex;
     flex-wrap: wrap; 
     justify-content: space-around;
     white-space: pre-wrap;
     text-align: center;
     margin: auto; }
/* bg for heroes on Mainpage */
.mainpageicon {
     background: url(https://vignette.wikia.nocookie.net/gigantic5722/images/3/3f/Mainpage-icon-background.png/revision/latest?cb=20171105170614&path-prefix=ru);
     display: block;
     width: 112px; height: 112px; 
     margin: 8px; }
.mainpageicon:hover {
     background-position: 0 -112px; }

/* bg for maps on Mainpage */
.mainpagemap {
     background: url(https://vignette.wikia.nocookie.net/gigantic5722/images/4/42/Mainpage-map-background.png/revision/latest?cb=20171105200729&path-prefix=ru);
     display: block;
     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; }

/* ------------------------------------------------------------------------------- */
/** wide infobox styles **/
.characontainer {
     max-width:750px;
     margin: 17px auto 0;
     padding: 10px 8px 10px 15px;
     border: 5px solid #3FB9BE;
     overflow:hidden;
     background: url(https://vignette.wikia.nocookie.net/gigantic5722/images/1/19/Characontainer_bg.png/revision/latest?cb=20171110102819&path-prefix=ru);
     background-color: #E5E8E8;
     color: #3F3F3F; }
.characontainer a {
     color:#106792; } /* цвет ссылок */
.characontainer a:hover {
     color:#FFF8A1; } /* ховер */

/* ------------------------------------------------------------------------------- */
/** 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; }