Mask Of Semblance Wiki
Don't have an account?
Register
Register
Mask Of Semblance Wiki
Mask Of Semblance Wiki
10
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
(Blanked the page)
Tag: Blanking
No edit summary
Line 1: Line 1:
  +
/* CSS placed here will affect users of the Hydra skin */
  +
/* For elements which only display in the mobile view */
  +
.mobileonly {
  +
display: none;
  +
}
  +
  +
/* Fonts */
  +
@font-face {
  +
font-family: 'Avant-Garde-Book-BT';
  +
src: local('Avant-Garde-Book-BT'), local('Avant-Garde-Book-BT'), url('/media/hydra/fonts/Avant-Garde-Book-BT.ttf') format('truetype');
  +
}
  +
  +
#mw-panel.collapsible-nav .portal#p-claimWiki {
  +
margin: 0px 11px;
  +
}
  +
  +
/* When title sub line is empty, remove its margin */
  +
#contentSub:empty {
  +
margin: 0;
  +
}
  +
  +
/* Background */
  +
body {
  +
background: url(https://gamepedia.cursecdn.com/maskofsemblance_gamepedia_en/9/98/Bg.jpg) no-repeat fixed center top / cover #000;
  +
}
  +
  +
div#content a:link:not(.new),
  +
div#content a:visited:not(.new) {
  +
color: #24CCD5;
  +
font-weight: bold;
  +
}
  +
  +
div#content .mw-editsection a:link,
  +
div#content .mw-editsection a:visited {
  +
color: #fdfdfd !important;
  +
}
  +
  +
  +
div#content {
  +
margin-right:5px;
  +
color:#f9fbfc;
  +
}
  +
  +
div#content h1,
  +
div#content h2,
  +
div#content h3,
  +
div#content h4,
  +
div#content h5,
  +
div#content h6 {
  +
color: #fff;
  +
  +
}
  +
  +
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: #f48020 3px solid;
  +
}
  +
  +
.netbar-flex {
  +
border-bottom: 1px solid #f48020;
  +
}
  +
  +
/* Logo */
  +
#mw-panel {
  +
margin-top: 40px;
  +
}
  +
  +
#p-logo {
  +
top: -195px;
  +
}
  +
  +
#p-logo a {
  +
height: 200px;
  +
width: 164px;
  +
}
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
.fpcontent {
  +
width: 100%;
  +
overflow: hidden;
  +
z-index: 1;
  +
}
  +
  +
.fpmaybecols {
  +
overflow: hidden;
  +
margin: -5px 0 -5px 0;
  +
}
  +
  +
.fpmaybecols + .fpmaybecols {
  +
margin: 0 0 -5px 0;
  +
}
  +
  +
.fpbox {
  +
background: rgba(0,0,0,.6);
  +
color: #e0e0e0; /* change for hydra (light) wikis */
  +
margin: 5px 5px 15px 5px;
  +
padding: 5px 5px 15px 5px;
  +
border: #7B552C 1px solid;
  +
}
  +
  +
.fpplainbox {
  +
padding: 5px 8px 10px 8px;
  +
margin: 0 5px 10px 5px;
  +
vertical-align: top;
  +
}
  +
  +
  +
  +
  +
  +
  +
  +
  +
  +
/* Welcome */
  +
  +
.fpbox .welcome,
  +
.fpbox .heading {
  +
color: #fff;
  +
font-family: "Avant-Garde-Book-BT";
  +
font-weight: 900;
  +
}
  +
  +
  +
  +
/* -- Frontpage Navs -- */
  +
  +
.fplinks a,
  +
.fplinks a:link,
  +
.fplinks a:hover,
  +
.fplinks a:visited {
  +
color: #ccc8c8 !important;
  +
font-size: 16px;
  +
font-weight: 600 !important;
  +
letter-spacing: 2px;
  +
text-transform: uppercase;
  +
padding: 0.3em;
  +
box-shadow: 0px 0px 20px #95caed;
  +
text-decoration: none;
  +
border-radius: 5px;
  +
}
  +
  +
.fplink {
  +
padding: 5px;
  +
border-radius: 15px;
  +
}
  +
  +
.fplink a:hover,
  +
.fplinks a:active {
  +
box-shadow: 0px 0px 20px #eaeced;
  +
text-decoration: none;
  +
}
  +
  +
.fplink-outer {
  +
padding: 9px;
  +
}
  +
  +
  +
/* ------------- */
  +
  +
#game-desc {
  +
padding: 0 15px;
  +
}
  +
  +
.fpbox .welcome {
  +
font-size: 310%;
  +
margin: 10px 0 0px 0;
  +
padding: 0 0 5px 0;
  +
font-variant: small-caps;
  +
letter-spacing: 3px;
  +
line-height: 55px;
  +
}
  +
  +
.fpbox .heading {
  +
font-size: 200%;
  +
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(196, 196, 196, .21);
  +
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: #6ddbe1 !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, #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: #24CCD5 !important;
  +
font-weight: bold !important;
  +
font-size: 110% !important;
  +
}
  +
  +
  +
