Epic Tavern Wiki
Don't have an account?
Register
Register
Epic Tavern Wiki
Epic Tavern Wiki
11
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
(Blanked the page)
No edit summary
Line 1: Line 1:
  +
/* For elements which only display in the mobile view */
  +
.mobileonly {display: none;}
  +
  +
/* Fonts */
  +
/* cyrillic */
  +
@font-face {
  +
font-family: 'Underdog';
  +
font-style: normal;
  +
font-weight: 400;
  +
src: local('Underdog'), local('Underdog-Regular'), url(https://fonts.gstatic.com/s/underdog/v8/CHygV-jCElj7diMroWShWV82Nw.woff2) format('woff2');
  +
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  +
}
  +
/* latin-ext */
  +
@font-face {
  +
font-family: 'Underdog';
  +
font-style: normal;
  +
font-weight: 400;
  +
src: local('Underdog'), local('Underdog-Regular'), url(https://fonts.gstatic.com/s/underdog/v8/CHygV-jCElj7diMroWSrWV82Nw.woff2) format('woff2');
  +
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  +
}
  +
/* latin */
  +
@font-face {
  +
font-family: 'Underdog';
  +
font-style: normal;
  +
font-weight: 400;
  +
src: local('Underdog'), local('Underdog-Regular'), url(https://fonts.gstatic.com/s/underdog/v8/CHygV-jCElj7diMroWSlWV8.woff2) format('woff2');
  +
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  +
}
  +
  +
/* Variables (constant) */
  +
body {
  +
--gp-orange: #f48020;
  +
}
  +
  +
/* Variables (skin) */
  +
body {
  +
--fancy-font: "Underdog";
  +
--bg-file: url(https://gamepedia.cursecdn.com/epictavern_gamepedia_en/3/3a/Bg.png);
  +
--text-content: #f9fbfc;
  +
--link: #e88a19;
  +
--fp-glow-initial: #392911;
  +
--fp-glow-hover: #f19205;
  +
}
  +
  +
/* When title sub line is empty, remove its margin (provides better vertical centering for main page) */
  +
#contentSub:empty {margin: 0;}
  +
  +
#mw-panel.collapsible-nav .portal#p-claimWiki {
  +
margin: 0px 11px;
  +
}
  +
  +
/* Background */
  +
body {
  +
background: no-repeat fixed center top / cover #000 var(--bg-file);
  +
}
  +
  +
div#content a:link:not(.new),
  +
div#content a:visited:not(.new) {
  +
color: var(--link);
  +
font-weight: bold;
  +
}
  +
  +
div#content .mw-editsection a:link,
  +
div#content .mw-editsection a:visited {
  +
color: #fdfdfd !important;
  +
}
  +
  +
div#content {
  +
margin-right:5px;
  +
color: var(--text-content);
  +
}
  +
  +
div#content h1,
  +
div#content h2,
  +
div#content h3,
  +
div#content h4,
  +
div#content h5,
  +
div#content h6 {
  +
color: var(--link);
  +
}
  +
  +
div#content h1,
  +
div#content h2 {
  +
border-bottom: 1px solid #fff;
  +
}
  +
  +
#toc h2 {
  +
font-family: inherit !important;
  +
}
  +
  +
div#content,
  +
div.vectorMenu div.menu {
  +
border-width: 2px;
  +
border: none;
  +
background-color: rgba(0,0,0,0.82);
  +
}
  +
  +
div.vectorMenu div.menu {
  +
top: 39px;
  +
}
  +
  +
div.vectorMenu div.menu li:hover {
  +
background: rgba(255,255,255,0.3);
  +
}
  +
  +
div.vectorMenu div.menu li a:link,
  +
div.vectorMenu div.menu li a:visited {
  +
text-decoration: none;
  +
font-weight: bold;
  +
color: white;
  +
}
  +
  +
div#mw-page-base {
  +
background: transparent;
  +
}
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
/* Bullet color (white) */
  +
ul {
  +
list-style-type: disc;
  +
list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  +
}
  +
  +
/* Gamepedia lines */
  +
footer {border-top: 3px solid var(--gp-orange);}
  +
.netbar-flex {border-bottom: 1px solid var(--gp-orange);}
  +
  +
/* Logo */
  +
#mw-panel {
  +
margin-top: 40px;
  +
}
  +
  +
#p-logo {
  +
top: -195px;
  +
}
  +
  +
#p-logo a {
  +
height: 200px;
  +
width: 164px;
  +
}
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
/* this CSS governs the responsive 2 column main page layout */
  +
#fp-container {
  +
display: grid;
  +
grid-template-areas: "a" "b" "c";
  +
grid-template-columns: 100%;
  +
}
  +
  +
