When Rivers Were Trails Wiki
Don't have an account?
Register
Advertisement
Register
When Rivers Were Trails Wiki
When Rivers Were Trails Wiki
51
pages

Hydradark.css

MediaWiki page
Revision as of 12:37, 12 February 2020 by Encredechine (talk | contribs)
Sign in to edit

CSS and Javascript changes must comply with the wiki design rules.

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Hydradark skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

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

@font-face {
	font-family: 'OpenSans-BoldItalic';
	src: local('OpenSans-BoldItalic'), local('OpenSans-BoldItalic'), url(/media/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');
}

@font-face {
	font-family: 'OpenSans-ExtraBold';
	src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url(/media/hydra/fonts/OpenSans-ExtraBold.ttf) format('truetype');
}

@font-face {
	font-family: 'OpenSans-ExtraBoldItalic';
	src: local('OpenSans-ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url(/media/hydra/fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');
}

@font-face {
	font-family: 'OpenSans-Italic';
	src: local('OpenSans-Italic'), local('OpenSans-Italic'), url(/media/hydra/fonts/OpenSans-Italic.ttf) format('truetype');
}

@font-face {
	font-family: 'OpenSans-Light';
	src: local('OpenSans-Light'), local('OpenSans-Light'), url(/media/hydra/fonts/OpenSans-Light.ttf) format('truetype');
}

@font-face {
	font-family: 'OpenSans-LightItalic';
	src: local('OpenSans-LightItalic'), local('OpenSans-LightItalic'), url(/media/hydra/fonts/OpenSans-LightItalic.ttf) format('truetype');
}


@font-face {
	font-family: 'OpenSans-Regular';
	src: local('OpenSans-Regular'), local('OpenSans-Regular'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'OpenSans-Semibold';
	src: local('OpenSans-Semibold'), local('OpenSans-Semibold'), url(/media/hydra/fonts/OpenSans-Semibold.ttf) format('truetype');
}

@font-face {
	font-family: 'OpenSans-SemiboldItalic';
	src: local('OpenSans-SemiboldItalic'), local('OpenSans-SemiboldItalic'), url(/media/hydra/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');
}


@font-face {
  font-family: 'Ultra';
  font-style: normal;
  font-weight: 400;
  src: local('Ultra Regular'), local('Ultra-Regular'), url(https://fonts.gstatic.com/s/ultra/v12/zOLy4prXmrtY-uT9wrI.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;
}

p {
  font-family: "OpenSans-Regular";
}

h1, h2, h4, h5, h6 {
  color: gray;
  font-size: 14px;
  text-shadow:  1px  1px 1px black,
                1px -1px 1px black,
               -1px  1px 1px black,
               -1px -1px 1px black;
  font-family: "Ultra", "serif";
  border-bottom: 1px solid gray;
}

.mw-body .firstHeading,
.mw-body h1, 
.mw-body h2 {
   color: gray;
   text-shadow:  1px  1px 1px black,
                1px -1px 1px black,
               -1px  1px 1px black,
               -1px -1px 1px black;
   font-family: "Ultra", "serif";
   border-bottom: 1px solid gray;
}

/* logo */
#p-logo a {
    
}

/* links/anchors */
a, 
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited {
   color: #8CADB5;
   font-family: "OpenSans-Semibold";
}

a:hover {
   color: #e5e5a0;
}
 

/* Thumbnails */
li.gallerybox div.thumb {
    background: rgba(62, 43, 23, 0.8);
    border: 1px solid #9F5842;

}

/* Hide main page header */
body.page-FAR_Lone_Sails_Wiki h1.firstHeading {
    display:none;
}


body {
        background-image: url(/media/whenriversweretrails.gamepedia.com/e/e2/Bg_wiki.png);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #05837B;
	background-size: cover;
}


#catlinks, 
#toc, 
.toc, 
.mw-warning {
	background: url(media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
        background-color: #9F5842;
        border: 1px solid #9F5842;
}

div#toc, 
div.toc, 
div.mw-warning {
        background-color: #9F5842;
	border-color: #9F5842;
}

.toc a {
    color: #202020;
}

label.toctogglelabel {
	color: #202020;
}

:not(:checked) > .toctogglespan::after {
	content: ']';
	color: black;
}

:not(:checked) > .toctogglespan::before {
	content: ' [';
	color: black;
}

#catlinks a {
    color: #202020;
}

.catlinks li {
    border-left: 1px solid #202020;
}

code {
	color: #e0e0e0;
	background-color: #9b6342;
	border: 1px solid #c8986d;
}

/*******************/
/* Advanced Search */
/*******************/

#mw-searchoptions h4 {
	padding: 0;
	margin: 0;
	float: left;
	font-family: "OpenSans-Regular", "sans-serif";
}

.skin-hydradark .mw-search-profile-tabs {
	background: url(media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
        background-color: #9F5842;
	border: 2px solid #9F5842;
	margin-top: 1em;
}

.skin-hydradark fieldset#mw-searchoptions {
	background-color: rgba(0,0,0,0.3);
	border-color: #383838;
}

.search-types a {
	display: block;
	padding: 0.5em;
	color: #202020;
}

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
        color:gray;
        text-shadow: 1px 1px 1px black,1px -1px 1px black,-1px 1px 1px black,-1px -1px 1px black;
        font-family: "Ultra","serif";
}

/*****************
/* Header styles *
/*****************/
div#mw-head {
  background:transparent !important;
  background-color: transparent !important;
}

