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 */
    --AF:          #AFAFAF;
    --DC:          #DCDCDC;
   
}


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


===REQUIREMENTS===
/**********************************************************************
* A Windows PC with administrator account (only if the server will be run as a service)
** BACKGROUNDS
* .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
/* 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;}


===INSTALLATION===
body
* 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.
{  background-image: var(--MAIN-BACKGROUND-IMG);}
* On a PC without Steam - Use SteamCMD to download the dedicated server for free.


====STEAMCMD====
input[type="submit"],
* Download SteamCMD from https://developer.valvesoftware.com/wiki/SteamCMD. SteamCMD does not install so place it in a folder where it can stay.
button,
* Run SteamCMD - it will download additional files the first time you run it.
.editButtons > input,
* Type the following example script into the console to download the ME dedicated server application. Replace {Folder} with your desired install location. Relative paths are acceptable but must start with <code>./</code>
body .ui-button,
::login anonymous
.mw-ui-button.mw-ui-progressive:disabled,
::force_install_dir {Folder}
.mw-ui-button.mw-ui-progressive,
::app_update 367970
.mw-ui-button.mw-ui-primary
::quit
{
<code>app_update</code> can be run with <code>-beta {BranchName}</code> to download a different branch, or with <code>validate</code> to check all of the files.<br/>
    background-image: var(--BUTTON-DEFAULT-IMG);
The example script can be pasted into a text file and run with a single command <code>steamcmd.exe +runscript {FileName}.txt</code>
    background-size: 100% 100%;
}


Additional Notes
.addcat
*The dedicated server must always be stopped and all windows closed before download updates.
{
*If you have added a service, it is recommended that you remove and add the service again after any major update of the game.
    background-image: var(--BUTTON-DEFAULT-IMG) !important;
*You may need to install .Net 4.6.1 from https://www.microsoft.com/en-us/download/details.aspx?id=49981 to run the dedicated server.
    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%;
}


===QUICK SERVER SETUP===
.addcat:hover
Basic setup as a foreground process
{
* Run MedievalEngineersDedicated.exe
    background-image: var(--BUTTON-HIGHLIGHT-IMG) !important;
* Choose “Local/Console” item in list of servers
    background-size: 100% 100% !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
#upload-list .file .small-warn
* Run MedievalEngineersDedicated.exe as Administrator
{  background-image: URL (/extensions/MsUpload/images/msu_error-small.png?93bad) no-repeat 0;}
* 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


.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);
}


===USER INTERFACE===
.vector-menu-portal h3
[[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
    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%);
# 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


.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%);
}


===SERVER CONFIGURATION===
/* Backgrounds */
[[File:Ds2.jpg|center]]
.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;}


====1. GAME SETTINGS====
.mw-highlight,
:;New game: Start a new world generated from a scenario.
.mw-ui-button.mw-ui-progressive:disabled,
:;Saved worlds: Load a previously saved world<sup>†</sup>.
#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;}


''†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 client, you will have to copy it from your save game directory “%AppData%\Roaming\MedievalEngineers” to the respective folder.''
.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);}


====2. SCENARIO SETTINGS====
.mwe-popups
:;Scenario: Can only be chosen for the “New game” option.
{  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);}


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.
.chzn-container,
(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)
#MsCatSelect .row2 input
{  background: var(--BROWN4);}


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


====3. SERVER SETTINGS====
#upload-div,
; 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
.drop-over
; Server port: Number of the port that the server will listen on
{  background: var(--TEXT-LINK8);}
; 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


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


''‡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/''
#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);}