@media screen and (min-width:990px) {
  +
#fp-container {
  +
grid-template-areas: "a b" "c c";
  +
grid-template-columns: 50% 50%;
  +
}
  +
}
  +
@media screen and (min-width:1350px) {
  +
#fp-container {
  +
grid-template-areas: "a b" "c b";
  +
grid-template-columns: auto 520px;
  +
}
  +
}
  +
  +
.fp-section {
  +
display: flex;
  +
flex-wrap: wrap;
  +
}
  +
  +
#fp-top {
  +
grid-area: a;
  +
}
  +
  +
#fp-flex {
  +
grid-area: b;
  +
}
  +
  +
#fp-bottom {
  +
grid-area: c;
  +
}
  +
  +
  +
  +
  +
  +
  +
  +
/* Welcome */
  +
.fpbox .welcome,
  +
.fpbox .heading {
  +
color: var(--link);
  +
font-family: var(--fancy-font);
  +
font-weight: 900;
  +
}
  +
  +
  +
  +
/* -- Frontpage Navs -- */
  +
.fplinks a,
  +
.fplinks a:link,
  +
.fplinks a:hover,
  +
.fplinks a:visited {
  +
color: var(--link) !important;
  +
font-size: 16px;
  +
font-weight: 600 !important;
  +
letter-spacing: 2px;
  +
text-transform: uppercase;
  +
padding: 0.3em;
  +
box-shadow: 0px 0px 20px var(--fp-glow-initial);
  +
text-decoration: none;
  +
border-radius: 5px;
  +
}
  +
  +
.fplink {
  +
padding: 5px;
  +
border-radius: 15px;
  +
}
  +
  +
.fplink a:hover,
  +
.fplinks a:active {
  +
box-shadow: 0px 0px 20px var(--fp-glow-hover);
  +
text-decoration: none;
  +
}
  +
  +
.fplink-outer {
  +
padding: 9px;
  +
}
  +
  +
  +
/* ------------- */
  +
  +
#game-desc {
  +
padding: 0 15px;
  +
}
  +
  +
.fpbox .welcome {
  +
font-size: 350%;
  +
margin: 10px 0 0px 0;
  +
padding: 0 0 5px 0;
  +
font-variant: small-caps;
  +
letter-spacing: 3px;
  +
line-height: 55px;
  +
}
  +
  +
.fpbox .heading {
  +
font-size: 250%;
  +
border-bottom: 1px solid rgba(200, 200, 200, 0.3);
  +
font-variant: small-caps;
  +
margin: 0 0 10px 0;
  +
padding: 5px 0 5px 0;
  +
letter-spacing: 5px;
  +
}
  +
  +
.fpbox .heading .smalllink {
  +
color: #e0e0e0; /* change for hydra (light) wikis */
  +
font-size: 75%;
  +
font-weight: bold;
  +
}
  +
  +
.fpbox hr {
  +
border: none;
  +
}
  +
  +
.fplinks {
  +
margin: -5px;
  +
border-bottom-width: 0px;
  +
}
  +
  +
.fplinks .linkslabel {
  +
background: rgba(0, 0, 0, 0);
  +
margin: 15px 5px 5px 5px;
  +
padding: 0 0 5px 0;
  +
}
  +
  +
.fplink {
  +
vertical-align: middle;
  +
width: 100%;
  +
}
  +
  +
  +
#fptopsection .fplink.image,
  +
#fpflexsection .fplink.image,
  +
#fpbottomsection .fplink.image {
  +
height: 114px;
  +
width: 114px;
  +
}
  +
  +
.fplink.image .image {
  +
position: absolute;
  +
top: 0;
  +
right: 0;
  +
bottom: 0;
  +
left: 0;
  +
font-size: 75%;
  +
z-index: 1;
  +
}
  +
  +
.fplink.image a {
  +
z-index: 2;
  +
}
  +
  +
.fplink a {
  +
display: block;
  +
position: relative;
  +
top: 0;
  +
right: 0;
  +
bottom: 0;
  +
left: 0;
  +
padding: 1px 5px;
  +
}
  +
  +
.fplink.image .image a {
  +
padding: 0;
  +
}
  +
  +
.fplink.image .link a {
  +
background: rgba(0, 0, 0, 0.1);
  +
border-top: 2px solid #505050;
  +
}
  +
  +
.fplink.wide a {
  +
margin: 0 -5px;
  +
}
  +
  +
.fpvideos {
  +
margin: 0 auto;
  +
overflow: hidden;
  +
text-align: center;
  +
}
  +
  +
.fpvideo {
  +
display: inline-block;
  +
margin: 0 5px;
  +
}
  +
  +
  +
/* Top nav */
  +
div#left-navigation {
  +
