Super Doggo Snack Time Wiki
Don't have an account?
Register
Register
Super Doggo Snack Time Wiki
Super Doggo Snack Time Wiki
17
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
mNo edit summary
No edit summary
Line 696: Line 696:
 
/* MsUpload color fixes */
  
/* MsUpload color fixes */
 
#upload_list .file {
  
#upload_list .file {
−
background-color: #353535;
 +
background-color: #353535;
−
border-top: #333;
 +
border-top: #333;
−
border-bottom: #444;
 +
border-bottom: #444;
 
}
  
}
   
Line 704: Line 704:
 
#upload_list .file .file-size,
  
#upload_list .file .file-size,
 
#upload_list .file .file-warning {
  
#upload_list .file .file-warning {
−
color: #E0E0E0;
 +
color: #E0E0E0;
 
}
  
}
   
Line 1,212: Line 1,212:
 
/* Custom bulletpoints */
  
/* Custom bulletpoints */
 
ul {
  
ul {
−
list-style-image: url(https://d1u5p3l4wpay3k.cloudfront.net/clis_gamepedia_en/7/7a/Bullet.png?version=6ef69a691f346f53fbe5d3d43cc55ed0);
 +
list-style-image: url(https://clis.gamepedia.com/media/clis.gamepedia.com/7/7a/Bullet.png);
 
}
  
}
   
Line 1,380: Line 1,380:
   
 
@font-face {
  
@font-face {
−
font-family: 'PressStart2P-Regular';
 +
font-family: 'PressStart2P-Regular';
−
src: local('PressStart2P-Regular'), local('PressStart2P-Regular'), url('/media/hydra/fonts/PressStart2P-Regular.ttf') format('truetype');
 +
src: local('PressStart2P-Regular'), local('PressStart2P-Regular'), url('/media/hydra/fonts/PressStart2P-Regular.ttf') format('truetype');
 
}
  
}
   
 
@font-face {
  
@font-face {
−
font-family: 'Volter';
 +
font-family: 'Volter';
−
src: local('Volter'), local('Volter'), url('/media/hydra/fonts/volter.ttf') format('truetype');
 +
src: local('Volter'), local('Volter'), url('/media/hydra/fonts/volter.ttf') format('truetype');
 
}
  
}
   
 
@font-face {
  
@font-face {
−
font-family: 'Volterbold';
 +
font-family: 'Volterbold';
−
src: local('Volterbold'), local('Volterbold'), url('/media/hydra/fonts/volterbold.ttf') format('truetype');
 +
src: local('Volterbold'), local('Volterbold'), url('/media/hydra/fonts/volterbold.ttf') format('truetype');
 
}
  
}
   

Revision as of 16:09, 26 June 2018

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

/*Removes wiki skin images from appearing in Special:UnusedFiles */
/* [[File:Favicon.ico]] */ 
/* [[File:Wiki.png]] */ 
/*------------------- */

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

/* When title sub line is empty, remove gap */
#contentSub:empty {
    margin: 0;
} 

/* Framework */
body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background: #24222c no-repeat fixed center center / cover  #24222c;
    color: white;
}

body #pageWrapper {
    margin-right: 10px;
}

/* Head */
div#mw-page-base {
    background: transparent;
    background-image: none;
}

#mw-head-base {
    background: transparent;
    background-image: none;
    border-bottom: 0px;
}

.mw-wiki-logo {
    -webkit-filter: drop-shadow(0px 0px 10px #999999);
    filter: drop-shadow(0px 0px 3.5px #999999) drop-shadow(1px 1px 1px #999999);
}

/* Tabs */
#right-navigation {
    float: right;
    margin-top: 2.4em;
}

div.vectorTabs {
    background-color: rgba(0,0,0,0);
    background-image: none;
    height: 33px;
    margin-top: 8px;
}

div#mw-head a,
.vectorTabs li a span,
div#mw-head div.vectorTabs a,
div.vectorMenu h3 span {
    color: white;
    font-weight: bold;
}

div.vectorMenu h3 span {
    padding-top: 0.2em;
}

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

div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
    color: white;
}

div.vectorTabs li span {
    height: 19px;
    text-align: center;
}

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

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

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

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

div.vectorTabs li a,
div.vectorTabs li a span {
    color: white;
    cursor: pointer;
    font-weight: bold;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

div.vectorMenu h3 a {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: 0px;
}

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

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

div#mw-head div.vectorMenu ul {
    background-color: #15181a;
    background-image: none;
    border: 1px solid #7e91af;
}

