Decay of Logos Wiki
Don't have an account?
Register
Register
Decay of Logos Wiki
Decay of Logos Wiki
75
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
No edit summary
No edit summary
Line 583: Line 583:
 
}
  
}
   
−
/* LEGACY */
 +
/**********/
  +
/* tables */
−
/* Fallback option when va-table isn't used */
  
  +
/**********/
−
table.wikitable {
 +
.skin-hydradark table.wikitable {
−
margin: 1em 0;
  
−
background-color: transparent;
 +
background: none repeat scroll 0 0 transparent;
  +
}
−
border-collapse: collapse;
  
  +
.skin-hydradark table.wikitable > caption {
−
color:white;
 +
color: #FFFFFF;
 
}
  
}
   
−
table.wikitable > * > tr > th {
 +
.skin-hydradark table.wikitable > tr > th,
  ⚫
.skin-hydradark table.wikitable > * > tr > th {
⚫
background-color: #121212;
  
  +
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,
−
/* Data table styling */
 
  +
.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 td,
 
 
table.mw_metadata th {
  
table.mw_metadata th {
  +
background: #937254; /* Old browsers */
⚫
border: 1px solid #A4A393;
  
  +
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;
  
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 {
  
.skin-hydradark .mw-datatable th {
  +
border: 1px solid #434649;
⚫
background-color: #4F3C15;
  
 
}
  
}
   
−
.skin-hydradark .mw-datatable td {
 +
.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;
  
background-color: transparent;
  +
color: #cccccc!important;
  +
}
  +
  +
.skin-hydradark .TablePager td {
  +
background: transparent !important;
  +
border: 1px solid #434649;
  +
color: #cccccc;
 
}
  
}
   
−
.skin-hydradark .mw-datatable tr:hover td {
 +
.skin-hydradark table.jquery-tablesorter th.headerSort {
−
background-color: #151515;
 +
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 .TablePager tr:hover td,
 +
.skin-hydradark table.jquery-tablesorter th.headerSortDown {
  +
background-attachment: scroll;
⚫
.skin-hydradark .mw-datatable tr:hover td {
  
  +
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-color: #282828 !important;
  
  +
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 {
−
/* HydraDark default code */
  
  +
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;
  +
}
   
 
pre {
  
pre {

Revision as of 15:27, 2 April 2020

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

/* BASIC CODE */
body { 
    background: url(https://decayoflogos.gamepedia.com/media/9/98/Bg.jpg) no-repeat;
    background-size:cover;
    background-attachment:fixed;
    background-color:#a7b1af;
}


/*****************/
/* Main Content  */
/*****************/
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: -3em;
	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: 50px;
}

.mw-body .firstHeading {
    margin-top: 1em;
}


/* NAVIGATION BAR AND LOGO */
#p-logo {
    height: 6em;
    margin-bottom: 0em;
    left: 50vw;
    margin-left: -9em;
    background-size: contain;
    margin-top: 0em;
}

#p-logo a {
    background-size: contain;
    width: 18em;
    height: 6em;
}

div#p-portals {
    background: rgba(0,0,0,0.8);
}

/*********************/
/* Vector Tab styles */
/*********************/
#left-navigation {
   margin-left: 12em;
   margin-top: 7em;
}

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

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-color: none;
	display: inline-block;
	border: 0;
	border-radius: 0px;
	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;
    text-shadow: 1px 1px 1px black,1px -1px 1px black,-1px 1px 1px black,-1px -1px 1px black;
}

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

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;
    text-shadow: 1px 1px 1px black,1px -1px 1px black,-1px 1px 1px black,-1px -1px 1px black;
}

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-color: none;
	display: inline-block;
	border: 0;
	border-radius: 0px;
	padding: 2px 10px;
	margin-top: 0.5em;
	height: 19px;
	text-align: center;
        margin-bottom: 0.5em
}

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

/* orange divider off */
div.vectorTabs, 
div.vectorTabs ul, 
div.vectorTabs span, 
div#mw-head div.vectorMenu h3 {
	background-image: none;
}


/*****************/
/* links/anchors */
/*****************/
a, 
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited {
   color: #F7CF8E;
   font-weight: bold;
   font-family: "OpenSans-Semibold", "sans-serif";
}

a:hover {
   color: #eab662;
}

/***********/
/* 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";
  font-weight: normal;
  text-shadow:  1px  1px 1px black,
                1px -1px 1px black,
               -1px  1px 1px black,
               -1px -1px 1px black;
}

.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: #A37A70;
  font-size: 14px;
  text-shadow:  1px  1px 1px black,
                1px -1px 1px black,
               -1px  1px 1px black,
               -1px -1px 1px black;
  font-family: "OpenSans-ExtraBold", "sans-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==");
}

/* divider on persistent menu */
.skin-hydradark div#mw-panel div.portal div.body {
	background-image: linear-gradient(90deg,transparent,#75695E,transparent);
	background-size: 100% 1px;
}



/* FOOTER */
div#footer #footer-info li {
    color: white;
}

div#footer {
    background-color: transparent;
    color: #F4FFF3;
    border: none;
    margin-left: 12em;
    margin-top: 2em;
    border-radius: 4px;
}

div#footer ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 1em;
    margin-right: 2em;
    display: inline;
}

#footer-icons {
    float: left;
}

/* top */
.vectorTabs li a span,
div#mw-head a,
div#mw-head div.vectorTabs a,
div#mw-head div.vectorMenu a {
    color: #A4A393;
    text-transform: uppercase;
    font-weight: bold;
}