margin-left: 195px !important;
  +
}
  +
  +
div.vectorMenu h3,
  +
div.vectorMenu h3 a,
  +
div.vectorMenu h5 a {
  +
background-image: none !important;
  +
background: inherit !important;
  +
}
  +
  +
div.vectorMenu h3 a:link,
  +
div.vectorMenu h3 a:visited,
  +
div.vectorMenu h5 a:link,
  +
div.vectorMenu h5 a:visited,
  +
div.vectorMenu h3 span,
  +
div.vectorMenu h5 span {
  +
color: white !important;
  +
font-weight: bold !important;
  +
text-shadow: 0px 0px 7px black;
  +
}
  +
  +
div.vectorTabs ul li,
  +
div.vectorTabs li.selected {
  +
background: none !important;
  +
}
  +
  +
div.vectorTabs ul {
  +
background: none;
  +
}
  +
  +
div.vectorTabs ul li a:link,
  +
div.vectorTabs ul li a:visited,
  +
div.vectorTabs li.selected a:link,
  +
div.vectorTabs li.selected a:visited {
  +
color: white;
  +
text-shadow: 0px 0px 7px black;
  +
}
  +
  +
div.vectorMenu h3 span,
  +
div.vectorMenu h5 span {
  +
margin-top: -1px;
  +
}
  +
  +
div.vectorMenu h3,
  +
div.vectorMenu h3 a,
  +
div.vectorMenu h5 a {
  +
background-image: none !important;
  +
background: inherit !important;
  +
}
  +
  +
div.vectorTabs ul li,
  +
div.vectorTabs li.selected {
  +
background: none !important;
  +
}
  +
  +
div.vectorTabs span {
  +
background: none !important;
  +
font-weight: bold !important;
  +
}
  +
  +
div.vectorTabs {
  +
background: none !important;
  +
}
  +
  +
div.vectorMenu h3 span,
  +
div.vectorMenu h5 span {
  +
background: none !important;
  +
background-image: none !important;
  +
border:0 !important;
  +
}
  +
  +
#p-sharing-label, #p-cactions-label {
  +
text-shadow: 0px 0px 7px black;
  +
}
  +
  +
  +
/* Sidebar */
  +
#mw-panel .portal:not(.first) {
  +
margin: 8px 0;
  +
padding: 0;
  +
border-radius: .3em;
  +
background: rgba(0, 0, 0, .7);
  +
box-shadow: inset 0 0 10px rgba(255, 255, 255, .06);
  +
}
  +
  +
#mw-panel #p-logo + div.portal {
  +
margin-top: 8px;
  +
}
  +
  +
div#mw-panel div.portal#p-socialProfiles{
  +
background: none;
  +
box-shadow: none;
  +
}
  +
  +
#mw-panel .portal .body ul {
  +
padding: 0.3em 0;
  +
}
  +
  +
#mw-panel.collapsible-nav .portal .body ul {
  +
padding-top: 0;
  +
}
  +
  +
#mw-panel.collapsible-nav #p-navigation .body ul {
  +
padding-top: 0.3em;
  +
}
  +
  +
#mw-panel.collapsible-nav .portal h3 {
  +
padding-top: 5px;
  +
padding-bottom: 5px;
  +
}
  +
  +
#mw-panel.collapsible-nav div.portal.collapsed h3:hover {
  +
text-decoration: none;
  +
}
  +
  +
div#mw-panel div.portal h3,
  +
#mw-panel.collapsible-nav .portal h3 a,
  +
#mw-panel.collapsible-nav .portal h3 a:visited,
  +
#mw-panel.collapsible-nav .portal.collapsed h3 a,
  +
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
  +
color: white !important;
  +
font-weight: bold;
  +
}
  +
  +
div#mw-panel div.portal div.body ul li a {
  +
color: white !important;
  +
font-weight: bold;
  +
}
  +
  +
div#mw-panel div.portal div.body ul li a:visited {
  +
color: inherit;
  +
}
  +
  +
div#mw-panel div.portal h3,
  +
#mw-panel.collapsible-nav .portal h3 a,
  +
#mw-panel.collapsible-nav .portal h3 a:visited,
  +
#mw-panel.collapsible-nav .portal.collapsed h3 a,
  +
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
  +
color: #000;
  +
font-weight: bold;
  +
text-decoration: none;
  +
}
  +
  +
  +
  +
/* Sidebar vertical offset to accommodate logo height */
  +
div#mw-panel {
  +
padding-top: 0;
  +
}
  +
  +
/* toc */
  +
#toc {
  +
background-color: rgba(0,0,0,0.1) !important;
  +
border: 1px solid #B39DA7 !important;
  +
padding: 15px 20px;
  +
}
  +
  +
  +
