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 (Variables support test)
 
Line 1: Line 1:
{{SEO|image_url=http://www.medievalengineerswiki.com/images/b/b7/KeenLogoBig.png|description=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.}}
/* CSS placed here will affect users of the Vector skin */
{{Keen:OCH}}
:root
{
    /* Backgrounds */
    --header-background: rgba(80,60,30,0.8);;
}


.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle
{
    background:  var(--header-background);
}


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.
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined
{
    background: none;
}


Dedicated servers are available for free. You don’t need an extra Steam account. The dedicated server software is included with Medieval Engineers installs but is also offered as a free separate download from Steam tools.
body
{
  background-color:#100C06;
  background-image:URL(https://mec-wiki-media.storage.googleapis.com/images/a/a2/WebsiteBackground.jpg);
  background-attachment:fixed;
  color:white;
  font-size:18px;
}


Note: In order to run a dedicated server, players don’t require a licensed copy of the game. However to legally play the game, at least one Steam account needs to have a valid license.
#mw-head
[http://forum.keenswh.com/forums/groups-dedicated-servers.415189/ Multiplayer and Dedicated Servers sub-forum]
{
  background-color:rgba(80,60,30,0.8);
  border-bottom:2px solid rgba(183,143,81,0.8);
}


#mw-panel,.mw-body,h1,h2,h3,h4,h5,#mw-page-base,#mw-head-base,div#mw-panel div.portal h3,div.vectorMenu h3 span
{
  color:white!important;
  background:none;
}


==OFFICIAL DEDICATED SERVERS HOSTS==
#mw-body
If you don’t want to host a dedicated server yourself, you can rent one from our [[Keen:Dedicated_Server_Configuration/Official_Hosts|official hosts]].
{
  background-color:rgba(80,60,30,0.8);
}


#pagehistory li.selected {
  color: white;
}


==DEDICATED SERVER GUIDE==
.ns-3012 .mw-body {
===REQUIREMENTS===
  background-color: rgba(10,0,0,0.5) !important;
* A Windows PC with administrator account (only if the server will be run as a service)
}
* .NET redistributable (version 4.6.1 or higher)
.ns-8 .mw-body {
* Static IP address, if you intend to host the game publicly, so that anyone from the Internet can connect to it
  background-color: rgb(20,0,0) !important;
}


a
{
  color:rgb(183,143,81)!important;
}


===INSTALLATION===
a:visited
* 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.
{
* On a PC without Steam - Use SteamCMD to download the dedicated server, for free, and follow the instructions below.
  color:rgb(137,97,35)!important;
}


#right-navigation
{
  height:45px;
}


====STEAMCMD====
nav.vector-menu-tabs li a
* Download SteamCMD from https://developer.valvesoftware.com/wiki/SteamCMD.
{
* Move the SteamCMD exe to the folder in which you want to install it.
  color:white!important;
* Run SteamCMD - it will download additional files the first time you run it.
}
* 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>
::login anonymous
::force_install_dir {Folder}
::app_update 367970
::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/>
The example script can be pasted into a text file and run with a single command <code>steamcmd.exe +runscript {FileName}.txt</code>


Additional Notes
a.new,#p-personal a.new
*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.
  color:#ba0000!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.
}
*If you are unable to install .NET, check that all windows updates and service packs are installed.


a.new:visited,#p-personal a.new:visited,li.new a
{
  color:#a55858!important;
}


===QUICK SERVER SETUP===
#p-logo
Basic setup as a foreground process
{
* Run MedievalEngineersDedicated.exe
  margin-top:75px;
* Choose “Local/Console” item in list of servers
  height:150px;
* Click “Continue to server configuration”
  z-index:1;
* 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
#p-logo a
* Run MedievalEngineersDedicated.exe as Administrator
{
* Press the “Add new instance” button
  height:150px;
* 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


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


===USER INTERFACE===
div#p-navigation
[[File:Ds1.png|center]]
{
  position:relative;
  z-index:4;
}


nav.vector-menu-tabs ul li:first-child
{
  border-radius:.33em 0 0 0;
}


;1. 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
nav.vector-menu-tabs ul li:last-child
;2. 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.
{
;3. Admin message: 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.
  border-radius:0 .33em 0 0;
;4. 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


nav.vector-menu-tabs ul li:only-child
{
  border-radius:.33em .33em 0 0;
}


===SERVER CONFIGURATION===
nav.vector-menu-tabs ul li, nav.vector-menu-dropdown
[[File:Ds2.jpg|center]]
{
  color:white!important;
  background-color:rgba(59,47,38,0.6);
  background-image:none;
}


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


====GAME SETTINGS====
.mw-body
:;New game: Start a new world generated from a scenario.
{
:;Saved worlds: Load a previously saved world<sup>†</sup>.
  border:1px solid #222;
  background-color:rgba(0,0,0,0.5);
  font-size:16px;
  border-radius:.33em;
}


''†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.''
div#footer ul li
{
  color:rgb(123,123,123);
}


nav.vector-menu-tabs span,nav.vector-menu-tabs,div#mw-head div.vectorMenu h3
{
  background-image:none;
}


====SCENARIO SETTINGS====
nav.vector-menu-tabs span a
;Scenario: Can only be chosen for the “New game” option.
{
  padding-top:14px;
}


pre,.mw-code
{
  background-color:rgba(80,60,30,0.4);
  color:#CCC;
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}


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.
code
(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)
{
  color:white;
  background-color:rgba(80,60,30,0.8);
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}


#wpUploadFile
{
  border:1px solid #B78F51;
}


====SERVER SETTINGS====
.menu ul li
;Listen IP: Address of network interface that the server will listen on. This can be set to “0.0.0.0” (which is the default value) to listen on all interfaces, which should work fine in most cases
{
;Server port: Number of the port that the server will listen on
  background-color:rgba(59,47,38,0.6);
;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


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


''†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/''
.menu ul li:hover a,.vector-menu-tabs ul li:hover a
{
  text-decoration:none;
}


.menu ul
{
  border-top:2px solid #B78F51;
}


[[File:Ds3-744x382.png|center]]
.menu ul li a
{
  color:white!important;
}


#pagehistory li
{
  border:none;
}


====BUTTONS====
#pagehistory .selected
; Save: Saves the configuration for the current server instance
{
; Save as…: Saves current configuration under a specified name and in selected folder
  background-color:rgba(80,60,30,0.4)!important;
; Edit…: Opens the current instance’s configuration file in a text editor for manual editing
  border:1px dashed #B78F51!important;
; Save and start: Saves the current configuration and starts the server either as a foreground application or as a system service.
  border-radius:.33em!important;
; Reload: Reloads data from a current config file
  border-width:1px 4px;
; 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)


div.thumbinner
{
  background-color:transparent;
  border-radius:.33em;
  border-width:1px 4px;
}


====REMOTE API====
html .thumbimage
{{Keen:Remote Client}}
{
See [[Keen:Remote Client|Remote Client]] for more information about configuring the remote API, opening ports, and connecting with the client.
  border-style:none!important;
}


===COMMAND LINE TOOL===
table.wikitable > tr > th,table.mw_metadata,table.mw_metadata th,table.mw_metadata td,table.wikitable,th,td
You can run MedievalEngineersDedicated.exe with the following arguments
{
; console
  background-color:transparent;
: skips instance selection dialog, dedicated server configuration dialog, and goes directly to console application
  color:white;
; 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


table.wikitable > * > tr > th
{
  background-color:rgba(80,60,30,0.4);
}


===ADDITIONAL COMMAND LINE NOTES===
ul#filetoc,.mw-search-profile-tabs
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.
{
  border:1px solid #B78F51;
  background-color:rgba(80,60,30,0.4);
  border-width:1px 4px;
  border-radius:.33em;
}


.editOptions
{
  background-color:rgba(80,60,30,0.4);
  border:1px solid #B78F51;
  border-radius:0 0 .33em .33em;
  border-top:none;
  color: white;
}


====CONSOLE INSTANCES====
textarea
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.
{
;Stop: taskkill /IM exe_name (waits) or taskkill /F /IM exe_name (instant, no save will be made)
  background-color:rgba(80,60,30,0.4);
;Start: launch from command line or configurator
  color:white;
;Restart: taskkill and start again
  border:1px solid #B78F51!important;
}


textarea:focus
{
  border:1px solid #B78F51!important;
  outline:none;
}


====SERVICE INSTANCES====
input:focus
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.
{
  outline:none;
}


;Start: net start service_name /y
.mw-warning
;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)
{
;Restart: net stop (or taskkill /F) and net start
  border:1px solid #222;
  background-color:#3B2F26;
}


.mw-highlight
{
  background:transparent;
  background-color:rgb(0,0,0);
}


====ADVANCED USAGE OF TASKKILL====
.mw-content-ltr.mw-highlight-lines 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.
  box-shadow: inset 2.75em 0 0 #B78F51;
}


;taskkill /F /IM exe_name: kills all instances that use the executable (as used above)
.mw-content-ltr.mw-highlight .linenos {
;taskkill /F /FI "WindowTitle eq window_name": kills all windows that match the window name. This can be used on configurator windows.
  color:  white;
}


#toc,.toc,.mw-warning,.toccolours
{
  border:1px solid #B78F51;
  border-radius:.33em;
  background-color:rgba(80,60,30,0.4);
  border-width:1px 4px;
}


''Instance Selector Window Example''
.catlinks
<pre>taskkill /F /FI "WindowTitle eq Medieval Engineers - Select Instance of Dedicated server"</pre>
{
''Configurator Window Example''
  border:1px solid #b78f51;
<pre>taskkill /F /FI "WindowTitle eq Medieval Engineers - Dedicated server configurator"</pre>
  border-width:1px 4px;
  background-color:rgba(80,60,30,0.4);
  border-radius:.33em;
}


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


'''taskkill /F "tokens=3" %%A IN ('sc queryex service_name ^| findstr PID') DO SET pid=%%A'''
fieldset
;taskkill /F /PID %pid%: kills the specific service by first finding the PID for the service and then killing the PID.
{
  border:1px solid #FFF;
  border-radius:.33em;
  border-width:1px 4px;
}


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


===CHANGING DATA DIRECTORY ON DEDICATED SERVER===
div.mw-warning-with-logexcerpt
To change data directory for dedicated server, mklink command may be used.
{
* Make sure ‘D:\Something\DirForData’ exists
  border:2px solid #FFF;
* Make sure ‘C:\ProgramData\MedievalEngineersDedicated’ does not exists
  border-radius:.33em;
* Run command: mklink /J C:\ProgramData\MedievalEngineersDedicated D:\Something\DirForData
  border-width:1px 4px;
}


More info here (see Junction): http://msdn.microsoft.com/en-us/library/windows/desktop/aa365006%28v=vs.85%29.aspx
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button
{
  color:#c2a16d;
  background-color:transparent;
  border:none;
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover
{
  color:#000;
  background-color:#c2a16d;
  border-color:#c2a16d;
}


===ROUTER AND FIREWALL SETTINGS===
.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
; Static IP
{
: If you intend to run a game that people from all over the Internet can connect to, you will need a static public IP address. Your internet service provider should tell you whether you have one or not. Without the static IP address, you will be able to host a dedicated server on your LAN, but people from outside the LAN won’t be able to connect to it reliably.
  color:#000;
; Port forwarding
  background-color:#c2a16d;
: 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.
  border-color:#c2a16d;
; Firewall settings
}
: Make sure to set the firewall on your server computer to allow incoming UDP traffic on the listen port.


.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
{
  border-color:#c2a16d;
  box-shadow:none;
}


===HOW TO FIND YOUR GROUP ID===
.oo-ui-dropdownWidget,.oo-ui-textInputWidget input,oo-ui-textInputWidget textarea,.vector-menu-dropdown .vector-menu-content
If you want to find your Group ID, this is a way how to do it:
{
  background-color:rgba(80,60,30,0.8);
  border:1px solid #c2a16d;
  box-shadow:none;
}


*Firstly you will need to create a Steam Group and set the 'custom url'.
.mw-ui-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input {
  background-color: rgba(80,60,30,0.4);
}


*Then it will have an URL like this ''<nowiki>https://steamcommunity.com/groups/<GroupName></nowiki>''
.oo-ui-dropdownWidget-handle
{
  border:1px solid #c2a16d;
}


:e.g. <code><nowiki>https://steamcommunity.com/groups/rps</nowiki></code>
.oo-ui-checkboxInputWidget [type="checkbox"] + span
{
  background-color:rgba(80,60,30,0.8);
  border:1px solid #c2a16d;
}


*Change it to look like this ''<nowiki>https://steamcommunity.com/groups/<GroupName>/memberslistxml/?xml=1</nowiki>''
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus
{
  border-color:#c2a16d;
  box-shadow:none;
}


:e.g. <code><nowiki>https://steamcommunity.com/groups/rps/memberslistxml/?xml=1</nowiki></code>
:focus
{
  outline:0 none;
}


*Navigate to your new URL in your web browser
.oo-ui-textInputWidget.oo-ui-widget-enabled input,.oo-ui-textInputWidget.oo-ui-widget-enabled textarea
{
  box-shadow:none;
  color:white!important;
}


*You will want to grab the long number within the <code><groupID64></code> tags.
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus
{
  border-color:#c2a16d;
}


.oo-ui-menuSelectWidget
{
  background-color:rgba(80,60,30,0.8);
  border:1px solid #c2a16d;
  box-shadow:none;
}


We've highlighted the number within the Image below to show what section you need to grab from your own webpage.
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected
[[File:GroupId.png|center]]
{
  background-color:#c2a16d;
  color:#000;
}


===PROBLEMS LOADING WORLDS ON RENTED SERVERS===
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted
;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/>
  background-color:#c2a16d;
: 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}''.
  color:#000;
}


: 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-checkboxInputWidget [type="checkbox"]:active + span
{
  background-color:#c2a16d;
  border-color:#c2a16d;
}


[[Category:Keen_Multiplayer]]
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted
{
  background-color:#c2a16d;
}
 
select
{
  color:#FFF;
  background-color:rgba(80,60,30,0.8);
  border-color:#c2a16d;
  border-image:none;
  border-radius:.33em;
  border-width:1px 4px;
}
 
input
{
  background-color:rgba(80,60,30,0.4);
  border:solid #c2a16d;
  border-image:none;
  border-radius:.33em;
  color:#FFF;
  border-width:1px 4px;
}
 
input[type="submit"]
{
  background-color:transparent;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
  background-size:100% 100%;
  border:none;
  border-radius:.33em;
  font-weight:700;
  font-size:14px;
  padding:10px 14px!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
}
 
input[type="submit"]:hover
{
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
}
 
/*///////////////////////////
        WikiEditor
///////////////////////////*/
.wikiEditor-ui
{
  background-color:transparent;
}
 
.wikiEditor-ui .wikiEditor-ui-view
{
  border:none;
}
 
.wikiEditor-ui a
{
  color:white!important;
}
 
.wikiEditor-ui-controls
{
  background-color:rgba(80,60,30,0.4);
  border: none;
/*  border:1px solid #b78f51;
  border-bottom:none;
  border-right:none;
  border-radius:.33em .33em 0 0;*/
}
 
.wikiEditor-ui-view-wikitext
{
  border-radius:.33em 0 0 0;
}
 
.wikiEditor-ui-tabs
{
  border:none;
  background-color:transparent;
}
 
.wikiEditor-ui-tabs div.current
{
  border:none;
  background-color:#b78f51;
}
 
.wikiEditor-ui-tabs div
{
  background-color:#3b2f26;
  border:none;
}
 
.wikiEditor-ui-buttons
{
  background-color:transparent;
  border:none;
  margin-right:1px;
  border-right:1px solid #b78f51;
  border-radius:0 .33em 0 0;
}
 
.wikiEditor-ui-toolbar
{
  background-image:none;
  background-color:rgba(80,60,30,0.4);
  border: 1px solid #b78f51;
  border-bottom: none;
  border-radius: 0.3em 0.3em 0 0;
}
 
.wikiEditor-ui-toolbar .sections .section
{
  border-top:1px solid #b78f51;
  background-color:transparent;
}
 
/*.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid #b78f51;
}*/
.wikiEditor-ui-toolbar .group .label,.wikiEditor-ui-toolbar .booklet .index div,.wikiEditor-ui-toolbar .page-characters div span,.wikiEditor-ui-toolbar .booklet .index .current,.wikiEditor-ui-toolbar .page-table th,.wikiEditor-ui-toolbar .section-help .page-table td
{
  color:white!important;
}
 
.wikiEditor-ui-toolbar .group .tool-select
{
  background-color:rgba(80,60,30,0.4);
}
 
.wikiEditor-ui-toolbar .group .tool-select .menu .options,.wikiEditor-ui-toolbar .booklet .pages
{
  background-color:rgba(80,60,30,0.8);
}
 
.wikiEditor-ui-toolbar .group .tool-select .menu .options a:hover,.wikiEditor-ui-toolbar .page-characters div span:hover,.wikiEditor-ui-toolbar .booklet .index .current
{
  background-color:#b78f51;
}
 
.wikiEditor-ui-toolbar .group
{
  border-right-color:#b78f51;
}
 
.wikiEditor-ui-toolbar .group .tool-select,.wikiEditor-ui-toolbar .group .tool-select .menu .options,.wikiEditor-ui-toolbar .page-characters div span
{
  border:1px solid #b78f51;
}
 
.wikiEditor-ui-toolbar .group-search
{
  border-left:none;
}
 
.wikiEditor-preview-contents
{
  background-color:transparent;
  border-right:1px solid #b78f51;
  border-left:1px solid #b78f51;
}
 
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane
{
  border-top-color:rgb(183,143,81)!important;
}
 
#simpleSearch
{
  background-image:none!important;
}
 
button,.editButtons > input
{
  background-color:transparent!important;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
  background-size:100% 100%;
  border:none;
  color:white!important;
  font-weight:700!important;
  padding:10px 14px!important;
  font-size:14px!important;
  border-radius:.33em!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
}
 
button:hover,.editButtons > input:hover
{
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
}
 
.vector-menu-tabs > ul > li:first-child
{
  border-top-left-radius:2px;
}
 
.vector-menu-tabs > ul > li:last-child
{
  border-top-right-radius:2px;
}
 
.vector-menu-tabs > ul
{
  background-image:none!important;
}
 
.ui-widget-content
{
  background-color:rgba(80,60,30,0.8);
  background-image:none;
  color:white;
}
 
body .ui-dialog .ui-widget-header
{
  background:none!important;
  background-color:rgba(183,143,81,0.8)!important;
  border:none;
  color:white;
}
 
.ui-dialog .ui-dialog-content
{
  background-color:rgba(80,60,30,0.8)!important;
}
 
body .ui-button
{
  background:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png)!important;
  background-size:100% 100%!important;
  border:none!important;
  border-radius:.33em!important;
  font-weight:bold!important;
  font-size:14px!important;
  padding:8px 10px!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
}
 
body .ui-button:hover
{
  background:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png)!important;
  background-size:100% 100%!important;
}
 
.not-patrolled
{
  background-color:rgba(80,60,30,0.6);
}
 
body .mw-notification
{
  background-color:rgba(80,60,30,0.8)!important;
  border-color:rgba(183,143,81,0.8);
}
 
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame
{
  background-color:rgba(80,60,30,0.8);
  color:white;
}
 
.oo-ui-textInputWidget.oo-ui-widget-enabled input,.oo-ui-textInputWidget.oo-ui-widget-enabled textarea
{
  color:#000;
}
 
.mw-foreignStructuredUploa-bookletLayout-small-notice .oo-ui-fieldLayout-messages-notice .oo-ui-labelWidget
{
  color:white;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button
{
  background-color:rgb(183,143,81);
}
 
div.oo-ui-processDialog-actions-primary > div > a
{
  color:white;
}
 
#mw-content-text td.diff-addedline > div > ins
{
  background:rgba(30,100,30,0.8);
}
 
td.diff-addedline
{
  background-color:rgba(30,100,30,0.2);
  border-color:rgba(30,100,30,0.8);
}
 
#mw-content-text td.diff-deletedline > div > del
{
  background:rgba(100,30,30,0.8);
}
 
td.diff-deletedline
{
  background-color:rgba(100,30,30,0.2);
  border-color:rgba(100,30,30,0.8);
}
 
td.diff-context
{
  background:rgba(80,60,30,0.3);
  background-color:rgba(80,60,30,0.3);
  border-color:rgb(183,143,81);
  color:white;
}
 
.oo-ui-textInputWidget.oo-ui-widget-enabled input
{
  color:white;
}
 
div#simpleSearch
{
  border:solid 1px #B78F51;
  border-radius:.33em;
  border-width:1px 4px;
  color:white;
  font-weight:bold;
  background-color:transparent;
  background-image:none;
}
 
div#simpleSearch input
{
  margin:0;
  padding:0;
  border:0;
  background-color:transparent;
  color:white;
  font-weight:bold;
}
 
div.vectorMenu div.menu
{
  border-bottom:none;
  border-right:none;
  border-left:none;
}
 
.menu ul li,option
{
  background-color:#503c1e;
}
 
.menu ul li:hover
{
  background-color:#b78f51;
}
 
.client-js #preftoc
{
  background-image:none;
  background-color:rgba(59,47,38,0.6);
  border:1px solid #b78f51;
  border-radius:.33em;
}
 
.client-js #preftoc li
{
  background-image:none;
}
 
.client-js #preftoc li a
{
  text-decoration:none;
  color:white!important;
  font-weight:bold;
}
 
.client-js #preftoc li a:hover
{
  text-decoration:none;
  background-color:rgba(183,143,81,0.8);
  border-radius:.33em;
}
 
.client-js #preftoc li.selected a
{
  text-decoration:none;
  background-image:none;
  background-color:rgba(183,143,81,0.8);
  border-radius:.33em;
}
 
.client-js #preferences
{
  border:1px solid #222;
  border-radius:.33em;
  background-color:rgba(0,0,0,0.5);
}
 
.client-js #preferences legend,.htmlform-tip
{
  color:white;
}
 
#wpName1
{
  background-color:rgba(80,60,30,0.3);
  color:white;
}
 
.warningbox
{
  color:white;
  border-color:#B78F51;
  background-color:rgba(80,60,30,0.3);
}
 
#mw-createaccount-join:hover
{
  background-color:transparent;
  border-color:none;
}
 
.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget
{
  background-color:#b78f51;
  border-color:#FFF;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button
{
  color:white!important;
  font-weight:bold;
  background-color:#b78f51;
  border:1px solid #b78f51;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover
{
  background-color:#b78f51;
  border:1px solid white;
}
 
.mw-foreignStructuredUpload-bookletLayout-license
{
  color:#AAA;
}
 
.oo-ui-selectFileWidget-dropTarget
{
  background-color:#b78f51;
  border:1px solid #b78f51;
}
 
.oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType
{
  color:#DDD;
}
 
.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
{
  background-color:#b78f51;
  border-color:white;
}
 
.mw-upload-bookletLayout-filePreview .oo-ui-progressBarWidget-bar
{
  background-color:#b78f51;
}
 
.oo-ui-inputWidget-input,.oo-ui-textInputWidget input,.oo-ui-textInputWidget textarea,.suggestions-special,.suggestions-results
{
  background-color:rgba(80,60,30,0.4);
  border:1px solid #b78f51;
}
 
.oo-ui-processDialog-error
{
  border:1px solid #9e0000;
  background-color:rgba(100,50,50,0.4);
}
 
.oo-ui-processDialog-errors-title,div.mw-number-text,
{
  color:white!important;
}
 
.suggestions-result,.suggestions-special .special-query
{
  color:white;
}
 
.oo-ui-processDialog-errors
{
  background-color:rgba(0,0,0,0.6);
}
 
.mw-ui-input
{
  border-color:#b78f51;
  border-radius:.33em;
  border-width:1px 4px;
}
 
.mw-ui-input:focus
{
  box-shadow:none;
  border-color:#b78f51;
}
 
.mw-ui-button.mw-ui-progressive:disabled
{
  background:transparent;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
  background-size:100% 100%;
  border:none;
  box-shadow:inset 100px 100px rgba(0,0,0,.4);
  color:#aaa;
  filter:url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
  -moz-filter:url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
  -o-filter:url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
  -webkit-filter:grayscale(75%);
  filter:gray;
}
 
.mw-ui-button.mw-ui-progressive,.mw-ui-button.mw-ui-primary
{
  background-color:transparent;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
  background-size:100% 100%;
  border:none;
  border-radius:.33em;
  font-weight:700;
  font-size:14px;
  color:white;
  text-shadow:0 1px rgba(0,0,0,0.1);
  padding:10px 16px!important;
}
 
.mw-ui-button.mw-ui-progressive:hover
{
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
  background-size:100% 100%;
  color:white;
  border:none;
}
 
.mw-ui-button.mw-ui-progressive:focus,.mw-ui-button.mw-ui-primary:focus
{
  border:none;
  box-shadow:none;
}
 
.mw-ui-button.mw-ui-progressive:active
{
  background:#b78f51;
  box-shadow:none;
}
 
.mw-datatable th
{
  background-color:rgba(80,60,30,0.4);
}
 
.mw-datatable tr:hover td
{
  background-color:rgba(183,143,81,0.2);
}
 
.mw-datatable td
{
  background-color:transparent;
}
 
::-webkit-input-placeholder
{
/* Chrome/Opera/Safari */
  color:white;
}
 
::-moz-placeholder
{
/* Firefox 19+ */
  color:white;
}
 
:-ms-input-placeholder
{
/* IE 10+ */
  color:white;
}
 
:-moz-placeholder
{
/* Firefox 18- */
  color:white;
}
 
#mw-searchoptions
{
  background-color:rgba(80,60,30,0.4)!important;
  border-color:#c2a16d!important;
}
 
/*///////////////////////////
          MsUpload
///////////////////////////*/
#upload-list .file
{
  background:rgba(80,60,30,0.8);
}
 
#upload-div
{
  background:rgba(183,143,81,0.8);
}
 
.drop-over
{
  background:rgba(183,143,81,0.8);
}
 
#upload-list .file .file-warning
{
  color:#FFFFFF;
}
 
#upload-list .file .file-size
{
  color:#FFFFFF;
}
 
#upload-list .file .small-warn
{
  background:url(/extensions/MsUpload/images/msu_error-small.png?93bad) no-repeat 0;
  background-color:transparent;
}
 
#upload-drop
{
  border-radius:.33em;
}
 
#upload-div
{
  border-color:#b78f51;
}
 
.chzn-container
{
  border-color:#b78f51;
  border-width:1px 4px;
  border-style:solid;
  border-radius:.33em;
  background:rgba(80,60,30,0.4);
}
 
.chzn-container-multi .chzn-choices
{
  background:transparent!important;
  border:none;
}
 
.chzn-container-multi .chzn-choices .search-choice
{
  background:#b78f51;
  background-image:none;
  -webkit-box-shadow:0 0 2px #000 inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow:0 0 2px #000 inset,0 1px 0 rgba(0,0,0,0.05);
  box-shadow:0 0 2px #000 inset, 0 1px 0 rgba(0,0,0,0.05);
  color:white;
  border:1px solid rgb(36,27,15);
}
 
.chzn-container-active .chzn-choices .search-field input
{
  color:white!important;
}
 
.chzn-container .chzn-drop
{
  background:rgba(80,60,30,0.8);
  border:1px solid #b78f51;
  border-width:1px 4px;
/*    border-top: 1px solid #b78f51 !important;*/
  border-radius:.33em;
}
 
.chzn-container .chzn-results .active-result
{
  color:white;
}
 
.chzn-container .chzn-results .highlighted
{
  background-color:#b78f51;
  background-image:none!important;
}
 
.chzn-container .chzn-results .highlighted:first-child
{
  border-radius:.33em .33em 0 0;
}
 
.chzn-container .chzn-results .highlighted:last-child
{
  border-radius:0 0 .33em .33em;
}
 
.chzn-container .chzn-results .highlighted:only-child
{
  border-radius:.33em;
}
 
/*///////////////////////////
          Popups
///////////////////////////*/
.mwe-popups
{
  background:rgba(40,30,15,0.95);
  border-radius:.33em;
  border:1px solid #b78f51;
  border-width:1px 4px;
}
 
.mwe-popups > div > div.mwe-popups-timestamp-recent
{
  color:#777;
}
 
.mwe-popups > div > div.mwe-popups-timestamp-older
{
  color:#777;
}
 
.mwe-popups-icon:hover
{
  background-color:transparent;
}
 
.mwe-popups.flipped_y:after
{
  border-top-color:rgb(183,143,81);
  bottom:-11px;
}
 
.mwe-popups.flipped_y:before
{
  border-top-color:rgb(183,143,81);
  bottom:-11px;
}
 
.mwe-popups.mwe-popups-no-image-tri:after
{
  border-bottom-color:rgb(183,143,81);
  top:-11px;
}
 
.mwe-popups.mwe-popups-no-image-tri:before
{
  border-bottom-color:rgb(183,143,81);
  top:-11px;
}
 
/*///////////////////////////
        Templates
///////////////////////////*/
.small-box
{
  border-width:1px 4px;
  border-radius:.33em;
  border-color:rgb(183,143,81);
}
 
.notification-box
{
  border-color:rgb(183,143,81);
  border-width:1px 4px;
  border-radius:.33em;
  color:white;
}
 
.text-box
{
  border-width:1px 4px;
  border-radius:.33em;
  border-color:rgb(183,143,81);
  color:white;
}
 
.medium-box
{
  border-width:1px 4px;
  border-color:rgb(183,143,81);
  border-width:1px 4px;
  border-radius:.33em;
  color:white;
}
 
.large-box
{
  border-color:rgb(183,143,81);
  border-width:1px 4px;
  border-radius:.33em;
  color:white;
}
 
.neutral
{
  background:rgba(80,60,30,0.5);
}
 
.more-positive
{
  border-color:rgb(37,141,37,0.8);
  background:rgba(30,100,30,0.4);
}
 
.positive
{
  background:rgba(30,100,30,0.3);
}
 
.negative
{
  background:rgba(100,30,30,0.3);
}
 
.more-negative
{
  border-color:rgb(141,37,37,0.8);
  background:rgba(100,30,30,0.4);
}
 
.green-text
{
  color:rgba(80,255,80,0.6);
}
 
.red-text
{
  color:rgba(255,80,80,0.6);
}
 
.header
{
  border-color:#B78F51;
  background:rgba(80,60,30,0.8);
  border-width:1px 4px;
  border-radius:.33em;
  color:white;
}
 
/* Infoboxes */
.ib-main
{
  border-color:rgb(183,143,81);
  background-color:rgba(80,60,30,0.4);
  border-width:1px 4px;
  border-radius:.33em;
}
 
.ib-border-top
{
  border-top-color:rgb(183,143,81);
}
 
/*///////////////////////////
    Syntax Highlighter
///////////////////////////*/
.syntaxhighlighter
{
  background-color:rgba(80,60,30,0.5)!important;
  border-radius:.33em!important;
}
 
.syntaxhighlighter.collapsed .toolbar
{
  background:rgba(80,60,30,0.5)!important;
}
 
.syntaxhighlighter .toolbar
{
  background:rgba(80,60,30,0.5)!important;
}
 
.syntaxhighlighter .plain,.syntaxhighlighter .plain a
{
/* color: black !important; */
  color:#dcdcdc!important;
}
 
.syntaxhighlighter .gutter .line
{
/* border-right: 1px solid #ddd !important; 87% Gray*/
  border-right:1px solid rgba(183,143,81,0.6)!important;
}
 
.syntaxhighlighter .gutter
{
/* color: #afafaf !important; 69% Gray*/
  color:#afafaf!important;
}
 
.syntaxhighlighter .gutter .line
{
/* border-right: 1px solid #ddd !important; 87% Gray*/
  border-right:1px solid rgba(183,143,81,0.6)!important;
}
 
.syntaxhighlighter .toolbar a
{
  color:white!important;
}
 
/*///////////////////////////
    MultimediaViewer
///////////////////////////*/
.mw-mmv-stripe-button.mw-mmv-description-page-button,.mw-mmv-stripe-button.mw-mmv-description-page-button:active,.mw-mmv-stripe-button.mw-mmv-description-page-button:visited
{
  color:white!important;
}
 
.mw-mmv-post-image
{
  background-color:rgba(183,143,81,0.9);
  color:white;
}
 
.mw-mmv-image-metadata
{
  background-color:rgba(59,47,38,0.8);
  border-top-color:#5a483a;
}
 
.mw-mmv-image-links li,.mw-mmv-post-image
{
  color:#ddd;
}
 
.mw-ui-button,.mw-ui-button:focus
{
  background:rgba(80,60,30,0.8);
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em 0 0 0 .33em;
  box-shadow:none;
}
 
.mw-ui-button:hover
{
  background-color:rgba(80,60,30,0.9);
}
 
#mw-content-text a.mw-mmv-view-expanded.mw-ui-button.mw-ui-icon.mw-ui-icon-before
{
  border-right:1px solid #B78F51;
}
 
#mw-content-text a.mw-mmv-view-config.mw-ui-button.mw-ui-icon.mw-ui-icon-element
{
  border-left:none;
}
 
.mw-mmv-dialog
{
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}
 
.mw-mmv-dialog,.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown
{
  box-shadow:2px 2px 1px rgba(0,0,0,0.8);
}
 
.mw-mmv-dialog,.mw-mmv-options-dialog.mw-mmv-disable-confirmation-shown,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown
{
  background:rgb(59,47,38);
}
 
.mw-mmv-dialog .mw-mmv-dialog-down-arrow
{
  background:rgb(59,47,38);
  display:none;
/* Can't get z-index to work on this...why? */
}
 
.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header,.mw-mmv-options-enable-alert,.mw-mmv-title
{
  color:white;
}
 
.mw-mmv-options-dialog .mw-mmv-enable-confirmation .mw-mmv-confirmation-close
{
  background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2096%2096%22%20enable-background%3D%22new%200%200%2096%2096%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23AAAAAB%22%20points%3D%2296%2C14%2082%2C0%2048%2C34%2014%2C0%200%2C14%2034%2C48%200%2C82%2014%2C96%2048%2C62%2082%2C96%2096%2C82%2062%2C48%20%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
 
 
 
/*///////////////////////////
        MSCatSelect
///////////////////////////*/
#MsCatSelect
{
  background: transparent;
}
 
.chzn-container-single .chzn-single,
.chzn-container-active.chzn-with-drop .chzn-single,
.chzn-container .chzn-container-single .chzn-container-active .chzn-with-drop,
.chzn-container .chzn-results .no-results
{
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
 
.chzn-container-single .chzn-search input
{
  background: transparent;
  border-color: #B78F51;
}
 
#MsCatSelect .row2 input
{
  background: rgba(80,60,30,0.4);
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}
 
.addcat
{
  background-color:transparent !important;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png) !important;
  background-size:100% 100% !important;
  border:none !important;
  border-radius:.33em !important;
  color: white !important;
  font-weight: bold;
}
 
.addcat:hover
{
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png) !important;
}
 
 
 
 
/*///////////////////////////
        CodeMirror
///////////////////////////*/
.CodeMirror
{
  background: rgba(80,60,30,0.5);
  color: white;
  border: 1px solid #B78F51;
}
.CodeMirror-cursor
{
  border-left: 1px solid white;
}
.CodeMirror-activeline-background
{
  background: transparent;
}
.CodeMirror-selected,
.CodeMirror-focused .CodeMirror-selected
{
  background: rgba(183,143,81,0.6);
  color: white;
}
.cm-mw-pagename
{
  text-decoration: none;
}
 
.cm-mw-comment
{
  color: #4b9041;
}
 
.cm-mw-template,
.cm-mw-link-text,
pre.cm-mw-tag-nowiki, .cm-mw-tag-nowiki
{
  color: #bbb;
}
 
.cm-mw-template-delimiter,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-bracket,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter
{
  color: #D48D57;
}
.cm-mw-template-name,
.cm-mw-templatevariable-name
{
  color: #EE9047;
}
 
.cm-mw-link,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol
{
  color: #569cd6;
}
.cm-mw-link-pagename,
.cm-mw-extlink,
.cm-mw-free-extlink
{
  color: #22c8ff;
}
 
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name,
.cm-mw-htmltag-attribute
{
  color: #D45757;
}
 
.cm-mw-table-bracket
{
  color: #D457D4;
}
.cm-mw-table-definition
{
  color: #FF3BFF;
}
 
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-exttag-bracket
{
  color: #9A4DBB;
}
.cm-mw-parserfunction-name,
.cm-mw-exttag-name
{
  color: #C53BFF;
}
.cm-mw-parserfunction
{
  color: #F5DCFF;
}
 
.cm-mw-list,
.cm-mw-skipformatting
{
  color: white;
  background-color: rgba(183,143,81,0.6)
}

Revision as of 14:05, 23 May 2022

/* CSS placed here will affect users of the Vector skin */
:root
{
    /* Backgrounds */
    --header-background: rgba(80,60,30,0.8);;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle
{
    background:  var(--header-background);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined
{
    background: none;
}

body
{
  background-color:#100C06;
  background-image:URL(https://mec-wiki-media.storage.googleapis.com/images/a/a2/WebsiteBackground.jpg);
  background-attachment:fixed;
  color:white;
  font-size:18px;
}

#mw-head
{
  background-color:rgba(80,60,30,0.8);
  border-bottom:2px solid rgba(183,143,81,0.8);
}

#mw-panel,.mw-body,h1,h2,h3,h4,h5,#mw-page-base,#mw-head-base,div#mw-panel div.portal h3,div.vectorMenu h3 span
{
  color:white!important;
  background:none;
}

#mw-body
{
  background-color:rgba(80,60,30,0.8);
}

#pagehistory li.selected {
  color: white;
}

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

a
{
  color:rgb(183,143,81)!important;
}

a:visited
{
  color:rgb(137,97,35)!important;
}

#right-navigation
{
  height:45px;
}

nav.vector-menu-tabs li a
{
  color:white!important;
}

a.new,#p-personal a.new
{
  color:#ba0000!important;
}

a.new:visited,#p-personal a.new:visited,li.new a
{
  color:#a55858!important;
}

#p-logo
{
  margin-top:75px;
  height:150px;
  z-index:1;
}

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

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

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

nav.vector-menu-tabs ul li:first-child
{
  border-radius:.33em 0 0 0;
}

nav.vector-menu-tabs ul li:last-child
{
  border-radius:0 .33em 0 0;
}

nav.vector-menu-tabs ul li:only-child
{
  border-radius:.33em .33em 0 0;
}

nav.vector-menu-tabs ul li, nav.vector-menu-dropdown
{
  color:white!important;
  background-color:rgba(59,47,38,0.6);
  background-image:none;
}

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

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

div#footer ul li
{
  color:rgb(123,123,123);
}

nav.vector-menu-tabs span,nav.vector-menu-tabs,div#mw-head div.vectorMenu h3
{
  background-image:none;
}

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

pre,.mw-code
{
  background-color:rgba(80,60,30,0.4);
  color:#CCC;
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}

code
{
  color:white;
  background-color:rgba(80,60,30,0.8);
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}

#wpUploadFile
{
  border:1px solid #B78F51;
}

.menu ul li
{
  background-color:rgba(59,47,38,0.6);
}

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

.menu ul li:hover a,.vector-menu-tabs ul li:hover a
{
  text-decoration:none;
}

.menu ul
{
  border-top:2px solid #B78F51;
}

.menu ul li a
{
  color:white!important;
}

#pagehistory li
{
  border:none;
}

#pagehistory .selected
{
  background-color:rgba(80,60,30,0.4)!important;
  border:1px dashed #B78F51!important;
  border-radius:.33em!important;
  border-width:1px 4px;
}

div.thumbinner
{
  background-color:transparent;
  border-radius:.33em;
  border-width:1px 4px;
}

html .thumbimage
{
  border-style:none!important;
}

table.wikitable > tr > th,table.mw_metadata,table.mw_metadata th,table.mw_metadata td,table.wikitable,th,td
{
  background-color:transparent;
  color:white;
}

table.wikitable > * > tr > th
{
  background-color:rgba(80,60,30,0.4);
}

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

.editOptions
{
  background-color:rgba(80,60,30,0.4);
  border:1px solid #B78F51;
  border-radius:0 0 .33em .33em;
  border-top:none;
  color: white;
}

textarea
{
  background-color:rgba(80,60,30,0.4);
  color:white;
  border:1px solid #B78F51!important;
}

textarea:focus
{
  border:1px solid #B78F51!important;
  outline:none;
}

input:focus
{
  outline:none;
}

.mw-warning
{
  border:1px solid #222;
  background-color:#3B2F26;
}

.mw-highlight
{
  background:transparent;
  background-color:rgb(0,0,0);
}

.mw-content-ltr.mw-highlight-lines pre {
  box-shadow: inset 2.75em 0 0 #B78F51;
}

.mw-content-ltr.mw-highlight .linenos {
  color:  white;
}

#toc,.toc,.mw-warning,.toccolours
{
  border:1px solid #B78F51;
  border-radius:.33em;
  background-color:rgba(80,60,30,0.4);
  border-width:1px 4px;
}

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

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

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

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

div.mw-warning-with-logexcerpt
{
  border:2px solid #FFF;
  border-radius:.33em;
  border-width:1px 4px;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button
{
  color:#c2a16d;
  background-color:transparent;
  border:none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover
{
  color:#000;
  background-color:#c2a16d;
  border-color:#c2a16d;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button
{
  color:#000;
  background-color:#c2a16d;
  border-color:#c2a16d;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus
{
  border-color:#c2a16d;
  box-shadow:none;
}

.oo-ui-dropdownWidget,.oo-ui-textInputWidget input,oo-ui-textInputWidget textarea,.vector-menu-dropdown .vector-menu-content
{
  background-color:rgba(80,60,30,0.8);
  border:1px solid #c2a16d;
  box-shadow:none;
}

.mw-ui-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input {
  background-color: rgba(80,60,30,0.4);
}

.oo-ui-dropdownWidget-handle
{
  border:1px solid #c2a16d;
}

.oo-ui-checkboxInputWidget [type="checkbox"] + span
{
  background-color:rgba(80,60,30,0.8);
  border:1px solid #c2a16d;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus
{
  border-color:#c2a16d;
  box-shadow:none;
}

:focus
{
  outline:0 none;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input,.oo-ui-textInputWidget.oo-ui-widget-enabled textarea
{
  box-shadow:none;
  color:white!important;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus
{
  border-color:#c2a16d;
}

.oo-ui-menuSelectWidget
{
  background-color:rgba(80,60,30,0.8);
  border:1px solid #c2a16d;
  box-shadow:none;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected
{
  background-color:#c2a16d;
  color:#000;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted
{
  background-color:#c2a16d;
  color:#000;
}

.oo-ui-checkboxInputWidget [type="checkbox"]:active + span
{
  background-color:#c2a16d;
  border-color:#c2a16d;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted
{
  background-color:#c2a16d;
}

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

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

input[type="submit"]
{
  background-color:transparent;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
  background-size:100% 100%;
  border:none;
  border-radius:.33em;
  font-weight:700;
  font-size:14px;
  padding:10px 14px!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
}

input[type="submit"]:hover
{
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
}

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

.wikiEditor-ui .wikiEditor-ui-view
{
  border:none;
}

.wikiEditor-ui a
{
  color:white!important;
}

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

.wikiEditor-ui-view-wikitext
{
  border-radius:.33em 0 0 0;
}

.wikiEditor-ui-tabs
{
  border:none;
  background-color:transparent;
}

.wikiEditor-ui-tabs div.current
{
  border:none;
  background-color:#b78f51;
}

.wikiEditor-ui-tabs div
{
  background-color:#3b2f26;
  border:none;
}

.wikiEditor-ui-buttons
{
  background-color:transparent;
  border:none;
  margin-right:1px;
  border-right:1px solid #b78f51;
  border-radius:0 .33em 0 0;
}

.wikiEditor-ui-toolbar
{
  background-image:none;
  background-color:rgba(80,60,30,0.4);
  border: 1px solid #b78f51;
  border-bottom: none;
  border-radius: 0.3em 0.3em 0 0;
}

.wikiEditor-ui-toolbar .sections .section
{
  border-top:1px solid #b78f51;
  background-color:transparent;
}

/*.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: 1px solid #b78f51;
}*/
.wikiEditor-ui-toolbar .group .label,.wikiEditor-ui-toolbar .booklet .index div,.wikiEditor-ui-toolbar .page-characters div span,.wikiEditor-ui-toolbar .booklet .index .current,.wikiEditor-ui-toolbar .page-table th,.wikiEditor-ui-toolbar .section-help .page-table td
{
  color:white!important;
}

.wikiEditor-ui-toolbar .group .tool-select
{
  background-color:rgba(80,60,30,0.4);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options,.wikiEditor-ui-toolbar .booklet .pages
{
  background-color:rgba(80,60,30,0.8);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options a:hover,.wikiEditor-ui-toolbar .page-characters div span:hover,.wikiEditor-ui-toolbar .booklet .index .current
{
  background-color:#b78f51;
}

.wikiEditor-ui-toolbar .group
{
  border-right-color:#b78f51;
}

.wikiEditor-ui-toolbar .group .tool-select,.wikiEditor-ui-toolbar .group .tool-select .menu .options,.wikiEditor-ui-toolbar .page-characters div span
{
  border:1px solid #b78f51;
}

.wikiEditor-ui-toolbar .group-search
{
  border-left:none;
}

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

.wikiEditor-toolbar-dialog .ui-dialog-buttonpane
{
  border-top-color:rgb(183,143,81)!important;
}

#simpleSearch
{
  background-image:none!important;
}

button,.editButtons > input
{
  background-color:transparent!important;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
  background-size:100% 100%;
  border:none;
  color:white!important;
  font-weight:700!important;
  padding:10px 14px!important;
  font-size:14px!important;
  border-radius:.33em!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
}

button:hover,.editButtons > input:hover
{
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
}

.vector-menu-tabs > ul > li:first-child
{
  border-top-left-radius:2px;
}

.vector-menu-tabs > ul > li:last-child
{
  border-top-right-radius:2px;
}

.vector-menu-tabs > ul
{
  background-image:none!important;
}

.ui-widget-content
{
  background-color:rgba(80,60,30,0.8);
  background-image:none;
  color:white;
}

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

.ui-dialog .ui-dialog-content
{
  background-color:rgba(80,60,30,0.8)!important;
}

body .ui-button
{
  background:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png)!important;
  background-size:100% 100%!important;
  border:none!important;
  border-radius:.33em!important;
  font-weight:bold!important;
  font-size:14px!important;
  padding:8px 10px!important;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
}

body .ui-button:hover
{
  background:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png)!important;
  background-size:100% 100%!important;
}

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

body .mw-notification
{
  background-color:rgba(80,60,30,0.8)!important;
  border-color:rgba(183,143,81,0.8);
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame
{
  background-color:rgba(80,60,30,0.8);
  color:white;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input,.oo-ui-textInputWidget.oo-ui-widget-enabled textarea
{
  color:#000;
}

.mw-foreignStructuredUploa-bookletLayout-small-notice .oo-ui-fieldLayout-messages-notice .oo-ui-labelWidget
{
  color:white;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button
{
  background-color:rgb(183,143,81);
}

div.oo-ui-processDialog-actions-primary > div > a
{
  color:white;
}

#mw-content-text td.diff-addedline > div > ins
{
  background:rgba(30,100,30,0.8);
}

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

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

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

td.diff-context
{
  background:rgba(80,60,30,0.3);
  background-color:rgba(80,60,30,0.3);
  border-color:rgb(183,143,81);
  color:white;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input
{
  color:white;
}

div#simpleSearch
{
  border:solid 1px #B78F51;
  border-radius:.33em;
  border-width:1px 4px;
  color:white;
  font-weight:bold;
  background-color:transparent;
  background-image:none;
}

div#simpleSearch input
{
  margin:0;
  padding:0;
  border:0;
  background-color:transparent;
  color:white;
  font-weight:bold;
}

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

.menu ul li,option
{
  background-color:#503c1e;
}

.menu ul li:hover
{
  background-color:#b78f51;
}

.client-js #preftoc
{
  background-image:none;
  background-color:rgba(59,47,38,0.6);
  border:1px solid #b78f51;
  border-radius:.33em;
}

.client-js #preftoc li
{
  background-image:none;
}

.client-js #preftoc li a
{
  text-decoration:none;
  color:white!important;
  font-weight:bold;
}

.client-js #preftoc li a:hover
{
  text-decoration:none;
  background-color:rgba(183,143,81,0.8);
  border-radius:.33em;
}

.client-js #preftoc li.selected a
{
  text-decoration:none;
  background-image:none;
  background-color:rgba(183,143,81,0.8);
  border-radius:.33em;
}

.client-js #preferences
{
  border:1px solid #222;
  border-radius:.33em;
  background-color:rgba(0,0,0,0.5);
}

.client-js #preferences legend,.htmlform-tip
{
  color:white;
}

#wpName1
{
  background-color:rgba(80,60,30,0.3);
  color:white;
}

.warningbox
{
  color:white;
  border-color:#B78F51;
  background-color:rgba(80,60,30,0.3);
}

#mw-createaccount-join:hover
{
  background-color:transparent;
  border-color:none;
}

.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget
{
  background-color:#b78f51;
  border-color:#FFF;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button
{
  color:white!important;
  font-weight:bold;
  background-color:#b78f51;
  border:1px solid #b78f51;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover
{
  background-color:#b78f51;
  border:1px solid white;
}

.mw-foreignStructuredUpload-bookletLayout-license
{
  color:#AAA;
}

.oo-ui-selectFileWidget-dropTarget
{
  background-color:#b78f51;
  border:1px solid #b78f51;
}

.oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType
{
  color:#DDD;
}

.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
{
  background-color:#b78f51;
  border-color:white;
}

.mw-upload-bookletLayout-filePreview .oo-ui-progressBarWidget-bar
{
  background-color:#b78f51;
}

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

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

.oo-ui-processDialog-errors-title,div.mw-number-text,
{
  color:white!important;
}

.suggestions-result,.suggestions-special .special-query
{
  color:white;
}

.oo-ui-processDialog-errors
{
  background-color:rgba(0,0,0,0.6);
}

.mw-ui-input
{
  border-color:#b78f51;
  border-radius:.33em;
  border-width:1px 4px;
}

.mw-ui-input:focus
{
  box-shadow:none;
  border-color:#b78f51;
}

.mw-ui-button.mw-ui-progressive:disabled
{
  background:transparent;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
  background-size:100% 100%;
  border:none;
  box-shadow:inset 100px 100px rgba(0,0,0,.4);
  color:#aaa;
  filter:url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
  -moz-filter:url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
  -o-filter:url(data:image/svg+xml;utf8,<svgxmlns=\'http://www.w3.org/2000/svg\'><filteri…0.3333000.33330.33330.33330000010\'/></filter></svg>#grayscale);
  -webkit-filter:grayscale(75%);
  filter:gray;
}

.mw-ui-button.mw-ui-progressive,.mw-ui-button.mw-ui-primary
{
  background-color:transparent;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png);
  background-size:100% 100%;
  border:none;
  border-radius:.33em;
  font-weight:700;
  font-size:14px;
  color:white;
  text-shadow:0 1px rgba(0,0,0,0.1);
  padding:10px 16px!important;
}

.mw-ui-button.mw-ui-progressive:hover
{
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png);
  background-size:100% 100%;
  color:white;
  border:none;
}

.mw-ui-button.mw-ui-progressive:focus,.mw-ui-button.mw-ui-primary:focus
{
  border:none;
  box-shadow:none;
}

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

.mw-datatable th
{
  background-color:rgba(80,60,30,0.4);
}

.mw-datatable tr:hover td
{
  background-color:rgba(183,143,81,0.2);
}

.mw-datatable td
{
  background-color:transparent;
}

::-webkit-input-placeholder
{
/* Chrome/Opera/Safari */
  color:white;
}

::-moz-placeholder
{
/* Firefox 19+ */
  color:white;
}

:-ms-input-placeholder
{
/* IE 10+ */
  color:white;
}

:-moz-placeholder
{
/* Firefox 18- */
  color:white;
}

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

/*///////////////////////////
          MsUpload
///////////////////////////*/
#upload-list .file
{
  background:rgba(80,60,30,0.8);
}

#upload-div
{
  background:rgba(183,143,81,0.8);
}

.drop-over
{
  background:rgba(183,143,81,0.8);
}

#upload-list .file .file-warning
{
  color:#FFFFFF;
}

#upload-list .file .file-size
{
  color:#FFFFFF;
}

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

#upload-drop
{
  border-radius:.33em;
}

#upload-div
{
  border-color:#b78f51;
}

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

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

.chzn-container-multi .chzn-choices .search-choice
{
  background:#b78f51;
  background-image:none;
  -webkit-box-shadow:0 0 2px #000 inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow:0 0 2px #000 inset,0 1px 0 rgba(0,0,0,0.05);
  box-shadow:0 0 2px #000 inset, 0 1px 0 rgba(0,0,0,0.05);
  color:white;
  border:1px solid rgb(36,27,15);
}

.chzn-container-active .chzn-choices .search-field input
{
  color:white!important;
}

.chzn-container .chzn-drop
{
  background:rgba(80,60,30,0.8);
  border:1px solid #b78f51;
  border-width:1px 4px;
/*    border-top: 1px solid #b78f51 !important;*/
  border-radius:.33em;
}

.chzn-container .chzn-results .active-result
{
  color:white;
}

.chzn-container .chzn-results .highlighted
{
  background-color:#b78f51;
  background-image:none!important;
}

.chzn-container .chzn-results .highlighted:first-child
{
  border-radius:.33em .33em 0 0;
}

.chzn-container .chzn-results .highlighted:last-child
{
  border-radius:0 0 .33em .33em;
}

.chzn-container .chzn-results .highlighted:only-child
{
  border-radius:.33em;
}

/*///////////////////////////
          Popups
///////////////////////////*/
.mwe-popups
{
  background:rgba(40,30,15,0.95);
  border-radius:.33em;
  border:1px solid #b78f51;
  border-width:1px 4px;
}

.mwe-popups > div > div.mwe-popups-timestamp-recent
{
  color:#777;
}

.mwe-popups > div > div.mwe-popups-timestamp-older
{
  color:#777;
}

.mwe-popups-icon:hover
{
  background-color:transparent;
}

.mwe-popups.flipped_y:after
{
  border-top-color:rgb(183,143,81);
  bottom:-11px;
}

.mwe-popups.flipped_y:before
{
  border-top-color:rgb(183,143,81);
  bottom:-11px;
}

.mwe-popups.mwe-popups-no-image-tri:after
{
  border-bottom-color:rgb(183,143,81);
  top:-11px;
}

.mwe-popups.mwe-popups-no-image-tri:before
{
  border-bottom-color:rgb(183,143,81);
  top:-11px;
}

/*///////////////////////////
         Templates
///////////////////////////*/
.small-box
{
  border-width:1px 4px;
  border-radius:.33em;
  border-color:rgb(183,143,81);
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Infoboxes */
.ib-main
{
  border-color:rgb(183,143,81);
  background-color:rgba(80,60,30,0.4);
  border-width:1px 4px;
  border-radius:.33em;
}

.ib-border-top
{
  border-top-color:rgb(183,143,81);
}

/*///////////////////////////
     Syntax Highlighter
///////////////////////////*/
.syntaxhighlighter
{
  background-color:rgba(80,60,30,0.5)!important;
  border-radius:.33em!important;
}

.syntaxhighlighter.collapsed .toolbar
{
  background:rgba(80,60,30,0.5)!important;
}

.syntaxhighlighter .toolbar
{
  background:rgba(80,60,30,0.5)!important;
}

.syntaxhighlighter .plain,.syntaxhighlighter .plain a
{
/* color: black !important; */
  color:#dcdcdc!important;
}

.syntaxhighlighter .gutter .line
{
/* border-right: 1px solid #ddd !important; 87% Gray*/
  border-right:1px solid rgba(183,143,81,0.6)!important;
}

.syntaxhighlighter .gutter
{
/* color: #afafaf !important; 69% Gray*/
  color:#afafaf!important;
}

.syntaxhighlighter .gutter .line
{
/* border-right: 1px solid #ddd !important; 87% Gray*/
  border-right:1px solid rgba(183,143,81,0.6)!important;
}

.syntaxhighlighter .toolbar a
{
  color:white!important;
}

/*///////////////////////////
     MultimediaViewer
///////////////////////////*/
.mw-mmv-stripe-button.mw-mmv-description-page-button,.mw-mmv-stripe-button.mw-mmv-description-page-button:active,.mw-mmv-stripe-button.mw-mmv-description-page-button:visited
{
  color:white!important;
}

.mw-mmv-post-image
{
  background-color:rgba(183,143,81,0.9);
  color:white;
}

.mw-mmv-image-metadata
{
  background-color:rgba(59,47,38,0.8);
  border-top-color:#5a483a;
}

.mw-mmv-image-links li,.mw-mmv-post-image
{
  color:#ddd;
}

.mw-ui-button,.mw-ui-button:focus
{
  background:rgba(80,60,30,0.8);
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em 0 0 0 .33em;
  box-shadow:none;
}

.mw-ui-button:hover
{
  background-color:rgba(80,60,30,0.9);
}

#mw-content-text a.mw-mmv-view-expanded.mw-ui-button.mw-ui-icon.mw-ui-icon-before
{
  border-right:1px solid #B78F51;
}

#mw-content-text a.mw-mmv-view-config.mw-ui-button.mw-ui-icon.mw-ui-icon-element
{
  border-left:none;
}

.mw-mmv-dialog
{
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}

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

.mw-mmv-dialog,.mw-mmv-options-dialog.mw-mmv-disable-confirmation-shown,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog.mw-mmv-enable-confirmation-shown
{
  background:rgb(59,47,38);
}

.mw-mmv-dialog .mw-mmv-dialog-down-arrow
{
  background:rgb(59,47,38);
  display:none;
/* Can't get z-index to work on this...why? */
}

.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header,.mw-mmv-options-enable-alert,.mw-mmv-title
{
  color:white;
}

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



/*///////////////////////////
        MSCatSelect
///////////////////////////*/
#MsCatSelect
{
  background: transparent;
}

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

.chzn-container-single .chzn-search input
{
  background: transparent;
  border-color: #B78F51;
}

#MsCatSelect .row2 input
{
  background: rgba(80,60,30,0.4);
  border:1px solid #B78F51;
  border-width:1px 4px;
  border-radius:.33em;
}

.addcat
{
  background-color:transparent !important;
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/c/cf/Button_Default.png) !important;
  background-size:100% 100% !important;
  border:none !important;
  border-radius:.33em !important;
  color: white !important;
  font-weight: bold;
}

.addcat:hover
{
  background-image:url(https://mec-wiki-media.storage.googleapis.com/images/e/e3/Button_Default_Highlight.png) !important;
}




/*///////////////////////////
         CodeMirror
///////////////////////////*/
.CodeMirror
{
  background: rgba(80,60,30,0.5);
  color: white;
  border: 1px solid #B78F51;
}
.CodeMirror-cursor
{
  border-left: 1px solid white;
}
.CodeMirror-activeline-background
{
  background: transparent;
}
.CodeMirror-selected,
.CodeMirror-focused .CodeMirror-selected
{
  background: rgba(183,143,81,0.6);
  color: white;
}
.cm-mw-pagename
{
  text-decoration: none;
}

.cm-mw-comment
{
  color: #4b9041;
}

.cm-mw-template,
.cm-mw-link-text,
pre.cm-mw-tag-nowiki, .cm-mw-tag-nowiki
{
  color: #bbb;
}

.cm-mw-template-delimiter,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-bracket,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter
{
  color: #D48D57;
}
.cm-mw-template-name,
.cm-mw-templatevariable-name
{
  color: #EE9047;
}

.cm-mw-link,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol
{
  color: #569cd6;
}
.cm-mw-link-pagename,
.cm-mw-extlink,
.cm-mw-free-extlink
{
  color: #22c8ff;
}

.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name,
.cm-mw-htmltag-attribute
{
  color: #D45757;
}

.cm-mw-table-bracket
{
  color: #D457D4;
}
.cm-mw-table-definition
{
  color: #FF3BFF;
}

.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-exttag-bracket
{
  color: #9A4DBB;
}
.cm-mw-parserfunction-name,
.cm-mw-exttag-name
{
  color: #C53BFF;
}
.cm-mw-parserfunction
{
  color: #F5DCFF;
}

.cm-mw-list,
.cm-mw-skipformatting
{
  color: white;
  background-color: rgba(183,143,81,0.6)
}