MediaWiki:Vector.css

From Medieval Engineers Wiki
Revision as of 13:25, 11 May 2018 by CptTwinkie (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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-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 !important;
    background:none;
}
#mw-body{
    background-color: rgba(80,60,30,0.8);
}
a{
    color:rgb(183, 143, 81) !important;
}
a:visited{
    color:rgb(137,97,35) !important;
}
#right-navigation{
    height: 45px;
}
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:75px;
    height:150px;
    z-index: 1;
}
#p-logo a{
    height:150px;
}
div#mw-panel div.portal{
    padding-top: 15px !important;
}
div#p-navigation{
    position: relative;
    z-index: 4;
}
div.vectorTabs ul li:first-child {
    border-radius: 0.33em 0em 0em 0em;
}
div.vectorTabs ul li:last-child {
    border-radius: 0em 0.33em 0em 0em;
}
div.vectorTabs ul li:only-child {
    border-radius: 0.33em 0.33em 0em 0em;
}
div.vectorTabs ul li{
    color:white !important;
    background-color:rgba(59,47,38,0.6);
    background-image:none;
}
div.vectorTabs ul li.selected{
    color:white !important;
    background-color:rgba(183,143,81,0.8);
    background-image:none;
    font-weight: bold;
}
.mw-body{
    border: 1px solid #222;
    background-color:rgba(0,0,0,0.5);
    font-size:16px;
    border-radius: 0.33em;
}
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.4);
    color:#CCC;
    border:1px solid #B78F51;
    border-width: 1px 4px;
    border-radius: 0.33em;
}
code {
    color: white;
    background-color:rgba(80,60,30,0.8);
    border: 1px solid #B78F51;
    border-width: 1px 4px;
    border-radius: 0.33em;
}
#wpUploadFile {
    border: 1px solid #B78F51;
}
.menu ul li{
    background-color:rgba(59,47,38,0.6);
}
.vectorTabs ul li:hover{
    background-color:rgba(183,143,81,0.8);
}
.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 li{
    border:none;
}
#pagehistory .selected{
    background-color:rgba(80,60,30,0.4) !important;
    border:1px dashed #B78F51 !important;
    border-radius: 0.33em !important;
    border-width: 1px 4px;
}
div.thumbinner {
    background-color: transparent;
    border-radius: 0.33em;
    border-width: 1px 4px;
}
html .thumbimage {
    border-style: none !important;
}
table.wikitable > tr > th, table.mw_metadata, table.mw_metadata th, table.mw_metadata td, table.wikitable, th, td {
    background-color: transparent;
    color: white;
}
table.wikitable > * > tr > th {
    background-color:rgba(80,60,30,0.4);
}
ul#filetoc, .mw-search-profile-tabs {
    border: 1px solid #B78F51;
    background-color:rgba(80,60,30,0.4);
    border-width: 1px 4px;
    border-radius: 0.33em;
}
.editOptions {
    background-color:rgba(80,60,30,0.4);
    border: 1px solid #B78F51;
    border-radius: 0em 0em 0.33em 0.33em;
    border-top: none;
}
textarea {
    background-color:rgba(80,60,30,0.4);
    color: white;
    border: 1px solid #B78F51 !important;
}
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 #B78F51;
    border-radius: 0.33em;
    background-color:rgba(80,60,30,0.4);
    border-width: 1px 4px;
}
.catlinks {
    border: 1px solid #b78f51;
    border-width: 1px 4px;
    background-color:rgba(80,60,30,0.4);
    border-radius: 0.33em;
}
.mw-normal-catlinks {
    color: rgb(183, 143, 81) !important;
}
fieldset {
    border: 1px solid #FFF;
    border-radius: 0.33em;
    border-width: 1px 4px;
}
.mw-changeslist-legend {
    border-width: 1px 4px;
    border-radius: 0.33em;
}
div.mw-warning-with-logexcerpt {
    border: 2px solid #FFF;
    border-radius: 0.33em;
    border-width: 1px 4px;
}
.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:none;
}
.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: white !important;
}
.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;
    border-radius: 0.33em;
    border-width: 1px 4px;
}
input {
    background-color: rgba(80,60,30,0.4);
    border: solid #c2a16d;
    border-image: none;
    border-radius: 0.33em;
    color: #FFF;
    border-width: 1px 4px;
}
input[type="submit"] {
    background-color: transparent;
    background-image: url(/skins/Vector/images/button_default.png);
    background-size: 100% 100%;
    border: none;
    border-radius: 0.33em;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 14px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
input[type="submit"]:hover {
    background-image: url(/skins/Vector/images/button_default_highlight.png);
}

/*///////////////////////////
         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.4);
    border: 1px solid #b78f51;
    border-bottom: none;
    border-right: none;
    border-radius: 0.33em 0.33em 0em 0em;
}
.wikiEditor-ui-view-wikitext{
    border-radius: 0.33em 0em 0em 0em;
}
.wikiEditor-ui-tabs{
    border: none;
    background-color: transparent; 
}
.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;
    margin-right: 1px;
    border-right: 1px solid #b78f51;
    border-radius: 0em 0.33em 0em 0em;
}
.wikiEditor-ui-toolbar {
    background-image: none;
    background-color: rgba(80,60,30,0.4);
    border-right: 1px solid #b78f51;
    border-left: 1px solid #b78f51;
}
.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 {
    background-color: rgba(80,60,30,0.4);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options, .wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(80,60,30,0.8);
}
.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-color: #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: none;
}
.wikiEditor-preview-contents {
    background-color: transparent;
    border-right: 1px solid #b78f51;
    border-left: 1px solid #b78f51;
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
    border-top-color: rgb(183,143,81) !important;
}
#simpleSearch{
    background-image:none !important;
}
button, .editButtons > input{
    background-color: transparent !important;
    background-image: url(/skins/Vector/images/button_default.png);
    background-size: 100% 100%;
    border: none;
    color:white !important;
    font-weight: 700 !important;
    padding: 10px 14px !important; 
    font-size:14px !important; 
    border-radius: 0.33em !important; 
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
button:hover, .editButtons > input:hover{
    background-image: url(/skins/Vector/images/button_default_highlight.png);
}
.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);
    background-image: none;
    color: white;
}
body .ui-dialog .ui-widget-header {
    background: none !important;
    background-color: rgba(183,143,81,0.8) !important;
    border: none;
    color: white;
}
.ui-dialog .ui-dialog-content {
    background-color: rgba(80,60,30,0.8) !important;
}
body .ui-button {
    background: url(/skins/Vector/images/button_default.png) !important;
    background-size: 100% 100% !important;
    border: none !important;
    border-radius: 0.33em !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
body .ui-button:hover {
    background: url(/skins/Vector/images/button_default_highlight.png) !important;
    background-size: 100% 100% !important;
}
.not-patrolled {
    background-color: rgba(80,60,30,0.6);
}
body .mw-notification {
    background-color: rgba(80,60,30,0.8) !important;
    border-color: rgba(183,143,81,0.8);
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
    background-color: rgba(80,60,30,0.8);
    color: white;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
    color: #000;
}
.mw-foreignStructuredUploa-bookletLayout-small-notice .oo-ui-fieldLayout-messages-notice .oo-ui-labelWidget {
    color: white;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
    background-color: rgb(183,143,81);
}
div.oo-ui-processDialog-actions-primary > div > a {
    color: white;
}
#mw-content-text td.diff-addedline > div > ins {
    background: rgba(30,100,30,0.8);
}
td.diff-addedline {
    background-color: rgba(30,100,30,0.2);
    border-color: rgba(30,100,30,0.8);
}
#mw-content-text td.diff-deletedline > div > del {
    background: rgba(100,30,30,0.8);
}
td.diff-deletedline {
    background-color: rgba(100,30,30,0.2);
    border-color: rgba(100,30,30,0.8);
}
td.diff-context {
    background: rgba(80,60,30,0.3);
    background-color: rgba(80,60,30,0.3);
    border-color: rgb(183,143,81);
    color: white;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input {
    color: white;
}
div#simpleSearch {
    border: solid 1px #B78F51;
    border-radius: 0.33em;
    border-width: 1px 4px;
    color: white;
    font-weight: bold;
    background-color: transparent;
    background-image: none;
}
div#simpleSearch input {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    color: white;
    font-weight: bold;
}
div.vectorMenu div.menu {
    border-bottom: none;
    border-right: none;
    border-left: none;
}
.menu ul li, option {
    background-color: #503c1e;
}
.menu ul li:hover {
    background-color: #b78f51;
}
.client-js #preftoc {
    background-image: none;
    background-color:rgba(59,47,38,0.6);
    border: 1px solid #b78f51;
    border-radius: 0.33em;
}
.client-js #preftoc li {
    background-image: none;
}
.client-js #preftoc li a {
    text-decoration:none;
    color: white !important;
    font-weight: bold;
}
.client-js #preftoc li a:hover {
    text-decoration:none;
    background-color:rgba(183,143,81,0.8);
    border-radius: 0.33em;
}
.client-js #preftoc li.selected a {
    text-decoration:none;
    background-image: none;
    background-color:rgba(183,143,81,0.8);
    border-radius: 0.33em;
}
.client-js #preferences {
    border: 1px solid #222;
    border-radius: 0.33em;
    background-color: rgba(0,0,0,0.5);
}
.client-js #preferences legend, .htmlform-tip {
    color: white;
}
#wpName1 {
    background-color: rgba(80,60,30,0.3);
    color: white;
}
.warningbox {
    color: white;
    border-color: #B78F51;
    background-color: rgba(80,60,30,0.3);
}
#mw-createaccount-join:hover {
    background-color: transparent;
    border-color: none;
}
.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
    background-color: #b78f51;
    border-color: #FFF;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    color: white !important;
    font-weight: bold;
    background-color: #b78f51;
    border: 1px solid #b78f51;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover {
    background-color: #b78f51;
    border: 1px solid white;
}
.mw-foreignStructuredUpload-bookletLayout-license {
    color: #AAA;
}
.oo-ui-selectFileWidget-dropTarget {
    background-color: #b78f51;
    border: 1px solid #b78f51;
}
.oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
    color: #DDD;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #b78f51;
    border-color: white;
}
.mw-upload-bookletLayout-filePreview .oo-ui-progressBarWidget-bar {
    background-color: #b78f51;
}
.oo-ui-inputWidget-input, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea, .suggestions-special, .suggestions-results {
    background-color: rgba(80,60,30,0.4);
    border: 1px solid #b78f51;
}
.oo-ui-processDialog-error {
    border: 1px solid #9e0000;
    background-color: rgba(100,50,50,0.4);
}
.oo-ui-processDialog-errors-title, div.mw-number-text,  {
    color: white !important;
}
.suggestions-result, .suggestions-special .special-query {
    color: white;
}
.oo-ui-processDialog-errors {
    background-color: rgba(0,0,0,0.6);
}
.mw-ui-input {
    border-color: #b78f51;
    border-radius: 0.33em;
    border-width: 1px 4px;
}
.mw-ui-input:focus {
    box-shadow: none;
    border-color: #b78f51;
}
.mw-ui-button.mw-ui-progressive:disabled {
    background: transparent;
    background-image: url(/skins/Vector/images/button_default.png);
    background-size: 100% 100%;
    border: none;
    box-shadow: inset 100px 100px rgba(0,0,0,.4);
    color: #aaa;
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    -moz-filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    -o-filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    -webkit-filter: grayscale(75%);
    filter: gray;
}
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary {
    background-color: transparent;
    background-image: url(/skins/Vector/images/button_default.png);
    background-size: 100% 100%;
    border: none;
    border-radius: 0.33em;
    font-weight: 700;
    font-size: 14px;
    color: white;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    padding: 10px 16px !important;
}
.mw-ui-button.mw-ui-progressive:hover {
    background-image: url(/skins/Vector/images/button_default_highlight.png);
    background-size: 100% 100%;
    color: white;
    border:none;
}
.mw-ui-button.mw-ui-progressive:focus, .mw-ui-button.mw-ui-primary:focus {
    border:none;
    box-shadow: 0 0 0 1px #b78f51;
}
.mw-ui-button.mw-ui-progressive:active {
    background: #b78f51;
    box-shadow: none;
}
.mw-datatable th {
    background-color: rgba(80,60,30,0.4);
}
.mw-datatable tr:hover td {
    background-color: rgba(183, 143, 81, 0.2);
}
.mw-datatable td {
    background-color: transparent;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
:-moz-placeholder { /* Firefox 18- */
  color: white;
}
#mw-searchoptions {
  background-color: rgba(80,60,30,0.4) !important;
  border-color: #c2a16d !important;
}