/* Tables */
  +
table.wikitable td {
  +
padding: 10px !important;
  +
}
  +
  +
table.wikitable th {
  +
background-color: var(--link) !important;
  +
color: black;
  +
}
  +
  +
  +
/* Footer */
  +
div#footer {
  +
background: rgba(0, 0, 0, 0.55);
  +
margin-top: 10px !important;
  +
margin-bottom: 10px !important;
  +
}
  +
  +
div#footer li {
  +
color:white !important;
  +
}
  +
  +
div#footer a:link,
  +
div#footer a:visited {
  +
color:white;
  +
text-decoration: underline;
  +
}
  +
  +
/* Side-by-side previews */
  +
div.wikiEditor-ui,
  +
div.wikiEditor-preview-contents {
  +
background: transparent !important;
  +
}
  +
  +
div.wikiEditor-ui-controls {
  +
background: none;
  +
}
  +
  +
div.wikiEditor-ui-buttons {
  +
background: none;
  +
border-top: none;
  +
}
  +
  +
  +
/* calinks */
  +
.catlinks {
  +
border: 0px solid white !important;
  +
padding-left: 15px !important;
  +
}
  +
  +
  +
/* Preferences */
  +
#preferences {
  +
background: rgba(0,0,0,0.4) !important;
  +
}
  +
  +
#preftoc li a {
  +
font-weight: normal !important;
  +
}
  +
  +
#preftoc li.selected a {
  +
background: transparent;
  +
color: white !important;
  +
}
  +
  +
#preferences legend {
  +
color: var(--link) !important;
  +
font-weight: bold !important;
  +
font-size: 110% !important;
  +
}
  +
  +
  +
/* Search */
  +
.mw-search-profile-tabs {
  +
padding: 5px !important;
  +
background: black !important;
  +
}
  +
  +
.mw-search-profile-tabs li.normal a:link,
  +
.skin-hydradark .mw-search-profile-tabs li.normal a:visited {
  +
font-weight: normal !important;
  +
color: #cfcfcf !important;
  +
}
  +
  +
.skin-hydradark .mw-search-profile-tabs li.current a:link,
  +
.skin-hydradark .mw-search-profile-tabs li.current a:visited {
  +
font-weight: bold !important;
  +
color: var(--link) !important;
  +
}
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
/* INFOBOXES: game or book depended color style */
  +
.infoboxtable {
  +
background-color: rgba(40, 40, 40, 1);
  +
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: #333;
  +
border-radius: 5px;
  +
font-weight: bold;
  +
padding: 0.5px 7px;
  +
text-align: right;
  +
}
  +
  +
.infoboxname {
  +
background-color: #333;
  +
font-size: 110%;
  +
font-weight: bold;
  +
padding: 0.5em;
  +
}
  +
  +
.infoboxdetails {
  +
padding: 0em;
  +
}
  +
  +
  +
/* copyright images tweak */
  +
.skin-hydradark .copyright-icon {
  +
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
  +
background-size: 100%;
  +
height: 32px;
  +
width: 32px;
  +
}
  +
  +
  +
/* Visual editor */
  +
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
  +
background-color: #282828;
  +
border: 1px solid #383838;
  +
box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
  +
}
  +
  +
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
  +
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  +
color: #e0e0e0;
  +
}
  +
  +
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
  +
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
  +
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
  +
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
  +
background-color: rgba(255,255,255,0.2);
  +
}
  +
  +
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
  +
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
  +
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
  +
filter: invert(100%);
  +
}
  +
  +
.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
  +
filter: unset;
  +
}
  +
  +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  +
border-color: #ffffff;
  +
}
  +
  +
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
  +
background-color: rgba(255,255,255,0.2);
  +
}
  +
  +
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
  +
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
  +
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
  +
filter: invert(100%);
  +
}
  +
  +
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
  +
background-color: #282828;
  +
}
  +
  +
.oo-ui-indicator-down {
  +
background-image: linear-gradient(transparent,transparent),url(https://commons.gamepedia.com/media/commons.gamepedia.com/0/00/Light_down_arrow.svg);
  +
filter: unset;
  +
}
  +
  +
.ve-ui-mwSaveDialog-options {
  +
background-color: #282828;
  +
}
  +
  +
.ve-ui-mwSaveDialog-license {
  +
color: #e0e0e0;
  +
}
  +
  +
/* 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;
  +
}
  +
  +
.mw-checkbox-toggle-controls a,
  +
.mw-checkbox-toggle-controls a:link,
  +
.mw-checkbox-toggle-controls a:visited {
  +
color: white !important;
  +
font-weight: bold;
  +
}
  +
  +
/* Interwiki page legend tweak */
  +
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,
  +
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
  +
color: #000 !important;
  +
}
  +
  +