#mw-page-base {
   background:transparent !important;
   background-color: transparent !important;
}

#mw-head-base {
	margin-top: -5em;
	margin-left: 10em;
	height: 5em;
}

div#global-wrapper {
    display: flex;
    flex-direction: column;
}

div#pageWrapper {
    flex: 1 0 auto;
    background-color: rgba(40, 23, 14, 0.78);
    padding-left: 0px;
    border-top: 1px solid #7D5734;
}

.mw-body {
  background-color: transparent !important;
  border:none !important;
  color: black;
  direction: ltr;
  margin-top: 15px;
}


/* Vector Tab styles */
#left-navigation {
	margin-left: 14em;
}

#right-navigation {
    margin-right: 3em;
}

div.vectorTabs,
div.vectorTabs span,
div.vectorTabs li.selected,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs li a {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
}

div.vectorTabs ul li {
    margin-right: 5px;
}

div.vectorTabs li span {
	background: url(media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
        background-color: #9F5842;
	display: inline-block;
	border: 2px solid #9F5842;
	border-radius: 4px;
	padding: 2px 10px;
	margin-top: 0.5em;
	height: 19px;
	text-align: center;
}

div.vectorTabs li a {
    background-image: none;
    margin-top: -16px;
}

div#mw-head a,
div#mw-head div.vectorTabs a,
div#mw-head div.vectorMenu a,
.vectorTabs li a span,
div.vectorMenu h3 span {
    color: white;
    font-family: "OpenSans-Semibold";
    text-transform: uppercase;
}

div#mw-head li.new a,
div#mw-head li.new a:visited {
    color: gray !important;
    text-shadow: 1px 1px #000000;
}

div.vectorTabs ul li:first-child {
    border-image: none;
    border-left: medium none;
}

div#mw-head li.selected a,
div#mw-head li.selected a span,
div#mw-head div.vectorTabs li.selected a,
div#mw-head div.vectorTabs li.selected a:visited {
    color: white !important;
    font-weight: bold;
}

div#p-sharing .menu {
    background-color: #443430;
    box-shadow: 0 0.1em 0.75em #443430;
    margin-left: 45px;
    min-width: 0px;
    width: 48px;
}

#p-sharing #socialIconImages img {
    width: 100%;
}

#p-sharing #socialIconImages a {
    width: 40px;
}

div.vectorMenu h3 span {
    font-weight: bold;
    padding-top: 0.1em;
}

div.vectorMenu h3 span a,
div.vectorMenu h3 span a:active {
    background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat scroll center center transparent;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: #FBD63B;
    font-weight: bold;
    padding-top: 0.2em;
    text-shadow: none;
}

