MediaWiki:Hydra.css

/* CSS placed here will affect users of the Hydra skin */ /* For elements which only display in the mobile view */ /* colours: #53B1CC; #655B93; white; #2E3175; */ .mobileonly { display: none; } /* Body */ /* Hide main page header */ body.page-Orcish_Inn_Wiki h1.firstHeading { display:none; }

body { background: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/8/80/Orcish_inn_background_0.png/revision/latest") no-repeat fixed center center / cover rgba(0, 0, 0, 0); -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }

height: 8em; background-color: transparent !important; background-image: none; background-position: left bottom; background-repeat: repeat-x; }
 * 1) mw-page-base {

div#mw-page-base { }

div#mw-head { position: absolute; right: 0; top: 0; width: 100%; height: 120px; }

background: #655B93; height: 40px; margin-left: 11em; margin-top: 0px; margin-right: none; }
 * 1) mw-head-base {

/* top navigation vector tabs */ float: right; margin-top: 8em; margin-right: 1em; }
 * 1) right-navigation {

display: inline; float: left; margin-bottom: -2.5em; margin-left: 12em; margin-top: 8em; }
 * 1) left-navigation {

div.vectorTabs { background-color: transparent; background-image: none; background-position: left bottom; background-repeat: no-repeat; padding-left: 1px; }

div.vectorTabs span { background-color: transparent; background-image: none; background-position: right bottom; background-repeat: no-repeat; display: inline-block; }

div.vectorTabs ul li { background-color: transparent; background-image: none; background-position: left bottom; background-repeat: repeat-x; display: inline-block; height: 100%; line-height: 1.125em; margin: 0; padding: 0; white-space: nowrap; }

div.vectorTabs ul { background-image: none; background-position: right bottom; background-repeat: no-repeat; }

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

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

div.vectorTabs ul li span, div.vectorTabs ul li.selected span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

div.vectorMenu h3 a, div.vectorMenu h5 a { background-image: none; background-repeat: no-repeat; display: inline-block; height: 2em; text-decoration: none; width: 24px; }

div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant { border: medium none; display: inline-block; float: left; font-family: Arial !important; font-size: 0.8em; font-weight: bold; padding-left: 0.5em; padding-top: 1.375em; color: white !important; }

div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: pink; }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: white; text-decoration: none; }

div.vectorTabs li a { color: white; cursor: pointer; display: inline-block; font-size: 0.8em; height: 1.9em; padding-left: 0.5em; padding-right: 0.5em; font-weight: bold; }

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

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

left: 50vw; margin-left: -143px; margin-top: 10px; }
 * 1) p-logo {

/* left navigation, Portal */ div#mw-panel { }

background-image: none; background-position: left top; background-repeat: no-repeat; margin: -11px 9px 10px 11px; padding: 0.25em 0 !important; }
 * 1) mw-panel.collapsible-nav .portal {

color: white; font-size: 120%; }
 * 1) mw-panel.collapsible-nav .portal.collapsed h3 a {

color: white; font-size: 120%; }
 * 1) mw-panel.collapsible-nav .portal h3 a {

background-color: rgba(255, 255, 255, 0.8); background-image: none; border: 1px ridge #53B1CC; border-radius: 6px; box-shadow: 0 2px 12px black; margin-left: 5px !important; margin-right: 5px !important; padding: 3px; }
 * 1) p-navigation div.body, #p-tb div.body, #p-Gamepedia div.body, #p-Community div.body, #p-Wiki_portals div.body {

/* content - article styles */ div#content { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: rgba(255, 255, 255, 0.8); border-color: #53B1CC; border-image: none; border-style: solid; border-width: 1px 0 1px 1px; color: #252525; direction: ltr; margin-left: none; margin-top: -1px; padding: 1em; overflow-y:hidden; }

/* Links */ a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #655b93; text-decoration: none; }

h1, h2, h4, h5, h6 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #232E74; color: #232E74; font-weight: normal; margin: 0; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em; }