/* Interwiki expand link */
  +
.mw-collapsible-toggle a {
  +
color:#fff !important;
  +
}
  +
  +
/* 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 {
  +
--border: #383838;
  +
background-color: #282828;
  +
border-bottom-color: var(--border);
  +
border-right-color: var(--border);
  +
border-top-color: var(--border);
  +
border-collapse: collapse;
  +
font-size: 95%;
  +
margin: 0 auto 2px auto;
  +
width: 80%;
  +
}
  +
  +
.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-gray {border-left-color: #383838;}
  +
.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 #bbbbaa;}
  +
.ambox-green {border-left: 10px solid #228b22;}
  +
  +
/* Ambox small text */
  +
.amsmalltext {
  +
font-size: smaller;
  +
margin-left: 0.8em;
  +
margin-top: 0.5em;
  +
}
  +
  +
/* Navbox template style */
  +
table.navbox {
  +
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 */
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
/* this CSS governs the responsive 2 column main page layout */
  +
.fpmaybecols {
  +
overflow: hidden;
  +
margin: -5px 0;
  +
}
  +
  +
.fpmaybecols + .fpmaybecols {
  +
margin: 0 0 -5px;
  +
}
  +
  +
.fpbox .heading .smalllink {
  +
color: #e0e0e0;
  +
font-size: 75%;
  +
font-weight: bold;
  +
}
  +
  +
.fpbox hr {
  +
border: none;
  +
border-bottom: 2px solid #505050;
  +
}
  +
  +
@media (min-width: 990px) {
  +
.fpmain {
  +
padding-right: 520px;
  +
width: auto;
  +
}
  +
  +
#fpbottomsection,
  +
#fptopsection {
  +
float: left;
  +
width: 100%;
  +
}
  +
  +
#fpflexsection {
  +
float: right;
  +
width: 520px;
  +
margin-right: -520px;
  +
}
  +
  +
#fpbottomsection {
  +
margin-top: -5px;
  +
}
  +
}
  +
  +
/* Front page appearance styles */
  +
.fpbox .heading,
  +
.fpbox .mainheading {
  +
border: 0;
  +
border-bottom: 1px solid #505050;
  +
}
  +
  +
.fpbox {
  +
background: rgba(0, 0, 0, 0.05);
  +
border: 1px solid var(--link);
  +
box-shadow: 0 2px 5px #505050;
  +
}
  +
  +
.fplink {
  +
background: rgba(0,0,0,0.3);
  +
text-align: center !important;
  +
}
  +
  +
.fplink-fullwidth .fplink {
  +
background: rgba(0,0,0,0.4);
  +
}
  +
  +
.linkslabel {
  +
border-bottom: 2px solid #505050;
  +
}
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
/* Black sort arrows on sortable tables */
  +
table.jquery-tablesorter th.headerSort {
  +
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%209%22%20height%3D%229%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.5%205l-4%204-4-4zM14.5%204l-4-4-4%204z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
  +
}
  +
  +
table.jquery-tablesorter th.headerSortUp {
  +
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%204%22%20height%3D%224%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6.5%204l4-4%204%204z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
  +
}
  +
  +
table.jquery-tablesorter th.headerSortDown {
  +
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%204%22%20height%3D%224%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
  +
}
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
/* Special */
  +
footer {
  +
background: black;
  +
z-index: 999999 !important;
  +
}
  +
  +
/* color fix */
  +
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
  +
height: 3.5em;
  +
position: -webkit-sticky;
  +
position: sticky;
  +
padding-top: 0.5em;
  +
margin-top: -0.5em;
  +
top: 0;
  +
z-index: 2;
  +
background: transparent;
  +
box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
  +
}

Revision as of 02:07, 10 October 2019

/* For elements which only display in the mobile view */
.mobileonly {display: none;}