div.vectorMenu h3 span::after {
	content: '';
	position: absolute;
	top: 0em;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(/skins/Vector/images/arrow-down.png?42edd);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	opacity: 0.85;
}

div.vectorMenu h3:hover span, 
div.vectorMenu h3:focus span {
	color: #FFFFFF;
}

.vectorTabs #ca-unwatch.icon a, 
.vectorTabs #ca-watch.icon a {
	margin: 0;
	padding: 0;
	display: block;
	width: 28px;
	padding-top: 3.1em;
	margin-top: -0.8em;
	height: 0;
	overflow: hidden;
	background-position: 5px 60%;
	background-repeat: no-repeat;
}

div#mw-head div.vectorMenu h3 {
        background: url(media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
        background-color: #9F5842;
	display: inline-block;
	border: 2px solid #9F5842;
	border-radius: 4px;
	padding: 2px 10px;
	margin-top: 0.5em;
	height: 19px;
	text-align: center;
}

div.vectorMenu h3 a,
div.vectorMenu h3 a:active {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png");
    background-position: 50% 50%;
    border: medium none;
}

div.vectorMenu div.menu {
    border: none;
    left: auto;
    margin-left: 5px;
    right: 0;
    top: 40px;
}

div#mw-head div.vectorMenu ul {
    background-color: #443430;
    box-shadow: 0 0.1em 0.75em #443430;
    background-image: none;
    border-right: 5px none;
}

div#mw-head div.vectorMenu li a {
    color: gray;
}

div#mw-head div.vectorMenu li a:hover {
    color: white;
}

/* sidebar */
div#mw-panel {
  font-size: inherit;
  left: 0;
  padding-top: 2em;
  position: absolute;
  top: 160px;
  width: 10em;
}

div#mw-panel div.portal div.body ul li a:link,
div#mw-panel div.portal div.body ul li a:visited {
  color: white;
  font-family: "OpenSans-Regular";
}

.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a,
.skin-hydradark div#mw-panel div.portal h3 {
  color: gray;
  font-size: 14px;
  text-shadow:  1px  1px 1px black,
                1px -1px 1px black,
               -1px  1px 1px black,
               -1px -1px 1px black;
  font-family: "Ultra", "serif";
}

.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAdUlEQVQ4T2P4//8/Awh//vmbIIapJUYP2NBRg0HBijMoZs2a9Z8BDVAljCsrK/+jG041g9ENRzcYn0U4gwJkKAzDXE51g0EWbNy4EWguJGniwsh5gWouRs9gBA1GjkBiXAqzAK/BNEkVNEvH2AolqqTjQWswAHw/xQMAnZaHAAAAAElFTkSuQmCC");
  color: #ffffff;
}

.skin-hydradark #mw-panel.collapsible-nav .portal h3, 
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAVUlEQVQ4T2NgGAWjIYA3BGbNmvW/srISJwbJkxyE//9D9OAynCxDQQbCDMZmONmGohuMbDhFhmIzGCS2ceNG0sMUORJAwUAJxhuhxBhMcooY1QAKAQBL4ZbE1eFRMgAAAABJRU5ErkJggg==");
}


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

#pagehistory li.selected {
	color: #e0e0e0;
	background-color: #46372f;
	border-color: #101010;
	border-style: solid;
	border-width: 1px 0;
}

table.diff, 
td.diff-otitle, 
td.diff-ntitle {
	background-color: transparent;
}

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

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

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background: rgba(57, 65, 83, 0.62);
    border: 1px solid #4D626CA6;
    box-shadow: 0 2px 5px #4D626CA6;
    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: url(/media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
    background-color: #9F5842;
    border: 2px solid #9F5842; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
    color: #202020;
}

.infoboxname {
    background: url(/media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
    background-color: #9F5842;
    border: 2px solid #9F5842;
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
    color: #202020;
    font-family: "Ultra","serif";
}

.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;
}

.feature {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px; padding: 10px;
}

