User:Redenef/hydradark.css

/************************************** *           CSS Contents            * ** *    I. Mobile Styling              * *    II. Custom Fonts              * *    III. General Styling          * *    IV. MediaWiki Header          * *    V. MediaWiki Footer            * *    VI. MediaWiki Navigation      * *    VII. Site Notice Styling      * *    VIII. Netbar Styling          * *    IX. Sidebar Styling           * *    X. Link Styling                * *    XI. Main Page Styling         * *    XII. Article Styling          * *    XIII. Table Styling           * *    XIV. Editor Styling           * *    XV. Images & SVGs             * *    XVI. Image Licenses           * *    XVII. Template Styling        * *    XVIII. Template Examples      * *    XIX. Page Headers             * *    XX. Profile Styling           * *    XXI. Wiki Achievements        * *    XXII. Inputs & Buttons        * *    XXIII. Standard Search        * *    XXIV. Advanced Search         * *    XXV. Login / Register         * *    XXVII. File Page              * *    XXVIII. Page History          * *    XXIX. Page Differences        * *    XXX. Special:SpecialPages     * *    XXXI. Special:Preferences     * *    XXXII. Special:RecentChanges  * *    XXXIII. Misc SpecialPages     * *    XXXIV. Misc Extensions        * *    XXXV. Cleanup                 * **

/****************** * Mobile Styling * ******************/ .mobile-only { display: none; }