/* Fonts */
/* cyrillic */
@font-face {
  font-family: 'Underdog';
  font-style: normal;
  font-weight: 400;
  src: local('Underdog'), local('Underdog-Regular'), url(https://fonts.gstatic.com/s/underdog/v8/CHygV-jCElj7diMroWShWV82Nw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Underdog';
  font-style: normal;
  font-weight: 400;
  src: local('Underdog'), local('Underdog-Regular'), url(https://fonts.gstatic.com/s/underdog/v8/CHygV-jCElj7diMroWSrWV82Nw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Underdog';
  font-style: normal;
  font-weight: 400;
  src: local('Underdog'), local('Underdog-Regular'), url(https://fonts.gstatic.com/s/underdog/v8/CHygV-jCElj7diMroWSlWV8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Variables (constant) */
body {
    --gp-orange:        #f48020;
}

/* Variables (skin) */
body {
    --fancy-font:       "Underdog";
    --bg-file:          url(https://gamepedia.cursecdn.com/epictavern_gamepedia_en/3/3a/Bg.png);
    --text-content:     #f9fbfc;
    --link:             #e88a19;
    --fp-glow-initial:  #392911;
    --fp-glow-hover:    #f19205;
}

/* When title sub line is empty, remove its margin (provides better vertical centering for main page) */
#contentSub:empty {margin: 0;} 

#mw-panel.collapsible-nav .portal#p-claimWiki {
    margin: 0px 11px;
}

/* Background */
body {
    background: no-repeat fixed center top / cover #000 var(--bg-file);
}

div#content a:link:not(.new),
div#content a:visited:not(.new) {
    color: var(--link);
    font-weight: bold;
}

div#content .mw-editsection a:link,
div#content .mw-editsection a:visited {
	color: #fdfdfd !important;
}

div#content {
    margin-right:5px;
    color: var(--text-content);
}

div#content h1, 
div#content h2,
div#content h3, 
div#content h4,
div#content h5, 
div#content h6 {
    color: var(--link);
}

div#content h1, 
div#content h2 {
    border-bottom: 1px solid #fff;
}

#toc h2 {
    font-family: inherit !important;
}

div#content,
div.vectorMenu div.menu {
    border-width: 2px;
    border: none;
    background-color: rgba(0,0,0,0.82);
}

div.vectorMenu div.menu {
    top: 39px;
}

div.vectorMenu div.menu li:hover {
    background: rgba(255,255,255,0.3);
}

div.vectorMenu div.menu li a:link,
div.vectorMenu div.menu li a:visited {
    text-decoration: none;
    font-weight: bold;
    color: white;
}

div#mw-page-base {
    background: transparent;
}










/* Bullet color (white) */
ul {
    list-style-type: disc;
    list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

/* Gamepedia lines */
footer {border-top: 3px solid var(--gp-orange);}
.netbar-flex {border-bottom: 1px solid var(--gp-orange);}

/* Logo */
#mw-panel {
    margin-top: 40px;
}

#p-logo {
    top: -195px;
}

#p-logo a {
    height: 200px;
    width: 164px;
}
















/* this CSS governs the responsive 2 column main page layout */
#fp-container {
    display: grid;
    grid-template-areas: "a" "b" "c";
    grid-template-columns: 100%;
}

@media screen and (min-width:990px) {
    #fp-container {
        grid-template-areas: "a b" "c c";
        grid-template-columns: 50% 50%;
    }
}
@media screen and (min-width:1350px) {
    #fp-container {
        grid-template-areas: "a b" "c b";
        grid-template-columns: auto 520px;
    }
}

.fp-section {
    display: flex;
    flex-wrap: wrap;
}

#fp-top {
    grid-area: a;
}

#fp-flex {
    grid-area: b;
}

#fp-bottom {
    grid-area: c;
}







/* Welcome */
.fpbox .welcome,
.fpbox .heading {
    color: var(--link);
    font-family: var(--fancy-font);
    font-weight: 900;
}



/* -- Frontpage Navs -- */
.fplinks a,
.fplinks a:link,
.fplinks a:hover,
.fplinks a:visited {
    color: var(--link) !important;
    font-size: 16px;
    font-weight: 600 !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0.3em;
    box-shadow: 0px 0px 20px var(--fp-glow-initial);
    text-decoration: none;
    border-radius: 5px;
}

.fplink {
	padding: 5px;
    border-radius: 15px;
}

.fplink a:hover, 
.fplinks a:active {
	box-shadow: 0px 0px 20px var(--fp-glow-hover);
	text-decoration: none;
}

.fplink-outer {
	padding: 9px;
}


/* ------------- */

#game-desc {
    padding: 0 15px;
}

.fpbox .welcome {
    font-size: 350%;
    margin: 10px 0 0px 0;
    padding: 0 0 5px 0;
    font-variant: small-caps;
    letter-spacing: 3px;
    line-height: 55px;
}

.fpbox .heading {
    font-size: 250%;
    border-bottom: 1px solid rgba(200, 200, 200, 0.3);
    font-variant: small-caps;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 0;
    letter-spacing: 5px;
}

.fpbox .heading .smalllink {
    color: #e0e0e0; /* change for hydra (light) wikis */
    font-size: 75%;
    font-weight: bold;
}

.fpbox hr {
    border: none;
}

.fplinks {
    margin: -5px;
    border-bottom-width: 0px;
}

.fplinks .linkslabel {
    background: rgba(0, 0, 0, 0);
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}

.fplink {
    vertical-align: middle;
    width: 100%;
}