/* Navbox template style */
table.navbox {
    background: rgba(57, 65, 83, 0.62);
    border: 1px solid #4D626CA6;
    box-shadow: 0 2px 5px #4D626CA6;
    color: #ffffff;
    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: url(/media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
    background-color: #9F5842;
    border: 2px solid #9F5842;
    color: #202020;
}

/* Level 2 styling */
.navbox-abovebelow, 
.navbox-group, 
.navbox-subgroup .navbox-title {
	background: rgba(0,0,0,0.2);
	color: #202020;
	background: url(/media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
	background-color: #9F5842;
	border: 2px solid #9F5842;
}

/* 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, 159, 89, 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 */


/* Preferences */
.skin-hydradark #preftoc,
.skin-hydradark #preftoc li,  
.skin-hydradark #preferences, 
.skin-hydradark #preftoc li a {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    color: #e0e0e0; /* this font color may need tweaking, depending on your background choices */
}

.skin-hydradark #preftoc li:first-child {
    margin-bottom: 7px;
    margin-left: 5px;
}

.skin-hydradark #preftoc li.selected a {
    background: rgba(0, 0, 0, 0.4);
    border-color: #080808 #080808 rgba(0, 0, 0, 0.5);
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 1px;
    color: #754436; /* this font color may need tweaking, depending on your background choices */
}

.skin-hydradark #preferences {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #080808;
    border-radius: 3px;
}

.skin-hydradark #preferences fieldset {
    border-color: #080808;
}

.skin-hydradark #preferences legend {
    color: #e0e0e0;
}

.skin-hydradark .oo-ui-tabSelectWidget {
	background: url(media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
        background-color: #9F5842;
	color: #fff;
}


.skin-hydradark .oo-ui-widget-enabled .oo-ui-optionWidget-selected {
	background-color: rgba(0,0,0,0.6);
}

.skin-hydradark .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
	background-color: rgba(0,0,0,0.5);
}

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, 
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
	border-color: #9F5842;
}

.skin-hydradark .mw-prefs-buttons {
	background: url(media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
        background-color: #9F5842;
        border-top: 1px solid #9F5842;
}

/***********************/
/* wiki editor styling */
/***********************/
div.wikiEditor-ui {
    background: rgba(0, 0, 0, 0);
    border: none;
}

div.wikiEditor-ui-tabs div {
    border-bottom: 1px solid #080808;
    border-right: 1px solid #080808;
}

div.wikiEditor-ui-buttons {
    background: rgba(0, 0, 0, 0);
    border-top: none;
    margin-right: 5px;
}

div.wikiEditor-ui-toolbar {
    background: none repeat scroll 0 0 rgba(70, 46, 38, 0.5);
}

div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
    color: #e0e0e0;
}

div.wikiEditor-ui-toolbar .tabs span.tab a.current,
div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #e0e0e0;
    font-weight: bold;
}

div.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #080808;
    color: #e0e0e0;
}

div.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #ebc599;
    color: #ebc599;
}

div.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(0, 0, 0, 0.2);
}

div.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(0, 0, 0, 0.2);
    color: #EBC599;
}

div.wikiEditor-ui-toolbar .booklet .index div {
    color: #e0e0e0;
}

div.wikiEditor-ui-toolbar .page-characters div span:hover  {
    background-color: #5b452a;
    border-color: #ebc599;
    color: #ebc599;
}

div.wikiEditor-ui-toolbar .page-table th,
div.wikiEditor-ui-toolbar .page-table td {
    color: #e0e0e0;
}

div.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #080808;
}

div.wikiEditor-ui-tabs div a {
    background: none repeat scroll 0 0 #181818;
    display: inline-block;
    color: #FFFFFF;
}

div.wikiEditor-ui-tabs div.current {
    border-bottom: 1px solid #080808;
}

div.wikiEditor-ui-tabs div.current a {
    color: #754436;
    font-weight: bold;
}

div.wikiEditor-ui-tabs {
    border-left: 1px solid #080808;
    border-top: 1px solid #080808;
}

div.wikiEditor-preview-contents {
    border-color: #080808;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #e0e0e0;
}