/*///////////////////////////
          MsUpload
///////////////////////////*/
#upload-list .file {
    background: rgba(80,60,30,0.8);
}
#upload-div {
    background: rgba(183,143,81,0.8);
}
.drop-over {
    background: rgba(183,143,81,0.8);
}
#upload-list .file .file-warning {
    color: #FFFFFF;
}
#upload-list .file .file-size {
    color: #FFFFFF;
}
#upload-list .file .small-warn {
    background: url(/extensions/MsUpload/images/msu_error-small.png?93bad) no-repeat 0;
    background-color: transparent;
}
#upload-drop {
    border-radius: 0.33em;
}
#upload-div {
    border-color: #b78f51
}
.chzn-container {
    border-color: #b78f51;
    border-width: 1px 4px;
    border-style: solid;
    border-radius: 0.33em;
    background: rgba(80,60,30,0.4);
}
.chzn-container-multi .chzn-choices {
    background: transparent !important;
    border: none;
}
.chzn-container-multi .chzn-choices .search-choice {
    background: #b78f51;
    background-image: none;
    -webkit-box-shadow: 0 0 2px #000 inset, 0 1px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 2px #000 inset,0 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 0 2px #000 inset, 0 1px 0 rgba(0,0,0,0.05);
    color: white;
    border: 1px solid rgb(36, 27, 15);
}
.chzn-container-active .chzn-choices .search-field input {
    color: white !important;
}
.chzn-container .chzn-drop {
    background: rgba(80,60,30,0.8);
    border: 1px solid #b78f51;
    border-width: 1px 4px;
/*    border-top: 1px solid #b78f51 !important;*/
    border-radius: 0.33em;
}
.chzn-container .chzn-results .active-result {
    color:white
}
.chzn-container .chzn-results .highlighted {
    background-color: #b78f51;
    background-image: none !important;
}
.chzn-container .chzn-results .highlighted:first-child {
    border-radius: 0.33em 0.33em 0em 0em;
}
.chzn-container .chzn-results .highlighted:last-child {
    border-radius: 0em 0em 0.33em 0.33em;
}
.chzn-container .chzn-results .highlighted:only-child {
    border-radius: 0.33em;
}