#fptopsection .fplink.image,
#fpflexsection .fplink.image,
#fpbottomsection .fplink.image {
    height: 114px;
    width: 114px;
}

.fplink.image .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 75%;
  z-index: 1;
}

.fplink.image a {
  z-index: 2;
}

.fplink a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1px 5px;
}

.fplink.image .image a {
  padding: 0;
}

.fplink.image .link a {
  background: rgba(0, 0, 0, 0.1);
  border-top: 2px solid #505050;
}

.fplink.wide a {
  margin: 0 -5px;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.fpvideo {
  display: inline-block;
  margin: 0 5px;
}


/* Top nav */
div#left-navigation {
    margin-left: 195px !important;
}

div.vectorMenu h3, 
div.vectorMenu h3 a, 
div.vectorMenu h5 a {
    background-image: none !important;
    background: inherit !important;
}

div.vectorMenu h3 a:link, 
div.vectorMenu h3 a:visited,
div.vectorMenu h5 a:link,
div.vectorMenu h5 a:visited,
div.vectorMenu h3 span,
div.vectorMenu h5 span {
    color: white !important;
    font-weight: bold !important;
    text-shadow: 0px 0px 7px black;
}

div.vectorTabs ul li,
div.vectorTabs li.selected {
    background: none !important;
}

div.vectorTabs ul {
    background: none;
}

div.vectorTabs ul li a:link,
div.vectorTabs ul li a:visited,
div.vectorTabs li.selected a:link,
div.vectorTabs li.selected a:visited {
    color: white;
    text-shadow: 0px 0px 7px black;
}

div.vectorMenu h3 span,
div.vectorMenu h5 span {
    margin-top: -1px;
}

div.vectorMenu h3, 
div.vectorMenu h3 a, 
div.vectorMenu h5 a {
    background-image: none !important;
    background: inherit !important;
}

div.vectorTabs ul li,
div.vectorTabs li.selected {
    background: none !important;
}

div.vectorTabs span {
    background: none !important;
    font-weight: bold !important;
}

div.vectorTabs {
    background: none !important;
}

div.vectorMenu h3 span,
div.vectorMenu h5 span {
    background: none !important;
    background-image: none !important;
    border:0 !important; 
}

#p-sharing-label, #p-cactions-label {
    text-shadow: 0px 0px 7px black;
}


/* Sidebar */
#mw-panel .portal:not(.first) {
	margin: 8px 0;
	padding: 0;
	border-radius: .3em;
	background: rgba(0, 0, 0, .7);
	box-shadow: inset 0 0 10px rgba(255, 255, 255, .06);
}

#mw-panel #p-logo + div.portal {
    margin-top: 8px;
}

div#mw-panel div.portal#p-socialProfiles{
	background: none;
	box-shadow: none;	
}

#mw-panel .portal .body ul {
    padding: 0.3em 0;
}

#mw-panel.collapsible-nav .portal .body ul {
	padding-top: 0;
}

#mw-panel.collapsible-nav #p-navigation .body ul {
	padding-top: 0.3em;
}

#mw-panel.collapsible-nav .portal h3 {
	padding-top: 5px;
	padding-bottom: 5px;
}

#mw-panel.collapsible-nav div.portal.collapsed h3:hover {
	text-decoration: none;
}

div#mw-panel div.portal h3, 
#mw-panel.collapsible-nav .portal h3 a, 
#mw-panel.collapsible-nav .portal h3 a:visited, 
#mw-panel.collapsible-nav .portal.collapsed h3 a, 
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: white !important;
    font-weight: bold;
}

div#mw-panel div.portal div.body ul li a {
    color: white !important;
    font-weight: bold;
}

div#mw-panel div.portal div.body ul li a:visited {
	color: inherit;
}

div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}



/* Sidebar vertical offset to accommodate logo height */
div#mw-panel {
    padding-top: 0;
}

/* toc */
#toc {
    background-color: rgba(0,0,0,0.1) !important;
    border: 1px solid #B39DA7 !important;
    padding: 15px 20px;
}


/* Tables */
table.wikitable td {
    padding: 10px !important;
}

table.wikitable th {
    background-color: var(--link) !important;
    color: black;
}


/* Footer */
div#footer {
    background: rgba(0, 0, 0, 0.55);
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

div#footer li {
    color:white !important;
}

div#footer a:link, 
div#footer a:visited {
    color:white;
    text-decoration: underline;
}                                        

/* Side-by-side previews */
div.wikiEditor-ui,
div.wikiEditor-preview-contents {
    background: transparent !important;
}

div.wikiEditor-ui-controls {
    background: none;
}

div.wikiEditor-ui-buttons {
    background: none;
    border-top: none;
}


/* calinks */
.catlinks {
    border: 0px solid white !important;
    padding-left: 15px !important;
}


