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

From Medieval Engineers Wiki
(Difference between pages)
Jump to navigation Jump to search
mNo edit summary
 
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,
* Choosing game: New game / Saved worlds
#mw-panel,
*: Lets you choose between starting a new world generated from a scenario, loading a previously saved world or starting a new Castle Siege session.
#mw-page-base,
*: 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-head-base,
</LoadWorld>
body,
* Game Scenario Settings
h1,
*; Scenario
h2,
*: Can only be chosen for the “New game” option.
h3,
*: 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.
h4,
*: (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)
h5,
* Server Settings
div#mw-panel div.portal h3,
*; Listen IP
div.vectorMenu h3 span,
*: 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
.mw-body
*; Server port
{  background: none;}
*: 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


body .ui-dialog .ui-widget-header
{  background: none !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/''
.mw-highlight,
[[File:Ds3-744x382.png|center]]
.mw-ui-button.mw-ui-progressive:disabled,
* Buttons
#MsCatSelect,
*; Save
.chzn-container-single .chzn-single,
*: Saves the configuration for the current server instance
.chzn-container-active.chzn-with-drop .chzn-single,
*; Save as…
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
*: Saves current configuration under a specified name and in selected folder
.chzn-container .chzn-results .no-results,
*; Edit…
.chzn-container-single .chzn-search input
*: Opens the current instance’s configuration file in a text editor for manual editing
{  background: transparent;}
*; 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)


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


===COMMAND LINE TOOL===
.mw-mmv-dialog,
You can run MedievalEngineersDedicated.exe with the following arguments
.mw-mmv-options-dialog.mw-mmv-disable-confirmation-shown,
; console
.mw-mmv-options-enable-alert,
: skips instance selection dialog, dedicated server configuration dialog, and goes directly to console application
.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown,
; noconsole
.mw-mmv-dialog .mw-mmv-dialog-down-arrow
: will run without black console window
{  background: var(--BG-BROWN);}
; 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


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


===ADDITIONAL COMMAND LINE NOTES===
#mw-head,
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.
.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);}


====CONSOLE INSTANCES====
td.diff-context
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.
{  background: var(--BROWN3);}
;Stop: taskkill /IM exe_name (waits) or taskkill /F /IM exe_name (instant, no save will be made)
;Start: launch from command line or configurator
;Restart: taskkill and start again


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


====SERVICE INSTANCES====
#mw-content-text td.diff-addedline > div > ins
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.
{  background: var(--GREEN8);}


;Start: net start service_name /y
#mw-content-text td.diff-deletedline > div > del
;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)
{  background: var(--RED8);}
;Restart: net stop (or taskkill /F) and net start


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


====ADVANCED USAGE OF TASKKILL====
/* Background Colors */
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.
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;}


;taskkill /F /IM exe_name: kills all instances that use the executable (as used above)
button,
;taskkill /F /FI "WindowTitle eq window_name": kills all windows that match the window name. This can be used on configurator windows.
.editButtons > input,
.addcat
{  background-color: transparent !important;}


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


''Instance Selector Window Example''
.oo-ui-processDialog-errors
<pre>taskkill /F /FI "WindowTitle eq Medieval Engineers - Select Instance of Dedicated server"</pre>
{  background-color: var(--BLACK6);}
''Configurator Window Example''
<pre>taskkill /F /FI "WindowTitle eq Medieval Engineers - Dedicated server configurator"</pre>


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


'''taskkill /F "tokens=3" %%A IN ('sc queryex service_name ^| findstr PID') DO SET pid=%%A'''
.mw-warning,
;taskkill /F /PID %pid%: kills the specific service by first finding the PID for the service and then killing the PID.
.wikiEditor-ui-tabs div,
.mw-mmv-image-metadata
{  background-color: var(--BG-BROWN);}


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


===CHANGING DATA DIRECTORY ON DEDICATED SERVER===
.menu ul li,
To change data directory for dedicated server, mklink command may be used.
option,
* Make sure ‘D:\Something\DirForData’ exists
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
* Make sure ‘C:\ProgramData\MedievalEngineersDedicated’ does not exists
.oo-ui-menuSelectWidget,
* Run command: mklink /J C:\ProgramData\MedievalEngineersDedicated D:\Something\DirForData
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled
{  background-color: var(--BROWN-FILL);}


More info here (see Junction): http://msdn.microsoft.com/en-us/library/windows/desktop/aa365006%28v=vs.85%29.aspx
.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);}


===ROUTER AND FIREWALL SETTINGS===
body .ui-dialog .ui-widget-header,
; Static IP
.ui-dialog .ui-dialog-content,
: 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.
body .mw-notification
; Port forwarding
{  background-color: var(--BROWN8) !important;}
: 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.


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


===HOW TO FIND YOUR GROUP ID===
pre,
If you want to find your Group ID, this is a way how to do it:
.mw-code,
# Be a member of the group
table.wikitable > * > tr > th,
# On the group’s page (e.g. http://steamcommunity.com/groups/rps), click “Invite Friends”
ul#filetoc,
# 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>]
.mw-search-profile-tabs,
[[Category:Keen_Multiplayer]]
.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;}


===PROBLEMS LOADING WORLDS ON RENTED SERVERS===
td.diff-context,
;Configuration in MedievalEngineers-Dedicated.cfg
#wpName1,
: 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/>
.warningbox
: 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}''.
{  background-color: var(--BROWN3);}


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