MediaWiki: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; }

/**************** * Custom Fonts * ****************/

/******************* * General Styling * *******************/

body { background-image: url(https://static.wikia.nocookie.net/revelationonline_gamepedia_en/images/9/98/Bg.jpg/revision/latest); background-size: cover; background-position: center bottom; background-color: #67675b; background-attachment: fixed; background-repeat: no-repeat; }

/******************** * 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: rgb(96,32,32); background-color: rgba(24,8,8,.8); 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; }   background-color: rgb(48,16,16); 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 ); }   margin-left: calc( 200px + 1em ); }   margin-right: 0; } 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(24,8,8,.8); border: solid 3px rgb(96,32,32); border-radius: 1em; padding: .5em; } div.vectorMenu ul { background: none; border: none; } div.vectorMenu li a { color: #FFFFFF; }
 * 1) mw-head-base {
 * 1) left-navigation,
 * 2) right-navigation {
 * 1) left-navigation {
 * 1) right-navigation {

/*********************** * 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; background-color: rgba(24,8,8,.8); border: solid 3px rgb(96,32,32); 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-Revelation_Online_Wiki h1#firstHeading, body.page-Main_Page h1#firstHeading { display: none; }

/******************* * Article Styling * *******************/

div#content { border-radius: 1em; border-style: solid; border-width: 3px; border-color: rgb(96,32,32); background-color: rgba(24,8,8,.8); margin-right: 1em; margin-top: 1em; } div#content hr { background-color: rgba(96,32,32,.8); } div.toc, div#toc, div.mw-warning { background: rgba(96,32,32,.5); border: none; border-radius: .25em; } code { background-color: rgba(96,32,32,.8); border: none; } pre, .mw-code { border-color: rgb(96,32,32); background-color: rgba(0,0,0,.5); } fieldset { border-color: rgba(96,32,32,.5); }
 * 1) catlinks,

/***************** * 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(96,32,32); } 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(96,32,32,.8); } div.wikiEditor-ui-tabs { background-color: transparent; border-color: rgba(96,32,32,.8); } div.wikiEditor-ui-tabs div { background-clip: padding-box; background-color: rgba(0,0,0,.6); border-color: rgba(96,32,32,.8); } div.wikiEditor-ui-tabs div.current { background-color: rgba(96,32,32,.6); border-bottom-color: rgba(96,32,32,.8); } 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(96,32,32,.8); border-top: none; } div.wikiEditor-ui .wikiEditor-ui-top { background-color: transparent; border: none; } div.wikiEditor-ui-toolbar, background-color: rgba(96,32,32,.6); 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(96,32,32,.6); border-top-color: rgba(96,32,32,.8); 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(96,32,32,.6); } div.wikiEditor-ui-toolbar .page-characters div span:hover { background: rgba(255,255,255,.1); border-color: rgba(96,32,32,1); } div.wikiEditor-ui-toolbar .page-table th { background-color: rgba(96,32,32,.3); 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(96,32,32,.8); } div.wikiEditor-ui textarea { background: rgba(0,0,0,.8); color: #cccccc; }
 * 1) wikiEditor-ui-toolbar {

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

/* LOGO */ width: 200px; height: 90px; }   top: -107px; }   background-size: contain; }
 * 1) p-logo,
 * 2) p-logo a {
 * 1) p-logo {
 * 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(96,32,32,.5); 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-color: rgb(96,32,32); background-color: rgba(0,0,0,.5); } .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(96,32,32,.5); 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(96,32,32,.5); }
 * 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 Extensions * *******************/

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