MediaWiki:Hydra.css

/* CSS placed here will affect users of the Hydra skin */


/******************
/* General styles *
/******************/

body {
    background-image: url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/2/26/Background.png);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #6e5f3e;
    background-size: cover;
    color: #ffffff;
}

body.page-Life_is_Feudal_Вики h1#firstHeading,
body.page-Main_Page h1#firstHeading { 
    display: none;
}

#pageWrapper {
    padding-right: 1em;
}

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

#p-logo, #p-logo a {
    height: auto;
    width: auto;
}

#p-logo {
    position: absolute;
    top: 2px;
    left: 0;
    margin: 0;
}

/*****************
/* Header styles *
/*****************/

div#mw-page-base {
    background: #1f1710;
    height: 81px;
    margin-bottom: 0;
}

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

#mw-head-base {
    display: none;
}

/**************************
/* Article navigation bar *
/**************************/

#left-navigation {
    margin-left: calc(268px + 1em);
    margin-top: 0;
}

#right-navigation {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 0;
    margin-top: 0;
    height: 81px;
}

div.vectorTabs {
    padding-left: 0;
}

div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected,
div.vectorTabs,
div.vectorMenu h3 a {
    background: none;
}

div.vectorTabs li a,
div.vectorTabs li a:visited,
div#mw-head div.vectorMenu h4 {
    color: #ffffff;
    text-transform: uppercase;
}

div.vectorTabs ul,
div.vectorTabs li,
div.vectorTabs span {
    height: 81px;
}

div.vectorTabs li a {
    padding: 0 1em;
    height: 81px;
    line-height: 81px;
}

div.vectorTabs li:not(.new) a:hover,
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #ffffff;
}

div.vectorTabs li a:hover,
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    text-decoration: none;
    background-image: linear-gradient( to top, rgba(219,188,145,1) 0%, rgba(219,188,145,1) 5px, rgba(219,188,145,.1) 5px, rgba(219,188,145,0) 75%);
}

div.vectorMenu {
    background-image: url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/b/ba/Arrow-down-icon.png);
    background-position: 100% 50%;
}

div.vectorMenu .menu {
    z-index: 1001 !important;
}

div.vectorMenu ul {
    background: #1f1710;
    border: none;
}

div.vectorMenu#p-cactions ul {
    left: auto;
    right: 0;
}

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

div#mw-head div.vectorMenu h4 {
    padding: 0 0 0 1em;
    height: 81px;
    line-height: 81px;
    margin: 0;
}

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

#ca-watch.icon a,
#ca-unwatch.icon a{
    margin-top: calc( (74px - 3.1em) / 2);
}

#p-search input,
div#simpleSearch {
    margin-top: 0;
}

#p-search form {
    margin-top: calc(37px - .7em)
}

#p-search {
}

#p-search input {
}

#p-search input[type=submit] {
}

#p-search input[type=search] {
}

/**********************
/* Site notice styles *
/**********************/

/******************
/* Sidebar styles *
/******************/

div#mw-panel {
    top: auto;
    left: auto;
    margin: 0 0 2.5em;
    position: static;
    background: none;
    padding-top: 0;
    margin-top: 1em;
}

div#mw-panel div.portal,
#mw-panel.collapsible-nav .portal {
    background: none;
    border: none;
    margin: 0;
}

div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal h3,
#mw-panel.collapsible-nav .portal.collapsed h3 {
    background-color: transparent;
    color: #ffffff;
    font-weight: bold;
}

#mw-panel.collapsible-nav .portal h3 {
    background-image: url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/f/fc/Arrow-expanded.png);
}

#mw-panel.collapsible-nav .portal.collapsed h3 {
    background-image: url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/9/9f/Arrow-collapsed-ltr.png);
}

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

div#mw-panel div.portal div.body,
#mw-panel.collapsible-nav .portal div.body; {
    background: none;
    padding-top: 0;
}

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:visited {
    color: #ffffff;
}

/***************
/* Link styles *
/***************/

a,
a:visited,
.mw-body a.external,
.mw-body a.external:visited {
    color: #dbbc91;
}

a.new {
    color: #fa0000;
}

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

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

/******************
/* Article styles *
/******************/

div#content {
    background-image: url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/8/81/Content-top.png), url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/6/69/Content-bottom.png), url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/1/18/Content-middle.png);
    background-clip: border-box, border-box, padding-box;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: left -60px, left calc(100% + 60px), left top;
    background-color: transparent;
    background-size: 100% auto;
    border-style: solid;
    border-color: transparent;
    border-width: 60px 0;
    padding: 1em 60px;
    color: #ffffff;
}


h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    border-color: rgba(0,0,0,.2);
}

hr {
   background-color: rgba(0,0,0,.2);
}

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

li.gallerybox {
    border-color: transparent;
}

li.gallerybox div.thumb {
    background: rgba(0,0,0,.1);
    border-color: transparent;
}

div.thumbinner {
    border-color: rgba(0,0,0,.2);
    background: rgba(0,0,0,.1);
}

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

div.

code {
    background: none;
}

pre, .mw-code {
    background: rgba(0,0,0,.1);
    color: #ffffff;
    overflow-x: scroll;
    border: solid 3px rgba(0,0,0,.2);
    border-radius: 3px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}