/* footer styles */ div#footer { background-color: rgba(255, 255, 255, 0.8); border-color: #53B1CC; border-image: none; border-style: solid; border-width: 1px 0 1px 1px; color: black; direction: ltr; margin-top: 5px; overflow-y: hidden; padding: 0.75em; }

.catlinks { background-color: #D4E2E9; border: 1px solid #53B1CC; clear: both; margin-top: 1em; padding: 5px; }

/* wiki editor styling */ .wikiEditor-ui { -moz-box-sizing: border-box; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); }

.wikiEditor-ui-tabs, .wikiEditor-ui-tabs div { background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid #3e5367; border-right: 1px solid rgba(0, 0, 0, 0); }

.wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0); margin-right: 5px; }

.wikiEditor-ui-toolbar { background-color: rgba(255, 255, 255, 0.5); }

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

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

.wikiEditor-ui-tabs div a { background: #063B72; border-radius: 10px 10px 0 0; color: #CDDBEC !important; }

.wikiEditor-ui-tabs div.current { background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid #3e5367; }

.wikiEditor-ui-tabs div.current a { background: #655B93; color: #FFFFFF; }

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

.wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); border-color: #3e5367; border-image: none; border-style: solid; border-width: 1px 0 1px 1px; color: #CDDBEC; }

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

input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; }

background-color: #4fadc8; border: 1px dashed #655b93; }
 * 1) pagehistory li.selected {

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

td.diff-context { background: none repeat scroll 0 0 #f9f9f9; border-color: #655b93; color: #333333; }

td.diff-deletedline { border-color: orange; }

fieldset#mw-searchoptions { }

fieldset#mw-searchoptions h4 { }

fieldset { border: 1px solid #434647; }

div.client-js #preferences { background: transparent; }

div.client-js #preferences fieldset { }

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

div.client-js #preferences fieldset fieldset { }

div.client-js #preferences fieldset fieldset legend { }

.client-js #preferences td.htmlform-tip { }

.client-js #preftoc { background-image: none; background-position: left bottom; background-repeat: no-repeat; clear: both; float: left; margin: 0 !important; padding: 0 !important; width: 100%; }

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

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

.client-js #preftoc li a:visited { color: purple; }

.client-js #preftoc li a:hover, .client-js #preftoc li.selected a, .client-js #preftoc li.selected a:hover { background: transparent; color: purple !important; }

ul#filetoc { background: transparent; }

}
 * 1) other_options div {

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 { }

.mw-datatable th { background-color: #655b93; color:white; }

code { background-color: orange; }

/* tables */ table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #655b93; border: 1px solid #655b93; color: white; text-align: center; }

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #655b93; padding: 0.2em; }

.mw-search-profile-tabs { background-color: white; border: 1px solid #655b93; margin-top: 1em; }

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

/* toc */ background-color: white; border: 1px solid #655b93; font-size: 95%; padding: 5px; }
 * toc, .toc, .mw-warning {

hr { background-color: #655b93; border: 0 none; color: #aaa; height: 1px; margin: 0.2em 0; }

ul { list-style-image: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/7/7a/Bullet.png/revision/latest"); list-style-type: disc; }

/* CUSTOM */

body { background: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/a/a2/Background_1920_1080.png/revision/latest") no-repeat fixed center center / cover rgba(0, 0, 0, 0); font-family: 'Roboto', sans-serif; }

p { font-family: 'Roboto', sans-serif; }

background-color: #1d1d1d; }
 * 1) mw-head-base {

div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorTabs li.new a:active, div.vectorTabs li.new a:link { color: #0999f4; text-decoration: none; }

div.vectorTabs li.new a:hover { color: #fff; text-decoration: underline; }

a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #096cf4; text-decoration: none; }

a:hover { color: #0999f4; text-decoration: underline; }

a.extiw:link, a.extiw:active, a.extiw:visited { color: #096cf4; text-decoration: none; }

a.extiw:hover { color: #0999f4; text-decoration: underline; }

a.external:link, a.external:visited, a.external:active { color: #096cf4; text-decoration: underline; }

a.external:hover { color: #0999f4; text-decoration: none; }

.header { background-color: #1d1d1d; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #096cf4; border: 1px solid #096cf4; }

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #096cf4; }

.wikiEditor-ui-tabs div.current a { background: #096cf4; }

border: 1px dashed #096cf4; }
 * 1) pagehistory li.selected {

td.diff-context { border-color: #096cf4; }

.mw-datatable th { background-color: #096cf4; }

.mw-search-profile-tabs { border: 1px solid #096cf4; }

border: 1px solid #096cf4; }
 * toc, .toc, .mw-warning {

.wikiBox { background: rgba(220, 220, 220, 0.5); border: 1px solid #cdcdcd; border-radius: 5px; }

.wikiBoxMainPage {

}

ul { list-style-image: none; list-style-type: disc; }

background-color: #cfcfcf; border: 0px solid #220; box-shadow: 0 0px 0px black; }
 * 1) p-navigation div.body, #p-tb div.body, #p-Gamepedia div.body, #p-Community div.body, #p-Wiki_portals div.body {

.header { background-repeat: no-repeat; }

.header0 { background-image: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/b/b1/Header_background_0.png/revision/latest"); }

.header1 { background-image: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/6/62/Header_background_1.png/revision/latest"); }

.header2 { background-image: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/f/fc/Header_background_2.png/revision/latest"); }

.header3 { background-image: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/6/62/Header_background_3.png/revision/latest"); }

.header4 { background-image: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/7/72/Header_background_4.png/revision/latest"); }

.header5 { background-image: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/c/c8/Header_background_5.png/revision/latest"); }

.header6 { background-image: url("https://static.wikia.nocookie.net/orcishinn_gamepedia/images/2/25/Header_background_6.png/revision/latest"); }

.wikiEditor-preview-contents { color: #000; }

padding: 5px 0px 0px 20px; }
 * 1) p-logo {

.mainItemContainer { padding: 20px; }

.mainItem { display: inline-block; margin: 0px auto; margin: 5px; }

/* MsUpload color fixes */ background-color: #353535; border-top: #333; border-bottom: #444; }
 * 1) upload_list .file {

color: #E0E0E0; }
 * 1) upload_list .file .file-title,
 * 2) upload_list .file .file-size,
 * 3) upload_list .file .file-warning {

color: #add8e6; }
 * 1) upload_list .file a {

.infobox { border: 1px solid #aaa; border-spacing: 3px; background-color: #f9f9f9; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; /* @noflip */ text-align: left; font-size: 88%; line-height: 1.5em; } .infobox caption { font-size: 125%; font-weight: bold; padding: 0.2em; } .infobox td, .infobox th { vertical-align: top; }

div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant { font-family: 'Roboto', sans-serif; }

/* the new, all beloved MORE button */ div.vectorMenu h3 span { color: white; 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-position: right bottom; background-repeat: no-repeat; float: left; font-size: 1em; height: 2.5em; margin-right: -1px; padding-right: 1px; }

/* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding:0.25ex 1ex 0ex; font-size: 95%; }

.ambox { background-color: #eeeeee; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 2px auto; width: 80%; }

.ambox-gray { border-left-color: #383838; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox + .ambox { margin-top: -2px; }

.ambox-text { padding: 0.25em 0.5em; }

.ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; }

/* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; }

.ambox-red { border-left: 10px solid #b22222; }

.ambox-orange { border-left: 10px solid #f28500; }

.ambox-yellow { border-left: 10px solid #f4c430; }

.ambox-purple { border-left: 10px solid #9932cc; }

.ambox-gray { border-left: 10px solid #bba; }

.ambox-green { border-left: 10px solid #228b22; }

/* Ambox small text */ .amsmalltext { font-size: smaller; margin-left:0.8em; margin-top:0.5em; }