[[File:Ds3-744x382.png|center]]
/* 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;}


====3. BUTTONS====
.mw-highlight
; Save: Saves the configuration for the current server instance
{  background-color: var(--BLACK);}
; Save as…: Saves current configuration under a specified name and in selected folder
; Edit…: 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===
.oo-ui-processDialog-errors
You can run MedievalEngineersDedicated.exe with the following arguments
{  background-color: var(--BLACK6);}
; 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


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


===ADDITIONAL COMMAND LINE NOTES===
.mw-warning,
We still get a lot of questions about automating start, stop, and restart for servers. There is no easy answer to this right now. Differences in Windows Server versions have different behaviors. Some users run console instances and some run service instances.
.wikiEditor-ui-tabs div,
.mw-mmv-image-metadata
{  background-color: var(--BG-BROWN);}


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


====CONSOLE INSTANCES====
.menu ul li,
These are a little limited. The are simply a task that runs and they have no input except through the console window. Automation options are only to kill the task as above. If you are running multiple console servers, selecting a specific one to kill is a challenge we haven't yet solved.
option,
;Stop: taskkill /IM exe_name (waits) or taskkill /F /IM exe_name (instant, no save will be made)
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
;Start: launch from command line or configurator
.oo-ui-menuSelectWidget,
;Restart: taskkill and start again
.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);}


====SERVICE INSTANCES====
code,
Services are much easier to automate but also can have more difficulties. In more recent versions of Windows Server, services can only be managed with administrator access. The workaround for this is to set up tasks in ''Task Scheduler'' with the needed permissions. These can be triggered automatically or manually as-needed.
.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);}


;Start: net start service_name /y
body .ui-dialog .ui-widget-header,
;Stop: net stop service_name /y (waits for server to close: will wait forever if the server doesn't shut down) or taskkill /F /IM exe_name (instant, no save will be made)
.ui-dialog .ui-dialog-content,
;Restart: net stop (or taskkill /F) and net start
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);}


====ADVANCED USAGE OF TASKKILL====
pre,
The ''/F'' attribute is optional for consoles but is required for services. You can not shut down a service normally with ''taskkill''. The closest substitute is ''net stop'' but it is less reliable because it relies on the service itself to handle everything. This means that if there is any issue that prevents the full shutdown of the service, it will never shut down.
.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);}


;taskkill /F /IM exe_name: kills all instances that use the executable (as used above)
#pagehistory .selected,
;taskkill /F /FI "WindowTitle eq window_name": kills all windows that match the window name. This can be used on configurator windows.
#mw-searchoptions
{  background-color: var(--BROWN4) !important;}


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


''Instance Selector Window Example''
.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,
<pre>taskkill /F /FI "WindowTitle eq Medieval Engineers - Select Instance of Dedicated server"</pre>
.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,
''Configurator Window Example''
.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,
<pre>taskkill /F /FI "WindowTitle eq Medieval Engineers - Dedicated server configurator"</pre>
.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);}


'''taskkill /F "tokens=3" %%A IN ('sc queryex service_name ^| findstr PID') DO SET pid=%%A'''
td.diff-deletedline
;taskkill /F /PID %pid%: kills the specific service by first finding the PID for the service and then killing the PID.
{  background-color: var(--RED2);}


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


===CHANGING DATA DIRECTORY ON DEDICATED SERVER===
.ns-8 .mw-body
To change data directory for dedicated server, mklink command may be used.
{  background-color: var(--RED-DARK) !important;}
* Make sure ‘D:\Something\DirForData’ exists
* Make sure ‘C:\ProgramData\MedievalEngineersDedicated’ does not exists
* 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
.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);}


===ROUTER AND FIREWALL SETTINGS===
.mw-mmv-post-image
; Static IP
{  background-color: var(--TEXT-LINK9);}
: 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.


.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);}


===HOW TO FIND YOUR GROUP ID===
.client-js #preferences
If you want to find your Group ID, this is a way how to do it:
{  background-color: var(--BLACK5);}
# Be a member of the group
# 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]]




===PROBLEMS LOADING WORLDS ON RENTED SERVERS===
;Configuration in MedievalEngineers-Dedicated.cfg
: If you are using a rented server and don't have access to the configurator app (usually there is a web interface provided instead) you may have to enter the location of the save in the MedievalEngineers-Dedicated.cfg file. Most server providers offer access to this file through some means. Its default location is in C:\ProgramData\MedievalEngineersDedicated\.<br/><br/>
: Enter the save location in the LoadWorld tag. The '''full path''' to the save must be used i.e. ''<LoadWorld>C:\Users\{user name}\AppData\Roaming\MedievalEngineersDedicated\Saves\{save name}</LoadWorld>'' or ''<LoadWorld>C:\ProgramData\MedievalEngineersDedicated\{server name}\Saves\{save name}''.


: If the full path is unknown, it can be searched for by opening the LastLoaded.sbl from the saves folder. Each of the previous saves that were loaded will be listed as key values with the full path.
 
/**********************************************************************
** 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);
}