Kingdom Come: Deliverance Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Kingdom Come: Deliverance Wiki
Don't have an account?
Register
Register
Kingdom Come: Deliverance Wiki
Kingdom Come: Deliverance Wiki
2,551
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
No edit summary
No edit summary
Line 145: Line 145:
 
padding-top: 0;
  
padding-top: 0;
 
}
  
}
−  
   
 
div.vectorMenu h3 span::after {
  
div.vectorMenu h3 span::after {
  +
margin-right: 3px;
 
top: 0;
  
top: 0;
 
}
  
}

Revision as of 22:27, 20 November 2018

/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

/* Custom fonts */
@font-face {
    font-family: '1529 Champ Fleury W01 Regular';
    src: local('1529 Champ Fleury W01 Regular'), local('1529-Champ-Fleury-W01-Regular'), url(/media/hydra/fonts/1529 Champ Fleury W01 Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Friz-Quadrata-TT';
    src: local('Friz-Quadrata-TT'), local('Friz-Quadrata-TT'), url(/media/hydra/fonts/Friz-Quadrata-TT.ttf) format('truetype');
}
 
/* Hide main page header */
body.page-Kingdom_Come_Deliverance_Wiki h1.firstHeading {
    display:none;
}

/* Framework */
body {
    background: rgba(67, 44, 20, 1) url("https://kingdomcomedeliverance.gamepedia.com/media/kingdomcomedeliverance.gamepedia.com/9/98/Bg.jpg") repeat fixed left top;
}

body #pageWrapper {
    margin-right: 10px;
}

/* Head */
div#mw-page-base {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
}

div#mw-head {
    top: 6px !important;
}

#mw-head-base {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-bottom: 0px;
}

/* Logo */
#p-logo {
    height: 120px !important;
    margin-left: 10px;
    margin-top: 20px;
    padding: 0;
    position: absolute;
    width: 394px !important;
    z-index: 4;
}

#p-logo a {
    height: 120px !important;
    width: 394px !important;
}

.mw-wiki-logo {
    -webkit-filter: drop-shadow(0px 0px 10px #000000);
    filter: drop-shadow(0px 0px 3.5px #000000) drop-shadow(1px 1px 1px #000000);
}

/* Tabs */
#left-navigation {
    margin-top: 110px;
}

#right-navigation {
    margin-right: 5px;
    margin-top: 110px;
}

div.vectorTabs {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    height: 33px;
    margin-top: 8px;
}

div.vectorTabs li a {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    padding: 0;
}

div.vectorTabs li.selected,
div.vectorTabs ul,
div.vectorTabs ul li {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
}

div.vectorTabs li span,
div#mw-head div.vectorMenu h3 {
    background: #929292; /* Old browsers */
    background: -moz-linear-gradient(top,  #929292 0%, #6e6e6e 4%, #595d60 12%, #191919 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(4%,#6e6e6e), color-stop(12%,#595d60), color-stop(100%,#191919)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
    display: inline-block;
    border: 1px solid #302011;
    border-radius: 4px;
    color: #898989;
    font-weight: bold;
    padding: 2px 10px;
    margin: 0 2px;
    height: 19px;
    text-align: center;
}

div.vectorTabs li span {
    margin: 0 3px;
}

div#mw-head div.vectorMenu h3 {
    margin: 0.5em 3px 0.5em 0;
    padding-left: 0;
    padding-right: 0;
}

div#p-sharing .menu {
   margin-left: 45px;
   min-width: 0px;
   width: 48px;
}

#p-sharing #socialIconImages img {
   width: 100%;
}

#p-sharing #socialIconImages a {
   width: 40px;
}

div.vectorMenu h3 span {
    padding-top: 0;
}

div.vectorMenu h3 span::after {
    margin-right: 3px;
    top: 0;
}

div#mw-head,
div.vectorTabs li a,
.vectorTabs li a span,
div#mw-head div.vectorTabs a,
div.vectorMenu h3 span {
    color: #c0c0c0;
    font-family: "1529 Champ Fleury W01 Regular";
    font-weight: bold;
    letter-spacing: 0.03em;
}

div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
    color: #BA0000 !important;
    font-family: "1529 Champ Fleury W01 Regular";
    letter-spacing: 0.03em;
    text-shadow: 1px 1px #000000;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #ffffff !important;
    font-family: "1529 Champ Fleury W01 Regular";
    letter-spacing: 0.03em;
    text-decoration: none;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: #898989;
    font-weight: bold;
    padding-top: 0.2em;
    text-shadow: none;
}

div.vectorMenu h3:hover span,
div.vectorMenu h3:focus span {
    color: #fff;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
    padding: 16px 0 0;
}

div.vectorMenu div.menu {
    background-color: #302011;
    background-image: none;
    border: 1px solid #47321d;
}

div#mw-head div.vectorMenu ul {
    background-color: rgba(0, 0, 0, 0);
    border: none;
}

div#mw-head div.vectorMenu li.selected a,
div#mw-head div.vectorMenu li.selected a:visited {
    color: #c0c0c0;
}

div#mw-head div.vectorMenu li a {
    color: #CEA440;
}

/* Sidebar */
div#mw-panel {
    margin-top: -15px;
}

.skin-hydradark div#mw-panel div.portal h3,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a:visited,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #4C7E81;
    font-family: "1529 Champ Fleury W01 Regular";
    font-weight: bold;
    letter-spacing: 0.03em;
    text-shadow: 1px 1px #000000;
}

.skin-hydradark div#mw-panel div.portal div.body,
.skin-hydradark #mw-panel.collapsible-nav .portal {
    background-image: none;
}

.skin-hydradark div#mw-panel div.portal div.body ul li a,
.skin-hydradark div#mw-panel div.portal div.body ul li a:link,
.skin-hydradark div#mw-panel div.portal div.body ul li a:visited {
    color: #FFFFFF;
    font-family: "1529 Champ Fleury W01 Regular";
    letter-spacing: 0.03em;
    text-shadow: 1px 1px #000000;
}

/* social media add-on fix */
div#mw-panel div#p-socialProfiles.portal .body {
    margin: auto;
}

.socialSidebar {
    width: auto;
    max-width: 100%;
}

/* Content */
div#content {
    background: none repeat scroll 0 0 rgba(20, 20, 18, 0.5);
    border: 1px solid #47321d;
    border-radius: 5px;
    box-shadow: 0 0.1em 0.75em #CEA440;
    box-sizing: border-box;
    color: #FFFFFF;
    letter-spacing: 0.03em;
    margin-top: 75px;
}

/* anchors */
a, 
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited,
.skin-hydradark #mw-indicator-mw-helplink a {
    color: #CEA440;
}

h1, 
h2,
h3,
h4,
h5,
h6 {
    color: #FFFFFF;
    font-family: "1529 Champ Fleury W01 Regular" !important;
    letter-spacing: 0.03em;
}

h1, 
h2 {
    border-bottom: 1px solid #CEA440;
}

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

div#toc,
div.toc,
.mw-warning {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #47321d;
    border-radius: 5px;
    box-shadow: 0 0.1em 0.75em #CEA440;
}

#contentSub,
#contentSub2 {
    color: #FFFFFF;
}

code {
    background-color: #141412;
    color: #FFFFFF;
}

pre,
.skin-hydradark .mw-code {
    background-color: #141412;
    border: 1px dashed #CEA440;
}

fieldset {
    border: 1px solid #CEA440;
}

#catlinks,
ul#filetoc {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #47321d;
    margin-bottom: 5px;
}

.CategoryTreeToggle {
    color: #CEA440;
}

/* Search form */
.skin-hydradark fieldset#mw-searchoptions {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #47321d !important;
}

.skin-hydradark .mw-search-profile-tabs {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #47321d;
}

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

/* footer */
div#footer {
    background-image: none;
}

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

div#footer a,
div#footer a:visited { 
    color: #CEA440; 
}

div#footer a:hover { 
    color: #e7ab1b; 
}

/* Thumbnails and images */
li.gallerybox div.thumb,
html .thumbimage {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #47321d;
}

div.thumbinner {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #47321d;
    box-shadow: 0 0.1em 0.75em #CEA440;
}

.highlight,
.highlight img,
.highlight a img {
    background: rgba(0,0,0,0);
    -webkit-filter: drop-shadow(0px 0px 10px #333333);
    filter: drop-shadow(0px 0px 3.5px #333333) drop-shadow(1px 1px 1px #555555);
}

/* Page history */
.skin-hydradark #pagehistory li {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 3px;
}

.skin-hydradark #pagehistory li.selected {
    background-color: #000000;
    background-image: none;
    border: 1px dashed #47321d;
    padding: 3px;
}

.skin-hydradark table.diff,
.skin-hydradark td.diff-otitle,
.skin-hydradark td.diff-ntitle {
    background: rgba(0, 0, 0, 0);
}

.skin-hydradark td.diff-context {
    background-color: #141412;
}

/* Tables */
.skin-hydradark table.wikitable {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #47321d;
    border-collapse: collapse;
    color: #FFFFFF;
}

.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > * > tr > th {
    background-color: #302011;
    color: #FFFFFF;
}

.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > tr > td,
.skin-hydradark table.wikitable > * > tr > th,
.skin-hydradark table.wikitable > * > tr > td {
    border: 1px solid #47321d;
}

.skin-hydradark .TablePager {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #47321d;
    color: #FFFFFF;
    padding: 0 0.15em;
}

.skin-hydradark .TablePager th {
    background-color: #302011;
    color: #FFFFFF;
    border: 1px solid #47321d;
    padding: 0 0.15em;
}

.skin-hydradark .TablePager tr:hover td {
    background-color: #302011 !important;
    color: #FFFFFF;
}

.skin-hydradark .TablePager th a {
    background-color: #302011;
    color: #FFFFFF !important;
}
 
.skin-hydradark .TablePager td {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #47321d;
    color: #FFFFFF;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    color: #000;
}

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

table.mw_metadata td {
    background-color: transparent;
}

table.mw_metadata td, 
table.mw_metadata th {
    border: 1px solid #47321d;
}

/* Preferences */
.skin-hydradark #preftoc {
    background-color: #141412;
    border: 0px;
    margin: 0 0 4px !important;
}

.skin-hydradark #preftoc,
.skin-hydradark #preftoc li,  
.skin-hydradark #preferences, 
.skin-hydradark #preftoc li a {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    color: #898989;
}

.skin-hydradark #preftoc li.selected a {
    background-color: #141412;
    background-image: none;
    border-color: #47321d #47321d #141412;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
}

.skin-hydradark #preferences {
    background-color: #141412;
    border: 1px solid #47321d;
}

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

.skin-hydradark #preferences fieldset {
    border-color: #47321d;
}

/* MsUpload color fixes */
.msupload-check-span
	color: #E0E0E0;
}

#msupload-list .file .file-name:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

/* WikiClaims tool dropdown fix */
#claimlist .controls_container > .dropdown {
    right: 24px;
    top: -24px;
}

/* Wiki editor fixes */
div.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 #47321d;
}

div.wikiEditor-ui-tabs {
    background-color: #191919;
    border-left: 1px solid #47321d;
    border-top: 1px solid #47321d;
}

div.wikiEditor-ui-tabs div {
    background-color: #191919;
    border-right: 1px solid #47321d;
    border-bottom: 1px solid #47321d;
}

div.wikiEditor-ui-tabs div a {
    background: #929292; /* Old browsers */
    background: -moz-linear-gradient(top,  #929292 0%, #6e6e6e 4%, #595d60 12%, #191919 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(4%,#6e6e6e), color-stop(12%,#595d60), color-stop(100%,#191919)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
    color: #898989;
}

div.wikiEditor-ui-tabs div.current {
    background-color: #191919;
    border-bottom: 1px solid #47321d;
}

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

div.wikiEditor-ui .wikiEditor-ui-top {
   border-bottom: 1px solid #47321d;
}

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

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

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

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

.tab {
   border-color: transparent;
}

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

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

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

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

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

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

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

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

div.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #47321d;
    color: #cea440;
}

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

div.wikiEditor-preview-loading {
    background-color: rgba(0, 0, 0, 0);
}