/* Search */
  +
.mw-search-profile-tabs {
  +
padding: 5px !important;
  +
background: black !important;
  +
border: 1px solid #dddcd7 !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: #24CCD5 !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: #ffffff !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 {
  +
background-color: #282828;
  +
border-bottom-color: #383838;
  +
border-right-color: #383838;
  +
border-top-color: #383838;
  +
border-collapse: collapse;
  +
font-size: 95%;
  +
margin: 0 auto 2px auto;
  +
width: 80%;
  +
}
  +
  +
.ambox-gray {
  +
border-left-color: #383838;
  +
}
  +
  +
.ambox.ambox-tiny {
  +
font-size: 90%;
  +
margin: 2px 0;
  +
width: auto;
  +
}
  +
  +
.ambox + .ambox {
  +
margin-top: -2px;
  +
}
  +
  +
.ambox-text {
  +
padding: 0.25em 0.5em;
  +
}
  +
  +
.ambox-image {
  +
padding: 2px 0px 2px 0.5em;
  +
text-align: center;
  +
width: 60px;
  +
}
  +
  +
.ambox-tiny .ambox-image {
  +
padding: 2px 0.5em;
  +
text-align: left;
  +
width: auto;
  +
}
  +
  +
/* Ambox colors */
  +
.ambox-blue {
  +
border-left: 10px solid #1e90ff;
  +
}
  +
  +
.ambox-red {
  +
border-left: 10px solid #b22222;
  +
}
  +
  +
.ambox-orange {
  +
border-left: 10px solid #f28500;
  +
}
  +
  +
.ambox-yellow {
  +
border-left: 10px solid #f4c430;
  +
}
  +
  +
.ambox-purple {
  +
border-left: 10px solid #9932cc;
  +
}
  +
  +
.ambox-gray {
  +
border-left: 10px solid #bba;
  +
}
  +
  +
.ambox-green {
  +
border-left: 10px solid #228b22;
  +
}
  +
  +
/* Ambox small text */
  +
.amsmalltext {
  +
font-size: smaller;
  +
margin-left: 0.8em;
  +
margin-top: 0.5em;
  +
}
  +
  +
/* 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 #dbd2d2;
  +
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 05:05, 19 April 2019

/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

/* Fonts */
@font-face {
	font-family: 'Avant-Garde-Book-BT';
	src: local('Avant-Garde-Book-BT'), local('Avant-Garde-Book-BT'), url('/media/hydra/fonts/Avant-Garde-Book-BT.ttf') format('truetype');
}

#mw-panel.collapsible-nav .portal#p-claimWiki {
    margin: 0px 11px;
}
 
/* When title sub line is empty, remove its margin */
#contentSub:empty {
    margin: 0;
} 

/* Background */
body {
    background: url(https://gamepedia.cursecdn.com/maskofsemblance_gamepedia_en/9/98/Bg.jpg) no-repeat fixed center top / cover #000;
}

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

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


div#content {
    margin-right:5px;
    color:#f9fbfc;
}

div#content h1, 
div#content h2,
div#content h3, 
div#content h4,
div#content h5, 
div#content h6 {
    color: #fff;

}

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: #f48020 3px solid;
}

.netbar-flex {
    border-bottom: 1px solid #f48020;
}

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

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

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
















.fpcontent {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.fpmaybecols {
    overflow: hidden;
    margin: -5px 0 -5px 0;
}

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

.fpbox {
    background: rgba(0,0,0,.6);
    color: #e0e0e0; /* change for hydra (light) wikis */
    margin: 5px 5px 15px 5px;
    padding: 5px 5px 15px 5px;
    border: #7B552C 1px solid;
}

.fpplainbox {
    padding: 5px 8px 10px 8px;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}









/* Welcome */

.fpbox .welcome,
.fpbox .heading {
    color: #fff;
    font-family: "Avant-Garde-Book-BT";
    font-weight: 900;
}



/* -- Frontpage Navs -- */

.fplinks a,
.fplinks a:link,
.fplinks a:hover,
.fplinks a:visited {
    color: #ccc8c8 !important;
    font-size: 16px;
    font-weight: 600 !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0.3em;
    box-shadow: 0px 0px 20px #95caed;
    text-decoration: none;
    border-radius: 5px;
}

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

.fplink a:hover, 
.fplinks a:active {
	box-shadow: 0px 0px 20px #eaeced;
	text-decoration: none;
}

.fplink-outer {
	padding: 9px;
}


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

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

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

.fpbox .heading {
    font-size: 200%;
    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(196, 196, 196, .21);
	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: #6ddbe1 !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, #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: #24CCD5 !important;
    font-weight: bold !important;
    font-size: 110% !important; 
}


/* Search */
.mw-search-profile-tabs {
    padding: 5px !important;
    background: black !important;
    border: 1px solid #dddcd7 !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: #24CCD5 !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: #ffffff !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 {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

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

/* 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 #dbd2d2;
    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.