#toc,
.toc,
.mw-warning,
ul#filetoc,
.catlinks,
div#mw-js-message {
    border: solid 3px rgba(0,0,0,.2);
    border-radius: 3px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    background: rgba(0,0,0,.1);
}

table.mw_metadata {
    border-collapse: collapse;
    color: #ffffff;
}

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

table.mw_metadata th {
    background: rgba(0,0,0,.2);
}

table.mw_metadata td {
    background: rgba(0,0,0,.1);
}

table.mw_metadata tr.mw-metadata-show-hide-extended td {
}

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

table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background: rgba(0,0,0,.2);
    border: solid 1px rgba(0,0,0,.2);
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
    background: rgba(0,0,0,.1);
    border: solid 1px rgba(0,0,0,.2);
}

.mw-datatable {
    border-collapse: collapse;
    color: #ffffff;
}

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

.mw-datatable th {
    background: rgba(0,0,0,.2);
}

.mw-datatable td {
    background: rgba(0,0,0,.1);
}

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

/********************
/* Interface styles *
/********************/

input:not([type]),
input[type=text],
input[type=search],
input[type=password],
textarea {
}

input[type=select],
select {
}

*:focus {
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
}

button:focus:hover,
input[type=button]:focus:hover,
input[type=reset]:focus:hover,
input[type=submit]:focus:hover {
}

ul {
    list-style-image: url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/7/7a/Bullet.png);
}

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

#pagehistory li {
    border-color: transparent;
}

#pagehistory li.selected {
    background: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.2);
}

.mw-enhancedchanges-arrow.mw-collapsible-toggle-collapsed {
}

.mw-enhancedchanges-arrow.mw-collapsible-toggle-expanded {
}

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

td.diff-context {
    background: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.2);
    color: #aaaaaa;
}

td.diff-addedline .diffchange,
td.diff-deletedline .diffchange {
    color: #000000;
}

.client-js #preftoc {
    background: rgba(0,0,0,.2);
}

.client-js #preftoc,
.client-js #preftoc li,
.client-js #preftoc a {
    height: auto;
}

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

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

.client-js #preftoc li.selected a {
    color: #ffffff;
    background: linear-gradient( to top, rgba(219,188,145,1) 0%, rgba(219,188,145,1) 2px, rgba(219,188,145,.1) 2px, rgba(219,188,145,0) 75%);
}

.client-js #preferences {
    margin-top: 0;
    background: rgba(0,0,0,.1);
    border: none;
}

.client-js #preferences fieldset {
    border-color: rgba(0,0,0,.2);
}

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

.htmlform-tip {
    color: #aaaaaa;
}

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

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

.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 {
    background: rgba(0,0,0,.1);
    border-color: rgba(0,0,0,.1) !important;
}

fieldset#mw-searchoptions div.divider {
}

/*****************
/* Footer styles *
/*****************/

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

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

/**********************
/* Gamepedia Sidebars *
/**********************/

div#mw-panel div.portal#p-claimWiki,
div#mw-panel div.portal#p-sitePromos,
div#mw-panel div.portal#p-socialProfiles {
    background: none;
    border: none;
    padding: 0;
    margin: .5em 0;
}

div#mw-panel div.portal#p-claimWiki h3,
div#mw-panel div.portal#p-sitePromos h3,
div#mw-panel div.portal#p-socialProfiles h3 {
    display: none;
}

div#mw-panel div.portal#p-claimWiki div.body,
div#mw-panel div.portal#p-sitePromos div.body,
div#mw-panel div.portal#p-socialProfiles div.body {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
}

.claimSidebar,
.socialSidebar {
    margin: 0 auto;
}

.promoSidebar > a {
    display: block;
}

.plupload {
    display: none;
}

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

.editOptions {
    background: none;
    border: none;
}

.wikiEditor-ui {
    background-color: #6e5e3d;
    border-color: #1f1710;
}

.wikiEditor-ui-controls {
    background-color: #6e5e3d;
    border-bottom-color: #1f1710;
}

.wikiEditor-ui-tabs {
    background-color: #6e5e3d;
    border-left-color: #1f1710;
    border-top-color: #1f1710;
}

.wikiEditor-ui-tabs div {
    background-color: rgba(0,0,0,.5);
    border-bottom-color: #1f1710;
    border-right-color: #1f1710;
}

.wikiEditor-ui-tabs div.current {
    background-color: #6e5e3d;
    border-bottom-color: #6e5e3d;
    border-right-color: #1f1710;
}

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

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

.wikiEditor-ui-buttons {
    background: #6e5e3d;
    border-top-color: #6e5e3d;
}

.wikiEditor-ui-toolbar {
    background-color: #6e5e3d;
    background-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 2em);
}

.wikiEditor-ui-toolbar .group {
    border-right-color: #1f1710;
}

.wikiEditor-ui-toolbar .group-search {
    border-left-color: #1f1710;
}

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

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

.wikiEditor-ui-toolbar .sections .section {
    background-color: #423825;
    border-top-color: #1f1710;
}

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

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

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: #584B31;
    color: #ffffff;
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: #584B31;
}

.wikiEditor-ui-toolbar .page-characters div span {
    border-color: #1f1710;
    color: #ffffff;
}

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

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

.wikiEditor-ui-toolbar .page-table td {
    border-top-color: #1f1710;
    color: #ffffff;
}

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

.wikiEditor-preview-contents {
    background: #6e5e3d;
}