MediaWiki:Hydradark.css

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

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

html {}

body { background-image: url("https://cabal.gamepedia.com/media/cabal.gamepedia.com/9/98/Bg.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; background-color: #202219; font-family: corbel, "trebuchet ms", verdana, tahoma, arial, sans-serif; }

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


 * 1) global-wrapper {}

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

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

a { color: #BFC1B0; }

div#content a.extiw, div#content a.external { color: #BFC1B0; }

a:visited { color: #BFC1B0; }

div#content a.extiw:visited, div#content a.external:visited { color: #BFC1B0; }

a.new, a.new:visited {}

div#content a.external {}

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

/************************ * Mediawiki Navigation * ************************/

background: none; height: 128px; margin-bottom: 0; }
 * 1) mw-page-base {

div#mw-head { height: 128px; }

div#mw-head-base { background-image: url("https://cabal.gamepedia.com/media/cabal.gamepedia.com/3/3f/Menu_bg.png"); background-color: transparent; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; bottom: 0; height: 42px; margin-top: 0; }

position: absolute; margin-top: 130px; left: 11em; margin-left: .5em; }
 * 1) left-navigation {

position: absolute; top: 128px; right: 1em; margin: 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.vectorMenu h3 a { background: none; }

div.vectorTabs li a { background-image: none; color: #ccd0b1; cursor: pointer; font-weight: bold; text-shadow: -1px -1px 1px black; text-transform: uppercase; }

div#mw-head div.vectorTabs li:not(.new) a, div#mw-head div.vectorTabs li:not(.new) a:hover, div#mw-head div.vectorTabs li.selected a, div#mw-head div.vectorTabs li.selected a:visited { color: #ccd0b1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

div.vectorTabs li a:hover, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #FBFBF2; font-weight: bold; text-decoration: none; text-shadow: -1px -1px 1px black; }

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

div#mw-head div.vectorMenu h3 { background: none; }

div.vectorMenu h3 span::after { top: 12px; }

div#mw-head div.vectorMenu h3 span, div.vectorMenu#p-variants #mw-vector-current-variant { color: #ffffff; text-transform: uppercase; }

div.vectorMenu h3 > a { height: 42px; }

div.vectorMenu div.menu { background: none; border: none; top 100%; }

div.vectorMenu ul { background: #1B1C16; border: 3px solid #36372e; padding: .25em; }

div#mw-head div.vectorMenu li a, div#mw-head div.vectorMenu li a:visited { color: #ccd0b1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

div.vectorMenu li a:hover, div#mw-head div.vectorMenu li a:visited:hover { background: #818371; color: #FBFBF2; }

/** * Sidebar */

div#mw-panel { background: url("https://cabal.gamepedia.com/media/cabal.gamepedia.com/7/71/Black.png") repeat scroll 0 0 transparent; border: 3px solid #36372e; border-radius: 0.5em; box-sizing: border-box; line-height: 1em; padding: .25em; width: 9em; /*position: static; top: 0;*/ margin: 0 0.5em; }

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

position: absolute; top: -145px; left: 150px; }
 * 1) p-logo {

.skin-hydradark #mw-panel.collapsible-nav div.portal, .skin-hydradark #mw-panel.collapsible-nav div.portal { margin: 8px 0 0 0; padding-bottom: 0; background: none; }

.skin-hydradark #mw-panel.collapsible-nav div.portal h3, .skin-hydradark #mw-panel.collapsible-nav div.portal.collapsed h3 { background-color: #818371; color: #f9feda; }

.skin-hydradark #mw-panel.collapsible-nav div.portal h3 {}

.skin-hydradark #mw-panel.collapsible-nav div.portal.collapsed h3 {}

.skin-hydradark #mw-panel.collapsible-nav div.portal#p-claimWiki h3, .skin-hydradark #mw-panel.collapsible-nav div.portal#p-sitePromos h3, .skin-hydradark #mw-panel.collapsible-nav div.portal#p-socialProfiles h3 { display: none !important; }

.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a, .skin-hydradark #mw-panel.collapsible-nav div.portal.collapsed h3 a { color: inherit; }

.skin-hydradark #mw-panel.collapsible-nav div.portal h3:hover, .skin-hydradark #mw-panel.collapsible-nav div.portal.collapsed h3:hover { text-decoration: none !important; }

div#mw-panel div.portal div.body { background-image: none; background-position: left top; background-repeat: no-repeat; margin: 0 0 0 .75em; padding-top: 0.5em; }

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:link, div#mw-panel div.portal div.body ul li a:visited { color: #ccd0b1; display: block; font-weight: 700; padding: 4px 5px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); }

div#mw-panel div.portal div.body ul li a:hover { background-color: #818371; color: #FBFBF2; }

/** * Search */

height: 42px; margin: 0; }
 * 1) p-search,
 * 2) p-search form,
 * 3) p-search form::before {

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

div#simpleSearch { display: inline-block; margin: 0; position: relative; top: 0; vertical-align: middle; }

div#simpleSearch #searchInput {}

.skin-hydradark .suggestions-results, .skin-hydradark .suggestions-special {}

.skin-hydradark .suggestions-result {}

.skin-hydradark .suggestions-result-current {}

.skin-hydradark .suggestions-special .special-label {}

.skin-hydradark .suggestions-special .special-query {}

.skin-hydradark .suggestions-result-current .special-label {}

.suggestions-result .highlight {}

/********************* * MediaWiki Content * *********************/

div#content { background-image: none; background-color: #1B1C16; border: 3px solid #36372e; border-top: 0px solid #181818; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; color: #FBFBF2; margin-bottom: 1em; margin-top: -5px; padding: 0.3em 1em 1em; }

color: #1f1710; }
 * 1) contentSub,
 * 2) contentSub2 {

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

div#content hr { background-color: #000000; }

div#content table { color: white; }

body.skin-hydradark .mw-notification-area { margin: calc( 70px + 1em ) 1em 0 0 ; padding: 0; }

body.skin-hydradark .mw-notification { background: #1f1710; border: none; box-shadow: 0 0 1.5em 3px black; }

div.toc, div#toc, div.mw-warning { background-color: #202219; border: 1px solid #36372e; border-radius: 0.5em 0.5em 0.5em 0.5em; }
 * 1) catlinks,

code { background: rgba(0,0,0,.2); }

pre, .skin-hydradark .mw-code { color: #FBFBF2; border-color: #FBFBF2; }

fieldset { border: 1px solid #36372e; }

ul {}

table.wikitable { background: #202020; color: #FBFBF2; border: 1px solid #36372e; border-collapse: collapse; }

table.wikitable > tr > th, table.wikitable > * > tr > th, .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th { background-color: #818371; border: 1px solid #36372e; }

table.wikitable > tr > td, table.wikitable > * > tr > td { background: #202020; border: 1px solid #36372e; }

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

li.gallerybox { background-color: transparent; border: 2px solid #36372e; }

li.gallerybox div.thumb { border: 1px solid #36372e; }

div.thumbinner { background-color: #202020; border: 1px solid #36372e; }

html .thumbimage { border-color: rgba(0,0,0,.2); }

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

div#footer { background: none; margin-top: 1em; margin-bottom: 1em; overflow-y: hidden; }

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

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

ul#filetoc { background-color: #202219; border: 1px solid #36372e; border-radius: 0.5em 0.5em 0.5em 0.5em; }

table.mw_metadata { border-collapse: collapse; color: #ffffff; border: solid 1px rgba(0,0,0,.2); }

table.mw_metadata th { background: rgba(0,0,0,.2); border: solid 1px rgba(0,0,0,.2); }

table.mw_metadata td { background: rgba(0,0,0,.1); border: solid 1px rgba(0,0,0,.2); }

/*********** * History * ***********/

border-color: transparent; border-style: solid; border-width: 1px; }
 * 1) pagehistory li {

border-width: 1px; }
 * 1) pagehistory li:first-child {

background: rgba(0,0,0,.1); border-color: rgba(0,0,0,.2); border-style: dashed; border-width: 1px; }
 * 1) pagehistory li.selected {

/************** * Difference * **************/

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

.skin-hydradark td.diff-context { background-color: rgba(0,0,0,.1); }

/**************** * Special Page * ****************/

table.skin-hydradark .mw-datatable { background: none; border: solid 1px rgba(0,0,0,.2); border-collapse: collapse; color: #ffffff; }

.skin-hydradark .mw-datatable th { background: rgba(0,0,0,.2); border: solid 1px rgba(0,0,0,.2);

} .skin-hydradark .mw-datatable td { background: rgba(0,0,0,.1); border: solid 1px rgba(0,0,0,.2); }

.skin-hydradark .mw-datatable tr:hover td { background: rgba(0,0,0,.2); }

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

.mw-specialpages-table { margin-top: 0; margin-bottom: 0; }

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

.skin-hydradark #preftoc, .skin-hydradark #preftoc li, .skin-hydradark #preftoc a { height: auto; }

.skin-hydradark #preftoc, .skin-hydradark #preftoc ul, .skin-hydradark #preftoc li { background: none; }

.skin-hydradark #preftoc a, .skin-hydradark #preftoc a:active { color: #ccd0b1; }

.skin-hydradark #preftoc li a:hover { color: #ffffff; }

.skin-hydradark #preftoc li.selected a { background-image: none; color: #FFFFFF; text-decoration: none; }

.skin-hydradark #preferences { background-color: #202219; background-image: none; border: 1px solid #36372e; clear: both; float: left; margin: -2px 0 0; width: 100%; }

.skin-hydradark #preferences legend { color: #DDDDDD; }

.skin-hydradark #preferences fieldset.prefsection fieldset { background-color: #434539; }

.htmlform-tip { color: #DDDDDD; }

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

.skin-hydradark .mw-search-profile-tabs { background: rgba(0,0,0,.2); border-color: rgba(0,0,0,.2); }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li a { color: #dbbc91; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #ffffff; background-image: linear-gradient( to top, rgba(219,188,145,1) 0%, rgba(219,188,145,1) 3px, rgba(219,188,145,.2) 3px, rgba(219,188,145,0) 75%); }

fieldset#mw-searchoptions { }

fieldset#mw-searchoptions div.divider { border-bottom-color: rgba(0,0,0,.1); }

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

.mw-changeslist-legend {}

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

div.wikiEditor-ui { background: transparent; border: none; }

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

div.wikiEditor-ui-controls { background-color: transparent; border-bottom: none; margin-left: 0; }

div.wikiEditor-ui-tabs { background-color: transparent; border-left: 1px solid rgba(0,0,0,.2); border-top: 1px solid rgba(0,0,0,.2); }

div.wikiEditor-ui-tabs div { background: none; border-right: 1px solid rgba(0,0,0,.2); border-bottom-color: transparent; }

div.wikiEditor-ui-tabs div a { color: #dbbc91; background: none; }

div.wikiEditor-ui-tabs div.current { background: linear-gradient( to bottom, rgba(0,0,0,0), rgba(0,0,0,.1)) no-repeat border-box; border-bottom-color: transparent; }

div.wikiEditor-ui-tabs div.current a { color: #ffffff; }

div.wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid rgba(0,0,0,.2); }

div.wikiEditor-ui .wikiEditor-ui-view { border: none; border-top: solid 1px rgba(0,0,0,.2); }

div#wikiEditor-ui-toolbar { background: linear-gradient( to bottom, rgba(0,0,0,.1), rgba(0,0,0,.3) 26px); }

div.wikiEditor-ui-toolbar .group { border-right: 1px solid rgba(0,0,0,.2); }

div.wikiEditor-ui-toolbar .group-search { border-left: 1px solid rgba(0,0,0,.2); border-right: none; }

div.wikiEditor-ui-toolbar .group .label { color: #dbbc91; }

.tab { border-color: transparent; }

div.wikiEditor-ui-toolbar .tabs span.tab a, div.wikiEditor-ui-toolbar .tabs span.tab a:visited { color: #dbbc91; }

div.wikiEditor-ui-toolbar .tabs span.tab a.current, div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #dbbc91; }

div.wikiEditor-ui-toolbar .group .tool-select .label { color: #000000; /* or any other dark colour, or change the bg to a dark colour to contrast with light text */ }

div.wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(0,0,0,.2); }

div.wikiEditor-ui-toolbar .booklet .index div { color: #dbbc91; }

div.wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(0,0,0,.2); color: #ffffff; }

div.wikiEditor-ui-toolbar .booklet .pages { background-color: transparent; }

div.wikiEditor-ui-toolbar .page-characters div span { border: 1px solid rgba(0,0,0,.2); color: #dbbc91; }

div.wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(0,0,0,.2); border-color: rgba(0,0,0,.2); color: #dbbc91; }

div.wikiEditor-ui-toolbar .page-table th { color: #ffffff; }

div.wikiEditor-ui-toolbar .page-table td { border-top: 1px solid rgba(0,0,0,.2); color: #dbbc91; }

div.wikiEditor-preview-loading { background-color: transparent; }

div.wikiEditor-preview-contents { background-color: transparent; border: none; overflow-y: hidden; }

div.editOptions { background-color: transparent; border: 1px solid rgba(0,0,0,.2); border-top: none; }

/* Notifications */ .mw-echo-ui-notificationsInboxWidget-toolbarWrapper, .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background: inherit; }