div.wikiEditor-ui-controls {
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #080808;
}

div.wikiEditor-preview-contents,
div.wikiEditor-preview-loading {
    background-color: rgba(0, 0, 0, 0);
}

div.editOptions {  
    background-color: rgba(0, 0, 0, 0.4);
    border-color: -moz-use-text-color #080808 #080808;
    border-image: none;
    border-radius: 0 0 3px 3px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

#msupload-div {
	padding: 0;
	background: #08827B;
	border: 1px solid #aaa;
	z-index: 0;
}

div.wikiEditor-ui .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover,
div.wikiEditor-ui-toolbar .sections .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
	background-color: #5b452a;
	outline-color: #ebc599;
}

div.wikiEditor-ui-toolbar .group .tool-select {
	background-color: #443430;
	border-color: #443430;
}

div.wikiEditor-ui-toolbar .group .tool-select .menu .options {
	background-color: #443430;
	border-color: #443430;
}

/* list styles */
ul {
    list-style-type: disc;
    list-style-image: url(/media/whenriversweretrails.gamepedia.com/8/80/List_ico.png);
}

/***********/
/* some fx */
/***********/
.mpimages {
}

.mpimages img {
}

.mpimages:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}


/* tables */
.skin-hydradark table.wikitable {
    background: none repeat scroll 0 0 transparent;
}
.skin-hydradark table.wikitable > caption {
    color: #FFFFFF;
}