/* USER INTERFACE AKA MORE INTERACTIVE STUFF */
/* Editor styling */
div.wikiEditor-ui,
.editOptions,
div.wikiEditor-preview-contents,
div.wikiEditor-preview-loading,
div.wikiEditor-ui-toolbar,
div.wikiEditor-ui-buttons,
div.wikiEditor-ui-controls  {
    background: transparent;
}

.editOptions {  
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

div.wikiEditor-ui {
    border: medium none;
}

div.wikiEditor-ui-buttons {
    border-top: 0px solid white;
}

div.wikiEditor-ui-controls {
    border-bottom: 1px solid #A4A393;
}

/* Page history */
table.diff {
    background-color: transparent;
}

#pagehistory li.selected {
    background-color: #151515;
    border: 1px dashed #aaa;
}

td.diff-context {
    background: transparent;
    border-color: #e6e6e6;
    color: #e6e6e6;
}

td.diff-addedline {
    border-color: #A4A393;
}

td.diff-addedline .diffchange {
    background: #067700;
}

td.diff-deletedline,
td.diff-deletedline .diffchange {
    border-color: #990000;
}

/* Search results styling */
.skin-hydradark .mw-search-profile-tabs,
.skin-hydradark fieldset#mw-searchoptions,
.skin-hydradark .mw-search-profile-tabs {
    background-color: transparent;
    border: 1px solid #A4A393;
}

.mw-ui-button.mw-ui-primary,
.mw-ui-button.mw-ui-progressive {
    background: #A4A393;
    color: #fff;
    border: 1px solid #A4A393;
}

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a,
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a  {
    color: #FFFFFF;
}

/* Preferences styling */
.skin-hydradark #preferences {
    background-color: transparent;
}

.skin-hydradark #preferences legend {
    color: white;
    font-weight: bold;
}

.htmlform-tip {
    color: whitesmoke;
}

.skin-hydradark #preftoc li {
    background-image: none;
    color: #A4A393;
    font-weight: bold;
    text-shadow: 1px 1px black;
}

/* UI TWEAKING */
/* Frontpage pagename display */
body.page-Yuppie_Psycho_Wiki h1.firstHeading {
    display:none;
}

/* Presentation and code fields */
pre, 
code,
.skin-hydradark .mw-code {
    border: 1px solid #ddd;
    color: white;
    background-color: transparent;
    border-style: solid;
    background: rgba(0, 0, 0, 0.69);
}

.mw-highlight {
    background: rgba(0, 0, 0, 0.69);
    color: white;
}

/* Fieldsets, category links, tables of content */
fieldset,
ul#filetoc,
#catlinks,
div#toc, 
div.toc, 
div.mw-warning {
     background-color: rgba(0,0,0,0.3);
     border: 1px solid #A4A393;
}


label.toctogglelabel {
   color: #FFF;
}


/* Category tree and custom bulletpoints */
ul {
    list-style-type: disc;
    list-style-image: url(x);
    list-style-image: url(x) !ie;
}

.CategoryTreeToggle {
    color: #A4A393;
}

/* Thumbs */

div.thumb {
    margin-bottom: .5em;
    width: auto;
    border: 0px solid #A4A393;
    padding: 3px;
}

div.thumbinner,
html .thumbimage,
li.gallerybox div.thumb  {
    border: 1px solid #A4A393;
    background-color: transparent;
}

/* fix for black redirection arrow */
.redirectMsg > img {
    display: none;
}

.redirectMsg > span::before {
    content: url("https://commons.gamepedia.com/media/commons.gamepedia.com/a/aa/Redirectltr_white.png");
}

/* Notification fix */
.mw-echo-notification.mw-echo-unread,
.mw-echo-date-section,
.mw-echo-timestamp, 
.mw-echo-notification-footer {
    color: #A4A393;
}

/* Achievement fixes */
#p-achievement-list,
.achievement_category,
.achievement_category_select {
    background: black;
}

/* Edit count fix */
#editcount > table * table,
#editcount > table * table th,
#editcount > table * table td {
    background-color: #000000 !important;
    padding: 0 12px 0 0.15em;
    border: 1px solid #A4A393;
}

/* References highlighting */
ol.references li:target,
sup.reference:target {
    background-color: #0B3800;
}

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

pre {
    overflow: auto;
}

/* Notice templates */
.topNotice {
    border: 2px solid #ff9900;
    background: rgba(0, 0, 0, 0);
    margin: 0 0 10px 0;
    padding: 3px 6px;
    overflow: auto;
}

.topNotice .heading {
    font-size: 132%;
    font-weight: bold;
    margin: 0 0 8px 0;
    padding: 0;
}

.topNotice.delete {
    border: 2px solid #ff0000;
}

.topNotice.move,
.topnotice.merge,
.topnotice.split {
    border: 2px solid #bb8800;
}

.topNotice.pagestub,
.topNotice.imagerequest,
.topNotice.nowalkthrough {
    border: 2px solid #008000;
}


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

/* Indicators */
.mw-body .mw-indicators {
    margin-right: 4em;
}

/* group buttons on profile page */
ul.grouptags li,
ul.grouptags li.edit {
    background-color: #858585;
}

ul.grouptags li a {
    font-weight: 600;
    color: #154d7d;
}


/* 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 {
    border: 1px solid #505050;
    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 */


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

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

.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;
}
Community content is available under CC BY-NC-SA unless otherwise noted.