/*///////////////////////////
          Popups
///////////////////////////*/
.mwe-popups {
    background: rgba(40,30,15,0.95);
    border-radius: 0.33em;    
    border: 1px solid #b78f51;
    border-width: 1px 4px;
}

.mwe-popups > div > div.mwe-popups-timestamp-recent {
    color: #777;
}

.mwe-popups > div > div.mwe-popups-timestamp-older {
    color: #777;
}

.mwe-popups-icon:hover {
    background-color: transparent; 
}

.mwe-popups.flipped_y:after {
    border-top-color: rgb(183, 143, 81);
    bottom: -11px;
}

.mwe-popups.flipped_y:before {
    border-top-color: rgb(183, 143, 81);
    bottom: -11px;
}

.mwe-popups.mwe-popups-no-image-tri:after {
    border-bottom-color: rgb(183, 143, 81);
    top: -11px;
}

.mwe-popups.mwe-popups-no-image-tri:before {
    border-bottom-color: rgb(183, 143, 81);
    top: -11px;
}
/*///////////////////////////
         Templates
///////////////////////////*/
.small-box {
    border-width: 1px 4px;
    border-radius: 0.33em;
    background: rgba(80,60,30,0.4);
    border-color: rgb(183,143,81);
}
.green-text {
    color: rgba(80,255,80,0.6);
}
.red-text{
    color: rgba(255,80,80,0.6);
}
.medium-box {
    border-style: solid; 
    border-width: 1px 4px; 
    border-color: rgb(183,143,81);
    border-width: 1px 4px; 
    border-radius: 0.33em; 
    color: white;
}
.large-box {
    border-style: solid;
    border-color: rgb(183,143,81);
    border-width: 1px 4px; 
    border-radius: 0.33em; 
    color: white; 
}
.positive {

}
.negative {
    background: rgba(100, 30, 30, 0.2);
}
.warning {

}