MediaWiki:Hydra.css

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

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

body { background-image: url(https://static.wikia.nocookie.net/afterreset_gamepedia/images/b/bc/Page_bg.jpg/revision/latest); background-position: top center; background-size: 100% auto; background-attachment: scroll; background-color: black; background-repeat: no-repeat; }

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

body.page-Main_Page.action-view #firstHeading, body.page-After_Reset_Wiki.action-view #firstHeading { display: none; }

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

/** * These contain an image now, so they don't need a static height anymore. */	height: auto; }
 * 1) p-logo,
 * 2) p-logo a {

position: absolute; top: 0; }
 * 1) p-logo {

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

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

div#mw-page-base, div#mw-head { height: calc(116px + 2.5em); }

/** * This actually serves no purpose in most cases besides being an annoyance while skinning. * Just hide it unless you really want it for something. * * See https://nomnomgalaxy.gamepedia.com/ for an example of an actual use for this, where it is the dark * gray bar behind the vectortabs. */ div#mw-head-base { display: block; background: black; height: 2.5em; margin-top: -2.5em; }

/************************** /* Article navigation bar * /**************************/	margin-top: 116px; }
 * 1) left-navigation {

margin-right: 1em; margin-top: 116px; }
 * 1) right-navigation {

/** * Remove the default blue "border" */ div.vectorTabs, div.vectorTabs span, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected, div.vectorMenu h3 a { background: none; }

div.vectorTabs { padding-left: 0; }

div.vectorTabs ul { }

div.vectorTabs ul li { }

div.vectorTabs ul li:hover, div.vectorTabs ul li.selected { background: #537097; text-decoration: none; }

div.vectorTabs ul li span, div.vectorTabs ul li.selected span { }

div.vectorTabs li a, div.vectorTabs li a:visited, div.vectorTabs li:not(.new) a:hover, div.vectorTabs li:not(.new) a:visited:hover, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: white; }

div.vectorTabs li.new a, div.vectorTabs li.new a:visited { }

div.vectorMenu { background-image: url(https://static.wikia.nocookie.net/afterreset_gamepedia/images/4/46/Arrow_down_icon.png/revision/latest); /* The down arrow for the menus */ }

div.vectorMenu:hover { background-color: #537097; }

div#mw-head div.vectorMenu h4, div.vectorMenu#p-variants #mw-vector-current-variant { color: white; background-color: transparent; }

div.vectorMenu h3 { background-color: transparent; }

div.vectorMenu h3 a { }

div.vectorMenu div.menu { }

div.vectorMenu div.menu ul { background: black; border: none; }

div.vectorMenu div.menu ul li a, div.vectorMenu div.menu ul li a:visited, div.vectorMenu div.menu ul li a:hover, div.vectorMenu div.menu ul li a:visited:hover, div.vectorMenu div.menu ul li a:active { color: white; }

div.vectorMenu div.menu ul li a:hover, div.vectorMenu div.menu ul li a:visited:hover { background: #537097; text-decoration: none; }

}
 * 1) p-search {

}
 * 1) p-search form,
 * 2) p-search input {

}
 * 1) p-search input {

}
 * 1) p-search input[type="submit"],
 * 2) p-search input[type="button"],
 * 3) p-search input[type="reset"] {

}
 * 1) searchInput {

.os-suggest { }

.os-suggest-result { }

.os-suggest-result-hl { }

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

/** * Generally it is better to use an ambox template, similar to Template:Stub or Template:Delete, * or an image in the notice rather than styling the notice here. This avoids boxes inside boxes when * there is a global notice and also allows each notice to have its own style * appropriate to its individual content. */

/****************** /* Sidebar styles * /******************/ div#mw-panel { margin-top: 0; padding-top: 0; top: 0; }

div#mw-panel div.portal, background: none; }
 * 1) mw-panel.collapsible-nav .portal,
 * 2) mw-panel.collapsible-nav .portal.collapsed {

div#mw-panel div.portal h3, color: white; }
 * 1) mw-panel.collapsible-nav .portal h3,
 * 2) mw-panel.collapsible-nav .portal.collapsed h3 {

color: inherit; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal.collapsed h3 a {

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

div#mw-panel div.portal ul { }

div#mw-panel div.portal ul li { } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:active { color: white; text-shadow: 0 0 4px black; }

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

a, .mw-body a.external, .mw-body a.external:active { color: #ff8d00; }

a:visited, .mw-body a.external:visited { color: #B26300; }

/* Background image for external links */ div#content a.external, div#content a.external[href ^="gopher://"] { }

/* Background image for https links */ div#content a.external[href ^="https://"], .link-https { }

/****************** /* Article styles * /******************/ div#content { background: #25292C; border: none; color: #DBDBDB; margin-top: 0; }

h1, h2, h3, h4, h5, h6 { color: #F9D903; border-color: rgba(255,255,255,.5); }

.toc, color: #F9D903; border: none; background-color: #090a0b; }
 * 1) toc {

color: #F9D903; border: none; background-color: #090a0b; }
 * 1) catlinks {

hr { border-color: rgba(255,255,255,.5); }

ul { }

table.jquery-tablesorter th.headerSort { }

table.jquery-tablesorter th.headerSortDown { }

table.jquery-tablesorter th.headerSortUp { }

li.gallerybox { border-color: transparent; }

li.gallerybox div.thumb, div.thumbinner { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.5); }

pre, .mw-code { background: rgba(255,255,255,.15); color: #DBDBDB; border-color: rgba(255,255,255,.5); }

code { background: transparent; }

/******************** /* Interface styles * /********************/ input, select, textarea { }

input[type="submit"], input[type="button"], input[type="reset"] { }

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { }

/* Style for highlighted text */
 * selection {

}

/* This is the yellow (by default) box that shows up when you have a message on your User Talk page. */ .usermessage { }

/* This is the box that shows up when you watch or unwatch a page */ div.mw-notification { }

fieldset { border-color: rgba(255,255,255,.5); }

/******************** /* Wikitable Styles * /********************/

table.wikitable { background-color: transparent; border: none; border-collapse: separate; border-spacing: 2px; color: #D8D8D8; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: black; border: none; color: #F9D903; }

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

/********************************************************* /* mw-datatable Styles (Special:AllMessages for example) * /*********************************************************/

.mw-datatable, .mw-datatable td, .mw-datatable th { background-color: transparent; border: none; }

.mw-datatable { border-collapse: separate; border-spacing: 2px; }

.mw-datatable th { background-color: black; }

.mw-datatable td { background-color: rgba(255,255,255,.15); }

.mw-datatable tr:hover td { background-color: rgba(255,255,255,.3); }

/****************************** /* Special:AbuseFilter Styles * /******************************/

table.mw-abuselog-details, table.mw-abuselog-details tr { }

table.mw-abuselog-details tr th { }

table.mw-abuselog-details tr td { }

.mw-abusefilter-history-changed { }

/******************** /* File Page Styles * /********************/

ul#filetoc { color: #F9D903; border: none; background-color: #090a0b; }

table.mw_metadata { border: none; border-collapse: separate; }

table.mw_metadata th { background-color: black; border: none; }

table.mw_metadata td { background-color: rgba(255,255,255,.15); border: none; }

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

.mw-search-profile-tabs { background-color: #090a0b; border: none; }

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

fieldset#mw-searchoptions { border: none !important; background-color: rgba(255,255,255,.15); }

fieldset#mw-searchoptions h4 { background: none; }

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

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

background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.5): }
 * 1) pagehistory li.selected {

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

td.diff-addedline { border-color: rgba(163,211,255,.7); }

td.diff-addedline .diffchange { background: rgba(163,211,255,.7) }

td.diff-deletedline { border-color: rgba(255,243,156,.7); }

td.diff-deletedline .diffchange { background: rgba(255,243,156,.7); }

td.diff-context { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.5); color: #d8d8d8; }

.diffchange { color: white; }

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

div.client-js #preferences { background: rgba(255,255,255,.15); border: none; }

div.client-js #preferences fieldset { border-color: rgba(255,255,255,.5); }

div.client-js #preferences fieldset legend { color: #F9D903; }

.client-js #preftoc { background: #090a0b; }

.client-js #preftoc li { background: none; }

.client-js #preftoc li a, .client-js #preftoc li a:active, .client-js #preftoc li a:visited { color: #ff8d00; }

.client-js #preftoc li.selected a { background: none; color: white; }

/***************** /* Footer styles * /*****************/ div#footer { }

div#footer ul li { color: white; text-shadow: 0 0 4px black; }

/******************** /* Edit page styles * /********************/

.editOptions { background: none; border: none; }