div#mw-head div.vectorMenu h3 {
    display: inline-block;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    padding: 2px 10px;
    margin-top: 8px;
    height: 19px;
    text-align: center;
}

div.vectorMenu h3 a {
    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#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: white;
    font-weight: bold;
    padding-top: 0.2em;
    text-shadow: none;
}

#ca-watch span,
#ca-unwatch span {
    background: #7e91af;
    border-radius: 4px;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
    padding: 23px 0 0;
}

.menu {
    margin-top: 0px;
    border: none !important;
}

.vectorMenu {
    height: 40px;
}

div.vectorMenu h3 span {
    padding-left: 0;
}

div#p-sharing .menu {
   margin-left: 45px;
   min-width: 0px;
   width: 48px;
}

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

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

div.vectorTabs, 
div.vectorTabs ul, 
div.vectorTabs span, 
div#mw-head div.vectorMenu h3 {
    background: none;
}

/* Sidebar */
div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
    border-radius: 5px 5px 5px 5px;
    margin: 5px;
    padding-top: 5px;
}

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 {
    border: medium none;
    color: white;
    font-size: 1em;
    font-weight: bold;
    padding: 0;
    text-transform: uppercase;
}

div#mw-panel div.portal div.body,
.skin-hydradark #mw-panel.collapsible-nav .portal {
    background-image: none;
}

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

 div#mw-panel div.portal {background-image: none;}

/* Content */
div#content {
    background: rgba(255,255,255,0.90);
    border-radius: 0px;
    border: #24222c;
}

/* anchors */
a, 
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited {
    color: #686363;
}

.catlinks,
ul#filetoc {
    background: rgba(0,0,0,0);
}

/* Footer */
div#footer {
    background: rgba(255, 255, 255, 0.85);
    margin-bottom: 10px;
    border-top: #1c1c1d 3px solid;
}

div#footer ul li {
    color: black
}

div#footer ul li a {
    color: black;
    font-weight: bold;
}

/* tables */
table.wikitable {
    background: none repeat scroll 0 0 transparent;
}

table.wikitable > caption {
    color: #000000;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background: #24222c;
    border: 1px solid #24222c;
    color: #FFFFFF;
    text-align: center;
}

table.wikitable > tr > td, table.wikitable > * > tr > td {
    border: 1px solid #24222c;
    padding: 0.2em;
}

.wikitable th {
    background-color: #7e91af;
    border: 1px solid #aaaaaa;
    color: #FFFFFF;
    padding: 0.2em;
}

.wikitable td {
    border: 1px solid #aaaaaa;
    color: #000000;
    padding: 0.2em;
}

table.mw_metadata th {
    background: #7e91af;
    border: 1px solid #aaaaaa;
    color: #FFFFFF;
}

table.mw_metadata td {
    background-color: transparent;
    border: 1px solid #aaaaaa;
    color: #000000;
}

.mw-datatable th {
    border: 1px solid #aaaaaa;
}

.mw-datatable,
.mw-datatable td {
    border: 1px solid #aaaaaa;
}

.TablePager {
    border:1px solid #aaaaaa;
    color: #000000;
    padding:0 0.15em;
}

.TablePager th {
    background-color: #7e91af;
    color: #ffffff;
    border:1px solid #aaaaaa;
    padding:0 0.15em;
}

.TablePager tr:hover td {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: #FFFFFF;
}

.TablePager th a {
    background-color: #7e91af;
    color: #FFFFFF !important;
}
 
.TablePager td {
    background: transparent !important;
    border: 1px solid #aaaaaa;
    color: #000000;
}

/* colour fix for advanced search options box */
fieldset#mw-searchoptions {
    border-color: #aaaaaa !important;
    background: none! important;
}

.mw-search-profile-tabs {
    border: 1px solid #aaaaaa;
    margin-top: 1em;
}

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

#mw-search-top-table a:link,
#mw-search-top-table a:visited {
    color:white;
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-selectWidget-depressed.oo-ui-clippableElement-clippable.oo-ui-menuSelectWidget.oo-ui-floatableElement-floatable.oo-ui-floatingMenuSelectWidget.oo-ui-textInputMenuSelectWidget.oo-ui-lookupElement-menu.mw-widget-titleWidget-menu.mw-widget-searchWidget-menu.oo-ui-element-hidden {
    background: none !important;
}

