Keen:Dedicated Server Configuration and MediaWiki:Vector.css: Difference between pages

From Medieval Engineers Wiki
(Difference between pages)
Jump to navigation Jump to search
 
m (force h1+h2 heading colors)
 
Line 1: Line 1:
Dedicated servers in Medieval Engineers allow players to connect to a third party host, rather than using a player-host, in a peer-to-peer set-up. They are game instances intended for long time multiplayer games. They don’t depend on any player and they run without render and visual/audio effects. This will result to a faster connection and a more fluid multiplayer performance with less lag.
/* 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;


Dedicated servers are available for everyone who owns Medieval Engineers. You don’t need an extra Steam account, you get Medieval Engineers dedicated server for free to your existing Medieval Engineers account.
    --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);


Note: In order to run a dedicated server, players don’t require a licensed copy of the game. However to legally obtain the game server files, at least one Steam account needs to have a valid license.
    /* BORDERS */
[http://forum.keenswh.com/forums/groups-dedicated-servers.415189/ Multiplayer and Dedicated Servers sub-forum]
    --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);


==OFFICIAL DEDICATED SERVERS HOSTS==
    /* TEXT */
If you don’t want to host a dedicated server yourself, you can rent one from our [[Official Content/Dedicated Servers/Official_Hosts|official hosts]].
    --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;


==DEDICATED SERVER GUIDE==
    /* SYNTAX HIGHLIGHT */
===REQUIREMENTS===
    --AF:          #AFAFAF;
* A Windows PC with administrator account (only if the server will be run as a service)
    --DC:          #DCDCDC;
* .NET redistributable (version 4.6.1 or higher)
   
* Static IP address, if you intend to host the game publicly, so that anyone from the Internet can connect to it
}