/* Preferences */
#preferences {
    background: rgba(0,0,0,0.4) !important;
}

#preftoc li a {
    font-weight: normal !important;
}

#preftoc li.selected a {
    background: transparent;
    color: white !important;
}

#preferences legend {
    color: var(--link) !important;
    font-weight: bold !important;
    font-size: 110% !important; 
}


/* Search */
.mw-search-profile-tabs {
    padding: 5px !important;
    background: black !important;
}

.mw-search-profile-tabs li.normal a:link,
.skin-hydradark .mw-search-profile-tabs li.normal a:visited {
    font-weight: normal !important;
    color: #cfcfcf !important;
}

.skin-hydradark .mw-search-profile-tabs li.current a:link,
.skin-hydradark .mw-search-profile-tabs li.current a:visited {
    font-weight: bold !important;
    color: var(--link) !important;
}













/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(40, 40, 40, 1);
    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: #333; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background-color: #333; 
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    padding: 0em;
}


/* copyright images tweak */
.skin-hydradark .copyright-icon {
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}


/* Visual editor */
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
    background-color: #282828;
    border: 1px solid #383838;
    box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: #e0e0e0;
}

.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
    filter: invert(100%);
}

.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
    filter: unset;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    border-color: #ffffff;
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter: invert(100%);
}

.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
    background-color: #282828;
}

.oo-ui-indicator-down {
    background-image: linear-gradient(transparent,transparent),url(https://commons.gamepedia.com/media/commons.gamepedia.com/0/00/Light_down_arrow.svg);
    filter: unset;
}

.ve-ui-mwSaveDialog-options {
    background-color: #282828;
}

.ve-ui-mwSaveDialog-license {
    color: #e0e0e0;
}

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

.mw-checkbox-toggle-controls a,
.mw-checkbox-toggle-controls a:link,
.mw-checkbox-toggle-controls a:visited {
    color: white !important;
    font-weight: bold;
}

/* Interwiki page legend tweak */
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
    color: #000 !important;
}

/* Interwiki expand link */
.mw-collapsible-toggle a {
    color:#fff !important;
}

/* 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 {
    --border: #383838;
    background-color: #282828;
    border-bottom-color: var(--border);
    border-right-color: var(--border);
    border-top-color: var(--border);
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.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-gray     {border-left-color: #383838;}
.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 #bbbbaa;}
.ambox-green    {border-left: 10px solid #228b22;}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left: 0.8em;
     margin-top: 0.5em;
}

/* Navbox template style */
table.navbox {
    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 */




















/* this CSS governs the responsive 2 column main page layout */
.fpmaybecols {
    overflow: hidden;
    margin: -5px 0;
}

.fpmaybecols + .fpmaybecols {
    margin: 0 0 -5px;
}

.fpbox .heading .smalllink {
    color: #e0e0e0;
    font-size: 75%;
    font-weight: bold;
}

.fpbox hr {
    border: none;
    border-bottom: 2px solid #505050;
}

@media (min-width: 990px) {
    .fpmain {
        padding-right: 520px;
        width: auto;
    }

    #fpbottomsection,
    #fptopsection {
        float: left;
        width: 100%;
    }

    #fpflexsection {
        float: right;
        width: 520px;
        margin-right: -520px;
    }

    #fpbottomsection {
        margin-top: -5px;
    }
}

/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
    border: 0;
    border-bottom: 1px solid #505050;
}

.fpbox {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid var(--link);
    box-shadow: 0 2px 5px #505050;
}

.fplink {
    background: rgba(0,0,0,0.3);
    text-align: center !important;
}

.fplink-fullwidth .fplink {
    background: rgba(0,0,0,0.4);
}

.linkslabel {
    border-bottom: 2px solid #505050;
}











/* Black sort arrows on sortable tables */
table.jquery-tablesorter th.headerSort {
    background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%209%22%20height%3D%229%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.5%205l-4%204-4-4zM14.5%204l-4-4-4%204z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
}

table.jquery-tablesorter th.headerSortUp {
    background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%204%22%20height%3D%224%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6.5%204l4-4%204%204z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
}

table.jquery-tablesorter th.headerSortDown {
    background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%204%22%20height%3D%224%22%20width%3D%2221%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%2F%3E%0A%3C%2Fsvg%3E%0A) !important;
}











/* Special */
footer {
    background: black;
    z-index: 999999 !important;
}

/* color fix */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
	height: 3.5em;
	position: -webkit-sticky;
	position: sticky;
	padding-top: 0.5em;
	margin-top: -0.5em;
	top: 0;
	z-index: 2;
	background: transparent;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
}
Community content is available under CC BY-NC-SA unless otherwise noted.