/******************* * General Styling * *******************/ body { background-image: url(//hydra-media.cursecdn.com/skyforge.gamepedia.com/2/2c/Planetbg.jpg); background-size: cover; background-position: center bottom; background-color: #cccccc; background-attachment: fixed; background-repeat: no-repeat; }

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

/******************** * MediaWiki Header * ********************/

/******************** * MediaWiki Footer * ********************/

div#footer ul li { color: #ffffff; text-shadow: 0 0 2px #000000; }

div#footer { border-radius: .5em; border-style: solid; border-width: 3px; border-color: #D1A766; background-color: rgba(0,0,0,0.6); margin-right: 1em; margin-top: 1em; margin-bottom: 1em; }

/************************ * MediaWiki Navigation * ************************/

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

div#mw-head { background-image: none; background-color: transparent; }

div#mw-head-base { background-color: #293030; background-image: linear-gradient(to top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 10px); margin: 0; height: 90px; }

margin-top: calc( 35px - 1.25em ); }
 * 1) left-navigation,
 * 2) right-navigation {

margin-left: 11px; }
 * 1) left-navigation {

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

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

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

div.vectorMenu div.menu { background: rgba(0,0,0,0.6); border: solid 1px #D1A766; border-radius: 1em; padding: .5em; }

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

div.vectorMenu li a { color: #FFFFFF; }

/*********************** * Site Notice Styling * ***********************/

/****************** * Netbar Styling * ******************/

/* Alert - Popup */ .mw-echo-ui-notificationsWidget-loadingOption { background-color: #1F1F1F; }  .skin-hydradark .oo-ui-popupWidget-popup { background-color: #000000; } .mw-echo-state .mw-echo-notifications { background-color: #262626; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { border-color: #262626; box-shadow: 0 0 0 1px #262626 inset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed .oo-ui-buttonElement-button { background-color: #1a1a1a; } .skin-hydradark .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor::after { border-bottom-color: #000000; } .skin-hydradark .oo-ui-pendingElement-pending::after { background: none; } .mw-echo-ui-notificationItemWidget-initiallyUnseen { animation-fill-mode: none; background-color: #353535; } .mw-echo-ui-notificationItemWidget-initiallyUnseen.mw-echo-ui-notificationItemWidget-unread { animation-name: none; } /* Alert - Collapse Button */ .skin-hydradark .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected, .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed, .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted, .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { background-color: #000000; }

/******************* * Sidebar Styling * *******************/

div#mw-panel { padding: 0; top: 107px; width: 11em; } .skin-hydradark #mw-panel.collapsible-nav div.portal:not(#p-claimWiki):not(#p-sitePromos):not(#p-socialProfiles) { background-image: none; border: 1px solid #D1A766; background-color: rgba(0,0,0,0.6); border-radius: .5em; padding: .25em; margin: 0 .5em 1em; } .skin-hydradark #mw-panel.collapsible-nav div.portal h3, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 { background-color: transparent; color: #fdd563; } .skin-hydradark #mw-panel.collapsible-nav div.portal h3 a, .skin-hydradark #mw-panel.collapsible-nav div.portal.collapsed h3 a { color: inherit !important; } .skin-hydradark #mw-panel.collapsible-nav .portal#p-claimWiki h3, .skin-hydradark #mw-panel.collapsible-nav .portal#p-sitePromos h3, .skin-hydradark #mw-panel.collapsible-nav .portal#p-socialProfiles h3 { display: 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: #ffffff; }   text-transform: capitalize; }
 * 1) mw-navigation #mw-panel {

/**************** * Link Styling * ****************/

a, div#content a.extiw, div#content a.external { color: #feeab4; } a:visited, div#content a.extiw:visited, div#content a.external:visited { color: #fddc81; } a:hover, div#content a.extiw:hover, div#content a.external:hover, a:visited:hover, div#content a.extiw:visited:hover, div#content a.external:visited:hover { color: #fddc81; }

/********************* * Main Page Styling * *********************/

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

/******************* * Article Styling * *******************/ div#content { border: 1px solid #D1A766; background-color: rgba(0,0,0,0.6); margin-right: 1em; margin-top: 1em; border-radius:5px; }

div#content hr { background-color: rgba(0,0,0,0.8); } div.toc, div#toc, div.mw-warning { background: rgba(0,0,0,0.5); border: none; border-radius: .25em; } code { background-color: rgba(0,0,0,0.8); border: none; }
 * 1) catlinks,

pre, .mw-code { border-color: #D1A766; background-color: rgba(0,0,0,.5); color:white; }

fieldset { border-color:#D1A766; }

/***************** * Table Styling * *****************/

table.wikitable, table.wikitable tr th, table.wikitable * tr th, table.wikitable tr td, table.wikitable * tr td { background-clip: padding-box; border: none; } table.wikitable { border-collapse: separate; border-spacing: 1px; } table.wikitable tr th, table.wikitable * tr th { background-color: rgb(0,0,0); } table.wikitable tr td, table.wikitable * tr td { background-color: rgba(0,0,0,.4); }

/****************** * Editor Styling * ******************/

div.wikiEditor-ui { background-color: transparent; border-color: transparent; } div.wikiEditor-ui-controls { background-color: transparent; border-color: rgba(62, 104, 148, 1); } div.wikiEditor-ui-tabs { background-color: transparent; border-color: rgba(62, 104, 148, 1); } div.wikiEditor-ui-tabs div { background-clip: padding-box; background-color: rgba(0,0,0,.6); border-color: rgba(62, 104, 148, 1); } div.wikiEditor-ui-tabs div.current { background-color: rgba(62, 104, 148, 1); border-bottom-color: rgba(62, 104, 148, 1); } div.wikiEditor-ui-tabs div a { color: #aaaaaa; } div.wikiEditor-ui-tabs div.current a { color: #ffffff; } div.wikiEditor-ui-buttons { background: transparent; border-color: transparent; } div.wikiEditor-ui .wikiEditor-ui-view { border-color: rgba(62, 104, 148, 1); border-top: none; } div.wikiEditor-ui .wikiEditor-ui-top { background-color: transparent; border: none; } div.wikiEditor-ui-toolbar, background-color: rgba(62, 104, 148, 1); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 26px); } div.wikiEditor-ui-toolbar .group { border-color: rgba(96,32,32,1); } div.wikiEditor-ui-toolbar .sections .section { background-color: rgba(62, 104, 148, 1); border-top-color: rgba(62, 104, 148, 1); background-image: linear-gradient(to bottom, rgba(0,0,0,.4) 0%, rgba(0,0,0,.4) 100%); } div.wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255,255,255,.1); } div.wikiEditor-ui-toolbar .booklet .pages { background-color: transparent; } div.wikiEditor-ui-toolbar .page-characters div span { background: rgba(0,0,0,.2); border-color: rgba(62, 104, 148, 1); } div.wikiEditor-ui-toolbar .page-characters div span:hover { background: rgba(255,255,255,.1); border-color: rgba(62, 104, 148, 1)); } div.wikiEditor-ui-toolbar .page-table th {   background-color: rgba(62, 104, 148, 1);    color: #ffffff; } div.wikiEditor-preview-contents, div.wikiEditor-preview-loading {    background-color: transparent; } div.editOptions {    background-color: rgba(0,0,0,.4);    border-color: rgba(62, 104, 148, 1); } div.wikiEditor-ui textarea {    background: rgba(0,0,0,.8);    color: #cccccc; }
 * 1) wikiEditor-ui-toolbar {

/***************** * Images & SVGs * *****************/

/* LOGO */ width: 200px; height: 90px; }
 * 1) p-logo,
 * 2) p-logo a {

top: -107px; }
 * 1) p-logo {

background-size: 70%; margin-top: 5px; }
 * 1) p-logo a {

/* GALLERY */ li.gallerybox { background: rgba(0,0,0,.4); border: solid 2px rgb(96,32,32); border-radius: 2px; margin-bottom: 4px; }

li.gallerybox div.thumb { background: none; border-color: transparent; }

/****************** * Image Licenses * ******************/

/******************** * Template Styling * ********************/

/* INFOBOX */

/* OTHER */

/********************* * Template Examples * *********************/

/**************** * Page Headers * ****************/

h1, h2, h3, h4, h5, h6 { border-color: rgba(62, 104, 148, 1); color: #fdd563; }

/******************* * Profile Styling * *******************/

.curseprofile .rightcolumn { width: 33%; border: 2px solid #602020; border-radius: 2px; } .curseprofile .rightcolumn h3 { background: #2e2e2e none repeat scroll 0 0; border: 1px solid #602020; border-radius: 5px; margin: 5px; } h3 .mw-headline { padding: 5px; } .favorite img { border-radius: 2px; } .rightcolumn .borderless.section { padding: 0 6px; } img.GP-brand { margin-bottom: 0; } img.level { margin: .5em 0; width: 140px; } .activity, .comments { border: 2px solid #602020; } .rightcolumn .section { border: none; } .section h3 { margin: 0 0 -.3em; } .section.stats dl { width: auto; } .section.stats dd { margin-right: 12px; } .section.stats dt, .section .friends { margin-left: 12px; } .section.achievements { margin-left: 12px; border-bottom: none; } .section.achievements h3 { margin-left: -7px; } .section.friends h3 a, .section.achievements h3 a { font-size: .8em; } .section.friends ul.friends li { margin-bottom: .2em; } .section.achievements h4 { margin-bottom: .4em; } .curseprofile .entryform textarea { box-sizing: border-box; height: 6em; }

/********************* * Wiki Achievements * *********************/

/******************** * Inputs & Buttons * ********************/

/******************* * Standard Search * *******************/

div#simpleSearch { border: 1px solid #D1A766; background-color: rgba(0,0,0,0.6); } .skin-hydradark .suggestions-results, .skin-hydradark .suggestions-special { border-color: rgb(96,32,32); background-color: rgba(0,0,0,.5); } .skin-hydradark .suggestions-result { background-color: transparent; color: #FFFFFF; } .skin-hydradark .suggestions-result:hover { background-color: rgba(255,255,255,.1); }

/******************* * Advanced Search * *******************/

.skin-hydradark .mw-search-profile-tabs { background: rgb(48,16,16); border: none; } .skin-hydradark .mw-search-profile-tabs div.search-types ul li a { color: #ffffff; } .skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #ffffff; background: linear-gradient(to top, #ffffff 0%, #ffffff 3px, transparent 3px); } .skin-hydradark fieldset#mw-searchoptions { background: rgba(0,0,0,.2); border-color: rgb(48,16,16) !important; } .skin-hydradark fieldset#mw-searchoptions div.divider { border-color: rgb(96,32,32); }

/******************** * Login / Register * ********************/

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

ul#filetoc { background: rgba(62, 104, 148, 1); border: none; } .skin-hydradark table.mw_metadata { border-collapse: separate; border-spacing: 1px; } .skin-hydradark table.mw_metadata, .skin-hydradark table.mw_metadata td, .skin-hydradark table.mw_metadata th { background-clip: padding-box; border: none; } .skin-hydradark table.mw_metadata th { background-color: rgb(96,32,32); } .skin-hydradark table.mw_metadata td { background-color: rgba(0,0,0,.4); } .skin-hydradark table.mw_metadata tr.mw-metadata-show-hide-extended td { background-color: rgb(96,32,32); }

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

border-color: transparent; }   background: rbga(0,0,0,.4); border-color: rgba(62, 104, 148, 1); }
 * 1) pagehistory li {
 * 1) pagehistory li.selected {

/*******************
 * Page Differences *

table.diff, td.diff-otitle, td.diff-ntitle { background-color: transparent; } td.diff-context { background-color: rgba(0,0,0,.4); color: #888; }

/************************ * Special:SpecialPages * ************************/

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

.skin-hydradark #preftoc, .skin-hydradark #preftoc li, .skin-hydradark #preftoc a { background-image: none; } .skin-hydradark #preftoc { background: rgb(48,16,16); border: none; } .skin-hydradark #preftoc a, .skin-hydradark #preftoc a:active { color: #ffffff; } .skin-hydradark #preftoc li a:hover, .skin-hydradark #preftoc li.selected a { color: #ffffff; background: linear-gradient(to top, #ffffff 0%, #ffffff 3px, transparent 3px); text-decoration: none; } .skin-hydradark #preferences { background: rgba(0,0,0,.2); border-color: rgb(48,16,16); } .skin-hydradark #preferences legend { color: #fdd563; } .skin-hydradark #preferences fieldset.prefsection fieldset { border-color: rgb(48,16,16); } .skin-hydradark .htmlform-tip { color: #999999; }

/************************* * Special:RecentChanges * *************************/

/********************* * Misc SpecialPages * *********************/

.skin-hydradark .mw-datatable { background-image: none; background-color: transparent; border-collapse: separate; border-spacing: 1px; } .skin-hydradark .mw-datatable, .skin-hydradark .mw-datatable td, .skin-hydradark .mw-datatable th { background-clip: padding-box; border: none; } .skin-hydradark .mw-datatable th { background-color: rgb(96,32,32); } .skin-hydradark .mw-datatable td { background-color: rgba(0,0,0,.4); } .skin-hydradark .mw-datatable tr:hover td { background-color: rgb(96,32,32); } /* Special:Notifications */ .mw-echo-state .mw-echo-content .mw-echo-title { color: #EEEEEE; }

/******** * Misc * ********/ .menu-hover { position: relative; }

.menu-hover .menu { display: none; position: absolute; top: 100%; left: 0; }

.menu-hover:hover .menu { display: block; }

.menu-hover .menu ul { background: rgba(24,8,8,.8); border: solid 3px rgba(96,32,32,.8); border-radius: 1em; list-style: none; margin: 0; padding: .5em; text-align: center; }

.menu-hover .menu ul li { margin: .25em 0; }

/******************** * Main page layout * ********************/

display: flex; flex-wrap: wrap; }
 * 1) mp-layout {

background: rgba(0,0,0,0.3); display: flex; flex-direction: column; border: solid 1px #D1A766; border-radius: 1em; padding: .5em; margin: .5em; }
 * 1) mp-layout .mp-block {

color: #fdd563; font-size: 120%; flex: auto 0 0; }
 * 1) mp-layout .mp-block .mp-heading {

flex: auto 1 1; }
 * 1) mp-layout .mp-block .mp-content {

.mp-beta-button { text-align: center; }

div#content .mp-beta-button a.external { display: inline-block; background: linear-gradient(to bottom,#d43232 0%,#bb2020 27%,#bb2020 77%,#cd2d2d 100%); padding: 1em; text-transform: uppercase; font-weight: bold; color: #ffffff; border: 1px solid #f45757; border-radius: 3px; text-shadow: 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 0 0 0 #ff8c8c; }

div#content .mp-beta-button a.external:hover { color: #ffffff; background: linear-gradient(to bottom,#d43232 0%,#eb2727 27%,#eb2727 77%,#eb2727 100%); box-shadow: inset 0px 0px 20px 5px #ff8c8c; }

flex: 100% 1 1; text-align: center; }
 * 1) mp-layout #welcome {

flex: 30em 1 1; }
 * 1) mp-layout #about {

padding: 0; overflow: hidden; }
 * 1) mp-layout #video {

display: block; }
 * 1) mp-layout #video iframe {

flex: auto 1 1; }
 * 1) mp-layout #gameplay {

flex: auto 1 1; }
 * 1) mp-layout #world {

flex: 30em 1 1; }
 * 1) mp-layout .mp-block#news {

flex: 20em 1 1; overflow-y: scroll; }
 * 1) mp-layout .mp-block#news .mp-content {

display: flex; flex-wrap: wrap; }
 * 1) gameplay-layout {

flex: auto 0 0; margin: .5em; }
 * 1) gameplay-layout > div {

display: flex; flex-wrap: wrap; }
 * 1) world-layout {

flex: auto 0 0; margin: .5em; }
 * 1) world-layout > div {

/*********** * Cleanup * ***********/

.uls-trigger, .tipsy-inner, .tipsy-arrow, .imeselector, .uls-trigger, display: none !important; /* Ensures that these items will be removed */ }
 * 1) p-socialProfiles,
 * 2) p-claimWiki,
 * 3) p-sharing,
 * 1) wikiEditor-section-advanced #msupload-select,
 * 1) mw-panel div#p-remove {