.mw-widget-titleOptionWidget {
    background: white;
}

.mw-widget-titleOptionWidget a:link,
.mw-widget-titleOptionWidget a:visited {
    color: black !important;
}

.oo-ui-optionWidget-highlighted {
    background: gray !important;
}

.oo-ui-optionWidget-highlighted a:link,
.oo-ui-optionWidget-highlighted a:visited {
    color: white !important;
}

/* other elements */
fieldset {
    border: 1px solid #7e91af;
}

code {
    color: #000000;
    border: 1px solid #383838;
    background-color: #e9e9ea;
}

/* Page history */
#pagehistory li {
    background-color: transparent;
    border: none;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: #cecece;
    border-color: #24222c;
    border-style: solid;
    border-width: 1px 0;
}

abbr, acronym, .explain {
    border-color: #24222c;
    color: #000000;
}

table.diff {
    background: transparent;
}

td.diff-context {
    background: none repeat scroll 0 0 transparent;
    border: black 1px solid;
    color: #000000;
}

td.diff-deletedline {
    background-color: #FFE49C;
    border: 1px solid red;
    color: #000000;
}

td.diff-addedline {
    background-color: #A3D3FF;
    border: green 1px solid;
    color: #000000;
}

ins.diffchange.diffchange-inline {
    color: darkgreen !important;
}

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

.diff-addedline .diffchange {
    color: green !important;
}

.diff-deletedline .diffchange {
    color: red !important;
}

/* thumbnails and galleries and image file history */
div.thumb {
    border: 1px solid #aaaaaa;
    margin: 2px;
    margin-left: 6px;
}

img.thumbborder {
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    padding: 5px;
}

div.thumbinner {
    background-color: rgba(0, 0, 0, 0.1);
    border: medium none;
}

li.gallerybox div.thumb {
    background-color: rgba(0, 0, 0, 0.04);
    border: 1px solid #24222c;
    border-radius: 5px;
}

html .thumbimage {
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}

div.tright div.tleft {
    border: 1px solid #aaaaaa !important;
}

div.tright {
    clear: right;
    float: right;
}

/* Preferences */
.client-js #preftoc {
    background-color: rgba(255, 255, 255, 0.5);
    border: 0px;
    margin: 0 0 4px !important;
}

.client-js #preftoc,
.client-js #preftoc li,  
.client-js #preferences, 
.client-js #preftoc li a {
    background-image: none;
    background-color: transparent;
    color: #666666;
}

.client-js #preftoc li:first-child {
    margin-bottom: 1px;
    margin-left: 5px;
}

.client-js #preftoc li.selected a {
    background-color: rgba(255, 255, 255, 0.5);
    background-image: none;
    border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5);
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px;
    color: #000000;
}

.client-js #preferences {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}

.client-js #preferences fieldset {
    border-color: #aaaaaa;
}

[type="radio"]:checked ~ label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: medium none;
    z-index: 2;
}

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

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

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

.wikiEditor-ui-toolbar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

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

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

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

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

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

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

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

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #aaaaaa;
    color: #ffffff;
}

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

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

.wikiEditor-ui-tabs div a {
    background: #24222c;
    display: inline-block;
    color: #FFFFFF;
}


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

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

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

.wikiEditor-preview-contents {
    background: rgb(27, 37, 45);
    border-color: #1b252d;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #000000;
}

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

.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
    background-color: transparent;
}

.editOptions {  
    background-color: rgba(255, 255, 255, 0.2);
    border-color: -moz-use-text-color #aaaaaa #aaaaaa;
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

input#wpSummary {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 80%;
}

/* MsUpload color fixes */
#upload_list .file {
  background-color: #353535;
  border-top: #333;
  border-bottom: #444;
}

#upload_list .file .file-title,
#upload_list .file .file-size,
#upload_list .file .file-warning {
  color: #E0E0E0;
}

#upload_list .file a {
    color: #add8e6;
}

#upload_list .file .small_warn {
    background: url("http://test.gamepedia.com/extensions/MsUpload/css/../images/msu_error-small.png") no-repeat scroll 0 center rgba(255, 246, 191, 0.2);
}


/* Ambox */
.ambox {
    background-color: #eeeeee;
    border-top-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: #ccc;
    border-right-style: solid;
    border-right-width: 1px;
    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;
}

/* copyright images tweak */
.copyright-icon {
    background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
}

/* Custom bulletpoints */

ul {
  list-style-image: url(https://makesail.gamepedia.com/media/makesail.gamepedia.com/7/7a/Bullet.png);
}

/* Header styling */

.header {
    background-color: #7e91af;
    border: #7e91af;
    box-shadow: none;
    color: #FFFFFF;
    font-size: 125%;
    margin-bottom: 10px;
    text-align: center;
}

img.percentage {
width: 95%;
height: auto;
padding-top:1%;
}

/*********************
/* Front page styles *
/*********************/
.fpmain {
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.fpbanner {
  border: 1px solid #7e91af; 
  box-shadow: 0 2px 5px #687478;
  background: rgba(0, 0, 0, 0.25);
  color: #9ccad2;
  margin: 0 5px 5px 5px;
  padding: 5px;
  min-height: 80px;
}

.fpbannertable {
  display: table;
  border: none;
  background: transparent;
  width: 100%; 
  min-height: 75px;
  margin: 0;
  padding: 5px;
}

.fpbannercell {
  display: table-cell; 
  text-align: center; 
  vertical-align: middle;
}

.fpbannerblock {
  border: none;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
  font-size: 132%;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbanner1 .fpbannertable {
  background: url("https://soma.gamepedia.com/media/soma.gamepedia.com/f/f2/Fpbox_left_1.png") left center no-repeat, 
              #ffffff url("https://soma.gamepedia.com/media/soma.gamepedia.com/5/5c/Fpbox_right_1.png") right center no-repeat;
}

.fpmidsections {
  float: left;
  width: 100%;
  overflow: hidden;
}

.fpbox {
  border: 1px solid #7e91af;
  background: rgba(255, 255, 255, 0.90);
  color: black;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  overflow: auto;
}

.fpbox .mainheading {
    border: none;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 150%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    overflow: auto;
}

.fpbox .heading {
    border: none;
    background: #24222c00;
    border-bottom: 1px solid #24222c;
    color: white;
    text-align: center;
    font-size: 132%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    overflow: auto;
}

.fpmain .columns .leftcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fpmain .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
  float: left;
  clear: both; 
  width: 100%;
}

div.fp2columnonly, div.fp3columnonly {
  display: none; 
}

@media (min-width: 790px) {
  .fpsection1 {
    float: left;
    clear: none;
    width: 50%;
  }

  .fpmidsections {
    clear: none;
    float: right;
    width: 50%;
  }

  .fpsection4 {
    float: left;
    clear: none;
    width: 50%;
  }

  div.fp2columnonly {
    display: block; 
  }
}

@media (min-width: 990px) {
  .fpmain .columns .leftcol {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
  }

  .fpmain .columns .rightcol {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1390px) {
  .fpmidsections {
    clear: none;
    float: right;
    width: 66.667%;
  }

  .fpsection1 {
    clear: none;
    width: 33.333%;
  }

  .fpsection2 {
    clear: none;
    width: 50%;
  }

  .fpsection3 {
    clear: none;
    width: 50%;
  }
 
  .fpsection4 {
    clear: left;
    width: 33.333%;
  }

  div.fp2columnonly {
    display: none; 
  }

  div.fp3columnonly {
    display: block; 
  }
}

.fpbox.plain {
  border: none;
  box-shadow: none;
  background: transparent;
}

.fpimagelist ul {
  list-style-type: none;
  list-style-image: none;
}

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

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

/* Newer Navbox template style */
table.navbox {
    border: 1px solid #7e91af;
    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(255, 255, 255, 0.80);
}

.navbox-list {
    border-color: rgba(0,0,0,0.75);   /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: #7e91af;
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #7e91af;
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #7e91af;
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background: #dddddd;
    color: black;
}

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

.mw-search-profile-tabs div.search-types ul li.current a {
    color: #686363;
}

.mw-search-profile-tabs {
    background: none !important;
}

.mw-search-profile-tabs li.current a {
    color: black !important;
    font-weight: bold;
}

table.jquery-tablesorter th.headerSort {
  background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/36/Sort_both_white.gif");
}
table.jquery-tablesorter th.headerSortUp {
  background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/82/Sort_up_white.gif");
}
table.jquery-tablesorter th.headerSortDown {
  background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/5/56/Sort_down_white.gif");
}

.mw-collapsible-toggle.mw-collapsible-toggle-expanded a, .mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
    color: #ffffff;
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: #e9e9ea;
    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: #24222c;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background-color: #24222c;
    color: white;
    font-size: 100%;
    font-weight: bold;
    padding: 0.5em;
}

.infoboxdetails {
    background: #24222c;
    color: white;
}

.feature {
    background: rgb(233,234,235);
    border: 1px solid rgb(36, 34, 44);
    border-radius: 5px;
    padding: 10px;
}

/* Custom bulletpoints */
ul {
  list-style-image: url(https://clis.gamepedia.com/media/clis.gamepedia.com/7/7a/Bullet.png);
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: #686363;
}

#catlinks, 
#toc, 
.toc, 
.mw-warning {
    background-color: transparent !important;
    border-color: #24222c;
}

a, 
a:visited, 
div#content a.extiw, 
div#content a.extiw:visited, 
div#content a.external, 
div#content a.external:visited {
    color: #496da9;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    border-bottom-color: #000000;
    color: #000000;
}

div.editOptions {
    background-color: #dddedf;
    border: 1px solid #19222b;
}

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background: #3466cc;
}

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

div#content, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
pre, 
div#content table {
    color: #000000;
}

