MediaWiki:Hydra.css

/* CSS placed here will affect users of the Hydra skin */

/****************** /* General styles * /******************/

body { background: black; background-image: url(http://hydra-images.cursecdn.com/archeage.gamepedia.com/8/88/F-bg.jpg); background-size: cover; background-attachment: fixed; color: black; }

body.page-Archeage_Wiki h1#firstHeading, body.page-ArcheAge_Wiki h1#firstHeading, body.page-Main_Page h1#firstHeading { display: none; }

/*************** /* Logo styles * /***************/

padding-right: .5em; }
 * 1) pageWrapper {

/***************** /* Header styles * /*****************/

div#mw-head, div#mw-page-base { background: none; }

height: 2.5em; background: #333; border-radius: .5em .5em 0 0; margin-top: -2.5em; }
 * 1) mw-head-base {

/************************** /* Article navigation bar * /**************************/

left: 11em; bottom: 0; }
 * 1) left-navigation {

margin-right: 1.5em; }
 * 1) right-navigation {

div.vectorTabs span, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected, div.vectorTabs, div.vectorMenu h5 a { background: none; }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: cyan; text-shadow: 0 0 .5em white; }

div.vectorMenu li a { color: white; }

div.vectorMenu ul { background: #333; border: none; }

div.vectorTabs li a, div.vectorTabs li a:visited, div#mw-head div.vectorMenu h4 { color: white; }

/********************** /* Site notice styles * /**********************/

/****************** /* Sidebar styles * /******************/

div#mw-panel { top: 0; margin-top: -5em; }

div#mw-panel div.portal { background: #f2f2f2; border: solid 3px #333; margin: 0 .5em .5em; padding: 0; border-radius: .5em; }

div#mw-panel div.portal h5 { background: #333; color: white; line-height: 2em; }

div#mw-panel div.portal div.body { background: none; padding-top: 0; }

div#mw-panel div.portal div.body ul li {}

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

/*************** /* Link styles * /***************/

a, a.external { color: #61A6EB; }

a:visited, a.external:visited { color: #4E85BC; }

/****************** /* Article styles * /******************/

div#content { background: #f2f2f2; color: inherit; border: solid 3px #333; }

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

li.gallerybox { border-color: transparent; }

li.gallerybox div.thumb { background: #ebebeb; border-color: #333; }

code { background: none; }

pre { background: #ebebeb; border-color: #333; }

background: #ebebeb; border-color: #333; border-radius: .5em; }
 * toc, .toc, .mw-warning {

ul#filetoc, .catlinks, div#mw-js-message { background: #ebebeb; border-color: #333; border-radius: .25em; }

table.mw_metadata, table.mw_metadata td, table.mw_metadata th { border-color: #333; }

table.mw_metadata th { background: #333; color: white; }

table.mw_metadata td { background: #ebebeb; }

table.mw_metadata tr.mw-metadata-show-hide-extended td { background: #333; }

table.wikitable > tr > td, table.wikitable > tr > th, table.wikitable > * > tr > td, table.wikitable > * > tr > th { border: 1px solid #AAAAAA; padding: 5px; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background: #333333; color: white; font-style: italic; text-align: center; }

.mw-datatable, .mw-datatable td, .mw-datatable th { border-color: #333; }

.mw-datatable th { background-color: #333; color: white; }

.mw-datatable td { background-color: #ebebeb; }

.mw-datatable tr:hover td { background-color: #f8f8f8; }

/******************** /* Interface styles * /********************/

input:not([type]), input[type=text], input[type=search], input[type=password] { background: #FFFFFF; border: solid 1px #333; border-radius: 0.5em; color: #000000; margin: 0; padding-left: .25em; padding-right: .25em; }

input[type=select], select, textarea { border-color: #333; }

outline: none; box-shadow: 0 0 .5em 2px cyan; }
 * focus {

button, input[type=button], input[type=reset], input[type=submit] { background: #646464; border: solid 1px black; color: white; border-radius: .5em; }

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { box-shadow: inset 0 0 .5em cyan; cursor: pointer; }

button:focus:hover, input[type=button]:focus:hover, input[type=reset]:focus:hover, input[type=submit]:focus:hover { box-shadow: 0 0 .5em 2px cyan, inset 0 0 .5em cyan; }

border-color: transparent; }
 * 1) pagehistory li {

background: #ebebeb; border-color: #333; }
 * 1) pagehistory li.selected {

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

table.diff td { padding: 0.33em 0.66em; }

td.diff-marker { font-size: 125%; font-weight: bold; }

td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 88%; vertical-align: middle; white-space: pre-wrap; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; }

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

td.diff-deletedline { border-color: #FFE49C; }

td.diff-context { background: #F3F3F3; border-color: #E6E6E6; color: #333333; }

td.diff-deletedline .diffchange { background: #FFF200; color: #005D06; }

td.diff-addedline .diffchange, td.diff-deletedline .diffchange { border-radius: 0.33em; padding: 0.25em 0px; font-weight: bold; text-decoration: none; }

background: #333; border: solid 1px #333; border-radius: .5em .5em 0 0; }
 * 1) preftoc {

background: none; }
 * 1) pretoc ul,
 * 2) preftoc li {

color: white; }
 * 1) preftoc a,
 * 2) preftoc a:active {

background: none; color: cyan; text-shadow: 0 0 .5em white; }
 * 1) preftoc li.selected a {

background: #ebebeb; border-color: #333; }
 * 1) preferences {

border-color: #333; }
 * 1) preferences fieldset {

.mw-search-formheader { background: #333; border-color: #333; }

.mw-search-formheader div.search-types ul li a { color: white; }

.mw-search-formheader div.search-types ul li.current a { color: cyan; text-shadow: 0 0 .5em white; }

fieldset#mw-searchoptions { background: #ebebeb; border-color: #333 !important; }

fieldset#mw-searchoptions div.divider { border-color: #333; }

/***************** /* Footer styles * /*****************/

div#footer { background: #333; margin-bottom: 1em; border-radius: 0 0 .5em .5em; }

div#footer ul li { color: #f2f2f2; }

/********************** /* Gamepedia Sidebars * /**********************/

div#mw-panel div.portal#p-socialProfiles, div#mw-panel div.portal#p-sitePromos { background: none; border: none; padding: 0; margin: .5em 0; }

div#mw-panel div.portal#p-socialProfiles h5, div#mw-panel div.portal#p-sitePromos h5 { display: none; }

div#mw-panel div.portal#p-socialProfiles div.body, div#mw-panel div.portal#p-sitePromos div.body { background: none; padding: 0; margin-left: 0 !important; text-align: center; }

.socialSidebar { width: auto; max-width: 100%; }