MediaWiki:Vector.css: Difference between revisions

From Medieval Engineers Wiki
Jump to navigation Jump to search
m (Variables support test)
(Rewritten with variables, rewritten with multiple classes per property)
Line 2: Line 2:
:root
:root
{
{
     /* Backgrounds */
     /* BACKGROUNDS */
     --header-background: rgba(80,60,30,0.8);;
     --MAIN-BACKGROUND-IMG: URL (https://mec-wiki-media.storage.googleapis.com/images/a/a2/WebsiteBackground.jpg);
}
    --BUTTON-DEFAULT-IMG: URL (https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
    --BUTTON-HIGHLIGHT-IMG: url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
   
    --BLACK:              BLACK;
    --BLACK8:              RGBA(0, 0, 0, 0.8);
    --BLACK6:              RGBA(0, 0, 0, 0.6);
    --BLACK5:              RGBA(0, 0, 0, 0.5);
    --BLACK4:              RGBA(0, 0, 0, 0.4);
    --BLACK1:              RGBA(0, 0, 0, 0.1);
    --WHITE:              WHITE;


.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle
    --BACKGROUND:          #100C06;
{
    --BG-BROWN-DARK95:    RGBA(40, 30, 15, 0.95);
     background: var(--header-background);
    --BG-BROWN-LIGHT:      #5a483a;
}
    --BG-BROWN:            #3B2F26;/*rgb(59, 47, 38)*/
    --BG-BROWN8:          RGBA(59, 47, 38, 0.8);
    --BG-BROWN6:          RGBA(59, 47, 38, 0.6);
    --BROWN-FILL:          RGB(80, 60, 30);
    --BROWN9:              RGBA(80, 60, 30, 0.9);
    --BROWN8:              RGBA(80, 60, 30, 0.8);
    --BROWN6:              RGBA(80, 60, 30, 0.6);
    --BROWN5:              RGBA(80, 60, 30, 0.5);
    --BROWN4:              RGBA(80, 60, 30, 0.4);
     --BROWN3:             RGBA(80, 60, 30, 0.3);
    --GREEN8:              RGBA(30, 100, 30, 0.8);
    --GREEN3:              RGBA(30, 100, 30, 0.3);
    --GREEN2:              RGBA(30, 100, 30, 0.2);
    --PINK:                #F5DCFF;
    --FUSIA-LIGHT:        #FF3BFF;
    --FUSIA:              #D457D4;
    --PURPLE-LIGHT:        #C53BFF;
    --PURPLE:              #9A4DBB;
    --RED-BRIGHTER:        RGBA(158, 0, 0);
    --RED-BRIGHT4:        RGBA(100, 50, 50, 0.4);
    --RED8:                RGBA(100, 30, 30, 0.8);
    --RED4:                RGBA(100, 30, 30, 0.4);
    --RED3:                RGBA(100, 30, 30, 0.3);
    --RED2:                RGBA(100, 30, 30, 0.2);
    --RED-DIM5:            RGBA(10, 0, 0, 0.5);
    --RED-DARK:            RGB(20, 0, 0);


.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined
    /* BORDERS */
{
    --BORDER-RADIUS:      .33em;
     background: none;
    --BORDER-RADIUS-TAB:  2px;
}
    --BORDER-BROWN-ORANGE: #B78F51;
    --BORDER-BROWN-DARK:  #241B0F;/*RGB(36, 27, 15)*/
    --BORDER-DARK:        #222;
     --BORDER-RED:         RGBA(141, 37, 37, 0.8);
    --BORDER-GREEN:        RGBA(37, 141, 37, 0.8);


body
    /* TEXT */
{
    --TEXT:               #CCC;
  background-color:#100C06;
    --TEXT-GREY:           RGB(123, 123, 123);
  background-image:URL(https://mec-wiki-media.storage.googleapis.com/images/a/a2/WebsiteBackground.jpg);
    --TEXT-LINK:           RGB(183, 143, 81); /*#C2A16D*/
   background-attachment:fixed;
    --TEXT-LINK9:          RGBA(183, 143, 81, 0.9);
   color:white;
    --TEXT-LINK8:          RGBA(183, 143, 81, 0.8);
   font-size:18px;
    --TEXT-LINK6:          RGBA(183, 143, 81, 0.6);
}
    --TEXT-LINK-VISITED:  RGB(137, 97, 35);
    --TEXT-RED-BRIGHT:    RGBA(255, 80, 80, 0.6);
    --TEXT-GREEN-BRIGHT:   RGBA(80, 255, 80, 0.6);
    --TEXT-GREEN:          #4b9041;
    --TEXT-RED:           #BA0000;
    --TEXT-SALMON-LIGHT:   #D45757;
    --TEXT-SALMON:         #A55858;
    --TEXT-CYAN:          #22c8ff;
    --TEXT-BLUE:          #569CD6;
    --TEXT-ORANGE-LIGHT:   #EE9047;
    --TEXT-ORANGE:         #D48D57;


#mw-head
    /* SYNTAX HIGHLIGHT */
{
    --AF:         #AFAFAF;
  background-color:rgba(80,60,30,0.8);
    --DC:         #DCDCDC;
  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
/* HIDE */
{
.mw-mmv-dialog .mw-mmv-dialog-down-arrow
  color:white!important;
{  display: none;}
   background:none;
}


#mw-body
/**********************************************************************
{
** BACKGROUNDS
  background-color:rgba(80,60,30,0.8);
**********************************************************************/
}
/* Background Images */
nav.vector-menu-tabs ul li,
nav.vector-menu-dropdown,
nav.vector-menu-tabs ul li.selected,
nav.vector-menu-tabs span,
nav.vector-menu-tabs,
div#mw-head div.vectorMenu h3,
.wikiEditor-ui-toolbar,
.ui-widget-content,
div#simpleSearch,
.client-js #preftoc,
.client-js #preftoc li,
.client-js #preftoc li.selected a,
.chzn-container-multi .chzn-choices .search-choice,
.mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif
{  background-image: none;}


#pagehistory li.selected {
#simpleSearch,
   color: white;
.vector-menu-tabs > ul,
}
.chzn-container .chzn-results .highlighted
{  background-image: none !important;}


.ns-3012 .mw-body {  
body
   background-color: rgba(10,0,0,0.5) !important;
{  background-image: var(--MAIN-BACKGROUND-IMG);}
}
.ns-8 .mw-body {
  background-color: rgb(20,0,0) !important;
}


a
input[type="submit"],
button,
.editButtons > input,
body .ui-button,
.mw-ui-button.mw-ui-progressive:disabled,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary
{
{
  color:rgb(183,143,81)!important;
    background-image: var(--BUTTON-DEFAULT-IMG);
    background-size: 100% 100%;
}
}


a:visited
.addcat
{
{
  color:rgb(137,97,35)!important;
    background-image: var(--BUTTON-DEFAULT-IMG) !important;
    background-size: 100% 100% !important;
}
}


#right-navigation
input[type="submit"]:hover,
button:hover:not(.mw-mmv-pre-image button),
.editButtons > input:hover,
body .ui-button:hover,
.mw-ui-button.mw-ui-progressive:hover
{
{
  height:45px;
    background-image: var(--BUTTON-HIGHLIGHT-IMG);
    background-size: 100% 100%;
}
}


nav.vector-menu-tabs li a
.addcat:hover
{
{
  color:white!important;
    background-image: var(--BUTTON-HIGHLIGHT-IMG) !important;
    background-size: 100% 100% !important;
}
}


a.new,#p-personal a.new
#upload-list .file .small-warn
{  background-image: URL (/extensions/MsUpload/images/msu_error-small.png?93bad) no-repeat 0;}
 
.mw-mmv-options-dialog .mw-mmv-enable-confirmation .mw-mmv-confirmation-close
{
{
  color:#ba0000!important;
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2096%2096%22%20enable-background%3D%22new%200%200%2096%2096%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23AAAAAB%22%20points%3D%2296%2C14%2082%2C0%2048%2C34%2014%2C0%200%2C14%2034%2C48%200%2C82%2014%2C96%2048%2C62%2082%2C96%2096%2C82%2062%2C48%20%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
}


a.new:visited,#p-personal a.new:visited,li.new a
.vector-menu-portal h3
{
{
  color:#a55858!important;
    background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--TEXT-LINK) 33%,var(--TEXT-LINK) 66%,rgba(200,204,209,0) 100%);
}
}


#p-logo
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3
{
{
  margin-top:75px;
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,var(--TEXT-LINK) 100%);
  height:150px;
  z-index:1;
}
}


#p-logo a
/* Backgrounds */
{
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
   height:150px;
#mw-panel,
}
#mw-page-base,
#mw-head-base,
body,
h1,
h2,
h3,
h4,
h5,
div#mw-panel div.portal h3,
div.vectorMenu h3 span,
.mw-body
{   background: none;}
 
body .ui-dialog .ui-widget-header
{   background: none !important;}


div#mw-panel div.portal
.mw-highlight,
{
.mw-ui-button.mw-ui-progressive:disabled,
   padding-top:15px!important;
#MsCatSelect,
}
.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results,
.chzn-container-single .chzn-search input
{  background: transparent;}


div#p-navigation
.chzn-container-multi .chzn-choices
{
{  background: transparent !important;}
   position:relative;
  z-index:4;
}


nav.vector-menu-tabs ul li:first-child
.mw-mmv-dialog,
{
.mw-mmv-options-dialog.mw-mmv-disable-confirmation-shown,
   border-radius:.33em 0 0 0;
.mw-mmv-options-enable-alert,
}
.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown,
.mw-mmv-dialog .mw-mmv-dialog-down-arrow
{  background: var(--BG-BROWN);}


nav.vector-menu-tabs ul li:last-child
.mwe-popups
{
{  background: var(--BG-BROWN-DARK95);}
   border-radius:0 .33em 0 0;
}


nav.vector-menu-tabs ul li:only-child
#mw-head,
{
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
   border-radius:.33em .33em 0 0;
#mw-body,
}
.chzn-container .chzn-drop,
.mw-ui-button,
.mw-ui-button:focus,.mw-rcfilters-ui-menuSelectWidget-footer
{  background: var(--BROWN8);}


nav.vector-menu-tabs ul li, nav.vector-menu-dropdown
.chzn-container,
{
#MsCatSelect .row2 input
  color:white!important;
{  background: var(--BROWN4);}
   background-color:rgba(59,47,38,0.6);
  background-image:none;
}


nav.vector-menu-tabs ul li.selected
td.diff-context
{
{  background: var(--BROWN3);}
  color:white!important;
   background-color:rgba(183,143,81,0.8);
  background-image:none;
  font-weight:bold;
}


.mw-body
#upload-div,
{
.drop-over
  border:1px solid #222;
{  background: var(--TEXT-LINK8);}
   background-color:rgba(0,0,0,0.5);
  font-size:16px;
  border-radius:.33em;
}


div#footer ul li
#mw-content-text td.diff-addedline > div > ins
{
{  background: var(--GREEN8);}
   color:rgb(123,123,123);
}


nav.vector-menu-tabs span,nav.vector-menu-tabs,div#mw-head div.vectorMenu h3
#mw-content-text td.diff-deletedline > div > del
{
{  background: var(--RED8);}
   background-image:none;
}


nav.vector-menu-tabs span a
.mw-ui-button.mw-ui-progressive:active,
{
.chzn-container-multi .chzn-choices .search-choice
   padding-top:14px;
{  background: var(--BORDER-BROWN-ORANGE);}
}


pre,.mw-code
/* Background Colors */
{
div.thumbinner,
  background-color:rgba(80,60,30,0.4);
table.wikitable > tr > th,
  color:#CCC;
table.mw_metadata,
  border:1px solid #B78F51;
table.mw_metadata th,
  border-width:1px 4px;
table.mw_metadata td,
   border-radius:.33em;
table.wikitable,
}
th,
td,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button,
input[type="submit"],
.wikiEditor-ui,
.wikiEditor-ui-tabs,
.wikiEditor-ui-buttons,
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-preview-contents,
div#simpleSearch,
div#simpleSearch input,
#mw-createaccount-join:hover,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.mw-datatable td,
#upload-list .file .small-warn,
.mwe-popups-icon:hover,
.thumbimage
{   background-color: transparent;}


code
button,
{
.editButtons > input,
  color:white;
.addcat
   background-color:rgba(80,60,30,0.8);
{   background-color: transparent !important;}
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}


#wpUploadFile
.mw-highlight
{
{  background-color: var(--BLACK);}
   border:1px solid #B78F51;
}


.menu ul li
.oo-ui-processDialog-errors
{
{  background-color: var(--BLACK6);}
   background-color:rgba(59,47,38,0.6);
}


.vector-menu-tabs ul li:hover
body
{
{  background-color: var(--BACKGROUND);}
   background-color:rgba(183,143,81,0.8);
}


.menu ul li:hover a,.vector-menu-tabs ul li:hover a
.mw-warning,
{
.wikiEditor-ui-tabs div,
   text-decoration:none;
.mw-mmv-image-metadata
}
{  background-color: var(--BG-BROWN);}


.menu ul
.client-js #preftoc
{
{  background-color: var(--BG-BROWN6);}
   border-top:2px solid #B78F51;
}


.menu ul li a
.menu ul li,
{
option,
   color:white!important;
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
}
.oo-ui-menuSelectWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled
{  background-color: var(--BROWN-FILL);}


#pagehistory li
.mw-ui-button:hover
{
{  background-color: var(--BROWN9);}
   border:none;
}


#pagehistory .selected
code,
{
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
  background-color:rgba(80,60,30,0.4)!important;
select,
  border:1px dashed #B78F51!important;
.wikiEditor-ui-toolbar .group .tool-select .menu .options,
  border-radius:.33em!important;
.wikiEditor-ui-toolbar .booklet .pages,
   border-width:1px 4px;
.ui-widget-content,
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
#upload-list .file,
.mw-rcfilters-ui-filterMenuSectionOptionWidget
{   background-color: var(--BROWN8);}


div.thumbinner
body .ui-dialog .ui-widget-header,
{
.ui-dialog .ui-dialog-content,
   background-color:transparent;
body .mw-notification
  border-radius:.33em;
{  background-color: var(--BROWN8) !important;}
  border-width:1px 4px;
}


html .thumbimage
nav.vector-menu-tabs ul li,
{
nav.vector-menu-dropdown,
   border-style:none!important;
.menu ul li,
}
.not-patrolled
{  background-color: var(--BROWN6);}


table.wikitable > tr > th,table.mw_metadata,table.mw_metadata th,table.mw_metadata td,table.wikitable,th,td
pre,
{
.mw-code,
   background-color:transparent;
table.wikitable > * > tr > th,
  color:white;
ul#filetoc,
}
.mw-search-profile-tabs,
.editOptions,
textarea,
#toc,
.toc,
.mw-warning,
.toccolours,
.catlinks,
.mw-ui-input,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
input,
.wikiEditor-ui-controls,
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool-select,
.oo-ui-inputWidget-input,
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea,
.suggestions-special,
.suggestions-results,
.mw-datatable th,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend
{  background-color: var(--BROWN4);}


table.wikitable > * > tr > th
#pagehistory .selected,
{
#mw-searchoptions
   background-color:rgba(80,60,30,0.4);
{  background-color: var(--BROWN4) !important;}
}


ul#filetoc,.mw-search-profile-tabs
td.diff-context,
{
#wpName1,
  border:1px solid #B78F51;
.warningbox
   background-color:rgba(80,60,30,0.4);
{  background-color: var(--BROWN3);}
  border-width:1px 4px;
  border-radius:.33em;
}


.editOptions
.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,
{
.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,
  background-color:rgba(80,60,30,0.4);
.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,
  border:1px solid #B78F51;
.oo-ui-checkboxInputWidget [type="checkbox"]:active + span,
  border-radius:0 0 .33em .33em;
.wikiEditor-ui-toolbar .group .tool-select .menu .options a:hover,
  border-top:none;
.wikiEditor-ui-toolbar .page-characters div span:hover,
   color: white;
.wikiEditor-ui-toolbar .booklet .index .current,
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button,
nav.vector-menu-tabs ul li.selected,
.vector-menu-tabs ul li:hover,
.menu ul li:hover
{   background-color: var(--TEXT-LINK);}


textarea
.oo-ui-processDialog-error
{
{  background-color: var(--RED-BRIGHT4);}
   background-color:rgba(80,60,30,0.4);
  color:white;
  border:1px solid #B78F51!important;
}


textarea:focus
td.diff-deletedline
{
{  background-color: var(--RED2);}
   border:1px solid #B78F51!important;
  outline:none;
}


input:focus
.ns-3012 .mw-body
{
{  background-color: var(--RED-DIM5) !important;}
   outline:none;
}


.mw-warning
.ns-8 .mw-body
{
{  background-color: var(--RED-DARK) !important;}
  border:1px solid #222;
   background-color:#3B2F26;
}


.mw-highlight
.wikiEditor-ui-tabs div.current,
{
.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget,
  background:transparent;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
   background-color:rgb(0,0,0);
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
}
.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,
.oo-ui-selectFileWidget-dropTarget,
.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,
.mw-upload-bookletLayout-filePreview .oo-ui-progressBarWidget-bar,
.oo-ui-inputWidget-input,
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea,
.suggestions-special,
.suggestions-results,
.chzn-container .chzn-results .highlighted
{   background-color: var(--BORDER-BROWN-ORANGE);}


.mw-content-ltr.mw-highlight-lines pre {
td.diff-addedline,
   box-shadow: inset 2.75em 0 0 #B78F51;
.mw-datatable tr:hover td
}
{  background-color: var(--GREEN2);}


.mw-content-ltr.mw-highlight .linenos {
.mw-mmv-post-image
   color: white;
{  background-color: var(--TEXT-LINK9);}
}


#toc,.toc,.mw-warning,.toccolours
.client-js #preftoc li a:hover,
{
.client-js #preftoc li.selected a,  
  border:1px solid #B78F51;
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
  border-radius:.33em;
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
   background-color:rgba(80,60,30,0.4);
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted
  border-width:1px 4px;
{   background-color: var(--TEXT-LINK8);}
}


.catlinks
.client-js #preferences
{
{  background-color: var(--BLACK5);}
  border:1px solid #b78f51;
  border-width:1px 4px;
   background-color:rgba(80,60,30,0.4);
  border-radius:.33em;
}


.mw-normal-catlinks
{
  color:rgb(183,143,81)!important;
}


fieldset
{
  border:1px solid #FFF;
  border-radius:.33em;
  border-width:1px 4px;
}


.mw-changeslist-legend
{
  border-width:1px 4px;
  border-radius:.33em;
}


div.mw-warning-with-logexcerpt
/**********************************************************************
{
** TEXT
  border:2px solid #FFF;
**********************************************************************/
  border-radius:.33em;
.menu ul li:hover a,
   border-width:1px 4px;
.vector-menu-tabs ul li:hover a,
}
.client-js #preftoc li a,
.client-js #preftoc li a:hover,
.client-js #preftoc li.selected a
{   text-decoration: none;}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button
input[type="submit"],
button,
.editButtons > input,
body .ui-button
{
{
  color:#c2a16d;
    font-size: 14px;
  background-color:transparent;
    text-shadow: 0 1px 2px var(--BLACK6);
  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
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary
{
{
  color:#000;
    font-size: 14px;
  background-color:#c2a16d;
    text-shadow: 0 1px var(--BLACK1);
  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
/* Text Weights */
{
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
  color:#000;
div#simpleSearch input,
  background-color:#c2a16d;
div#simpleSearch input::placeholder
   border-color:#c2a16d;
{   font-weight: normal;}
}


.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
nav.vector-menu-tabs ul li.selected,
{
input[type="submit"],
  border-color:#c2a16d;
div#simpleSearch,
   box-shadow:none;
.client-js #preftoc li a,
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.addcat
{   font-weight: bold;}


.oo-ui-dropdownWidget,.oo-ui-textInputWidget input,oo-ui-textInputWidget textarea,.vector-menu-dropdown .vector-menu-content
button,
{
.editButtons > input,
  background-color:rgba(80,60,30,0.8);
body .ui-button
  border:1px solid #c2a16d;
{  font-weight: bold !important;}
   box-shadow:none;
}


.mw-ui-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input {
/* Text Colors */
   background-color: rgba(80,60,30,0.4);
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button
}
{  color: var(--WHITE);}


.oo-ui-dropdownWidget-handle
nav.vector-menu-tabs li a
{
{  color: var(--WHITE) !important;}
   border:1px solid #c2a16d;
}


.oo-ui-checkboxInputWidget [type="checkbox"] + span
#mw-panel,
{
#mw-page-base,
  background-color:rgba(80,60,30,0.8);
#mw-head-base,
   border:1px solid #c2a16d;
body,
}
h1,
h2,
div#mw-panel div.portal h3,
div.vectorMenu h3 span,
.mw-body,
#pagehistory li.selected,
pre,
.mw-code,
code,
table.wikitable > tr > th,
table.mw_metadata,
table.mw_metadata th,
table.mw_metadata td,
table.wikitable,
th,
.editOptions,
textarea,
.mw-content-ltr.mw-highlight .linenos,
select,
input,
.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,
button,
.editButtons > input,
.ui-widget-content,
body .ui-dialog .ui-widget-header,
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
div.oo-ui-processDialog-actions-primary > div > a,
.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,
.mw-foreignStructuredUploa-bookletLayout-small-notice .oo-ui-fieldLayout-messages-notice .oo-ui-labelWidget,
td.diff-context,
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
div#simpleSearch,
.client-js #preferences legend,
.htmlform-tip,
#wpName1,
.warningbox,
.suggestions-result,
.suggestions-special .special-query,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.mw-ui-button.mw-ui-progressive:hover,
::-webkit-input-placeholder,/* Chrome/Opera/Safari */
::-moz-placeholder,/* Firefox 19+ */
:-ms-input-placeholder,/* IE 10+ */
:-moz-placeholder,/* Firefox 18- */
#upload-list .file .file-warning,
#upload-list .file .file-size,
.chzn-container-multi .chzn-choices .search-choice,
.chzn-container-active .chzn-choices .search-field input,
.chzn-container .chzn-results .active-result,
.mw-mmv-options-text-header,
.mw-mmv-options-text-body,
.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header,
.mw-mmv-options-enable-alert,
.mw-mmv-title
{   color: var(--TEXT);}


.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus
.mw-body,
{
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
   border-color:#c2a16d;
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
  box-shadow:none;
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
div#simpleSearch input,
h3,
h4,
h5,
td
{  color: var(--TEXT) !important;}


:focus
nav.vector-menu-tabs ul li.selected,
{
nav.vector-menu-tabs ul li,
   outline:0 none;
nav.vector-menu-dropdown,
}
.menu ul li a,
.wikiEditor-ui a,
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea,
.client-js #preftoc li a,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.oo-ui-processDialog-errors-title,
div.mw-number-text,
.mw-mmv-stripe-button.mw-mmv-description-page-button,
.mw-mmv-stripe-button.mw-mmv-description-page-button:active,
.mw-mmv-stripe-button.mw-mmv-description-page-button:visited,
.mw-mmv-post-image,
.addcat,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters
{  color: var(--TEXT) !important;}


.oo-ui-textInputWidget.oo-ui-widget-enabled input,.oo-ui-textInputWidget.oo-ui-widget-enabled textarea
div#footer ul li,
{
.mw-foreignStructuredUpload-bookletLayout-license,
  box-shadow:none;
.oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType,
   color:white!important;
.mw-ui-button.mw-ui-progressive:disabled,
}
.mwe-popups > div > div.mwe-popups-timestamp-recent,
.mwe-popups > div > div.mwe-popups-timestamp-older,
.mw-mmv-image-links li,
.mw-mmv-post-image
{   color: var(--TEXT-GREY);}


.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus
a,
{
.mw-normal-catlinks,
   border-color:#c2a16d;
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label
}
{  color: var(--TEXT-LINK) !important;}


.oo-ui-menuSelectWidget
a:visited
{
{  color: var(--TEXT-LINK-VISITED) !important;}
   background-color:rgba(80,60,30,0.8);
  border:1px solid #c2a16d;
  box-shadow:none;
}


.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected
.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,
  background-color:#c2a16d;
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
   color:#000;
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
}
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea
{   color: var(--BLACK);}


.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted
a.new,
{
#p-personal a.new
   background-color:#c2a16d;
{  color: var(--TEXT-RED) !important;}
  color:#000;
}


.oo-ui-checkboxInputWidget [type="checkbox"]:active + span
a.new:visited,
{
#p-personal a.new:visited,
   background-color:#c2a16d;
li.new a
  border-color:#c2a16d;
{  color: var(--TEXT-SALMON) !important;}
}


.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button
{
{  color: var(--TEXT-LINK);}
   background-color:#c2a16d;
}


select
{
  color:#FFF;
  background-color:rgba(80,60,30,0.8);
  border-color:#c2a16d;
  border-image:none;
  border-radius:.33em;
  border-width:1px 4px;
}


input
/* FILL */
{
.oo-ui-icon-play /* figure out how to make this white */
  background-color:rgba(80,60,30,0.4);
{  
  border:solid #c2a16d;
    background-image: url(/load.php?modules=oojs-ui.styles.icons-media&image=play&format=rasterized&skin=vector&version=he6bj);
  border-image:none;
    background-image: linear-gradient(transparent,transparent), url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eplay%3C/title%3E%3Cpath d=%22M4.55 19A1 1 0 013 18.13V1.87A1 1 0 014.55 1l12.2 8.13a1 1 0 010 1.7z%22/%3E%3C/svg%3E);
  border-radius:.33em;
  color:#FFF;
  border-width:1px 4px;
}
}


input[type="submit"]
{
  background-color:transparent;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
  background-size:100% 100%;
  border:none;
  border-radius:.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(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
}


/*///////////////////////////
        WikiEditor
///////////////////////////*/
.wikiEditor-ui
{
  background-color:transparent;
}


.wikiEditor-ui .wikiEditor-ui-view
/**********************************************************************
{
** BORDERS
   border:none;
**********************************************************************/
}
/* Border Images */
select
{  border-image: none;}


.wikiEditor-ui a
/* Border Size */
{
#pagehistory li,
   color:white!important;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button,
}
input[type="submit"],
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui-controls,
.wikiEditor-ui-tabs,
.wikiEditor-ui-tabs div.current,
.wikiEditor-ui-tabs div,
.wikiEditor-ui-buttons,
button,
.editButtons > input,
body .ui-dialog .ui-widget-header,
.mw-ui-button.mw-ui-progressive:disabled,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.mw-ui-button.mw-ui-progressive:hover,
.mw-ui-button.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-primary:focus,
.chzn-container-multi .chzn-choices,
.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results
{  border: none;}


.wikiEditor-ui-controls
html .thumbimage,
{
body .ui-button,
  background-color:rgba(80,60,30,0.4);
.addcat
  border: none;
{   border-style: none !important;}
/*  border:1px solid #b78f51;
  border-bottom:none;
   border-right:none;
  border-radius:.33em .33em 0 0;*/
}


.wikiEditor-ui-view-wikitext
div#simpleSearch input
{
{  border: 0;}
   border-radius:.33em 0 0 0;
}


.wikiEditor-ui-tabs
pre,
{
.mw-code,
   border:none;
code,
  background-color:transparent;
#wpUploadFile,
}
ul#filetoc,
.mw-search-profile-tabs,
.editOptions,
#toc,
.toc,
.mw-warning,
.toccolours,
.catlinks,
.wikiEditor-ui-toolbar,
div#simpleSearch,
.client-js #preftoc,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.oo-ui-selectFileWidget-dropTarget,
.chzn-container .chzn-drop,
.mwe-popups,
.mw-ui-button,
.mw-ui-button:focus,
#MsCatSelect .row2 input,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover
{  border: 1px solid var(--BORDER-BROWN-ORANGE);}


.wikiEditor-ui-tabs div.current
textarea,
{
textarea:focus,
   border:none;
.oo-ui-inputWidget-input,
  background-color:#b78f51;
.oo-ui-textInputWidget input,
}
.oo-ui-textInputWidget textarea,
.suggestions-special,
.suggestions-results
{  border: 1px solid var(--BORDER-BROWN-ORANGE) !important;}


.wikiEditor-ui-tabs div
.mw-warning,
{
.client-js #preferences
  background-color:#3b2f26;
{   border: 1px solid var(--BORDER-DARK);}
   border:none;
}


.wikiEditor-ui-buttons
fieldset,
{
div.mw-warning-with-logexcerpt,
  background-color:transparent;
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover
  border:none;
{   border: 1px solid var(--WHITE);}
  margin-right:1px;
   border-right:1px solid #b78f51;
  border-radius:0 .33em 0 0;
}


.wikiEditor-ui-toolbar
.oo-ui-dropdownWidget,
{
.oo-ui-textInputWidget input,
  background-image:none;
oo-ui-textInputWidget textarea,
  background-color:rgba(80,60,30,0.4);
.vector-menu-dropdown .vector-menu-content,
   border: 1px solid #b78f51;
.oo-ui-dropdownWidget-handle,
  border-bottom: none;
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
  border-radius: 0.3em 0.3em 0 0;
.oo-ui-menuSelectWidget,
}
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .tool-select .menu .options,
.wikiEditor-ui-toolbar .page-characters div span
{   border: 1px solid var(--TEXT-LINK)}


.wikiEditor-ui-toolbar .sections .section
input
{
{  border: solid var(--TEXT-LINK);}
   border-top:1px solid #b78f51;
  background-color:transparent;
}


/*.wikiEditor-ui .wikiEditor-ui-top {
.oo-ui-processDialog-error
    border-bottom: 1px solid #b78f51;
{   border: 1px solid var(--RED-BRIGHTER);}
}*/
.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
#pagehistory .selected
{
{  border: 1px dashed var(--BORDER-BROWN-ORANGE) !important;}
   background-color:rgba(80,60,30,0.4);
}


.wikiEditor-ui-toolbar .group .tool-select .menu .options,.wikiEditor-ui-toolbar .booklet .pages
/* Side Sizes*/
{
.wikiEditor-ui-toolbar .sections .section
   background-color:rgba(80,60,30,0.8);
{  border-top: 1px solid var(--BORDER-BROWN-ORANGE);}
}


.wikiEditor-ui-toolbar .group .tool-select .menu .options a:hover,.wikiEditor-ui-toolbar .page-characters div span:hover,.wikiEditor-ui-toolbar .booklet .index .current
.menu ul
{
{  border-top: 2px solid var(--BORDER-BROWN-ORANGE);}
  background-color:#b78f51;
}


.wikiEditor-ui-toolbar .group
#mw-head
{
{  border-bottom: 2px solid var(--TEXT-LINK8);}
   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
.wikiEditor-preview-contents,
.mw-mmv-dialog
{
{
  border:1px solid #b78f51;
    border-left: 1 px solid var(--BORDER-BROWN-ORANGE);
}
}


.wikiEditor-ui-toolbar .group-search
.wikiEditor-preview-contents,
{
#mw-content-text a.mw-mmv-view-expanded.mw-ui-button.mw-ui-icon.mw-ui-icon-before
   border-left:none;
{  border-right: 1px solid var(--BORDER-BROWN-ORANGE);}
}


.wikiEditor-preview-contents
.chzn-container
{
{   border-style: solid;}
  background-color:transparent;
  border-right:1px solid #b78f51;
  border-left:1px solid #b78f51;
}


.wikiEditor-toolbar-dialog .ui-dialog-buttonpane
/* Start Standard border style*/
{
#pagehistory .selected,
   border-top-color:rgb(183,143,81)!important;
.mw-ui-button,
}
.mw-ui-button:focus
{  border-width: 1px 4px;}


#simpleSearch
.mw-body,
{
input[type="submit"],
   background-image:none!important;
button,
}
.editButtons > input,
body .ui-button,
.client-js #preftoc,
.client-js #preftoc li a:hover,
.client-js #preftoc li.selected a,
.client-js #preferences,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
#upload-drop,
.chzn-container .chzn-results .highlighted:only-child
{  border-radius: var(--BORDER-RADIUS);}


button,.editButtons > input
pre,
.mw-code,
code,
div.thumbinner,
ul#filetoc,
.mw-search-profile-tabs,
#toc,
.toc,
.mw-warning,
.toccolours,
.catlinks,
fieldset,
.mw-changeslist-legend,
div.mw-warning-with-logexcerpt,
select,
input,
div#simpleSearch,
.mw-ui-input,
.chzn-container,
.chzn-container .chzn-drop,
.mwe-popups,
.mw-mmv-dialog,
#MsCatSelect .row2 input
{
{
  background-color:transparent!important;
    border-width: 1px 4px;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
    border-radius: var(--BORDER-RADIUS);
  background-size:100% 100%;
  border:none;
  color:white!important;
  font-weight:700!important;
  padding:10px 14px!important;
  font-size:14px!important;
  border-radius:.33em!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
}
}
/* End Standard border style*/


button:hover,.editButtons > input:hover
#pagehistory .selected,
{
.addcat
   background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
{  border-radius: var(--BORDER-RADIUS) !important;}
}


.vector-menu-tabs > ul > li:first-child
.vector-menu-tabs > ul > li:first-child
{
{  border-top-left-radius: var(--BORDER-RADIUS-TAB);}
   border-top-left-radius:2px;
}


.vector-menu-tabs > ul > li:last-child
.vector-menu-tabs > ul > li:last-child
{
{  border-top-right-radius: var(--BORDER-RADIUS-TAB);}
   border-top-right-radius:2px;
 
}
nav.vector-menu-tabs ul li:only-child,
.wikiEditor-ui-toolbar,
.chzn-container .chzn-results .highlighted:first-child
{  border-radius: var(--BORDER-RADIUS) var(--BORDER-RADIUS) 0 0;}/*tops*/
 
.editOptions,
.chzn-container .chzn-results .highlighted:last-child
{  border-radius: 0 0 var(--BORDER-RADIUS) var(--BORDER-RADIUS);}/*bottoms*/
 
nav.vector-menu-tabs ul li:first-child,
.wikiEditor-ui-view-wikitext
{  border-radius: var(--broder-radius) 0 0 0;} /*top-left*/
 


.vector-menu-tabs > ul
nav.vector-menu-tabs ul li:last-child
{
{  border-radius: 0 var(--BORDER-RADIUS) 0 0;}/*top-right*/
   background-image:none!important;
}


.ui-widget-content
.mw-ui-button,
{
.mw-ui-button:focus
   background-color:rgba(80,60,30,0.8);
{  border-radius: var(--BORDER-RADIUS) 0 0 var(--BORDER-RADIUS)}/*lefts*/
  background-image:none;
  color:white;
}


body .ui-dialog .ui-widget-header
/* Border Removals */
{
.editOptions
   background:none!important;
{  border-top: none;}
  background-color:rgba(183,143,81,0.8)!important;
  border:none;
  color:white;
}


.ui-dialog .ui-dialog-content
.wikiEditor-ui-toolbar,
{
div.vectorMenu div.menu
   background-color:rgba(80,60,30,0.8)!important;
{  border-bottom: none;}
}


body .ui-button
.wikiEditor-ui-toolbar .group-search,
{
div.vectorMenu div.menu,
  background:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png)!important;
#mw-content-text a.mw-mmv-view-config.mw-ui-button.mw-ui-icon.mw-ui-icon-element
  background-size:100% 100%!important;
{   border-left: none;}
  border:none!important;
  border-radius:.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
div.vectorMenu div.menu
{
{  border-right: none;}
  background:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png)!important;
   background-size:100% 100%!important;
}


.not-patrolled
{
  background-color:rgba(80,60,30,0.6);
}


body .mw-notification
/* Border Colors */
{
#mw-createaccount-join:hover
  background-color:rgba(80,60,30,0.8)!important;
{   border-color: transparent;}
   border-color:rgba(183,143,81,0.8);
}


.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame
.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget,
{
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
   background-color:rgba(80,60,30,0.8);
.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
  color:white;
{  border-color: var(--WHITE);}
}


.oo-ui-textInputWidget.oo-ui-widget-enabled input,.oo-ui-textInputWidget.oo-ui-widget-enabled textarea
.warningbox,
{
.mw-ui-input,
   color:#000;
.mw-ui-input:focus,
}
#upload-div,
.chzn-container,
.chzn-container-single .chzn-search input,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
div.thumbinner
{  border-color: var(--BORDER-BROWN-ORANGE);}


.mw-foreignStructuredUploa-bookletLayout-small-notice .oo-ui-fieldLayout-messages-notice .oo-ui-labelWidget
.chzn-container-multi .chzn-choices .search-choice
{
{  border-color: var(--BORDER-BROWN-DARK);}
   color:white;
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button
.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,
{
.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,
   background-color:rgb(183,143,81);
.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,
}
.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,
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus,
.oo-ui-checkboxInputWidget [type="checkbox"]:active + span,
select,
.wikiEditor-ui-toolbar .group,
td.diff-context
{  border-color: var(--TEXT-LINK);}


div.oo-ui-processDialog-actions-primary > div > a
body .mw-notification
{
{  border-color: var(--TEXT-LINK8)}
   color:white;
}


#mw-content-text td.diff-addedline > div > ins
a:visited
{
{  border-color: var(--TEXT-LINK-VISITED) !important;}
   background:rgba(30,100,30,0.8);
}


td.diff-addedline
td.diff-addedline
{
{  border-color: var(--GREEN8);}
   background-color:rgba(30,100,30,0.2);
  border-color:rgba(30,100,30,0.8);
}


#mw-content-text td.diff-deletedline > div > del
td.diff-deletedline
{
{  border-color: var(--RED8);}
   background:rgba(100,30,30,0.8);
}


td.diff-deletedline
.mwe-popups.flipped_y:before,
{
.mwe-popups.flipped_y:after
  background-color:rgba(100,30,30,0.2);
{   border-top-color: var(--TEXT-LINK);}
   border-color:rgba(100,30,30,0.8);
}


td.diff-context
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
{
#mw-searchoptions
  background:rgba(80,60,30,0.3);
{   border-top-color: var(--TEXT-LINK) !important;}
  background-color:rgba(80,60,30,0.3);
   border-color:rgb(183,143,81);
  color:white;
}


.oo-ui-textInputWidget.oo-ui-widget-enabled input
.mw-mmv-image-metadata
{
{  border-top-color: var(--BG-BROWN-LIGHT);}
   color:white;
}


div#simpleSearch
.mwe-popups.mwe-popups-no-image-tri:after,
{
.mwe-popups.mwe-popups-no-image-tri:before
  border:solid 1px #B78F51;
{   border-bottom-color: var(--TEXT-LINK);}
  border-radius:.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
/**********************************************************************
{
** BOX SHADOWS
   background-color:#b78f51;
**********************************************************************/
}
.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,
.oo-ui-dropdownWidget,
.oo-ui-textInputWidget input,
oo-ui-textInputWidget textarea,
.vector-menu-dropdown .vector-menu-content,
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea,
.oo-ui-menuSelectWidget,
.mw-ui-input:focus,
.mw-ui-button.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-primary:focus,
.mw-ui-button.mw-ui-progressive:active,
.mw-ui-button,
.mw-ui-button:focus,
.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results
{  box-shadow: none;}


.client-js #preftoc
.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results
{
{
  background-image:none;
    -webkit-box-shadow: none;
  background-color:rgba(59,47,38,0.6);
    -moz-box-shadow: none;
  border:1px solid #b78f51;
  border-radius:.33em;
}
}


.client-js #preftoc li
.mw-content-ltr.mw-highlight-lines pre
{
{   box-shadow: inset 2.75em 0 0 var(--BORDER-BROWN-ORANGE);}
  background-image:none;
}


.client-js #preftoc li a
.mw-ui-button.mw-ui-progressive:disabled
{
{  box-shadow: inset 100px 100px var(--BLACK4);}
   text-decoration:none;
  color:white!important;
  font-weight:bold;
}


.client-js #preftoc li a:hover
.chzn-container-multi .chzn-choices .search-choice
{
{
  text-decoration:none;
    -webkit-box-shadow: 0 0 2px #000 inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-color:rgba(183,143,81,0.8);
    -moz-box-shadow: 0 0 2px #000 inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  border-radius:.33em;
    box-shadow: 0 0 2px #000 inset, 0 1px 0 rgba(0, 0, 0, 0.05);
}
}


.client-js #preftoc li.selected a
.mw-mmv-dialog,
{
.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown
   text-decoration:none;
{  box-shadow: 2px 2px 1px var(--BLACK8);}
  background-image:none;
  background-color:rgba(183,143,81,0.8);
  border-radius:.33em;
}


.client-js #preferences
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
{
#searchInput:focus, #simpleSearch:hover #searchInput:focus
  border:1px solid #222;
{    box-shadow: inset 0 0 0 1px var(--BORDER-BROWN-ORANGE);}
  border-radius:.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
/**********************************************************************
{
** OUTLINES
  background-color:transparent;
**********************************************************************/
   border-color:none;
textarea:focus,
}
input:focus
{   outline: none;}  


.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget
:focus
{
{  outline: 0 none;}
   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
/**********************************************************************
** LAYOUT
**********************************************************************/
body
{
{
  background-color:#b78f51;
    background-attachment: fixed;
  border:1px solid #b78f51;
    font-size: 18px;
}
}


.oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType
#right-navigation,
#left-navigation
{
{
  color:#DDD;
    margin-top: 45px;
}
}


.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
#p-logo
{
{
  background-color:#b78f51;
    margin-top: 65px;
  border-color:white;
    margin-bottom: -30px;
    z-index: 1;
}
}


.mw-upload-bookletLayout-filePreview .oo-ui-progressBarWidget-bar
div#simpleSearch input
{
{  margin: 0;}
   background-color:#b78f51;
}


.oo-ui-inputWidget-input,.oo-ui-textInputWidget input,.oo-ui-textInputWidget textarea,.suggestions-special,.suggestions-results
.wikiEditor-ui-buttons
{
{   margin-right: 1px;}
  background-color:rgba(80,60,30,0.4);
  border:1px solid #b78f51;
}


.oo-ui-processDialog-error
#p-logo a,
{
#p-logo
  border:1px solid #9e0000;
{  height: 150px;}
   background-color:rgba(100,50,50,0.4);
}


.oo-ui-processDialog-errors-title,div.mw-number-text,
div#simpleSearch input,
{
div.thumbinner
   color:white!important;
{  padding: 0;}
}


.suggestions-result,.suggestions-special .special-query
div#mw-panel div.portal
{
{  padding-top: 15px !important;}
   color:white;
}


.oo-ui-processDialog-errors
nav.vector-menu-tabs span a
{
{  padding-top: 14px;}
   background-color:rgba(0,0,0,0.6);
}


.mw-ui-input
input[type="submit"],
{
button,
  border-color:#b78f51;
.editButtons > input
  border-radius:.33em;
{   padding: 10px 14px !important;}
   border-width:1px 4px;
}


.mw-ui-input:focus
.mw-ui-button.mw-ui-progressive,
{
.mw-ui-button.mw-ui-primary
  box-shadow:none;
{   padding: 10px 16px !important;}
   border-color:#b78f51;
}


.mw-ui-button.mw-ui-progressive:disabled
body .ui-button
{
{  padding: 8px 10px !important;}
  background:transparent;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/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,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
  -moz-filter:url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
   -o-filter:url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
  -webkit-filter:grayscale(75%);
  filter:gray;
}


.mw-ui-button.mw-ui-progressive,.mw-ui-button.mw-ui-primary
div#p-navigation
{
{
  background-color:transparent;
    position: relative;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
    z-index: 4;
  background-size:100% 100%;
  border:none;
  border-radius:.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
.mwe-popups.flipped_y:after,
{
.mwe-popups.flipped_y:before,
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
.mwe-popups.mwe-popups-no-image-tri:after,
  background-size:100% 100%;
.mwe-popups.mwe-popups-no-image-tri:before
   color:white;
{   bottom: -11px;}
  border:none;
}


.mw-ui-button.mw-ui-progressive:focus,.mw-ui-button.mw-ui-primary:focus
.mw-mmv-fullscreen
{
{  width: 22px;}
   border:none;
  box-shadow:none;
}


.mw-ui-button.mw-ui-progressive:active
{
  background:#b78f51;
  box-shadow:none;
}


.mw-datatable th
/**********************************************************************
** FILTER
**********************************************************************/
.mw-ui-button.mw-ui-progressive:disabled
{
{
  background-color:rgba(80,60,30,0.4);
    filter: url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
    -moz-filter: url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
    -o-filter: url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
    -webkit-filter: grayscale(75%);
}
}


.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;
** SYNTAX HIGHLIGHT
}
**
**********************************************************************
*********************************************************************/
.syntaxhighlighter,
.syntaxhighlighter.collapsed .toolbar,
.syntaxhighlighter .toolbar
{    background-color: var(--BROWN5) !important;}


:-ms-input-placeholder
.syntaxhighlighter .toolbar a
{
{   color: var(--TEXT) !important;}
/* IE 10+ */
  color:white;
}


:-moz-placeholder
.syntaxhighlighter .plain,
{
.syntaxhighlighter .plain a
/* Firefox 18- */
{   color: var(--DC) !important;}
  color:white;
}


#mw-searchoptions
.syntaxhighlighter .gutter
{
{   color: var(--AF) !important;}
  background-color:rgba(80,60,30,0.4)!important;
  border-color:#c2a16d!important;
}


/*///////////////////////////
.syntaxhighlighter
          MsUpload
{   border-radius: .33em!important;}
///////////////////////////*/
#upload-list .file
{
  background:rgba(80,60,30,0.8);
}


#upload-div
.syntaxhighlighter .gutter .line,
{
.syntaxhighlighter .gutter .line
  background:rgba(183,143,81,0.8);
{   border-right: 1px solid var(--TEXT-LINK6) !important;}
}


.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
/*********************************************************************
**********************************************************************
**
** CODEMIRROR
**
**********************************************************************
*********************************************************************/
.CodeMirror
{
{
  background:url(/extensions/MsUpload/images/msu_error-small.png?93bad) no-repeat 0;
    background: var(--BROWN5);
  background-color:transparent;
    color: var(--TEXT);
    border: 1px solid var(--BORDER-BROWN-ORANGE);
}
}


#upload-drop
.CodeMirror-cursor
{
{
  border-radius:.33em;
    border-left: 1px solid var(--WHITE);
}
}


#upload-div
.CodeMirror-activeline-background
{
{
  border-color:#b78f51;
    background: transparent;
}
}


.chzn-container
.CodeMirror-selected,
.CodeMirror-focused .CodeMirror-selected
{
{
  border-color:#b78f51;
    background: var(--TEXT-LINK6);
  border-width:1px 4px;
    color: var(--TEXT);
  border-style:solid;
  border-radius:.33em;
  background:rgba(80,60,30,0.4);
}
}


.chzn-container-multi .chzn-choices
.cm-mw-pagename
{
{
  background:transparent!important;
    text-decoration: none;
  border:none;
}
}


.chzn-container-multi .chzn-choices .search-choice
.cm-mw-comment
{
{
  background:#b78f51;
    color: var(--TEXT-GREEN);
  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
.cm-mw-template,
.cm-mw-link-text,
pre.cm-mw-tag-nowiki,
.cm-mw-tag-nowiki
{
{
  color:white!important;
    color: var(--TEXT);
}
}


.chzn-container .chzn-drop
.cm-mw-template-delimiter,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-bracket,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter
{
{
  background:rgba(80,60,30,0.8);
    color: var(--TEXT-ORANGE);
  border:1px solid #b78f51;
  border-width:1px 4px;
/*    border-top: 1px solid #b78f51 !important;*/
  border-radius:.33em;
}
}


.chzn-container .chzn-results .active-result
.cm-mw-template-name,
.cm-mw-templatevariable-name
{
{
  color:white;
    color: var(--TEXT-ORANGE-LIGHT);
}
}


.chzn-container .chzn-results .highlighted
.cm-mw-link,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol
{
{
  background-color:#b78f51;
    color: var(--TEXT-BLUE);
  background-image:none!important;
}
}


.chzn-container .chzn-results .highlighted:first-child
.cm-mw-link-pagename,
.cm-mw-extlink,
.cm-mw-free-extlink
{
{
  border-radius:.33em .33em 0 0;
    color: var(--TEXT-CYAN);
}
}


.chzn-container .chzn-results .highlighted:last-child
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name,
.cm-mw-htmltag-attribute
{
{
  border-radius:0 0 .33em .33em;
    color: var(--TEXT-SALMON-LIGHT);
}
}


.chzn-container .chzn-results .highlighted:only-child
.cm-mw-table-bracket
{
{
  border-radius:.33em;
    color: var(--FUSIA);
}
}


/*///////////////////////////
.cm-mw-table-definition
          Popups
///////////////////////////*/
.mwe-popups
{
{
  background:rgba(40,30,15,0.95);
    color: var(--FUSIA-LIGHT);
  border-radius:.33em;
  border:1px solid #b78f51;
  border-width:1px 4px;
}
}


.mwe-popups > div > div.mwe-popups-timestamp-recent
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-exttag-bracket
{
{
  color:#777;
    color: var(--PURPLE);
}
}


.mwe-popups > div > div.mwe-popups-timestamp-older
.cm-mw-parserfunction-name,
.cm-mw-exttag-name
{
{
  color:#777;
    color: var(--PURPLE-LIGHT);
}
}


.mwe-popups-icon:hover
.cm-mw-parserfunction
{
{
  background-color:transparent;
    color: var(--PINK);
}
}


.mwe-popups.flipped_y:after
.cm-mw-list,
.cm-mw-skipformatting
{
{
  border-top-color:rgb(183,143,81);
    color: var(--TEXT);
  bottom:-11px;
    background-color: var(--TEXT-LINK6);
}
}


.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
**********************************************************************
///////////////////////////*/
**
** TEMPLATES
**
**********************************************************************
*********************************************************************/
.small-box
.small-box
{
{
  border-width:1px 4px;
    border-width: 1px 4px;
  border-radius:.33em;
    border-radius: .33em;
  border-color:rgb(183,143,81);
    border-color: var(--TEXT-LINK);
}
}


.notification-box
.notification-box
{
{
  border-color:rgb(183,143,81);
    border-color: var(--TEXT-LINK);
  border-width:1px 4px;
    border-width: 1px 4px;
  border-radius:.33em;
    border-radius: .33em;
  color:white;
    color: var(--TEXT);
}
}


.text-box
.text-box
{
{
  border-width:1px 4px;
    border-width: 1px 4px;
  border-radius:.33em;
    border-radius: .33em;
  border-color:rgb(183,143,81);
    border-color: var(--TEXT-LINK);
  color:white;
    color: var(--TEXT);
}
}


.medium-box
.medium-box
{
{
  border-width:1px 4px;
    border-color: var(--TEXT-LINK);
  border-color:rgb(183,143,81);
    border-width: 1px 4px;
  border-width:1px 4px;
    border-radius: .33em;
  border-radius:.33em;
    color: var(--TEXT);
  color:white;
}
}


.large-box
.large-box
{
{
  border-color:rgb(183,143,81);
    border-color: var(--TEXT-LINK);
  border-width:1px 4px;
    border-width: 1px 4px;
  border-radius:.33em;
    border-radius: .33em;
  color:white;
    color: var(--TEXT);
}
}


.neutral
.neutral
{
{
  background:rgba(80,60,30,0.5);
    background: var(--BROWN5);
}
}


.more-positive
.more-positive
{
{
  border-color:rgb(37,141,37,0.8);
    border-color: var(--BORDER-GREEN);
  background:rgba(30,100,30,0.4);
    background: var(--GREEN4);
}
}


.positive
.positive
{
{
  background:rgba(30,100,30,0.3);
    background: var(--GREEN3);
}
}


.negative
.negative
{
{
  background:rgba(100,30,30,0.3);
    background: var(--RED3);
}
}


.more-negative
.more-negative
{
{
  border-color:rgb(141,37,37,0.8);
    border-color: var(--BORDER-RED);
  background:rgba(100,30,30,0.4);
    background: var(--RED4);
}
}


.green-text
.green-text
{
{
  color:rgba(80,255,80,0.6);
    color: var(--TEXT-GREEN-BRIGHT);
}
}


.red-text
.red-text
{
{
  color:rgba(255,80,80,0.6);
    color: var(--TEXT-RED-BRIGHT);
}
}


.header
.header
{
{
  border-color:#B78F51;
    border-color: var(--BORDER-BROWN-ORANGE);
  background:rgba(80,60,30,0.8);
    background: var(--BROWN8);
  border-width:1px 4px;
    border-width: 1px 4px;
  border-radius:.33em;
    border-radius: .33em;
  color:white;
    color: var(--TEXT);
}
}


Line 1,289: Line 1,321:
.ib-main
.ib-main
{
{
  border-color:rgb(183,143,81);
    border-color: var(--TEXT-LINK);
  background-color:rgba(80,60,30,0.4);
    background-color: var(--BROWN4);
  border-width:1px 4px;
    border-width: 1px 4px;
  border-radius:.33em;
    border-radius: .33em;
}
}


.ib-border-top
.ib-border-top
{
{
  border-top-color:rgb(183,143,81);
    border-top-color: var(--TEXT-LINK);
}
 
/*///////////////////////////
    Syntax Highlighter
///////////////////////////*/
.syntaxhighlighter
{
  background-color:rgba(80,60,30,0.5)!important;
  border-radius:.33em!important;
}
 
.syntaxhighlighter.collapsed .toolbar
{
  background:rgba(80,60,30,0.5)!important;
}
 
.syntaxhighlighter .toolbar
{
  background:rgba(80,60,30,0.5)!important;
}
 
.syntaxhighlighter .plain,.syntaxhighlighter .plain a
{
/* color: black !important; */
  color:#dcdcdc!important;
}
 
.syntaxhighlighter .gutter .line
{
/* border-right: 1px solid #ddd !important; 87% Gray*/
  border-right:1px solid rgba(183,143,81,0.6)!important;
}
 
.syntaxhighlighter .gutter
{
/* color: #afafaf !important; 69% Gray*/
  color:#afafaf!important;
}
 
.syntaxhighlighter .gutter .line
{
/* border-right: 1px solid #ddd !important; 87% Gray*/
  border-right:1px solid rgba(183,143,81,0.6)!important;
}
 
.syntaxhighlighter .toolbar a
{
  color:white!important;
}
 
/*///////////////////////////
    MultimediaViewer
///////////////////////////*/
.mw-mmv-stripe-button.mw-mmv-description-page-button,.mw-mmv-stripe-button.mw-mmv-description-page-button:active,.mw-mmv-stripe-button.mw-mmv-description-page-button:visited
{
  color:white!important;
}
 
.mw-mmv-post-image
{
  background-color:rgba(183,143,81,0.9);
  color:white;
}
 
.mw-mmv-image-metadata
{
  background-color:rgba(59,47,38,0.8);
  border-top-color:#5a483a;
}
 
.mw-mmv-image-links li,.mw-mmv-post-image
{
  color:#ddd;
}
 
.mw-ui-button,.mw-ui-button:focus
{
  background:rgba(80,60,30,0.8);
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em 0 0 0 .33em;
  box-shadow:none;
}
 
.mw-ui-button:hover
{
  background-color:rgba(80,60,30,0.9);
}
 
#mw-content-text a.mw-mmv-view-expanded.mw-ui-button.mw-ui-icon.mw-ui-icon-before
{
  border-right:1px solid #B78F51;
}
 
#mw-content-text a.mw-mmv-view-config.mw-ui-button.mw-ui-icon.mw-ui-icon-element
{
  border-left:none;
}
 
.mw-mmv-dialog
{
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}
 
.mw-mmv-dialog,.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown
{
  box-shadow:2px 2px 1px rgba(0,0,0,0.8);
}
 
.mw-mmv-dialog,.mw-mmv-options-dialog.mw-mmv-disable-confirmation-shown,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown
{
  background:rgb(59,47,38);
}
 
.mw-mmv-dialog .mw-mmv-dialog-down-arrow
{
  background:rgb(59,47,38);
  display:none;
/* Can't get z-index to work on this...why? */
}
 
.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header,.mw-mmv-options-enable-alert,.mw-mmv-title
{
  color:white;
}
 
.mw-mmv-options-dialog .mw-mmv-enable-confirmation .mw-mmv-confirmation-close
{
  background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2096%2096%22%20enable-background%3D%22new%200%200%2096%2096%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23AAAAAB%22%20points%3D%2296%2C14%2082%2C0%2048%2C34%2014%2C0%200%2C14%2034%2C48%200%2C82%2014%2C96%2048%2C62%2082%2C96%2096%2C82%2062%2C48%20%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
 
 
 
/*///////////////////////////
        MSCatSelect
///////////////////////////*/
#MsCatSelect
{
  background: transparent;
}
 
.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results
{
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
 
.chzn-container-single .chzn-search input
{
  background: transparent;
  border-color: #B78F51;
}
 
#MsCatSelect .row2 input
{
  background: rgba(80,60,30,0.4);
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}
 
.addcat
{
  background-color:transparent !important;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png) !important;
  background-size:100% 100% !important;
  border:none !important;
  border-radius:.33em !important;
  color: white !important;
  font-weight: bold;
}
 
.addcat:hover
{
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png) !important;
}
 
 
 
 
/*///////////////////////////
        CodeMirror
///////////////////////////*/
.CodeMirror
{
  background: rgba(80,60,30,0.5);
  color: white;
  border: 1px solid #B78F51;
}
.CodeMirror-cursor
{
  border-left: 1px solid white;
}
.CodeMirror-activeline-background
{
  background: transparent;
}
.CodeMirror-selected,
.CodeMirror-focused .CodeMirror-selected
{
  background: rgba(183,143,81,0.6);
  color: white;
}
.cm-mw-pagename
{
  text-decoration: none;
}
 
.cm-mw-comment
{
  color: #4b9041;
}
 
.cm-mw-template,
.cm-mw-link-text,
pre.cm-mw-tag-nowiki, .cm-mw-tag-nowiki
{
  color: #bbb;
}
 
.cm-mw-template-delimiter,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-bracket,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter
{
  color: #D48D57;
}
.cm-mw-template-name,
.cm-mw-templatevariable-name
{
  color: #EE9047;
}
 
.cm-mw-link,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol
{
  color: #569cd6;
}
.cm-mw-link-pagename,
.cm-mw-extlink,
.cm-mw-free-extlink
{
  color: #22c8ff;
}
 
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name,
.cm-mw-htmltag-attribute
{
  color: #D45757;
}
 
.cm-mw-table-bracket
{
  color: #D457D4;
}
.cm-mw-table-definition
{
  color: #FF3BFF;
}
 
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-exttag-bracket
{
  color: #9A4DBB;
}
.cm-mw-parserfunction-name,
.cm-mw-exttag-name
{
  color: #C53BFF;
}
.cm-mw-parserfunction
{
  color: #F5DCFF;
}
 
.cm-mw-list,
.cm-mw-skipformatting
{
  color: white;
  background-color: rgba(183,143,81,0.6)
}
}

Revision as of 21:23, 23 May 2022

/* CSS placed here will affect users of the Vector skin */
:root
{
    /* BACKGROUNDS */
    --MAIN-BACKGROUND-IMG: URL (https://mec-wiki-media.storage.googleapis.com/images/a/a2/WebsiteBackground.jpg);
    --BUTTON-DEFAULT-IMG: URL (https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
    --BUTTON-HIGHLIGHT-IMG: url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
    
    --BLACK:               BLACK;
    --BLACK8:              RGBA(0, 0, 0, 0.8);
    --BLACK6:              RGBA(0, 0, 0, 0.6);
    --BLACK5:              RGBA(0, 0, 0, 0.5);
    --BLACK4:              RGBA(0, 0, 0, 0.4);
    --BLACK1:              RGBA(0, 0, 0, 0.1);
    --WHITE:               WHITE;

    --BACKGROUND:          #100C06;
    --BG-BROWN-DARK95:     RGBA(40, 30, 15, 0.95);
    --BG-BROWN-LIGHT:      #5a483a;
    --BG-BROWN:            #3B2F26;/*rgb(59, 47, 38)*/
    --BG-BROWN8:           RGBA(59, 47, 38, 0.8);
    --BG-BROWN6:           RGBA(59, 47, 38, 0.6);
    --BROWN-FILL:          RGB(80, 60, 30);
    --BROWN9:              RGBA(80, 60, 30, 0.9);
    --BROWN8:              RGBA(80, 60, 30, 0.8);
    --BROWN6:              RGBA(80, 60, 30, 0.6);
    --BROWN5:              RGBA(80, 60, 30, 0.5);
    --BROWN4:              RGBA(80, 60, 30, 0.4);
    --BROWN3:              RGBA(80, 60, 30, 0.3);
    --GREEN8:              RGBA(30, 100, 30, 0.8);
    --GREEN3:              RGBA(30, 100, 30, 0.3);
    --GREEN2:              RGBA(30, 100, 30, 0.2);
    --PINK:                #F5DCFF;
    --FUSIA-LIGHT:         #FF3BFF;
    --FUSIA:               #D457D4;
    --PURPLE-LIGHT:        #C53BFF;
    --PURPLE:              #9A4DBB;
    --RED-BRIGHTER:        RGBA(158, 0, 0);
    --RED-BRIGHT4:         RGBA(100, 50, 50, 0.4);
    --RED8:                RGBA(100, 30, 30, 0.8);
    --RED4:                RGBA(100, 30, 30, 0.4);
    --RED3:                RGBA(100, 30, 30, 0.3);
    --RED2:                RGBA(100, 30, 30, 0.2);
    --RED-DIM5:            RGBA(10, 0, 0, 0.5);
    --RED-DARK:            RGB(20, 0, 0);

    /* BORDERS */
    --BORDER-RADIUS:       .33em;
    --BORDER-RADIUS-TAB:   2px;
    --BORDER-BROWN-ORANGE: #B78F51;
    --BORDER-BROWN-DARK:   #241B0F;/*RGB(36, 27, 15)*/
    --BORDER-DARK:         #222;
    --BORDER-RED:          RGBA(141, 37, 37, 0.8);
    --BORDER-GREEN:        RGBA(37, 141, 37, 0.8);

    /* TEXT */
    --TEXT:                #CCC;
    --TEXT-GREY:           RGB(123, 123, 123);
    --TEXT-LINK:           RGB(183, 143, 81); /*#C2A16D*/
    --TEXT-LINK9:          RGBA(183, 143, 81, 0.9);
    --TEXT-LINK8:          RGBA(183, 143, 81, 0.8);
    --TEXT-LINK6:          RGBA(183, 143, 81, 0.6);
    --TEXT-LINK-VISITED:   RGB(137, 97, 35);
    --TEXT-RED-BRIGHT:     RGBA(255, 80, 80, 0.6);
    --TEXT-GREEN-BRIGHT:   RGBA(80, 255, 80, 0.6);
    --TEXT-GREEN:          #4b9041;
    --TEXT-RED:            #BA0000;
    --TEXT-SALMON-LIGHT:   #D45757;
    --TEXT-SALMON:         #A55858;
    --TEXT-CYAN:           #22c8ff;
    --TEXT-BLUE:           #569CD6;
    --TEXT-ORANGE-LIGHT:   #EE9047;
    --TEXT-ORANGE:         #D48D57;

    /* SYNTAX HIGHLIGHT */
    --AF:          #AFAFAF;
    --DC:          #DCDCDC;
    
}

/* HIDE */
.mw-mmv-dialog .mw-mmv-dialog-down-arrow
{   display: none;}

/**********************************************************************
** BACKGROUNDS
**********************************************************************/
/* Background Images */
nav.vector-menu-tabs ul li,
nav.vector-menu-dropdown,
nav.vector-menu-tabs ul li.selected,
nav.vector-menu-tabs span,
nav.vector-menu-tabs,
div#mw-head div.vectorMenu h3,
.wikiEditor-ui-toolbar,
.ui-widget-content,
div#simpleSearch,
.client-js #preftoc,
.client-js #preftoc li,
.client-js #preftoc li.selected a,
.chzn-container-multi .chzn-choices .search-choice,
.mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif
{   background-image: none;}

#simpleSearch,
.vector-menu-tabs > ul,
.chzn-container .chzn-results .highlighted
{   background-image: none !important;}

body
{   background-image: var(--MAIN-BACKGROUND-IMG);}

input[type="submit"],
button,
.editButtons > input,
body .ui-button,
.mw-ui-button.mw-ui-progressive:disabled,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary
{
    background-image: var(--BUTTON-DEFAULT-IMG);
    background-size: 100% 100%;
}

.addcat
{
    background-image: var(--BUTTON-DEFAULT-IMG) !important;
    background-size: 100% 100% !important;
}

input[type="submit"]:hover,
button:hover:not(.mw-mmv-pre-image button),
.editButtons > input:hover,
body .ui-button:hover,
.mw-ui-button.mw-ui-progressive:hover
{
    background-image: var(--BUTTON-HIGHLIGHT-IMG);
    background-size: 100% 100%;
}

.addcat:hover
{
    background-image: var(--BUTTON-HIGHLIGHT-IMG) !important;
    background-size: 100% 100% !important;
}

#upload-list .file .small-warn
{   background-image: URL (/extensions/MsUpload/images/msu_error-small.png?93bad) no-repeat 0;}

.mw-mmv-options-dialog .mw-mmv-enable-confirmation .mw-mmv-confirmation-close
{
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2096%2096%22%20enable-background%3D%22new%200%200%2096%2096%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23AAAAAB%22%20points%3D%2296%2C14%2082%2C0%2048%2C34%2014%2C0%200%2C14%2034%2C48%200%2C82%2014%2C96%2048%2C62%2082%2C96%2096%2C82%2062%2C48%20%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.vector-menu-portal h3
{
    background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--TEXT-LINK) 33%,var(--TEXT-LINK) 66%,rgba(200,204,209,0) 100%);
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3
{
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,var(--TEXT-LINK) 100%);
}

/* Backgrounds */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
#mw-panel,
#mw-page-base,
#mw-head-base,
body,
h1,
h2,
h3,
h4,
h5,
div#mw-panel div.portal h3,
div.vectorMenu h3 span,
.mw-body
{   background: none;}

body .ui-dialog .ui-widget-header
{   background: none !important;}

.mw-highlight,
.mw-ui-button.mw-ui-progressive:disabled,
#MsCatSelect,
.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results,
.chzn-container-single .chzn-search input
{   background: transparent;}

.chzn-container-multi .chzn-choices
{   background: transparent !important;}

.mw-mmv-dialog,
.mw-mmv-options-dialog.mw-mmv-disable-confirmation-shown,
.mw-mmv-options-enable-alert,
.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown,
.mw-mmv-dialog .mw-mmv-dialog-down-arrow
{   background: var(--BG-BROWN);}

.mwe-popups
{   background: var(--BG-BROWN-DARK95);}

#mw-head,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
#mw-body,
.chzn-container .chzn-drop,
.mw-ui-button,
.mw-ui-button:focus,.mw-rcfilters-ui-menuSelectWidget-footer
{   background: var(--BROWN8);}

.chzn-container,
#MsCatSelect .row2 input
{   background: var(--BROWN4);}

td.diff-context
{   background: var(--BROWN3);}

#upload-div,
.drop-over
{   background: var(--TEXT-LINK8);}

#mw-content-text td.diff-addedline > div > ins
{   background: var(--GREEN8);}

#mw-content-text td.diff-deletedline > div > del
{   background: var(--RED8);}

.mw-ui-button.mw-ui-progressive:active,
.chzn-container-multi .chzn-choices .search-choice
{   background: var(--BORDER-BROWN-ORANGE);}

/* Background Colors */
div.thumbinner,
table.wikitable > tr > th,
table.mw_metadata,
table.mw_metadata th,
table.mw_metadata td,
table.wikitable,
th,
td,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button,
input[type="submit"],
.wikiEditor-ui,
.wikiEditor-ui-tabs,
.wikiEditor-ui-buttons,
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-preview-contents,
div#simpleSearch,
div#simpleSearch input,
#mw-createaccount-join:hover,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.mw-datatable td,
#upload-list .file .small-warn,
.mwe-popups-icon:hover,
.thumbimage
{   background-color: transparent;}

button,
.editButtons > input,
.addcat
{   background-color: transparent !important;}

.mw-highlight
{   background-color: var(--BLACK);}

.oo-ui-processDialog-errors
{   background-color: var(--BLACK6);}

body
{   background-color: var(--BACKGROUND);}

.mw-warning,
.wikiEditor-ui-tabs div,
.mw-mmv-image-metadata
{   background-color: var(--BG-BROWN);}

.client-js #preftoc
{   background-color: var(--BG-BROWN6);}

.menu ul li,
option,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.oo-ui-menuSelectWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled
{   background-color: var(--BROWN-FILL);}

.mw-ui-button:hover
{   background-color: var(--BROWN9);}

code,
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
select,
.wikiEditor-ui-toolbar .group .tool-select .menu .options,
.wikiEditor-ui-toolbar .booklet .pages,
.ui-widget-content,
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
#upload-list .file,
.mw-rcfilters-ui-filterMenuSectionOptionWidget
{   background-color: var(--BROWN8);}

body .ui-dialog .ui-widget-header,
.ui-dialog .ui-dialog-content,
body .mw-notification
{   background-color: var(--BROWN8) !important;}

nav.vector-menu-tabs ul li,
nav.vector-menu-dropdown,
.menu ul li,
.not-patrolled
{   background-color: var(--BROWN6);}

pre,
.mw-code,
table.wikitable > * > tr > th,
ul#filetoc,
.mw-search-profile-tabs,
.editOptions,
textarea,
#toc,
.toc,
.mw-warning,
.toccolours,
.catlinks,
.mw-ui-input,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
input,
.wikiEditor-ui-controls,
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool-select,
.oo-ui-inputWidget-input,
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea,
.suggestions-special,
.suggestions-results,
.mw-datatable th,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend
{   background-color: var(--BROWN4);}

#pagehistory .selected,
#mw-searchoptions
{   background-color: var(--BROWN4) !important;}

td.diff-context,
#wpName1,
.warningbox
{   background-color: var(--BROWN3);}

.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,
.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,
.oo-ui-checkboxInputWidget [type="checkbox"]:active + span,
.wikiEditor-ui-toolbar .group .tool-select .menu .options a:hover,
.wikiEditor-ui-toolbar .page-characters div span:hover,
.wikiEditor-ui-toolbar .booklet .index .current,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button,
nav.vector-menu-tabs ul li.selected,
.vector-menu-tabs ul li:hover,
.menu ul li:hover
{   background-color: var(--TEXT-LINK);}

.oo-ui-processDialog-error
{   background-color: var(--RED-BRIGHT4);}

td.diff-deletedline
{   background-color: var(--RED2);}

.ns-3012 .mw-body
{   background-color: var(--RED-DIM5) !important;}

.ns-8 .mw-body
{   background-color: var(--RED-DARK) !important;}

.wikiEditor-ui-tabs div.current,
.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.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,
.oo-ui-selectFileWidget-dropTarget,
.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,
.mw-upload-bookletLayout-filePreview .oo-ui-progressBarWidget-bar,
.oo-ui-inputWidget-input,
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea,
.suggestions-special,
.suggestions-results,
.chzn-container .chzn-results .highlighted
{   background-color: var(--BORDER-BROWN-ORANGE);}

td.diff-addedline,
.mw-datatable tr:hover td
{   background-color: var(--GREEN2);}

.mw-mmv-post-image
{   background-color: var(--TEXT-LINK9);}

.client-js #preftoc li a:hover,
.client-js #preftoc li.selected a, 
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted
{   background-color: var(--TEXT-LINK8);}

.client-js #preferences
{   background-color: var(--BLACK5);}




/**********************************************************************
** TEXT
**********************************************************************/
.menu ul li:hover a,
.vector-menu-tabs ul li:hover a,
.client-js #preftoc li a,
.client-js #preftoc li a:hover,
.client-js #preftoc li.selected a
{   text-decoration: none;}

input[type="submit"],
button,
.editButtons > input,
body .ui-button
{
    font-size: 14px;
    text-shadow: 0 1px 2px var(--BLACK6);
}

.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary
{
    font-size: 14px;
    text-shadow: 0 1px var(--BLACK1);
}

/* Text Weights */
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
div#simpleSearch input,
div#simpleSearch input::placeholder
{   font-weight: normal;}

nav.vector-menu-tabs ul li.selected,
input[type="submit"],
div#simpleSearch,
.client-js #preftoc li a,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.addcat
{   font-weight: bold;}

button,
.editButtons > input,
body .ui-button
{   font-weight: bold !important;}

/* Text Colors */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button
{   color: var(--WHITE);}

nav.vector-menu-tabs li a
{   color: var(--WHITE) !important;}

#mw-panel,
#mw-page-base,
#mw-head-base,
body,
h1,
h2,
div#mw-panel div.portal h3,
div.vectorMenu h3 span,
.mw-body,
#pagehistory li.selected,
pre,
.mw-code,
code,
table.wikitable > tr > th,
table.mw_metadata,
table.mw_metadata th,
table.mw_metadata td,
table.wikitable,
th,
.editOptions,
textarea,
.mw-content-ltr.mw-highlight .linenos,
select,
input,
.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,
button,
.editButtons > input,
.ui-widget-content,
body .ui-dialog .ui-widget-header,
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame,
div.oo-ui-processDialog-actions-primary > div > a,
.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,
.mw-foreignStructuredUploa-bookletLayout-small-notice .oo-ui-fieldLayout-messages-notice .oo-ui-labelWidget,
td.diff-context,
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
div#simpleSearch,
.client-js #preferences legend,
.htmlform-tip,
#wpName1,
.warningbox,
.suggestions-result,
.suggestions-special .special-query,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.mw-ui-button.mw-ui-progressive:hover,
::-webkit-input-placeholder,/* Chrome/Opera/Safari */
::-moz-placeholder,/* Firefox 19+ */
:-ms-input-placeholder,/* IE 10+ */
:-moz-placeholder,/* Firefox 18- */
#upload-list .file .file-warning,
#upload-list .file .file-size,
.chzn-container-multi .chzn-choices .search-choice,
.chzn-container-active .chzn-choices .search-field input,
.chzn-container .chzn-results .active-result,
.mw-mmv-options-text-header,
.mw-mmv-options-text-body,
.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header,
.mw-mmv-options-enable-alert,
.mw-mmv-title
{   color: var(--TEXT);}

.mw-body,
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
div#simpleSearch input,
h3,
h4,
h5,
td
{   color: var(--TEXT) !important;}

nav.vector-menu-tabs ul li.selected,
nav.vector-menu-tabs ul li,
nav.vector-menu-dropdown,
.menu ul li a,
.wikiEditor-ui a,
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea,
.client-js #preftoc li a,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.oo-ui-processDialog-errors-title,
div.mw-number-text,
.mw-mmv-stripe-button.mw-mmv-description-page-button,
.mw-mmv-stripe-button.mw-mmv-description-page-button:active,
.mw-mmv-stripe-button.mw-mmv-description-page-button:visited,
.mw-mmv-post-image,
.addcat,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters
{   color: var(--TEXT) !important;}

div#footer ul li,
.mw-foreignStructuredUpload-bookletLayout-license,
.oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType,
.mw-ui-button.mw-ui-progressive:disabled,
.mwe-popups > div > div.mwe-popups-timestamp-recent,
.mwe-popups > div > div.mwe-popups-timestamp-older,
.mw-mmv-image-links li,
.mw-mmv-post-image
{   color: var(--TEXT-GREY);}

a,
.mw-normal-catlinks,
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label
{   color: var(--TEXT-LINK) !important;}

a:visited
{   color: var(--TEXT-LINK-VISITED) !important;}

.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,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea
{   color: var(--BLACK);}

a.new,
#p-personal a.new
{   color: var(--TEXT-RED) !important;}

a.new:visited,
#p-personal a.new:visited,
li.new a
{   color: var(--TEXT-SALMON) !important;}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button
{   color: var(--TEXT-LINK);}


/* FILL */
.oo-ui-icon-play /* figure out how to make this white */
{    
    background-image: url(/load.php?modules=oojs-ui.styles.icons-media&image=play&format=rasterized&skin=vector&version=he6bj);
    background-image: linear-gradient(transparent,transparent), url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eplay%3C/title%3E%3Cpath d=%22M4.55 19A1 1 0 013 18.13V1.87A1 1 0 014.55 1l12.2 8.13a1 1 0 010 1.7z%22/%3E%3C/svg%3E);
}




/**********************************************************************
** BORDERS
**********************************************************************/
/* Border Images */
select
{   border-image: none;}

/* Border Size */
#pagehistory li,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button,
input[type="submit"],
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui-controls,
.wikiEditor-ui-tabs,
.wikiEditor-ui-tabs div.current,
.wikiEditor-ui-tabs div,
.wikiEditor-ui-buttons,
button,
.editButtons > input,
body .ui-dialog .ui-widget-header,
.mw-ui-button.mw-ui-progressive:disabled,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.mw-ui-button.mw-ui-progressive:hover,
.mw-ui-button.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-primary:focus,
.chzn-container-multi .chzn-choices,
.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results
{   border: none;}

html .thumbimage,
body .ui-button,
.addcat
{   border-style: none !important;}

div#simpleSearch input
{   border: 0;}

pre,
.mw-code,
code,
#wpUploadFile,
ul#filetoc,
.mw-search-profile-tabs,
.editOptions,
#toc,
.toc,
.mw-warning,
.toccolours,
.catlinks,
.wikiEditor-ui-toolbar,
div#simpleSearch,
.client-js #preftoc,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.oo-ui-selectFileWidget-dropTarget,
.chzn-container .chzn-drop,
.mwe-popups,
.mw-ui-button,
.mw-ui-button:focus,
#MsCatSelect .row2 input,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover
{   border: 1px solid var(--BORDER-BROWN-ORANGE);}

textarea,
textarea:focus,
.oo-ui-inputWidget-input,
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea,
.suggestions-special,
.suggestions-results
{   border: 1px solid var(--BORDER-BROWN-ORANGE) !important;}

.mw-warning,
.client-js #preferences
{   border: 1px solid var(--BORDER-DARK);}

fieldset,
div.mw-warning-with-logexcerpt,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover
{   border: 1px solid var(--WHITE);}

.oo-ui-dropdownWidget,
.oo-ui-textInputWidget input,
oo-ui-textInputWidget textarea,
.vector-menu-dropdown .vector-menu-content,
.oo-ui-dropdownWidget-handle,
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-menuSelectWidget,
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .tool-select .menu .options,
.wikiEditor-ui-toolbar .page-characters div span
{   border: 1px solid var(--TEXT-LINK)}

input
{   border: solid var(--TEXT-LINK);}

.oo-ui-processDialog-error
{   border: 1px solid var(--RED-BRIGHTER);}

#pagehistory .selected
{   border: 1px dashed var(--BORDER-BROWN-ORANGE) !important;}

/* Side Sizes*/
.wikiEditor-ui-toolbar .sections .section
{   border-top: 1px solid var(--BORDER-BROWN-ORANGE);}

.menu ul
{   border-top: 2px solid var(--BORDER-BROWN-ORANGE);}

#mw-head
{   border-bottom: 2px solid var(--TEXT-LINK8);}

.wikiEditor-preview-contents,
.mw-mmv-dialog
{
    border-left: 1 px solid var(--BORDER-BROWN-ORANGE);
}

.wikiEditor-preview-contents,
#mw-content-text a.mw-mmv-view-expanded.mw-ui-button.mw-ui-icon.mw-ui-icon-before
{   border-right: 1px solid var(--BORDER-BROWN-ORANGE);}

.chzn-container
{    border-style: solid;}

/* Start Standard border style*/
#pagehistory .selected,
.mw-ui-button,
.mw-ui-button:focus
{   border-width: 1px 4px;}

.mw-body,
input[type="submit"],
button,
.editButtons > input,
body .ui-button,
.client-js #preftoc,
.client-js #preftoc li a:hover,
.client-js #preftoc li.selected a,
.client-js #preferences,
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
#upload-drop,
.chzn-container .chzn-results .highlighted:only-child
{   border-radius: var(--BORDER-RADIUS);}

pre,
.mw-code,
code,
div.thumbinner,
ul#filetoc,
.mw-search-profile-tabs,
#toc,
.toc,
.mw-warning,
.toccolours,
.catlinks,
fieldset,
.mw-changeslist-legend,
div.mw-warning-with-logexcerpt,
select,
input,
div#simpleSearch,
.mw-ui-input,
.chzn-container,
.chzn-container .chzn-drop,
.mwe-popups,
.mw-mmv-dialog,
#MsCatSelect .row2 input
{
    border-width: 1px 4px;
    border-radius: var(--BORDER-RADIUS);
}
/* End Standard border style*/

#pagehistory .selected,
.addcat
{   border-radius: var(--BORDER-RADIUS) !important;}

.vector-menu-tabs > ul > li:first-child
{   border-top-left-radius: var(--BORDER-RADIUS-TAB);}

.vector-menu-tabs > ul > li:last-child
{   border-top-right-radius: var(--BORDER-RADIUS-TAB);}

nav.vector-menu-tabs ul li:only-child,
.wikiEditor-ui-toolbar,
.chzn-container .chzn-results .highlighted:first-child
{   border-radius: var(--BORDER-RADIUS) var(--BORDER-RADIUS) 0 0;}/*tops*/

.editOptions,
.chzn-container .chzn-results .highlighted:last-child
{   border-radius: 0 0 var(--BORDER-RADIUS) var(--BORDER-RADIUS);}/*bottoms*/

nav.vector-menu-tabs ul li:first-child,
.wikiEditor-ui-view-wikitext
{   border-radius: var(--broder-radius) 0 0 0;} /*top-left*/


nav.vector-menu-tabs ul li:last-child
{   border-radius: 0 var(--BORDER-RADIUS) 0 0;}/*top-right*/

.mw-ui-button,
.mw-ui-button:focus
{   border-radius: var(--BORDER-RADIUS) 0 0 var(--BORDER-RADIUS)}/*lefts*/

/* Border Removals */
.editOptions
{   border-top: none;}

.wikiEditor-ui-toolbar,
div.vectorMenu div.menu
{   border-bottom: none;}

.wikiEditor-ui-toolbar .group-search,
div.vectorMenu div.menu,
#mw-content-text a.mw-mmv-view-config.mw-ui-button.mw-ui-icon.mw-ui-icon-element
{   border-left: none;}

div.vectorMenu div.menu
{   border-right: none;}


/* Border Colors */
#mw-createaccount-join:hover
{   border-color: transparent;}

.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget,
.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
{   border-color: var(--WHITE);}

.warningbox,
.mw-ui-input,
.mw-ui-input:focus,
#upload-div,
.chzn-container,
.chzn-container-single .chzn-search input,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
div.thumbinner
{   border-color: var(--BORDER-BROWN-ORANGE);}

.chzn-container-multi .chzn-choices .search-choice
{   border-color: var(--BORDER-BROWN-DARK);}

.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,
.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,
.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,
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus,
.oo-ui-checkboxInputWidget [type="checkbox"]:active + span,
select,
.wikiEditor-ui-toolbar .group,
td.diff-context
{   border-color: var(--TEXT-LINK);}

body .mw-notification
{   border-color: var(--TEXT-LINK8)}

a:visited
{   border-color: var(--TEXT-LINK-VISITED) !important;}

td.diff-addedline
{   border-color: var(--GREEN8);}

td.diff-deletedline
{   border-color: var(--RED8);}

.mwe-popups.flipped_y:before,
.mwe-popups.flipped_y:after
{   border-top-color: var(--TEXT-LINK);}

.wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
#mw-searchoptions
{   border-top-color: var(--TEXT-LINK) !important;}

.mw-mmv-image-metadata
{   border-top-color: var(--BG-BROWN-LIGHT);}

.mwe-popups.mwe-popups-no-image-tri:after,
.mwe-popups.mwe-popups-no-image-tri:before
{   border-bottom-color: var(--TEXT-LINK);}




/**********************************************************************
** BOX SHADOWS
**********************************************************************/
.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,
.oo-ui-dropdownWidget,
.oo-ui-textInputWidget input,
oo-ui-textInputWidget textarea,
.vector-menu-dropdown .vector-menu-content,
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea,
.oo-ui-menuSelectWidget,
.mw-ui-input:focus,
.mw-ui-button.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-primary:focus,
.mw-ui-button.mw-ui-progressive:active,
.mw-ui-button,
.mw-ui-button:focus,
.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results
{   box-shadow: none;}

.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.mw-content-ltr.mw-highlight-lines pre
{    box-shadow: inset 2.75em 0 0 var(--BORDER-BROWN-ORANGE);}

.mw-ui-button.mw-ui-progressive:disabled
{   box-shadow: inset 100px 100px var(--BLACK4);}

.chzn-container-multi .chzn-choices .search-choice
{
    -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);
}

.mw-mmv-dialog,
.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown
{   box-shadow: 2px 2px 1px var(--BLACK8);}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
#searchInput:focus, #simpleSearch:hover #searchInput:focus
{    box-shadow: inset 0 0 0 1px var(--BORDER-BROWN-ORANGE);}




/**********************************************************************
** OUTLINES
**********************************************************************/
textarea:focus,
input:focus
{   outline: none;} 

:focus
{   outline: 0 none;}




/**********************************************************************
** LAYOUT
**********************************************************************/
body
{
    background-attachment: fixed;
    font-size: 18px;
}

#right-navigation,
#left-navigation
{
    margin-top: 45px;
}

#p-logo
{
    margin-top: 65px;
    margin-bottom: -30px;
    z-index: 1;
}

div#simpleSearch input
{   margin: 0;}

.wikiEditor-ui-buttons
{    margin-right: 1px;}

#p-logo a,
#p-logo
{   height: 150px;}

div#simpleSearch input,
div.thumbinner
{   padding: 0;}

div#mw-panel div.portal
{   padding-top: 15px !important;}

nav.vector-menu-tabs span a
{   padding-top: 14px;}

input[type="submit"],
button,
.editButtons > input
{   padding: 10px 14px !important;}

.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary
{   padding: 10px 16px !important;}

body .ui-button
{   padding: 8px 10px !important;}

div#p-navigation
{
    position: relative;
    z-index: 4;
}

.mwe-popups.flipped_y:after,
.mwe-popups.flipped_y:before,
.mwe-popups.mwe-popups-no-image-tri:after,
.mwe-popups.mwe-popups-no-image-tri:before
{   bottom: -11px;}

.mw-mmv-fullscreen
{   width: 22px;}


/**********************************************************************
** FILTER
**********************************************************************/
.mw-ui-button.mw-ui-progressive:disabled
{
    filter: url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
    -moz-filter: url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
    -o-filter: url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
    -webkit-filter: grayscale(75%);
}




/*********************************************************************
**********************************************************************
**
** SYNTAX HIGHLIGHT
**
**********************************************************************
*********************************************************************/
.syntaxhighlighter,
.syntaxhighlighter.collapsed .toolbar,
.syntaxhighlighter .toolbar
{    background-color: var(--BROWN5) !important;}

.syntaxhighlighter .toolbar a
{    color: var(--TEXT) !important;}

.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{    color: var(--DC) !important;}

.syntaxhighlighter .gutter
{    color: var(--AF) !important;}

.syntaxhighlighter
{    border-radius: .33em!important;}

.syntaxhighlighter .gutter .line,
.syntaxhighlighter .gutter .line
{    border-right: 1px solid var(--TEXT-LINK6) !important;}




/*********************************************************************
**********************************************************************
**
** CODEMIRROR
**
**********************************************************************
*********************************************************************/
.CodeMirror
{
    background: var(--BROWN5);
    color: var(--TEXT);
    border: 1px solid var(--BORDER-BROWN-ORANGE);
}

.CodeMirror-cursor
{
    border-left: 1px solid var(--WHITE);
}

.CodeMirror-activeline-background
{
    background: transparent;
}

.CodeMirror-selected,
.CodeMirror-focused .CodeMirror-selected
{
    background: var(--TEXT-LINK6);
    color: var(--TEXT);
}

.cm-mw-pagename
{
    text-decoration: none;
}

.cm-mw-comment
{
    color: var(--TEXT-GREEN);
}

.cm-mw-template,
.cm-mw-link-text,
pre.cm-mw-tag-nowiki,
.cm-mw-tag-nowiki
{
    color: var(--TEXT);
}

.cm-mw-template-delimiter,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-bracket,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter
{
    color: var(--TEXT-ORANGE);
}

.cm-mw-template-name,
.cm-mw-templatevariable-name
{
    color: var(--TEXT-ORANGE-LIGHT);
}

.cm-mw-link,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol
{
    color: var(--TEXT-BLUE);
}

.cm-mw-link-pagename,
.cm-mw-extlink,
.cm-mw-free-extlink
{
    color: var(--TEXT-CYAN);
}

.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name,
.cm-mw-htmltag-attribute
{
    color: var(--TEXT-SALMON-LIGHT);
}

.cm-mw-table-bracket
{
    color: var(--FUSIA);
}

.cm-mw-table-definition
{
    color: var(--FUSIA-LIGHT);
}

.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-exttag-bracket
{
    color: var(--PURPLE);
}

.cm-mw-parserfunction-name,
.cm-mw-exttag-name
{
    color: var(--PURPLE-LIGHT);
}

.cm-mw-parserfunction
{
    color: var(--PINK);
}

.cm-mw-list,
.cm-mw-skipformatting
{
    color: var(--TEXT);
    background-color: var(--TEXT-LINK6);
}




/*********************************************************************
**********************************************************************
**
** TEMPLATES
**
**********************************************************************
*********************************************************************/
.small-box
{
    border-width: 1px 4px;
    border-radius: .33em;
    border-color: var(--TEXT-LINK);
}

.notification-box
{
    border-color: var(--TEXT-LINK);
    border-width: 1px 4px;
    border-radius: .33em;
    color: var(--TEXT);
}

.text-box
{
    border-width: 1px 4px;
    border-radius: .33em;
    border-color: var(--TEXT-LINK);
    color: var(--TEXT);
}

.medium-box
{
    border-color: var(--TEXT-LINK);
    border-width: 1px 4px;
    border-radius: .33em;
    color: var(--TEXT);
}

.large-box
{
    border-color: var(--TEXT-LINK);
    border-width: 1px 4px;
    border-radius: .33em;
    color: var(--TEXT);
}

.neutral
{
    background: var(--BROWN5);
}

.more-positive
{
    border-color: var(--BORDER-GREEN);
    background: var(--GREEN4);
}

.positive
{
    background: var(--GREEN3);
}

.negative
{
    background: var(--RED3);
}

.more-negative
{
    border-color: var(--BORDER-RED);
    background: var(--RED4);
}

.green-text
{
    color: var(--TEXT-GREEN-BRIGHT);
}

.red-text
{
    color: var(--TEXT-RED-BRIGHT);
}

.header
{
    border-color: var(--BORDER-BROWN-ORANGE);
    background: var(--BROWN8);
    border-width: 1px 4px;
    border-radius: .33em;
    color: var(--TEXT);
}

/* Infoboxes */
.ib-main
{
    border-color: var(--TEXT-LINK);
    background-color: var(--BROWN4);
    border-width: 1px 4px;
    border-radius: .33em;
}

.ib-border-top
{
    border-top-color: var(--TEXT-LINK);
}
Retrieved from "https://medievalengineerswiki.com/index.php?title=MediaWiki:Vector.css&oldid=17279"