pre, 
.mw-code {
    background-color: #e9e9ea;
    border-color: #24222c;
    color: #000000;
    white-space: pre-wrap;
    word-wrap: break-word;
}

div.wikiEditor-ui-controls {
    background-color: #24222c;
    border-bottom: 1px solid #24222c;
}

div.wikiEditor-preview-contents, 
div.wikiEditor-preview-loading {
    background-color: #e8e9ea;
}

div.wikiEditor-ui-buttons {
    background-color: #1b252d;
    border-color: #1b252d;
}

div.wikiEditor-ui-tabs div a {
    color: #ffffff;
}

div.wikiEditor-ui-tabs div.current a {
    color: #fff;
}

div#simpleSearch {
    background: #e8e9ea;
    border: 1px solid #111b23;
}

body, 
#mw-page-base {
    background-color: #24222c;
}

#left-navigation {
    margin-left: 11em;
    display: inline;
}

#msupload-div #msupload-list .file {
    background-color: #e9e9ea;
    border-bottom: #e9e9ea;
    border-top: #e9e9ea;
}

#msupload-div #msupload-list .green {
    color: #268232;
}

#msupload-div #msupload-list .file .file-title, 
#msupload-div #msupload-list .file .file-size, 
#msupload-div #msupload-list .file .file-warning {
    color: #000000;
}

.skin-hydradark .msupload-check-span {
    color: #000;
}

div#simpleSearch #searchInput {
    color: #000000;
}

/* Table (Achievement) */
table.achievements {
    background: none repeat scroll 0 0 transparent;
}

table.achievements > caption {
    color: #000000;
}

table.achievements > tr > th,
table.achievements > * > tr > th {
    background: #24222c;
    border: 1px solid #e9e9ea;
    color: #FFFFFF;
    text-align: center;
}

table.achievements > tr > td,
table.achievements > * > tr > td {
    border: 1px solid #aaaaaa;
    background: #24222c;
    padding: 0.2em;
}

.achievements th {
    background-color: #7e91af;
    border: 1px solid #aaaaaa;
    color: #FFFFFF;
    padding: 0.2em;
}

.achievements td {
    border: 1px solid #aaaaaa;
    color: #000000;
    padding: 0.2em;
}

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

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

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

#ca-watch span, 
#ca-unwatch span {
    background: rgba(34,34,34,0);
    border-radius: 4px;
    padding: 5px 5px;
}

#ca-unwatch.icon a, 
#ca-watch.icon a {
    padding: 15px 0 0;
}

.skin-hydradark .TablePager td, 
.skin-hydradark .mw-datatable td, 
.skin-hydradark table.mw_metadata td {
    background-color: rgba(0,0,0,0);
    border: 1px solid #505050;
    color: #000000;
}

input[type=file] {
    background: transparent;
    border-color: transparent;
    color: #000000;
}

/************************/
/* Effects for FP Icons */
/************************/
.mpimages:hover img {
    transition: all ease 0.7s;
    transform: scale(1.2,1.2);
}

/* Gamepedia lines */
footer {
    border-top: #24222c 3px solid;
}

.netbar-flex {
    border-bottom: 1px solid #24222c;
}
Community content is available under CC BY-NC-SA unless otherwise noted.