.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > * > tr > th {
    background: #937254; /* Old browsers */
    background: -moz-linear-gradient(top,  #937254 0%, #422f21 61%, #31221a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#937254), color-stop(61%,#422f21), color-stop(100%,#31221a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #937254 0%,#422f21 61%,#31221a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937254', endColorstr='#31221a',GradientType=0 ); /* IE6-9 */
    text-align: center;
}

.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > tr > td,
.skin-hydradark table.wikitable > * > tr > th,
.skin-hydradark table.wikitable > * > tr > td {
    border: 1px solid #434649;
    padding: 0.2em;
}

.skin-hydradark .wikitable th {
    background-color: #1e2125;
    border: 1px solid #735d49;
    color: #cccccc;
    padding: 0.2em;
}

.skin-hydradark .wikitable td {
    border: 1px solid #735d49;
    color: #cccccc;
    padding: 0.2em;
    background: #372922;
}

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th, .skin-hydradark table.mw_metadata th {
    background: #937254; /* Old browsers */
    background: -moz-linear-gradient(top,  #937254 0%, #422f21 61%, #31221a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#937254), color-stop(61%,#422f21), color-stop(100%,#31221a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #937254 0%,#422f21 61%,#31221a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937254', endColorstr='#31221a',GradientType=0 ); /* IE6-9 */
    color: #cccccc;
    border: 1px solid #735d49;
    color: #ffffff;
}

.skin-hydradark #mw-allmessagestable tbody:hover td, .TablePager tr:hover td {
	background-color: #3c2e27;
}

table.mw_metadata th {
    background: #937254; /* Old browsers */
    background: -moz-linear-gradient(top,  #937254 0%, #422f21 61%, #31221a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#937254), color-stop(61%,#422f21), color-stop(100%,#31221a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #937254 0%,#422f21 61%,#31221a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937254', endColorstr='#31221a',GradientType=0 ); /* IE6-9 */
    color: #cccccc;
}

table.mw_metadata td {
    background-color: transparent;
}

table.mw_metadata td, table.mw_metadata th {
    border: 1px solid #434649;
}

.skin-hydradark .mw-datatable,
.skin-hydradark .mw-datatable td,
.skin-hydradark .mw-datatable th {
    border: 1px solid #434649;
}

.skin-hydradark .TablePager {
    background-color: rgba(0, 0, 0, 0);
    color: #000000;
    border: 1px solid #434649;
    padding: 0 0.15em;
}
 
.skin-hydradark .TablePager th {
    background: #937254; /* Old browsers */
    background: -moz-linear-gradient(top,  #937254 0%, #422f21 61%, #31221a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#937254), color-stop(61%,#422f21), color-stop(100%,#31221a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #937254 0%,#422f21 61%,#31221a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937254', endColorstr='#31221a',GradientType=0 ); /* IE6-9 */
    color: #cccccc!important;
}

.skin-hydradark .TablePager tr:hover td {
    background-color: #1e2125 !important;
    color: #FFFFFF;
}

.skin-hydradark .TablePager th a {
    background-color: transparent;
    color: #cccccc!important;
}
 
.skin-hydradark .TablePager td {
    background: transparent !important;
    border: 1px solid #434649;
    color: #cccccc;
}

.skin-hydradark table.jquery-tablesorter th.headerSort {
    background-attachment: scroll;
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/36/Sort_both_white.gif"), -moz-linear-gradient(top,  #937254 0%, #422f21 61%, #31221a 100%) !important; /* FF3.6+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/36/Sort_both_white.gif"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#937254), color-stop(61%,#422f21), color-stop(100%,#31221a)) !important; /* Chrome,Safari4+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/36/Sort_both_white.gif"), -webkit-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* Chrome10+,Safari5.1+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/36/Sort_both_white.gif"), -o-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* Opera 11.10+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/36/Sort_both_white.gif"), -ms-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* IE10+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/36/Sort_both_white.gif"), linear-gradient(to bottom,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937254', endColorstr='#31221a',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat, repeat;
    background-position: center right, center center;
    padding-right: 21px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortDown {
    background-attachment: scroll;
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/5/56/Sort_down_white.gif"), -moz-linear-gradient(top,  #937254 0%, #422f21 61%, #31221a 100%) !important; /* FF3.6+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/5/56/Sort_down_white.gif"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#937254), color-stop(61%,#422f21), color-stop(100%,#31221a)) !important; /* Chrome,Safari4+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/5/56/Sort_down_white.gif"), -webkit-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* Chrome10+,Safari5.1+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/5/56/Sort_down_white.gif"), -o-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* Opera 11.10+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/5/56/Sort_down_white.gif"), -ms-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* IE10+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/5/56/Sort_down_white.gif"), linear-gradient(to bottom,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937254', endColorstr='#31221a',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat, repeat;
    background-position: center right, center center;
    padding-right: 21px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortUp {
    background-attachment: scroll;
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/82/Sort_up_white.gif"), -moz-linear-gradient(top,  #937254 0%, #422f21 61%, #31221a 100%) !important; /* FF3.6+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/82/Sort_up_white.gif"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#937254), color-stop(61%,#422f21), color-stop(100%,#31221a)) !important; /* Chrome,Safari4+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/82/Sort_up_white.gif"), -webkit-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* Chrome10+,Safari5.1+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/82/Sort_up_white.gif"), -o-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* Opera 11.10+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/82/Sort_up_white.gif"), -ms-linear-gradient(top,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* IE10+ */
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/82/Sort_up_white.gif"), linear-gradient(to bottom,  #937254 0%,#422f21 61%,#31221a 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#937254', endColorstr='#31221a',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat, repeat;
    background-position: center right, center center;
    padding-right: 21px;
}

fieldset {
	border-color: gray;
}


/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
    border: 0;
}

.fpbox .heading {
        background: url(media/whenriversweretrails.gamepedia.com/b/b3/Bg_ground.jpg);
        background-color: #9F5842;
	border: 2px solid #9F5842;
	border-radius: 4px;
        color: #202020;
        font-family: "Ultra", "serif";
}

.fpbox {
    background: rgba(57, 65, 83, 0.62);
    border: 1px solid #4D626CA6;
    box-shadow: 0 2px 5px #4D626CA6;
}

.fplink:not(.fplink-plain) {
    background: rgba(0,0,0,0.3);
    border: 1px solid #505050;
}

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

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


.glow img {
-webkit-filter: drop-shadow(0px 0px 10px #8BA0A8);
filter: drop-shadow(0px 0px 3.5px
#8BA0A8) drop-shadow(1px 1px 1px
    #8BA0A8);
}
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement