MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */
body{
background-color: #100C06;
background-image: URL("http://www.medievalengineers.com/wp-content/uploads/2017/01/Website-BackgroundTall.jpg");
background-attachment: fixed;
color: white;
font-size:18px;
}
#mw-head{
background-color:rgba(80,60,30,0.8);
border-bottom: 2px solid rgba(183,143,81,0.8);
}
#mw-body{
background-color: rgba(80,60,30,0.8);
}
#mw-panel, .mw-body, h1, h2, h3, h4, h5, #mw-page-base, #mw-head-base,div#mw-panel div.portal h3, div.vectorMenu h3 span{
color:white;
background:none;
}
a{
color:rgb(183, 143, 81) !important;
}
a:visited{
color:rgb(137,97,35) !important;
}
div.vectorTabs li a{
color:white !important;
}
a.new, #p-personal a.new{
color:#ba0000 !important;
}
a.new:visited, #p-personal a.new:visited, li.new a{
color:#a55858 !important;
}
#p-logo{
margin-top:55px;
}
div.vectorTabs ul li{
color:white !important;
background-color:#3b2f26;
background-image:none;
}
div.vectorTabs ul li.selected{
color:white !important;
background-color:#b78f51;
background-image:none;
font-weight: bold;
}
.mw-body{
border: 1px solid #222;
background-color:rgba(0,0,0,0.5);
font-size:16px;
}
div#footer ul li{
color:rgb(123,123,123);
}
div.vectorTabs span, div.vectorTabs, div#mw-head div.vectorMenu h3{
background-image:none;
}
div.vectorTabs span a{
padding-top:14px;
}
pre, .mw-code{
background-color:rgba(80,60,30,0.8);
color:#CCC
}
.menu ul li{
background-color:#3B2F26;
}
.menu ul li:hover, .vectorTabs ul li:hover{
background-color:#B78F51;
}
.menu ul li:hover a,.vectorTabs ul li:hover a{
text-decoration:none;
}
.menu ul{
border-top:2px solid #B78F51;
}
.menu ul li a{
color:white !important;
}
#pagehistory .selected{
background-color:#3B2F26 !important;
}
div.thumbinner {
    background-color: transparent;
    /*border-style: none !important;*/
}
html .thumbimage {
    border-style: none !important;
}
table.wikitable > tr > th, table.wikitable > * > tr > th, table.mw_metadata, table.mw_metadata th, table.mw_metadata td, table.wikitable, th, td {
    background-color: transparent;
    color: white;
}
ul#filetoc, .mw-search-profile-tabs {
    border: 1px solid #222;
    background-color: #3B2F26;
}
.editOptions {
    background-color:rgba(80,60,30,0.8);
    border: 1px solid #222;
}
textarea {
    background-color:rgba(80,60,30,0.8);
    color: white;
    border: 1px solid #222;
}
textarea:focus {
    border: 1px solid #B78F51 !important;
    outline: none;
}
input:focus {
    outline: none;
}
.mw-warning {
    border: 1px solid #222;
    background-color: #3B2F26;
}
.mw-highlight {
    background: transparent;
    background-color: rgb(0, 0, 0);
}
#toc, .toc, .mw-warning, .toccolours {
    border: 1px solid #222;
    background-color:rgba(80,60,30,0.8);
}
.catlinks {
    border: 1px solid #222;
    background-color:rgba(80,60,30,0.8);
}
.mw-normal-catlinks {
    color: rgb(183, 143, 81) !important;
}
fieldset {
    border: 1px solid #FFF;
}
div.mw-warning-with-logexcerpt {
    border: 2px solid #FFF;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
    color: #c2a16d;
    background-color: transparent;
    border-color: #c2a16d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    color: #000;
    background-color: #c2a16d;
    border-color: #c2a16d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
    color: #000;
    background-color: #c2a16d;
    border-color: #c2a16d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: #c2a16d;
    box-shadow: none;
}

