MediaWiki:Hydra.css

/* CSS placed here will affect users of the Hydra skin */ /* For elements which only display in the mobile view */ .mobileonly { display: none; } /* Hide main page header */ body.page-Fantasy_Tales_Online_Wiki h1.firstHeading { display:none; }

body { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background: url("https://static.wikia.nocookie.net/fantasytalesonline_gamepedia/images/0/01/Tile.png/revision/latest") repeat scroll left top / cover black; background-size: cover; font-family:"Bookman Old Style",Times New Roman,Georgia,Serif; font-size: 105%; background-size:30%; }

div#mw-page-base { background: transparent !important; }

background: #transparent !important; border: 0px solid black; bottom: 0; height: 40px; }
 * 1) mw-head-base {

margin-right: 20px; }
 * 1) pageWrapper {

width: 160px; height: 100px; margin-top: 40px; transform: scale(1.5); }
 * 1) p-logo a {

/************************** /* Article navigation bar * /**************************/   margin-top: 0; z-index: 1; margin-left: 11em; }
 * 1) left-navigation {

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

div.vectorTabs { background-image: none; }

div.vectorTabs span { background-image: none; }

div.vectorTabs ul { background-image: none; }

div.vectorTabs ul li, div.vectorTabs ul li.selected { background-color: transparent; background-image: none; }

div.vectorTabs ul li span, div.vectorTabs ul li.selected span { background-image: none; font-weight: bold; }

div.vectorTabs li span a { background-image: none; color: gold; }

div.vectorTabs span a:visited { color: gold; }

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

div.vectorTabs li.selected span a { color: gold !important; }

div.vectorTabs li.new span a:visited { color: gold; }

div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover { color: #ffffff; }

div.vectorMenu h3 a, div.vectorMenu h5 a { background-image: none; }

div.vectorMenu:hover, div.menu, div.vectorMenu div.menuForceShow { display: block; }

div#p-cactions div.menu ul { border: 1px ridge #ffffff; }

div#p-cactions div.menu ul li a { background: #80715C; color: #332e2a; }

div#p-cactions div.menu ul li a:visited { color: #332e2a; }

div#p-cactions div.menu ul li a:hover, div#p-cactions div.menu ul li a:visited:hover { display: block; }

div#mw-head div.vectorMenu h4 { color: gold; font-weight: bold; }

div.vectorMenu ul { background: #80715C; }

/************************** /* Sidebar               * /**************************/ div#mw-panel div.portal div.body, background-image: none; }
 * 1) mw-panel.collapsible-nav .portal {

background-image: none; background-color: #A5A5A5; border: 1px ridge #ffffff; border-radius: 6px; margin-left: 5px !important; margin-right: 5px !important; padding: 4px; }
 * 1) p-navigation div.body,
 * 2) p-tb div.body {

div#mw-panel div.portal h3, color: gold; font-weight: bold; text-transform: uppercase; font-size: 100%; text-shadow: 1px  1px 1px black,1px -1px 1px black,-1px 1px 1px black,-1px -1px 1px black; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal h3 a:visited,
 * 3) mw-panel.collapsible-nav .portal.collapsed h3,
 * 4) mw-panel.collapsible-nav .portal.collapsed h3 a,
 * 5) mw-panel.collapsible-nav .portal.collapsed h3 a:visited {

div#mw-panel div.portal ul { color: #332e2a; }

div#mw-panel div.portal ul li { color: #332e2a; }

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

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

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

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

/*************** /* Link styles * /***************/ a { color: gold; }

a:link { color: gold; }

div#content a:visited, a:visited { color: orange; }

a:hover, div#content a:visited:hover, a:visited:hover { color: #961e42; }

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

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

div#content a.extiw:hover, div#content a.external:hover, div#content a.extiw:visited:hover, div#content a.external:visited:hover { color: #961e42; }

a:active { color: white; }

a.new, #p-personal a.new { color: #ba0000; }

/************************** /* Content styles * /**************************/ div#content { background: #A08D73; background-position: right top; background-repeat: no-repeat; color: black; border: 2px ridge grey; border-radius: 1em; font-size: 14pt; overflow-y:hidden; }

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { color: #332e2a; border-bottom: 1px solid black; }

div#content h1 { border-bottom: 1px solid black; }

div#content h2 { border-bottom: 1px solid black; }

.toc, #toc, .mw-warning, .toccolours { background: rgba(0, 0, 0, 0.2); border: 1px solid #534536; border-radius: 6px; }

table.wikitable { border: none; background: transparent; margin: 0 0 10px 0; padding: 3px 6px; }

table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > * > tr > th { border: 1px solid #574838; background: #80715C; color: #574838; padding: 0 3px 1px 3px; }

table.wikitable td, table.wikitable tr td, table.wikitable > tr > td, table.wikitable > * > tr > td { border: 1px solid #6f625e; background: #A08D73; color: #332e2a; padding: 0 3px 1px 3px; }

div.thumbinner { background-color: #544536; border: 1px solid #6f625e; color: #a08d73; font-size: 94%; overflow: hidden; padding: 3px !important; text-align: center; }

li.gallerybox { border: none; display: inline-block; vertical-align: top; }

li.gallerybox div.thumb { background-color: transparent; border: medium none; margin: 2px; text-align: center; }

fieldset { border: 1px solid #544536; line-height: 1.5em; margin: 1em 0; padding: 0 1em 1em; }

div.client-js #preferences { background-color: #80715C; background-image: none; border: 1px solid #6f625e; clear: both; float: left; margin: -2px 0 0; width: 100%; }

.client-js #preferences fieldset { border: 1px solid white; }

.client-js #preftoc { background: transparent; }

.client-js #preftoc li.selected a { background: #80715C; }

.client-js #preferences td.htmlform-tip { color: white; }

ul#filetoc { background: #A08D73;; border: 1px solid #544536; border-radius: 0.3em; }

.mw-search-profile-tabs { background: #544536; border: 1px solid #80715C; border-radius: 0.3em; }

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

fieldset#mw-searchoptions { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background-color: transparent; border-color: #80715C !important; border-image: none !important; border-style: solid !important; border-width: 0 1px 1px !important; padding: 0.5em 0.75em 0.75em !important; }

background: #544536; border: 1px solid #80715C; border-radius: 0.3em; }
 * 1) catlinks {

.usermessage { background-color: #000000; color: #332e2a; }

code { background: #5B9EC1; }

.client-js #preferences legend { color: white; }

.client-js #preftoc li { background-image:none; background-position: right bottom; background-repeat: no-repeat; float: left; height: 2.25em; list-style-image: none; list-style-type: none; margin: 0; padding: 0 1px 0 0; white-space: nowrap; }

/* Footer */ div#footer { background: none; }

div#footer a.extiw, div#footer a.extiw:visited, div#footer a.external:visited { color: #507F88; }

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

div#footer a { color: gold; }

div#footer a:hover { color: #961e42; }

/* Wiki editor fixes */ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: medium none; }

div.wikiEditor-ui-buttons { background-color: rgba(0, 0, 0, 0); border-top: medium none; margin-right: 5px; }

div.wikiEditor-ui-controls { background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid #ffffff; }

.wikiEditor-ui-tabs { background-color: #?; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; }

.wikiEditor-ui-tabs div { background-color: #A08D73; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }

.wikiEditor-ui-tabs div a { background: #A08D73; color: #332e2a; }

.wikiEditor-ui-tabs div.current { background-color: #A08D73; border-bottom: 1px solid #ffffff; }

.wikiEditor-ui-tabs div.current a { color: #332e2a; font-weight: bold; }

.wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #ffffff; }

.wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

.wikiEditor-ui-toolbar .group { border-right: 1px solid #ffffff; }

.wikiEditor-ui-toolbar .group-search { border-left: 1px solid #ffffff; border-right: none; }

.wikiEditor-ui-toolbar .group .label { color: #332e2a; }

.tab { border-color: transparent; }

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

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

.wikiEditor-ui-toolbar .group .tool-select .label { color: #332e2a; }

.wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #ffffff; }

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

.wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(222, 197, 188, 0.5); color: #332e2a; }

.wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(222, 197, 188, 0.5); }

.wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #ffffff; color: #332e2a; }

.wikiEditor-ui-toolbar .page-characters div span:hover { background-color: #A5A5A5; border-color: #ffffff; color: #507f88; }

.wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #ffffff; color: #332e2a; }

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

.wikiEditor-preview-contents { background-color: transparent; border-color: -moz-use-text-color #ffffff #ffffff; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; }

.editOptions { background-color: #A08D73; border-color: -moz-use-text-color #ffffff #ffffff; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; }

background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMTMuMDAyIDYuMDAxbC01IDUuMDAxLTUtNS4wMDF6IiBmaWxsPSIjNzk3OTc5Ii8+PC9zdmc+"); background-position: left center; background-repeat: no-repeat; color: #4d4d4d; font-size: 0.75em; font-weight: normal; margin-bottom: 0; padding: 4px 0 3px 1.5em; }
 * 1) mw-panel.collapsible-nav .portal h3 {

background-color: #A08D73; background-image: none; border: 1px ridge #ffffff; border-radius: 6px; margin-left: 5px !important; margin-right: 5px !important; padding: 4px; }
 * 1) p-navigation div.body, #p-tb div.body, #p-Gamepedia div.body {

table.diff { background-color: transparent; border: medium none; border-spacing: 4px; margin: 0; table-layout: fixed; width: 100%; }

/* page history fix */

background-color: grey; border: 1px dashed white; }
 * 1) pagehistory li.selected {

.mw-datatable td { background-color: #7A6B55; }

.mw-datatable th { background-color: #544536; color: gold; }

.mw-datatable, .mw-datatable td, .mw-datatable th { border: 1px solid #352b22; padding: 0 0.15em; }

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

pre, .mw-code { background-color: #f9f9f9; border: 1px solid #ddd; color: black; font-size: 80%; padding: 1em; }

table.mw_metadata td { background-color: #80715c; } table.mw_metadata td, table.mw_metadata th { border: 1px solid #544536; padding-left: 5px; padding-right: 5px; text-align: center; }

table.mw_metadata th { background-color: #a08d73; }

html .thumbimage { background: none repeat scroll 0 0 #80715c; border: 1px solid #a08d73; }

ul { list-style-image: url("https://static.wikia.nocookie.net/fantasytalesonline_gamepedia/images/9/93/Bul.png/revision/latest"); list-style-type: disc; }

.curseauth_container { background: none repeat scroll 0 0 orange; border: 1px solid #000; border-radius: 10px; box-shadow: 2px 2px 3px #222; margin-top: 1em; overflow: hidden; width: 400px; }

div.vectorMenu h3 span { color: #EED701; display: block; font-size: 0.8em; font-weight: normal; margin-right: 20px; padding-left: 0.7em; padding-top: 1.375em; }

div#mw-head div.vectorMenu h3 { background-image: none; background-repeat: no-repeat; float: left; font-size: 1em; height: 2.5em; margin-right: -1px; padding-right: 1px; }

.mw-body { margin-left: 10em; padding-bottom: 1.5em; padding-left: 1.5em; padding-right: 1.5em; padding-top: 1.25em; direction: ltr; margin-top: -1px; }

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background: inherit; }