MediaWiki:Hydra.css

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

/**************** * Custom Fonts * ****************/ @font-face { font-family: 'Oswald'; font-weight: normal; font-style: normal; src: url(/media/hydra/fonts/Oswald-Regular.ttf) format('truetype'); }

@font-face { font-family: 'Oswald'; font-weight: bold; font-style: normal; src: url(/media/hydra/fonts/Oswald-Bold.ttf) format('truetype'); }

@font-face { font-family: 'Oswald'; font-weight: normal; font-style: italic; src: url(/media/hydra/fonts/Oswald-RegularItalic.ttf) format('truetype'); }

@font-face { font-family: 'Oswald'; font-weight: bold; font-style: italic; src: url(/media/hydra/fonts/Oswald-BoldItalic.ttf) format('truetype'); }

/******************* * Document Styles * *******************/

body { background-image: url(https://static.wikia.nocookie.net/galaxyinturmoil_gamepedia_en/images/8/81/Concept_art_1.jpg/revision/latest); background-color: #222; background-position: center center; background-size: cover; background-repeat: repeat; background-attachment: fixed; }

div#mw-page-base { background-image: none; background-color: rgba(17,17,17,.8); height: 70px; }

div#mw-head-base { background-image: none; background-color: transparent; margin-top: 0; height: 1em; }

/*************** * Logo Styles * ***************/

width: 187px; height: 60px; }
 * 1) p-logo,
 * 2) p-logo a {

top: -65px; left: 10px; }
 * 1) p-logo {

/********************* * Navigation Styles * *********************/

margin-left: 207px; margin-top: 0; }
 * 1) left-navigation {

margin-right: 0; margin-top: 0; }
 * 1) right-navigation {

div.vectorTabs, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected, div.vectorTabs li span, div.vectorTabs li.selected span, div.vectorTabs li a, div.vectorTabs li.selected a, div.vectorMenu, div#mw-head div.vectorMenu h3 { background-image: none; background-color: transparent; height: auto; }

div.vectorTabs span > a { padding: 0 .5em; line-height: 70px; }

div.vectorMenu h3 span { color: #ffffff; padding: 0 0 0 .5em; line-height: 70px; }

div.vectorMenu h3 a { background-position: center center; height: 70px; }

div.vectorTabs li a, div.vectorTabs li a:visited, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #ffffff; }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { background-image: linear-gradient( to top, #ffffff 0%, #ffffff 3px, transparent 3px); }

div.vectorMenu div.menu { top: 100%; background-color: rgba(17,17,17,.8); border: none; }

div.vectorMenu li a, div.vectorMenu li a:visited { color: #ffffff; }

padding-top: 70px; background-position: center center; }
 * 1) ca-watch.icon a,
 * 2) ca-unwatch.icon a {

content: ''; display: inline-block; height: 70px; vertical-align: middle; }
 * 1) p-search::before {

margin-top: 0; display: inline-block; vertical-align: middle; }
 * 1) p-search form {

div#simpleSearch { margin-top: 0; }

/****************** * Sidebar Styles * ******************/

div#mw-panel { top: 70px; }

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

font-family: 'Oswald'; font-size: 150%; color: #000000; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal.collapsed h3 a {

background-color: rgba(255,255,255,.9); margin-bottom: 1em; }
 * 1) mw-panel.collapsible-nav .portal:not(#p-claimWiki):not(#p-sitePromos):not(#p-socialProfiles) {

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

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

/*************** * Link Styles * ***************/

a, .mw-body a.extiw, .mw-body a.extiw:active { color: #bb00bb; }

a:visited, .mw-body a.extiw:visited { color: #880088; }

/****************** * Content Styles * ******************/

div#content { background-image: none; background-color: rgba(255,255,255,.9); border: none; margin-right: 1em; }

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Oswald', sans-serif; }

.mw-datatable th { background-color: #ffbbff }

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

table.wikitable { background-color: transparent; }

table.wikitable > tr > td, table.wikitable > * > tr > td { background-color: rgba(255,255,255,.6); }

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: rgba(242,242,242,.6); }

.toc, .mw-warning, .toccolours, pre, .mw-code { background-color: rgba(255,255,255,.6); }
 * toc,

/***************** * Footer Styles * *****************/

div#footer { background-color: rgba(255,255,255,.9); margin-top: 1em; margin-bottom: 1em; margin-right: 1em; }

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

/****************************** * Special:Preferences Styles * ******************************/

.client-js #preftoc a, .client-js #preftoc a:active { color: #bb00bb; }

/************************* * Special:Search Styles * *************************/

.mw-search-profile-tabs { background-color: rgba(242,242,242,.6); }

fieldset#mw-searchoptions { background-color: rgba(255,255,255,.6); }

/****************** * History Styles * ******************/

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

/*************** * Diff Styles * ***************/

td.diff-addedline, td.diff-deletedline, td.diff-context { background-color: rgba(255,255,255,.5); }

/********************** * Wiki Editor Styles * **********************/

.wikiEditor-ui, .wikiEditor-preview-contents, .wikiEditor-ui-controls, .wikiEditor-ui-buttons { background-color: transparent; }

.wikiEditor-ui-buttons { border-color: transparent; }