.oo-ui-dropdownWidget, .oo-ui-textInputWidget input, oo-ui-textInputWidget textarea {
    background-color: rgba(80,60,30,0.8);
    border: 1px solid #c2a16d;
    box-shadow: none;
}
.oo-ui-dropdownWidget-handle {
    border: 1px solid #c2a16d;
}
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
    background-color: rgba(80,60,30,0.8);
    border: 1px solid #c2a16d;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
    border-color: #c2a16d;
    box-shadow: none;
}
:focus {
    outline: -webkit-focus-ring-color none;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
    box-shadow: none;
    color: #FFF;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
    border-color: #c2a16d;
}
.oo-ui-menuSelectWidget {
    background-color: rgba(80,60,30,0.8);
    border: 1px solid #c2a16d;
    box-shadow: none;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: #c2a16d;
    color: #000;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #c2a16d;
    color: #000;
}
.oo-ui-checkboxInputWidget [type="checkbox"]:active + span{
    background-color: #c2a16d;
    border-color: #c2a16d;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: #c2a16d;
}
select {
    color: #FFF;
    background-color: rgba(80,60,30,0.8);
    border-color: #c2a16d;
    border-image: none;
}
input {
    background-color: rgba(80,60,30,0.8);
    border-color: #c2a16d;
    border-image: none;
    color: #FFF;
}

/*///////////////////////////
         WikiEditor
///////////////////////////*/
.wikiEditor-ui {
    background-color: transparent;
}
.wikiEditor-ui .wikiEditor-ui-view {
    border: none;
}
.wikiEditor-ui a{
    color: white !important;
}
.wikiEditor-ui-controls {
    background-color: rgba(80,60,30,0.8);
}
.wikiEditor-ui-tabs{
    border: none;
}
.wikiEditor-ui-tabs div.current {
    border: none;
    background-color: #b78f51;
}
.wikiEditor-ui-tabs div {
    background-color: #3b2f26;
    border: none;
}
.wikiEditor-ui-buttons {
    background-color: transparent;
    border: none;
}
.wikiEditor-ui-toolbar {
    background-image: none;
    background-color: rgba(80,60,30,0.8);
}
.wikiEditor-ui-toolbar .sections .section {
    border-top: 1px solid #b78f51;
    background-color: transparent;
}
.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid #b78f51;
}
.wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .booklet .index div, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .section-help .page-table td {
    color: white !important;
}
.wikiEditor-ui-toolbar .group .tool-select, .wikiEditor-ui-toolbar .group .tool-select .menu .options, .wikiEditor-ui-toolbar .booklet .pages {
    background-color: #3b2f26;
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options a:hover, .wikiEditor-ui-toolbar .page-characters div span:hover, .wikiEditor-ui-toolbar .booklet .index .current {
    background-color: #b78f51;
}
.wikiEditor-ui-toolbar .group {
    border-right: 1px solid #b78f51;
}
.wikiEditor-ui-toolbar .group .tool-select, .wikiEditor-ui-toolbar .group .tool-select .menu .options, .wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #b78f51;
}
.wikiEditor-ui-toolbar .group-search {
    border-left: 1px solid #b78f51;
}
.wikiEditor-preview-contents {
    background-color: rgba(80,60,30,0.8);
}
#simpleSearch{
background-image:none !important;
}
button, .editButtons > input{
background-color:#B78F51 !important;
border:1px solid #222 !important;
color:white !important;
font-weight: bold !important;
padding-top: 5px !important;
padding-bottom: 5px !important; 
font-size:14px !important; 
border-radius: 4px !important; 
}
.vectorTabs > ul > li:first-child{
border-top-left-radius:2px;
}
.vectorTabs > ul > li:last-child{
border-top-right-radius:2px;
}
.vectorTabs > ul{
background-image:none !important;
}
.ui-widget-content {
background-color: rgba(80,60,30,0.8);
}
body .ui-dialog .ui-widget-header {
background-color: rgba(80,60,30,0.8);
}