div.wikiEditor-preview-contents {
    background-color: rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #47321d #47321d;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

div.editOptions {  
    background-color: rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #47321d #47321d;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 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: #282828;
    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;
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #433324;
    border-radius: 5px;
    box-shadow: 0 0.1em 0.75em #000000;
    color: #ffffff;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: #000000;
    border: 2px solid inherit; 
    border-radius: 5px; 
    box-shadow: 0 0.1em 0.75em #433324;
    font-family: '1529 Champ Fleury W01 Regular';
    font-weight: bold;
    letter-spacing: 0.2em;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxtable td > .tabber.tabberlive {
    background-color: rgba(0, 0, 0, 0); 
}

div.infoboxtable td * ul.tabbernav {
    text-align: center;
}

.infoboxtable td > .tabber .tabbertab {
    padding: 0;
}

.infoboxname {
    background-color: #000000;
    border-radius: 5px 0;
    box-shadow: 0 0.1em 0.75em #433324;
    font-family: '1529 Champ Fleury W01 Regular';
    font-size: 110%; 
    font-weight: bold;
    letter-spacing: 0.3em;
    padding: 0.5em; 
}

.infoboxdetails {
    background-color: #000000;
    border-radius: 5px 0;
    box-shadow: 0 0.1em 0.75em #433324;
    font-family: '1529 Champ Fleury W01 Regular';
    font-weight: bold;
    letter-spacing: 0.3em;
    padding: 0em;
}

.questitem img {
    background-image: url('https://kingdomcomedeliverance.gamepedia.com/media/kingdomcomedeliverance.gamepedia.com/f/f7/Quest_item.png');
}

/* Infobox-Icons */
div.icons {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.icons img,
div.icons span {
    display: inline-block;
} 

div.icons span {
    width: 280px;
}

div.icons img {
    margin-top: -0.5em;
    margin-bottom: -0.5em;
}
/* end Infobox-Icons */


/* Collapsing sections in infoboxes */
.section-collapse {
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin-right: 5px;
    position: relative;
    right: 0;
    top: 5px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 7px;
}

.section-collapsed {
    display: none;
}

.collapsed-icon {
   margin-top: -2px;
   transform: rotate(135deg);
}

/* Tabber styling */
.tabberlive .tabbertab,
.tabber .tabbertab {
    -moz-border-bottom-colors: transparent !important;
    -moz-border-left-colors: transparent !important;
    -moz-border-right-colors: transparent !important;
    -moz-border-top-colors: #433324 !important;
    border-top-bottom: transparent !important;
    border-top-left: transparent !important;
    border-top-right : transparent !important;
    border-top-color: #433324 !important;
    border-image: none !important;
    border-style: solid none none !important;
    border-width: 1px medium medium !important;
}

ul.tabbernav {
    border-bottom: none !important;
}

ul.tabbernav li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #000000 !important;
    border: 1px solid #433324 !important;
    border-image: none;
    border-radius: 5px 5px 0 0 !important;
    margin-left: 3px;
    padding: 3px 0.5em;
    text-decoration: none;
}

ul.tabbernav li {
    display: inline;
    list-style: none outside none;
    margin: 0 0 0 7px;
}

ul.tabbernav li a:link {
    color: #CEA440 !important;
    font-family: '1529 Champ Fleury W01 Regular';
}

ul.tabbernav li a:hover {
    background: none repeat scroll 0 0 #000000 !important;
    border-color: #433324 !important;
    color: #FFFFFF !important;
}

ul.tabbernav li.tabberactive a {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover,
ul.tabbernav li.tabberactive a:link {
    background-color: #000000 !important;
    border-bottom: 1px none !important;
    padding: 2px 0.5em 4px !important;
}

/* copyright images tweak */
.skin-hydradark .copyright-icon {
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}

.feature {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 10px;
}

/* Navbox template style */
table.navbox {
    border: 1px solid #CEA440;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%; 
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}

.navbox-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
/* End of new Navbox styling */

/* this CSS governs the responsive 2 column main page layout */
.fpcontent {
    font-family: "1529 Champ Fleury W01 Regular";
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.fpmaybecols {
    overflow: hidden;
    margin: -5px 0 -5px 0;
}

.fpmaybecols + .fpmaybecols {
    margin: 0 0 -5px 0;
}

.fpbox {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border: 1px solid #000000;
    box-shadow: 0 0.1em 0.75em #000000 inset;
    color: #e0e0e0;
    margin: 5px;
    padding: 5px;
}

.fpplainbox {
    padding: 5px 8px 10px 8px;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}

.fpbox .welcome {
    border-bottom: 1px solid #47321d;
    color: #e0e0e0;
    font-size: 150%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    text-align: center;
}

.fpbox .heading {
    border-bottom: 1px solid #47321d;
    color: #e0e0e0;
    font-size: 132%;
    font-variant: small-caps;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
    color: #e0e0e0;
    font-size: 75%;
    font-weight: bold;
}

.fpbox hr {
    border: none;
    border-bottom: 2px solid #47321d;
}

.fplinks {
    margin: -5px;
}

.fplinks .linkslabel {
    background: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #47321d;
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}

.fplink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
    border-collapse: separate;
    border-spacing: 5px;
    display: table;
    width: 100%;
}

.fplink .box .row {
    display: table-row;
}

.fplink .box .row .cell {
    background: #929292; /* Old browsers */
    background: -moz-linear-gradient(top,  #929292 0%, #6e6e6e 4%, #595d60 12%, #191919 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(4%,#6e6e6e), color-stop(12%,#595d60), color-stop(100%,#191919)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #929292 0%,#6e6e6e 4%,#595d60 12%,#191919 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
    border: 1px solid #302011;
    border-radius: 4px;
    color: #ffffff;
    display: table-cell;
    padding: 0 6px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.fplink.wide .box .row .cell {
    padding: 0 5px;
}

#fptopsection .fplink.image,
#fpflexsection .fplink.image,
#fpbottomsection .fplink.image 
    height: 114px;{
    width: 114px;
}

.fplink.image .box .row .cell {
    height: 100px;
    width: 100px;
    vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
    height: 100px;
    width: 100px;
}

@media (min-width: 470px) {
  .fplink {
    width: 50%;
  }

  .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 580px) {
  .fplink {
    width: 33.333%;
  }

  .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 690px) {
  .fplink {
    width: 25%;
  }

  .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 800px) {
  .fplink {
    width: 20%;
  }

  .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 910px) {
  .fplink {
    width: 16.666%;
  }

  .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 990px) {
  .fpcontent { 
    padding-right: 520px; 
    width: auto; 
  }

  #fptopsection { 
    float: left; 
    width: 100%; 
  }

  #fpflexsection { 
    float: right;
    width: 520px;
    margin-right: -520px 
  }

  #fpbottomsection { 
    float: left; 
    width: 100%; 
    margin-top: -5px; 
  }

  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 50%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 100%;
  }

  #fpflexsection .fplink {
    width: 25%;
  }

  #fpflexsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 33.333%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1210px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 25%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1320px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 20%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 1430px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 16.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 33.333%;
  }

  .fplink a {
    padding: 3px 5px;
  }
}