===INSTALLATION===
/* HIDE */
* On a PC with Steam and Medieval Engineers installed – Congratulations! You already have the dedicated server installed along with Medieval Engineers, just go to the game’s installation directory (browse to “ C:\Program Files(x86)\Steam\SteamApps\MedievalEngineers” or alternatively right-click on the game in your Steam library, select “Properties” and under the tab “Local Files” click “Browse Local Files…”). In the installation directory, you will find a folder named DedicatedServer(64) with the server’s executable.
.mw-mmv-dialog .mw-mmv-dialog-down-arrow
* On a PC without Steam - You need to obtain the dedicated server files, which can be found in the C:\Program Files(x86)\Steam\SteamApps\MedievalEngineers\. Copy the DedicatedServer64 and Content folders to the target machine and you should be ready to run the server (you may need to install .Net 4.6.1 from https://www.microsoft.com/en-us/download/details.aspx?id=49981).
{  display: none;}


Note: It is recommended to always reinstall the service with new version of the game.
/**********************************************************************
** 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;}


===QUICK SERVER SETUP===
#simpleSearch,
Basic setup as a foreground process
.vector-menu-tabs > ul,
* Run MedievalEngineersDedicated.exe
.chzn-container .chzn-results .highlighted
* Choose “Local/Console” item in list of servers
{  background-image: none !important;}
* Click “Continue to server configuration”
* Here you can set variety of options. They work the same way as in the game.
* Fill in the name of the server
* Press “Save config and start” and you are ready to play


Setup as a service
body
* Run MedievalEngineersDedicated.exe as Administrator
{  background-image: var(--MAIN-BACKGROUND-IMG);}
* Press the “Add new instance” button
* Fill in the name of the service (must be unique system-wide)
* Choose the service you just created from the list of server instances
* Setup your game the same way as with a foreground process
* Pay attention to ports in “Server settings”, as a single port can only be used by one server instance
===USER INTERFACE===
[[File:Ds1.png|center]]
# Server list - Here you can see the list of the server instances. There’s always one instance named “Local/Console” and optionally several other instances with custom names. The “Local/Console” instance is run on foreground as a standard application and is always there, while the other instances that the user creates are run in the background as Windows services
# Global configuration - Here you can set, whether the game log files should have dates appended to them and whether the server should automatically send the log files to Keen Software House upon crash.
# This message is shown when the application is not run with administrator rights. If you want to create or manage the server as a service you need administrator rights. The button “Run as Admin” will restart the application with administrator rights.
# Buttons
#* Add new instance – Creates a new instance of the dedicated server as a Windows service.
#* Remove instance – Removes an instance of the dedicated server
#* Continue to server configuration – Starts server instance configuration utility for the selected instances
#* Exit – Closes the configuration utility


===SERVER CONFIGURATION===
input[type="submit"],
[[File:Ds2.jpg|center]]
button,
* Choosing game: New game / Saved worlds / Castle Siege
.editButtons > input,
*: Lets you choose between starting a new world generated from a scenario, loading a previously saved world or starting a new Castle Siege session.
body .ui-button,
*: The previously saved worlds are loaded either from the “AppData\Roaming\MedievalEngineersDedicated” folder in your home directory (e.g. “C:\Users\John.Doe”) or from the “ProgramData\MedievalEngineersDedicated” folder in the system root. To be able to play a world on the dedicated server that you previously created and saved in the game, you will have to copy it from your save game directory “AppData\Roaming\MedievalEngineers” to the respective folder.
.mw-ui-button.mw-ui-progressive:disabled,
* Game Scenario Settings
.mw-ui-button.mw-ui-progressive,
*; Scenario
.mw-ui-button.mw-ui-primary
*: Can only be chosen for the “New game” option.
{
*: Other settings work as you know them from the game with the added bonus that you can set the numerical options to any value you want.
    background-image: var(--BUTTON-DEFAULT-IMG);
*: (Warning: Values out of the range allowed by the game user interface are not tested and officially unsupported. They can seriously affect the game experience and performance)
    background-size: 100% 100%;
* Server Settings
}
*; Listen IP
*: Address of network interface that the server will listen on. This can be set to “0.0.0.0” (which is the default value) to listen on all interfaces, which should work fine in most cases
*; Server port
*: Number of the port that the server will listen on
*; Server name
*: Name that will be shown in the server list
*; Server admins<sup>†</sup>
*: Steam IDs (not nicknames) of the players with administrator privileges on the server (such as kicking and banning other players), each of them on a separate line
*; Steam Group ID<sup>†</sup>
*: If set to non-zero value, the dedicated server will only be visible for the given Steam group
*; Mods
*: Write mod id’s here each in a separate line to add in the game
*; Pause game when empty
*: This will stop the world simulation when no players are present


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


''†Note: By “Steam ID” we mean the unique numerical identifier for a Steam account in the 64-bit format. Your Steam ID in this format can be found in the game log after running the game with Steam logged-in to your Steam account (see above) or using external tools like http://steamid.co/ or http://steamidfinder.ru/''
input[type="submit"]:hover,
[[File:Ds3-744x382.png|center]]
button:hover:not(.mw-mmv-pre-image button),
* Buttons
.editButtons > input:hover,
*; Save
body .ui-button:hover,
*: Saves the configuration for the current server instance
.mw-ui-button.mw-ui-progressive:hover
*; Save as…
{
*: Saves current configuration under a specified name and in selected folder
    background-image: var(--BUTTON-HIGHLIGHT-IMG);
*; Edit…
    background-size: 100% 100%;
*: Opens the current instance’s configuration file in a text editor for manual editing
}
*; Save and start
*: Saves the current configuration and starts the server either as a foreground application or as a system service.
*; Reload
*: Reloads data from a current config file
*; Reset
*: Resets to the default settings
*; Restart
*: Restarts the server instance (only for service instances)
*; Stop
*: Stops the server instance (only for service instances)
*; Back to instances
*: Returns to the screen with the list of server instances
*; Exit
*: Closes the configuration utility (but not the dedicated server, if it is running as a service)
===COMMAND LINE TOOL===
You can run MedievalEngineersDedicated.exe with the following arguments
; console
: skips instance selection dialog, dedicated server configuration dialog, and goes directly to console application
; noconsole
: will run without black console window
; path
: will load config and store all files in path specified (“D:\Whatever\Something” in example)
; ignorelastsession
: ignores last automatic save of the world and uses values from config file
; maxPlayers
: overrides maximum players that can be in session
; ip
: overrides ip address of dedicated server stored in config file
; port
: overrides port value stored in config file
; taskkill /IM MedievalEngineersDedicated.exe
: this will stop dedicated server correctly, saving the world etc
: to stop it immediately add argument “/f”, that will kill server without asking to stop and without saving the world


===CHANGING DATA DIRECTORY ON DEDICATED SERVER===
.addcat:hover
To change data directory for dedicated server, mklink command may be used.
{
* Make sure ‘D:\Something\DirForData’ exists
    background-image: var(--BUTTON-HIGHLIGHT-IMG) !important;
* Make sure ‘C:\ProgramData\MedievalEngineersDedicated’ does not exists
    background-size: 100% 100% !important;
* Run command: mklink /J C:\ProgramData\MedievalEngineersDedicated D:\Something\DirForData
}


More info here (see Junction): http://msdn.microsoft.com/en-us/library/windows/desktop/aa365006%28v=vs.85%29.aspx
#upload-list .file .small-warn
===ROUTER AND FIREWALL SETTINGS===
{  background-image: URL (/extensions/MsUpload/images/msu_error-small.png?93bad) no-repeat 0;}
; Static IP
: If you intend to run a game that people from all over the Internet can connect to, you will need a static public IP address. Your internet service provider should tell you whether you have one or not. Without the static IP address, you will be able to host a dedicated server on your LAN, but people from outside the LAN won’t be able to connect to it reliably.
; Port forwarding
: The game uses UDP protocol to communicate. The default listen port is 27016, but this can be changed in the config tool. In order for people to be able to reach your server, you will have to configure your router to forward all incoming UDP traffic on port 27016 (or any other that you have specified) to the computer where your dedicated server is running.
; Firewall settings
: Make sure to set the firewall on your server computer to allow incoming UDP traffic on the listen port.


===HOW TO FIND YOUR GROUP ID===
.mw-mmv-options-dialog .mw-mmv-enable-confirmation .mw-mmv-confirmation-close
If you want to find your Group ID, this is a way how to do it:
{
# Be a member of the group
    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);
# On the group’s page (e.g. http://steamcommunity.com/groups/rps), click “Invite Friends”
}
# On the new page that will open, you can find your Group ID (long number in red) in the page’s URL: [http://steamcommunity.com/id/pikacc/friends/?invitegid=103582791429554934 http://steamcommunity.com/id/pikacc/friends/?invitegid=<font color=red>103582791429554934</font>]
 
[[Category:Keen_Multiplayer]]
.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);
}

Revision as of 21:27, 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,
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);
}