MediaWiki:Vector.css

From Medieval Engineers Wiki
Revision as of 21:27, 23 May 2022 by CptTwinkie (talk | contribs) (force h1+h2 heading colors)
Jump to navigation Jump to search

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

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Vector skin */
: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,
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,
h1,
h2,
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=17280"