@media (min-width: 1540px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 14.285%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 28.571%;
  }

  #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
    background-image: none;
  }

  .fpmaybelcol {
    float: left;
    width: 70.886%;
  }

  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 20%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 40%;
  }

  .fpmaybercol {
    float: right;
    width: 29.113%;
  }

  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 50%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 1650px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 12.5%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 1697px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 16.666%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 1760px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 11.111%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 1850px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 14.285%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 28.571%;
  }
}

@media (min-width: 1870px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 10%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 20%;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 134px;
    height: 134px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 120px;
    height: 120px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1918px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 33.333%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1980px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 9.09%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 18.181%;
  }
}

@media (min-width: 2006px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 12.5%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 2090px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 8.33%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 16.666%;
  }
}

@media (min-width: 2161px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 11.111%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 2200px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.692%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 15.384%;
  }
}

@media (min-width: 2296px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 25%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 2310px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.142%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 14.285%;
  }
}

@media (min-width: 2316px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 10%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 20%;
  }
}

@media (min-width: 2420px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 6.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 13.333%;
  }

  .fplink a {
    padding: 5px 5px;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 164px;
    height: 164px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 150px;
    height: 150px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 150px;
    height: 150px;
  }
}

.fplink.image .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 75%;
  z-index: 1;
}

.fplink.image a {
  z-index: 2;
}

.fplink a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1px 5px;
}

.fplink.image .image a {
  padding: 0;
}

.fplink.image .link a {
  background: rgba(0, 0, 0, 0.1);
  border-top: 2px solid #47321d;
}

.fplink.wide a {
  margin: 0 -5px;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

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

/* Keyboard key template stuff */
.kbd {
    background-image: url(https://kingdomcomedeliverance.gamepedia.com/media/kingdomcomedeliverance.gamepedia.com/c/cd/Key_blank.png);
    background-color: transparent;
    display: inline-block; 
    height: 68px;
    width: 65px;
}

.kbdlong {
    background-image: url(https://kingdomcomedeliverance.gamepedia.com/media/kingdomcomedeliverance.gamepedia.com/8/8d/Key_blank_long.png);
    background-color: transparent;
    display: inline-block; 
    height: 68px;
    width: 132px;
}

.book {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://kingdomcomedeliverance.gamepedia.com/media/kingdomcomedeliverance.gamepedia.com/7/74/Open_book_bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #231d16;
    display: inline-block;
    font-size: 120%;
    font-family: '1529 Champ Fleury W01 Regular';
    margin-left: 20px;
    padding: 50px 40px;
    width: 800px;
}

.book a {
    color: #413122;
}
Community content is available under CC BY-NC-SA unless otherwise noted.