Difference between revisions of "MediaWiki:Vector.css"

Latest revision as of 20:02, 13 August 2019

body {
	font-size: 1em;
	background: #111617 url(resources/assets/skins/banner.png) 0 0 no-repeat;
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	color: #cef582;
}

div#mw-head {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

#mw-page-base {
	background: transparent;
}

.postedit {
	color: #cef582;
	background-color: #1a2729;
	background-color: rgba(26, 38, 41, 0.80);
	border: none;
	text-shadow: 0 0.0625em 0 rgba(26, 38, 40, 0.5);
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 5px 0 #1a2628;
	box-shadow: 0 2px 5px 0 #1a2628;
}


/* RayWiki logo */

#p-logo a {
	display: block;
	width: 10em;
	height: 160px;
	background-repeat: no-repeat;
	background-position: inherit;
	text-decoration: none;
	margin-left: -8px;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
not all,
(min-resolution: 1.5dppx),
(min-resolution: 144dpi) {
	.mw-wiki-logo {
		background-size: 156px auto;
	}
}

@media (-webkit-min-device-pixel-ratio: 2),
not all,
(min-resolution: 2dppx),
(min-resolution: 192dpi) {
	.mw-wiki-logo {
		background-size: 156px auto;
	}
}


/* Vector Tabs */

div.vectorTabs ul li {
	/* @todo */
	border-left: 1px solid #111617;
	border-right: 1px solid #111617;
	border-top: 1px solid #111617;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #ffe74a;
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#233133, #141c1d);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#233133, #141c1d);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
	/* W3C */
}

div.vectorTabs ul li a:hover {
	/* @todo */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #ffe74a;
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #2a3f42 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #141c1d));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#2a3f42)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#2a3f42, #141c1d);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#2a3f42, #141c1d);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#141c1d));
	/* W3C */
	background-repeat: no-repeat;
	/* Needed for the watch icon upon hover. */
}

li.icon:hover {
	/* @todo */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #ffe74a;
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #2a3f42 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #141c1d));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#2a3f42)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#2a3f42, #141c1d);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#2a3f42, #141c1d);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#141c1d));
	/* W3C */
	background-repeat: no-repeat;
	/* Needed for the watch icon upon hover. */
}

div.vectorTabs li.icon a {
	/* @todo */
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.vectorTabs li a,
div.vectorTabs li a span {
	color: #cef582;
	font-weight: bold;
}

div.vectorTabs li a {
	height: 27px;
}

div.vectorTabs li a:hover {
	text-decoration: none;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
	text-decoration: none;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #ffe74a;
	font-weight: bold;
}

div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
	color: #FF8581;
}

div.vectorTabs span {
	display: inline-block;
	background-image: none;
	/* removes default background image */
}

div.vectorTabs {
	background-image: none;
	/* removes default background image */
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-left: 1px;
	height: 27px;
	margin-top: 12px;
}

div.vectorTabs li.selected {
	background-image: none;
	/* removes default background image */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #1a2729, #1b2628, #2a3f42 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #1a2729));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#1a2729), to(rgba(#2a3f42)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#2a3f42, #1a2729);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#2a3f42, #1a2729);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#1a2729));
	/* W3C */
}

div.vectorTabs li.selected a:hover {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #1a2729, #1b2628, #2a3f42 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #1a2729));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#1a2729), to(rgba(#2a3f42)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#2a3f42, #1a2729);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#2a3f42, #1a2729);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#1a2729));
	/* W3C */
}

div.vectorTabs ul {
	background-image: none;
	/* removes default background image */
	background-position: right bottom;
	background-repeat: no-repeat;
	margin: 0;
	height: 27px;
}


/* For tabs to non-existing pages such as discussions. */

div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
	color: #DA403B;
	text-decoration: none;
	font-weight: bold;
}

div.vectorTabs li.new a:hover {
	color: #FA736F;
	text-decoration: none;
}

li#ca-talk.selected.new a {
	color: #ffe74a;
}

li#ca-nstab-main.selected.new a {
	color: #ffe74a;
}

li#ca-nstab-project.selected.new a {
	color: #ffe74a;
}


/* Vector Menu Tab */

.vectorMenu .menu {
	background-color: #1a2729;
	border-color: #000;
}

div.vectorMenu h3 a {
	width: 24px;
	height: 27px;
	text-decoration: none;
	background-image: url(skins/vector/images/arrow-down-icon.png);
	background-image: -webkit-linear-gradient(transparent, transparent), url(skins/vector/images/arrow-down-icon.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(skins/vector/images/arrow-down-icon.svg)!ie;
	background-image: linear-gradient(transparent, transparent), url(skins/vector/images/arrow-down-icon.svg);
	background-image: linear-gradient(transparent, transparent), url(skins/vector/images/arrow-down-icon.svg)!ie;
	background-position: 100% 60%;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.vectorMenu li a {
	display: inline-block;
	padding: 0.5em 0;
	white-space: nowrap;
	cursor: pointer;
	font-size: 0.8em;
	color: #cef582;
	font-weight: bold;
	width: 100%;
}

div.vectorMenu li a:hover {
	color: #ffe74a;
	text-decoration: none;
}

div.vectorMenu li {
	padding: 0.5em;
	margin: 0;
	text-align: left;
	line-height: 1em;
}

div.vectorMenu li:hover {
	background-color: #202a2a;
	color: #ffe74a;
}

div.menu li:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top-width: 0px;
	border-bottom: 1px solid #14392e;
}

div.menu li:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-width: 0px;
	border-top: 1px solid #14392e;
}

div.vectorMenu ul {
	position: absolute;
	background-color: #161e1f;
	border: 1px solid #14392e;
	border-radius: 8px;
	border-top-width: 1px;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin-left: -1px;
	text-align: left;
}

div.vectorMenu {
	direction: ltr;
	float: left;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-left: 1px solid #0e1010;
	border-right: 1px solid #0e1010;
	border-top: 1px solid #0e1010;
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#233133, #141c1d);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#233133, #141c1d);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
	/* W3C */
	margin: 12px 0 0 -1px;
}

div.vectorMenu:hover {
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #2a3f42 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #141c1d));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#2a3f42)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#2a3f42, #141c1d);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#2a3f42, #141c1d);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#141c1d));
	/* W3C */
}

div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
	color: #ffe74a;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
	padding-top: 2em;
}


/* Vector Menu Tab Height Adjustments */

div.vectorTabs span a {
	display: inline-block;
	padding-top: 0;
	height: 27px;
	line-height: 2em;
}

div.vectorTabs ul li {
	float: left;
	line-height: 1.125em;
	display: inline-block;
	height: 27px;
	margin-left: -1px;
}


/* right and left top navigation adjustment */

#right-navigation {
	float: right;
	margin-top: 39px;
}

#left-navigation {
	margin-left: 11.2em;
	margin-top: 39px;
}


/* Margin fix for Main Page. MediaWiki apparently added margin in the 1.23 update. */

div#content h2 {
	font-size: 1.5em;
	margin-top: 0px;
	padding: 2px 0;
}


/* Page Information Tables */

table.wikitable.mw-page-info tr:first-child td:first-child {
	border-top-left-radius: 4px;
}

table.wikitable.mw-page-info tr:first-child td:last-child {
	border-top-right-radius: 4px;
}

table.wikitable.mw-page-info tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}

table.wikitable.mw-page-info tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}


/* User Group Rights Table*/

table.wikitable.mw-listgrouprights-table tr:first-child th:first-child {
	border-top-left-radius: 4px;
}

table.wikitable.mw-listgrouprights-table tr:first-child th:last-child {
	border-top-right-radius: 4px;
}

table.wikitable.mw-listgrouprights-table tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}

table.wikitable.mw-listgrouprights-table tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}


/* General Wikitable */

table.wikitable tbody tr:first-child th:first-child {
	border-top-left-radius: 0px;
}

table.wikitable tbody tr:first-child th:last-child {
	border-top-right-radius: 0px;
}

table.wikitable tbody tr:last-child th:first-child {
	border-bottom-left-radius: 0px;
}

table.wikitable tbody tr:last-child th:last-child {
	border-bottom-right-radius: 0px;
}

table.wikitable tbody tr:first-child td:first-child {
	border-top-left-radius: 0px;
}

table.wikitable tbody tr:first-child td:last-child {
	border-top-right-radius: 0px;
}

table.wikitable tbody tr:last-child td:first-child {
	border-bottom-left-radius: 0px;
}

table.wikitable tbody tr:last-child td:last-child {
	border-bottom-right-radius: 0px;
}


/* Tags Page Table */

table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:first-child {
	border-top-left-radius: 4px;
}

table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:last-child {
	border-top-right-radius: 4px;
}

table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:first-child {
	border-bottom-left-radius: 4px;
}

table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:last-child {
	border-bottom-right-radius: 4px;
}

table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}

table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}


/* Plusminus on History Page */

.mw-plusminus-pos {
	color: #42b34e;
}

.mw-plusminus-neg {
	color: #D3221C;
}


/**
 * MediaWiki style sheet for general styles on basic content elements
 *
 * Styles for basic elements: links, lists, etc...
 *
 * This style sheet is used by the Monobook and Vector skins.
 */


/* Links */

a {
	text-decoration: none;
	color: #ffe74a;
	background: none;
}

a:visited {
	color: #ffe74a;
}

a:active {
	color: #ffe74a;
}

a:hover,
a:focus {
	text-decoration: underline;
	color: #ffc000;
}

a.stub {
	color: #772233;
}

a.new,
#p-personal a.new {
	color: #DA403B;
}

a.new:visited,
#p-personal a.new:visited {
	color: #DA403B;
}

a.new:hover,
#p-personal a.new:hover {
	color: #FA736F;
}


/* Interwiki Styling */

.mw-body a.extiw,
.mw-body a.extiw:active {
	color: #ffe74a;
}

.mw-body a.extiw:visited {
	color: #ffe74a;
}

.mw-body a.extiw:active {
	color: #ffe74a;
}


/* External links */

.mw-body a.external {
	color: #ffe74a;
}

.mw-body a.external:visited {
	color: #ffe74a;
	/* bug 3112 */
}

.mw-body a.external:active {
	color: #ffe74a;
}


/* External links need to be fixed in a lot of secondary locations (1.31) */

a.external {
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 13px;
}


/* Inline Elements */

img {
	border: none;
	vertical-align: middle;
}

hr {
	height: 1px;
	color: #161e1f;
	background-color: #cef582;
	border: 0;
	margin: .2em 0;
}


/* Structural Elements */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #ffe74a;
	background: none;
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #cef582;
}

h1 {
	font-size: 188%;
}

h2 {
	font-size: 150%;
}

h3,
h4,
h5,
h6 {
	border-bottom: none;
	font-weight: bold;
}

h3 {
	font-size: 132%;
}

h4 {
	font-size: 116%;
}

h5 {
	font-size: 108%;
}

h6 {
	font-size: 100%;
}


/* Some space under the headers in the content area */

h1,
h2 {
	margin-bottom: .6em;
}

h3,
h4,
h5 {
	margin-bottom: .3em;
}

p {
	margin: .4em 0 .5em 0;
	line-height: 1.5em;
}

p img {
	margin: 0;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.6em;
	padding: 0;
}

ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}

li {
	margin-bottom: .1em;
}

dt {
	font-weight: bold;
	margin-bottom: .1em;
}

dl {
	margin-top: .2em;
	margin-bottom: .5em;
}

dd {
	line-height: 1.5em;
	margin-left: 1.6em;
	margin-bottom: .1em;
}

q {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}


/* Disabled for now
blockquote {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}*/

pre,
code,
tt,
kbd,
samp,
.mw-code {
	/*
	 * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
	 * Specifying any valid, second value will trigger correct behavior without forcing a different font.
	 */
	font-family: monospace, Courier;
}

code {
	background-color: #1a2729;
	color: #ffe74a;
	border-color: #cef582;
}

pre,
.mw-code {
	padding: 1em;
	border: none;
	color: #ffe74a;
	background-color: #233437;
	border-radius: 10px;
}

.not-patrolled {
	background-color: #3A3A25;
	border-radius: 6px;
	padding-left: 2px;
}


/* Tables */

table {
	font-size: 100%;
	color: #cef582;
	border-color: #14392e;
}

tbody {
	border-color: #14392e;
}


/* Forms */

fieldset {
	border: 1px solid #cef582;
	margin: 1em 0 1em 0;
	padding: 0 1em 1em;
	line-height: 1.5em;
	border-radius: 8px;
}

fieldset.nested {
	margin: 0 0 0.5em 0;
	padding: 0 0.5em 0.5em;
}

legend {
	padding: .5em;
	font-size: 95%;
}

form {
	border: none;
	margin: 0;
}

textarea {
	width: 100%;
	padding: .1em;
}

select {
	vertical-align: top;
	background: #161e1f;
	color: #ffe74a;
	border-color: #0e1010;
	border-radius: 8px;
	outline: none;
}

.mw-recentchanges-table .mw-input select#namespace {
	background-color: #233437;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
	color: #cef582;
	font-weight: bold;
	border: 1px solid #0e1010;
	border-radius: 8px;
	background: #1b2628; /* Old browsers */ 
	background: linear-gradient(linear, left top, left bottom, from(#233133),to(#141c1d)); /* W3C */
	outline:none;
	padding: 3px 6px;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button:hover, button:hover {
	border: 1px solid #0e1010;
	border-radius: 8px;
	color: #ffe74a;
	background: linear-gradient(linear, left top, left bottom, from(#141c1d),to(#233133)); /* W3C */
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active {
	color: #ffc000;
	outline: none;
}

input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
	background-color: #192324;
	border:1px solid #111617;
	color: #ffe74a;
	border-radius: 6px;
	outline: none;
}

input:not([type]):hover, input[type="color"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="text"]:hover {
	background-color: #192324;
	border: 1px solid #005f65;
	color: #ffe74a;
	border-radius: 6px;
	outline: none;
}

input:not([type]):focus, input[type="color"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="text"]:focus {
	border: 1px solid #005f65;
	outline: none;
}


/* Emulate Center */

.center {
	width: 100%;
	text-align: center;
}

*.center * {
	margin-left: auto;
	margin-right: auto;
}


/* Small for tables and similar */

.small {
	font-size: 94%;
}

table.small {
	font-size: 100%;
}


/**
 * MediaWiki style sheet for general styles on complex content
 *
 * Styles for complex things which are a standard part of page content
 * (ie: the CSS classing built into the system), like the TOC.
 */


/* Table of contents */

#toc,
.toc,
.mw-warning {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}


/**
 * We want to display the ToC element with intrinsic width in block mode. The fit-content
 * value for width is however not supported by large groups of browsers.
 *
 * We use display:table. Even though it should only contain other table-* display
 * elements, there are no known problems with using this.
 *
 * Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
 * using inline-block mode, which features at least intrinsic width, but won't clear preceding
 * inline elements. In practice inline elements surrounding the TOC are uncommon enough that
 * this is an acceptable sacrifice.
 */

#toc,
.toc {
	display: -moz-inline-block;
	display: inline-block;
	display: table;
	/* IE7 and earlier */
	zoom: 1;
	*display: inline;
	padding: 7px;
}


/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */

table#toc,
table.toc {
	border-collapse: collapse;
}


/* Remove additional paddings inside table-cells that are not present in <div>s */

table#toc td,
table.toc td {
	padding: 0;
}

#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: center;
}

#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding: 0;
	text-align: left;
}

#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}

#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}

.toccolours {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}

.tocnumber {
	color: inherit;
}

.toctogglelabel {
    color: #ffe74a;
}

/* Warning */

.mw-warning {
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}


/* Images */


/* @noflip */

div.floatright,
table.floatright {
	margin: 0 0 .5em .5em;
	border: 0;
}

div.floatright p {
	font-style: italic;
}


/* @noflip */

div.floatleft,
table.floatleft {
	margin: 0 .5em .5em 0;
	border: 0;
}

div.floatleft p {
	font-style: italic;
}


/* Gallery */

li.gallerybox div.thumb {
	text-align: center;
	border: 1px solid #14392e;
	background-color: #161e1f;
	margin: 2px;
	border-radius: 8px;
}


/* Thumbnails */

div.thumb {
	margin-bottom: .5em;
	width: auto;
	background-color: transparent;
}

div.thumbinner {
	border: 1px solid #14392e;
	border-radius: 8px;
	padding: 8px !important;
	background-color: #161e1f;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}

html .thumbimage {
	border: 1px solid #14392e;
	border-radius: 2px;
	background-color: inherit;
}

html .thumbcaption {
	border: none;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}

.mw-content-ltr div.magnify {
	border: none !important;
	background: none !important;
	margin-left: 3px;
}

.mw-content-ltr div.magnify a {
	display: block;
	border: none !important;
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cef582%22%3E%3Cpath%20id%3D%22bigbox%22%20d%3D%22M1.509%201.865h10.99v7.919h-10.99z%22%2F%3E%3Cpath%20id%3D%22smallbox%22%20d%3D%22M-1.499%206.868h5.943v4.904h-5.943z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
}


/* @noflip */

div.tright {
	margin: .5em 0 1.3em 1.4em;
}


/* @noflip */

div.tleft {
	margin: .5em 1.4em 1.3em 0;
}

img.thumbborder {
	border: 1px solid #dddddd;
}


/**
 * Edit forms
 */

#editform textarea {
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/**
 * Basic styles for the user login and create account forms
 */

#userlogin,
#userloginForm {
	border: solid 1px #cccccc;
	padding: 1.2em;
	margin: 0.5em;
}

#loginend {
	margin: 0.5em;
}

#loginend table {
	width: 100%;
}


/* Panel */

div#mw-panel div.portal div.body ul li a {
	color: #ffe74a;
}

div#mw-panel div.portal div.body ul li a:visited {
	color: #ffe74a;
}

div#mw-panel div.portal div.body ul li a:hover {
	color: #ffc000;
}

.oo-ui-panelLayout-framed {
	background-color: #233437;
}


/* Sidebar */

div#mw-panel div.portal h3 {
	color: #cef582;
}

div#mw-panel div.portal {
	border-bottom: 1px solid #14392e;
}

#mw-panel .portal .body {
	background: none;
}


/* Content */

div#content {
	line-height: 1.5em;
	margin-left: 10em;
	padding: 1.5em 1.5em 1.5em 1.75em;
	border: 1px solid #1a2729;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-right-width: 0;
	margin-top: -1px;
	background-color: #1a2729;
	color: #cef582;
	direction: ltr;
}


/* Search */

div#simpleSearch #searchInput {
	top: 0;
	left: 0;
	width: 100%;
	padding: 0.2em 0em 5px 0.2em;
	font-size: 13px;
	direction: ltr;
	-webkit-appearance: textfield;
}

#p-search input {}

#p-search div#simpleSearch {
	border-radius: 6px;
	border: none;
	box-shadow: 0 0 0 1px #1b1618;
	background: #233437;
	color: #ffe74a;
	padding: 0 0;
}

div#simpleSearch #searchButton,
div#simpleSearch #mw-searchButton {
	background-image: url(resources/assets/skins/search.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(resources/assets/skins/search.svg);
	background-image: linear-gradient(transparent, transparent), url(resources/assets/skins/search.svg);
	background-position: center center;
	background-repeat: no-repeat;
}

#searchInput {
	border-radius: 6px;
	border: none;
	box-shadow: 0 0 0 1px #1b1618;
	background: #233437;
	color: #ffe74a;
	padding: 0 0;
}

div#simpleSearch input {
	color: #ffe74a;
	background-image: none;
	background-color: #233437;
}

div.suggestions,
html>body div.suggestions {
	border-radius: 6px;
	border: 2px ridge black;
	box-shadow: 0 0 0 1px #17161b;
	background: #192324;
	color: #cef582;
}

.suggestions-results {
	border: none;
	background: #192324;
	color: #cef582;
}

.suggestions-special {
	border: none;
	border-top: 1px solid #1e2b2e;
	background: #192324;
	color: #cef582;
}

.suggestions-result,
.suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
	color: #cef582;
}

.suggestions-special .special-label {
	color: #ffe74a;
}

.suggestions-result-current .special-label {
	color: #ffe74a;
}

.suggestions-result-current {
	background: #233437 !important;
	color: #ffc01d;
}

.suggestions-result-current .special-query,
.suggestions-result-current a.mw-searchSuggest-link,
.suggestions-result-current a.mw-searchSuggest-link:hover,
.suggestions-result-current a.mw-searchSuggest-link:active,
.suggestions-result-current a.mw-searchSuggest-link:focus {
	color: #ffc01d;
}


/* Search Results Page */

.mw-search-profile-tabs {
	background-color: #233437;
	margin-top: 1em;
	border: none;
	border-radius: 8px;
}

.mw-search-profile-tabs div.search-types ul li.current a {
	color: #cef582;
	cursor: default;
}

.results-info {
	color: #cef582;
}


/* other elements */


/* Possible color choices: #161e1f and #233437 */

#toc,
.toc,
.mw-warning {
	border: none;
	background-color: #161e1f;
	padding: 5px;
	font-size: 95%;
	border-radius: 10px;
}

.catlinks {
	border: none;
	border-radius: 8px;
	background-color: #233437;
	padding: 5px;
	margin-top: 1em;
	clear: both;
}

div#footer #footer-info li {
	display: inline;
	line-height: 1.4em;
	color: #cef582;
}

#footer {
	background: #111617;
	color: #cef582;
	margin-top: 1em;
	border-top: none;
	direction: ltr;
}

ul#filetoc {
	text-align: center;
	border: 1px solid #14392e;
	background-color: #161e1f;
	border-radius: 10px;
	padding: 5px;
	font-size: 95%;
	margin-bottom: 0.5em;
	margin-left: 0;
	margin-right: 0;
}


/* Wikitable */

table.wikitable {
	margin: 1em 0;
	background-color: #161e1f;
	border: none;
	border-collapse: separate;
	color: #cef582;
	border-radius: 4px;
	padding: 2px;
}

table.wikitable.mw-page-info {
	margin: 1em 0;
	background-color: #161e1f;
	border: none;
	border-collapse: separate;
	color: #cef582;
	border-radius: 5px;
	padding: 2px;
}

table.wikitable.mw-listgrouprights-table {
	margin: 1em 0;
	background-color: #161e1f;
	border: none;
	border-collapse: separate;
	color: #cef582;
	border-radius: 5px;
	padding: 2px;
}

table.wikitable.sortable.mw-tags-table.jquery-tablesorter {
	margin: 1em 0;
	background-color: #161e1f;
	border: none;
	border-collapse: separate;
	color: #cef582;
	border-radius: 5px;
	padding: 2px;
}

table.wikitable.mw-statistics-table {
	margin: 1em 0;
	background-color: #161e1f;
	border: none;
	border-collapse: separate;
	color: #cef582;
	border-radius: 5px;
	padding: 2px;
}

table.wikitable>tr>th,
table.wikitable>*>tr>th {
	background-color: #233437;
	text-align: center;
	color: #ffe74a;
}

table.wikitable>tr>th,
table.wikitable>tr>td,
table.wikitable>*>tr>th,
table.wikitable>*>tr>td {
	border: none;
	padding: 0.2em;
	background: #233437;
}

table.wikitable.filehistory tr:first-child td:first-child {
	border-top-left-radius: 4px;
}

table.wikitable.filehistory tr:first-child td:last-child {
	border-top-left-radius: 4px;
}

table.wikitable.filehistory tr:first-child th:last-child {
	border-top-right-radius: 4px;
}

table.wikitable.filehistory tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}

table.wikitable.filehistory tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}

table.wikitable.filehistory th {
	color: #ffc000;
}


/* Meta Data Table */

table.mw_metadata {
	border: none;
	border-collapse: separate;
	background: #161e1f;
	padding: 2px;
	border-radius: 5px;
}

table.mw_metadata th {
	background-color: #233437;
	color: #ffc000;
	font-weight: bold;
}

table.mw_metadata td,
table.mw_metadata th {
	text-align: center;
	border: none;
	padding-left: 5px;
	padding-right: 5px;
}

table.mw_metadata td {
	background-color: #233437;
}

.htmlform-tip {
	font-size: x-small;
	padding: .2em 2em;
	color: #ffe74a;
}

table#mw_metadata tr:first-child th:first-child {
	border-top-left-radius: 4px;
}

table#mw_metadata tr:first-child td:last-child {
	border-top-right-radius: 4px;
}

table#mw_metadata tr:last-child td {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

table#mw_metadata.mw_metadata.collapsed td {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}


/* File List Data Table */

.mw-datatable,
.mw-datatable td,
.mw-datatable th {
	border: 2px solid #1a2729;
	padding: 0 0.15em 0 0.15em;
}

.mw-datatable th {
	background-color: #233437;
}

.mw-datatable td {
	background-color: #161e1f;
}

.mw-datatable tbody tr:hover td {
	background: #1e2b2e;
}

.mw-datatable tr:first-child th:first-child {
	border-top-left-radius: 4px;
}

.mw-datatable tr:first-child th:last-child {
	border-top-right-radius: 4px;
}

.mw-datatable tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}

.mw-datatable tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}


/* Input */

textarea {
	background-color: #192324;
	border-color: #111617;
	color: #ffe74a;
	border-radius: 6px;
}

textarea:hover {
	border: 1px solid #005f65;
}

textarea:focus {
	border: 1px solid #005f65;
}

input:not([type]),
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"] {
	background-color: #192324;
	border: 1px solid #111617;
	color: #ffe74a;
	border-radius: 6px;
	outline: none;
}

input:not([type]):hover,
input[type="color"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="text"]:hover {
	background-color: #192324;
	border: 1px solid #005f65 !important;
	box-shadow: inset 0 0 0 1px #005f65 !important;
	color: #ffe74a;
	border-radius: 6px;
	outline: none;
}

input:not([type]):focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus {
	border: 1px solid #005f65 !important;
	box-shadow: inset 0 0 0 1px #005f65 !important;
	outline: none;
}

input:not([type]):active,
input[type="color"]:active,
input[type="email"]:active,
input[type="number"]:active,
input[type="password"]:active,
input[type="tel"]:active,
input[type="url"]:active,
input[type="text"]:active {
	border-color: #005f65 !important;
	box-shadow: inset 0 0 0 1px #005f65 !important;
	outline: none;
}


/* Editor */

.editOptions {
	background-color: #233437;
	color: inherit;
	border: none;
	border-top: none;
	padding: 1em 1em 1.5em 1em;
	margin-bottom: 2em;
	border-radius: 10px;
	margin-top: 5px;
}


/* WikiEditor */

.wikiEditor-ui {
	background-color: #1a2729;
	border: none;
}

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

.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1 {
	margin: 0;
	border: 1px solid #111617;
}

.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:hover {
	margin: 0;
	border: 1px solid #005f65;
}

.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:focus {
	margin: 0;
	border: 1px solid #005f65;
}

.wikiEditor-ui-controls {
	background: none;
	margin-top: -1px;
	border: none;
}

.wikiEditor-ui-buttons {
	margin-right: -1px;
	background: none;
	padding-left: 1em;
	border: none;
}

.wikiEditor-ui-buttons button {
	margin-left: 0.5em;
	margin-top: -5px;
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
	padding-left: 18px;
	padding-right: 12px;
	color: #cef582;
	background-position: left center;
	background-repeat: no-repeat;
}

.wikiEditor-ui-toolbar {
	background: #233437;
	background-position: left top;
	background-repeat: repeat-x;
	border-radius: 8px;
}

.wikiEditor-ui .wikiEditor-ui-top {
	border: none;
	margin-bottom: 4px;
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: #ffe74a;
}

.wikiEditor-ui-toolbar .tabs span.tab a:hover {
	color: #ffc000;
}

.wikiEditor-ui-toolbar .sections {
	border-bottom: 1px solid #111617;
}

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

.wikiEditor-ui-toolbar .group .label {
	border: 0;
	margin: 2px;
	margin-left: 5px;
	margin-right: 8px;
	color: #cef582;
}

.wikiEditor-ui-toolbar .group {
	border-right: 1px solid black;
}

.wikiEditor-ui-toolbar .booklet .index .current {
	background-color: #233437;
	color: #ffc000;
	border-bottom: 1px solid #1a2729;
}

.wikiEditor-ui-toolbar .booklet .index div {
	padding: 4px;
	padding-left: 6px;
	color: #ffe74a;
	background: #161e1f;
	border-bottom: 1px solid #1a2729;
}

.wikiEditor-ui-toolbar .booklet .index div:hover {
	background: #1e2b2e;
	color: #ffc000;
}

.wikiEditor-ui-toolbar .booklet .index .current:hover {
	background: #233437;
}

.wikiEditor-ui-tabs {
	margin-left: 10px;
	background: none;
	border-left: none;
	border-top: none;
}

.wikiEditor-ui-tabs div.current {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #ffe74a;
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#364a4d, #233437);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#364a4d, #233437);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437));
	/* W3C */
	border-bottom: none;
}

.wikiEditor-ui-tabs div.current:hover {
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#364a4d, #233437);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#364a4d, #233437);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437));
	/* W3C */
}

.wikiEditor-ui-tabs div {
	margin-left: -1px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #ffe74a;
	background: #1b2628;
	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
	background: -o-linear-gradient(#233133, #141c1d);
	background: -ms-linear-gradient(#233133, #141c1d);
	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
	border-right: 1px solid #111617;
	border-left: 1px solid #111617;
	border-top: 1px solid #111617;
	border-bottom: none;
}

.wikiEditor-ui-tabs div:hover {
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #2a3f42 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a3f42), color-stop(100%, #141c1d));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#2a3f42)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#2a3f42, #141c1d);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#2a3f42, #141c1d);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#2a3f42), to(#141c1d));
	/* W3C */
}

.wikiEditor-ui-tabs div.current a {
	color: #ffe74a;
}

.wikiEditor-ui-tabs div a {
	padding: 0 0.75em;
	color: #cef582;
}

.wikiEditor-ui-tabs div a:hover {
	color: #ffe74a;
}

div.wikiEditor-ui-view.wikiEditor-ui-view-preview {
	background-color: #233437;
	border-radius: 8px;
	padding: 8px;
	margin-top: 1px;
}

.wikiEditor-preview-contents {
	background-color: #1a2729;
	border-radius: 8px;
	margin: 8px;
}

.wikiEditor-preview-loading {
	padding: 1em;
	background-color: #233437;
	border-radius: 8px;
}

.wikiEditor-preview-loading span {
	color: #cef582;
}

.wikiEditor-ui-toolbar .booklet .pages {
	background-color: #1e2b2e;
}

.wikiEditor-ui-toolbar .page-characters div span {
	border: 1px solid #14392e;
	border-radius: 5px;
	padding: 8px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 5px;
	margin-top: 5px;
	background: #161e1f;
	color: #cef582;
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
	color: #ffc000;
	background: #1a2728;
	border: 1px solid #cef582;
}

.wikiEditor-ui-toolbar .page-characters div span:active {
	color: #ffc000;
	background-color: #213233;
	border: 1px solid #cef582;
}

.wikiEditor-ui-toolbar .group .tool-select {
	background: #1a2729;
	border-color: #0e1010;
	border-radius: 8px;
}

.wikiEditor-ui-toolbar .group .tool-select .label {
	color: #cef582;
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options {
	margin-left: -1px;
	margin-top: 22px;
	border: 1px solid #0e1010;
	background-color: rgba(26, 39, 41, 0.95);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
	background-color: rgba(34, 48, 51, 0.95);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
	padding: 0.5em;
	color: #ffe74a;
}

.wikiEditor-ui-toolbar .page-table td {
	color: #cef582;
	border-top: 1px solid black;
	background: #192324;
}

.wikiEditor-ui-toolbar .page-table th {
	color: #ffe74a;
}

div.wikiEditor-ui-view.wikiEditor-ui-view-changes {
	background: #233437;
	padding: 4px;
	border-radius: 8px;
	margin-top: 1px;
}

.wikiEditor-toolbar-dialog {
	border: none;
	background: #161e1f;
	border-radius: 8px;
}

body .ui-dialog .ui-widget-header {
	background: #233437 !important;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.wikiEditor-toolbar-dialog .ui-widget-header {
	border: none;
}

body .ui-dialog .ui-icon-closethick {
	background: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%228px%22%20viewBox%3D%220%200%20357%20357%22%20style%3D%22enable-background%3Anew%200%200%20357%20357%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%20id%3D%22close%22%3E%3Cpolygon%20points%3D%22357%2C35.7%20321.3%2C0%20178.5%2C142.8%2035.7%2C0%200%2C35.7%20142.8%2C178.5%200%2C321.3%2035.7%2C357%20178.5%2C214.2%20321.3%2C357%20357%2C321.3%20%20%20%20%20214.2%2C178.5%20%20%20%22%20fill%3D%22%23ddd600%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50% !important;
}

.ui-widget-header {
	color: #ddd600;
	font-weight: bold;
}

.ui-widget-content {
	color: #cef582;
	background: #161e1f;
}

.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
	border-top: none !important;
}

body .ui-button {
	margin: 0.5em 0 0.5em 0.4em;
	color: #cef582 !important;
	border: 1px solid #0e1010 !important;
	border-radius: 8px !important;
	background: #1b2628 !important;
	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d)) !important;
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133))) !important;
	background: -o-linear-gradient(#233133, #141c1d) !important;
	background: -ms-linear-gradient(#233133, #141c1d) !important;
	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d)) !important;
	padding: 3px 6px;
}

body .ui-button:hover {
	border: 1px solid #0e1010 !important;
	border-radius: 8px !important;
	color: #ffe74a !important;
	background: -moz-linear-gradient(100% 100% 90deg, #233133, #1b2628, #141c1d 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)) !important;
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233133), to(rgba(#141c1d))) !important;
	background: -o-linear-gradient(#141c1d, #233133) !important;
	background: -ms-linear-gradient(#141c1d, #233133) !important;
	background: linear-gradient(linear, left top, left bottom, from(#141c1d), to(#233133)) !important;
}

body .ui-button:active {
	border: 1px solid #0e1010 !important;
	border-radius: 8px !important;
	color: #ffc000 !important;
	background: -moz-linear-gradient(100% 100% 90deg, #233133, #1b2628, #141c1d 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)) !important;
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233133), to(rgba(#141c1d))) !important;
	background: -o-linear-gradient(#141c1d, #233133) !important;
	background: -ms-linear-gradient(#141c1d, #233133) !important;
	background: linear-gradient(linear, left top, left bottom, from(#141c1d), to(#233133)) !important;
}

body .ui-button:active,
body .ui-button:focus {
	border-color: #0e1010 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: none !important;
	background: none !important;
	color: #0070a3;
}

.wikiEditor-ui-toolbar .group-search {
	padding: 0 0 0 6px;
	border-right: none;
	border-left: 1px solid black;
}

ul.mw-allpages-chunk li {
	border-top: none;
}

#wikieditor-toolbar-link-int-target-status-exists {
	background-image: url(resources/assets/skins/insert-link-exists.svg);
}

#wikieditor-toolbar-link-int-target-status-notexists {
	background-image: url(resources/assets/skins/insert-link-notexists.svg);
}

#wikieditor-toolbar-link-int-target-status-invalid {
	background-image: url(resources/assets/skins/insert-link-invalid.svg);
}

#wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.oo-ui-icon-info,
.oo-ui-indicator-required,
.oo-ui-icon-search,
.oo-ui-indicator-clear {
	-webkit-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
	filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
}

#wikiEditor-ui-toolbar .oo-ui-iconElement-icon:hover {
	-webkit-filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
	filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
}

/* Preferences */

.client-js #preferences {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: -2px;
	clear: both;
	border: none;
	background-color: #233437;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.client-js #preferences fieldset {
	border: none;
	border-top: solid 1px #cef582;
}

.client-js #preferences legend {
	color: #ffe74a;
}

.client-js #preftoc {
	background: none;
	margin: 0 0 0 10px !important;
}

.client-js #preftoc li {
	float: left;
	margin: 0 0 0 -1px;
	padding: 0;
	height: 2.25em;
	white-space: nowrap;
	list-style-type: none;
	list-style-image: none;
	border-left: 1px solid #0e1010;
	border-right: 1px solid #0e1010;
	border-top: 1px solid #0e1010;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #ffe74a;
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#233133, #141c1d);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#233133, #141c1d);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
	/* W3C */
}

.client-js #preftoc li:hover {
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #1c2526, #233437, #364a4d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #1c2526));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#1c2526), to(rgba(#364a4d)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#364a4d, #1c2526);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#364a4d, #1c2526);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#1c2526));
	/* W3C */
}

.client-js #preftoc li a:hover {
	color: #ffe74a;
	text-decoration: none;
}

.client-js #preftoc a,
.client-js #preftoc a:active {
	display: inline-block;
	position: relative;
	color: #cef582;
	padding: 0.5em;
	text-decoration: none;
	background-image: none;
	font-size: 0.9em;
	outline: none;
}

.client-js #preftoc li.selected a {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #ffe74a;
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#364a4d, #233437);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#364a4d, #233437);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437));
	/* W3C */
}

.client-js #preftoc li.selected a:hover {
	background: #1b2628;
	/* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437));
	/* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d)));
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#364a4d, #233437);
	/* Opera11.10+ */
	background: -ms-linear-gradient(#364a4d, #233437);
	/* IE10+ */
	background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437));
	/* W3C */
}


/* User Message */

.usermessage {
	background-color: #111617;
	border: 1px solid #14392e;
	border-radius: 10px;
	color: #cef582;
	font-weight: bold;
	margin: 2em 0 1em;
	padding: .5em 1em;
	vertical-align: middle;
}


/* Watchlist */

#contentSub,
#contentSub2 {
	font-size: 84%;
	line-height: 1.2em;
	margin: 0 0 1.4em 1em;
	color: #cef582;
	width: auto;
}

.skin-vector .mw-notification {
	background-color: #161e1f;
	background-color: rgba(22, 30, 31, 0.93);
	padding: 0.75em 1.5em;
	border: solid 1px black;
	border-radius: 0.75em;
	-webkit-box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125);
	box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125);
}


/* Page History */

#pagehistory {
	background: #161e1f;
	padding: 5px;
	border-radius: 10px;
}

#pagehistory li.selected {
	background-color: #233437;
	color: inherit;
	border: 1px dashed #7c9b3f;
	border-radius: 5px;
	margin-bottom: 3px;
}

#pagehistory li {
	border: none;
	background: #1d2f32;
	border-radius: 5px;
	margin-bottom: 2px;
}


/* Difference Page */

table.diff {
	background-color: #161e1f;
	border: none;
	border-spacing: 4px;
	margin: 0;
	width: 100%;
	table-layout: fixed;
	border-radius: 10px;
}

table.diff td {
	padding: 0.33em 0.5em;
	border-radius: 8px;
}

td.diff-context {
	background: #233437;
	border: none;
	color: #ffe74a;
}

td.diff-deletedline {
	border-color: #914a4e;
}

td.diff-addedline {
	border-color: #42b34e;
}

td.diff-addedline .diffchange {
	background: #223e22;
}

td.diff-deletedline .diffchange {
	background: #3d1d1c;
}


/* Legend Box */

.mw-changeslist-legend {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	clear: right;
	font-size: 85%;
	line-height: 1.2em;
	padding: 0.5em;
	background-color: #161e1f;
	border-radius: 8px;
	border: none;
}


/* CSS3 code to style radio buttons and checkboxes */


/* common styles */

label {
	cursor: pointer;
}

label,
input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
	vertical-align: middle;
}


/* hide the checkboxes and radios */

input[type="checkbox"],
input[type="radio"] {
	position: absolute;
	opacity: 0;
}


/* we use generated content to create a placeholder for the checkbox and the radio */

input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 13px;
	margin: -2px 2px 0 3px;
	background: url("resources/assets/skins/sprite-radio-checkbox.svg") no-repeat 0 0;
	vertical-align: middle;
}


/* disabled checkbox or radio */

input[type="checkbox"]:disabled+label,
input[type="radio"]:disabled+label {
	opacity: .5;
	cursor: default;
	/* or cursor: no-drop */
}


/* hover checkbox (unselected state only) */

input[type="checkbox"]:not(:checked):hover+label::before {
	background-position: 0 -13px;
}


/* selected checkbox */

input[type="checkbox"]:checked+label::before {
	background-position: 0 -26px;
}


/* normal state radio */

input[type="radio"]+label::before {
	background-position: -13px 0;
}


/* radio hover (unselected state only) */

input[type="radio"]:hover+label::before {
	background-position: -13px -13px;
}


/* selected radio */

input[type="radio"]:checked+label::before {
	background-position: -13px -26px;
}


/* focused checkbox or radio */

input[type="checkbox"]:focus+label,
input[type="radio"]:focus+label {
	outline: dotted 1px;
	/* by not adding color to the value we force the use of system's default focus color "invert" */
}


/* Edit by Hoodcom - This is supposed to work to prevent issues in IE8, however it doesn't take effect in that browser. */


/* older versions of internet explorer do not support either generated content, so we display the system checkboxes and radio buttons */

@media \0screen {
	input[type="checkbox"],
	input[type="radio"] {
		position: static;
	}
}


/* Radio Button fix for History Page -- Needed due to the code above requiring HTML Label tags with the radio buttons to function properly. */

#pagehistory input[type="checkbox"],
#pagehistory input[type="radio"] {
	position: inherit;
	opacity: 100;
}


/* Checkbox Fix for checkbox on login page. */

div.mw-ui-container input[type="checkbox"] {
	opacity: 100;
	position: inherit;
}

div#content h3,
div#content h4,
div#content h5,
div#content h6 {
	line-height: 1.6;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


/* Search profile tabs stuff */

.mw-search-profile-tabs {
	margin-bottom: 4px;
}

fieldset#mw-searchoptions {
	padding: 0.5em 0.75em 0.75em 0.75em !important;
	border: none;
	background-color: #233437;
	border: none;
	border-width: 0 !important;
	margin-top: 5px;
}

fieldset#mw-searchoptions div.divider {
	clear: both;
	border-bottom: 1px solid #cef582;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}

#bodyContent a.external {
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cg%20transform%3D%22translate%28-826.429%20-698.791%29%22%3E%3Crect%20width%3D%225.982%22%20height%3D%225.982%22%20x%3D%22826.929%22%20y%3D%22702.309%22%20fill%3D%22%23f3ceb5%22%20stroke%3D%22%23934a17%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M831.194%20698.791h5.234v5.391l-1.571%201.545-1.31-1.31-2.725%202.725-2.689-2.689%202.808-2.808-1.311-1.311z%22%20fill%3D%22%23b85c1d%22%2F%3E%3Cpath%20d%3D%22M835.424%20699.795l.022%204.885-1.817-1.817-2.881%202.881-1.228-1.228%202.881-2.881-1.851-1.851z%22%20fill%3D%22%23f3ceb5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

#bodyContent a.external[href$=".ogg"],
#bodyContent a.external[href$=".OGG"],
#bodyContent a.external[href$=".mid"],
#bodyContent a.external[href$=".MID"],
#bodyContent a.external[href$=".midi"],
#bodyContent a.external[href$=".MIDI"],
#bodyContent a.external[href$=".mp3"],
#bodyContent a.external[href$=".MP3"],
#bodyContent a.external[href$=".wav"],
#bodyContent a.external[href$=".WAV"],
#bodyContent a.external[href$=".wma"],
#bodyContent a.external[href$=".WMA"],
.link-audio {
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cg%20transform%3D%22translate%28-36.467808%2C-258.39005%29%22%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m43.47%2C259.4-3%2C3-3%2C0%2C0%2C4%2C3%2C0%2C3%2C3zm-1%2C2.5%2C0%2C5-1.5-1.5-2.5%2C0%2C0-2%2C2.5%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m43.9%2C262.5c0-0.6213%2C0.6213-1.243%2C1.243-0.6213%2C0%2C0%2C0.6213%2C0.6213%2C0.6213%2C2.485s-0.6213%2C2.485-0.6213%2C2.485c-0.6213%2C0.6213-1.243%2C0-1.243-0.6213%2C0%2C0%2C0.6213-0.6213%2C0.6213-1.864s-0.6213-1.864-0.6213-1.864z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m45.76%2C261.2c0-0.6213%2C0.6213-1.243%2C1.243-0.6213%2C0%2C0%2C1.243%2C1.243%2C1.243%2C3.728s-1.243%2C3.728-1.243%2C3.728c-0.6213%2C0.6213-1.243%2C0-1.243-0.6213%2C0%2C0%2C1.243-1.243%2C1.243-3.107s-1.243-3.107-1.243-3.107z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

#bodyContent a.external[href$=".pdf"],
#bodyContent a.external[href$=".PDF"],
#bodyContent a.external[href*=".pdf#"],
#bodyContent a.external[href*=".PDF#"],
#bodyContent a.external[href*=".pdf?"],
#bodyContent a.external[href*=".PDF?"],
.link-document {
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m7.5%2C2%2C0%2C3%2C2.5%2C0%2C1-1-2.5%2C0%2C0-3z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m3%2C1%2C0%2C10%2C8%2C0%2C0-7-2.5-3zm1%2C1%2C4%2C0%2C2%2C2.5%2C0%2C5.5-6%2C0z%22%2F%3E%3C%2Fsvg%3E);
}

#bodyContent a.external[href$=".ogm"],
#bodyContent a.external[href$=".OGM"],
#bodyContent a.external[href$=".avi"],
#bodyContent a.external[href$=".AVI"],
#bodyContent a.external[href$=".mpeg"],
#bodyContent a.external[href$=".MPEG"],
#bodyContent a.external[href$=".mpg"],
#bodyContent a.external[href$=".MPG"],
.link-video {
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cg%20transform%3D%22translate%28-36.4678%2C-258.39%29%22%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C260.4%2C0%2C0.6213%2C8.098%2C0%2C0-0.6213z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C268.4%2C8.098%2C0%2C0-0.6213-8.098%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C262.3%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213zm6.229%2C0%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C266%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213zm6.229%2C0%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C264.8%2C8.098%2C0%2C0-0.6213-8.098%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m40.83%2C263.9%2C0%2C1.243%2C4.36%2C0%2C0-1.243z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m40.47%2C260.4%2C0%2C8%2C5%2C0%2C0-8zm1%2C1%2C3%2C0%2C0%2C6-3%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m38.47%2C259.4%2C1%2C0%2C0%2C10-1%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m46.47%2C259.4%2C1%2C0%2C0%2C10-1%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

#bodyContent a.external[href^="mailto:"],
.link-mailto {
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cg%20transform%3D%22translate%28-36.47%2C-257.4%29%22%3E%3Cpath%20style%3D%22fill%3A%23ff8e51%3B%22%20d%3D%22m38.31%2C261.4%2C4.66%2C4.349%2C4.66-4.349-0.6213-0.6213-1.243%2C0.6216-2.796%2C2.485-2.796-2.485-1.243-0.6216z%22%2F%3E%3Cpath%20style%3D%22fill%3A%23e27e48%3B%22%20d%3D%22m37.47%2C260.4%2C0%2C8%2C11%2C0%2C0-8zm1%2C1%2C9%2C0%2C0%2C6-9%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

#pt-userpage a,
#pt-anonuserpage,
#pt-login,
#pt-logout {
	background-position: left top !important;
	background-repeat: no-repeat !important;
	background-image: url(resources/assets/skins/icon_profile.svg) !important;
	background-image: -webkit-linear-gradient(transparent, transparent), url(resources/assets/skins/icon_profile.svg) !important;
	background-image: linear-gradient(transparent, transparent), url(resources/assets/skins/icon_profile.svg) !important;
	padding-left: 16px !important;
}


/* WikiForum */

table.mw-wikiforum-frame {
	clear: both;
	width: 100%;
	background: #161e1f;
	border: none;
	margin-bottom: 1.2em;
	border-radius: 8px;
}

p.mw-wikiforum-descr {
	color: #ffe74a;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

tr.mw-wikiforum-title {
	background: #233437;
	height: 3em;
}

td.mw-wikiforum-innerframe {
	/* border: 1px solid #ddd; */
	background: none;
}

th.mw-wikiforum-title {
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	border-bottom: none;
	border-top: none;
	background: #233437;
	border-top-left-radius: 4px;
}

td.mw-wikiforum-innerframe {
	border: none;
	border-radius: 8px;
}

th.mw-wikiforum-admin {
	border-bottom: none;
	border-top: none;
	text-align: right;
}

th.mw-wikiforum-value {
	width: 90px;
	border-bottom: none;
	border-top: none;
	text-align: center;
}

th.mw-wikiforum-lastpost {
	width: 180px;
	border-bottom: none;
	border-top: none;
	text-align: center;
	border-top-right-radius: 4px;
}

td.mw-wikiforum-title {
	text-align: left;
	padding-left: 10px;
	border-top: 1px solid black;
	border-bottom: none;
}

td.mw-wikiforum-admin {
	border-top: 1px solid black;
	border-bottom: none;
	text-align: right;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

td.mw-wikiforum-value {
	border-top: 1px solid black;
	border-bottom: none;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

#mw-wikiforum-searchbox-border {
	border: none;
	width: 200px;
	text-align: left;
	background: #161e1f;
	border-radius: 8px;
}

tr.mw-wikiforum-normal {
	background: #1a2729;
}

th.mw-wikiforum-thread-top {
	font-weight: bold;
	padding: 5px 10px;
	border: none;
	background: #1a2729;
	text-align: left;
	border-radius: 8px;
}

td.mw-wikiforum-thread-main {
	padding: 10px;
	border: 1px solid #161e1f;
	background: #233437;
	border-radius: 8px;
}

td.mw-wikiforum-thread-sub {
	padding: 0px 10px;
	border: 1px solid #161e1f;
	background: #233437;
	border-radius: 6px;
}

table.mw-wikiforum-posted {
	color: #cef582;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border-top: 1px solid black;
	width: 100%;
	background: transparent;
	margin-top: 16px;
	margin-bottom: 6px;
}

blockquote p.posted {
	color: #ffe74a;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border-bottom: 1px dotted #ffe74a;
	background: transparent;
	margin-bottom: 6px;
}

blockquote span {
	color: #ffe74a;
	font-family: Times New Roman;
	font-size: 30px;
	background: transparent;
	margin: 0 5px;
}

blockquote {
	padding: 10px;
	background: #161e1f;
	border-radius: 6px;
	overflow: hidden;
}

tr.mw-wikiforum-marked {
	background: #1a2729;
}


/* Main Page CSS */


/* This will tie all the Main Pages for every language together for their CSS needs. */


/* Welcome to RayWiki Section */

.mpwelcome {
	width: 100%;
	background-color: #1a2729;
	border-radius: 10px;
}

td.mpheading {
	width: 100%;
	text-align: center;
}

div.mpheading2 {
	font-size: 28px;
	border: none;
	margin: 0;
	padding: .5em;
}

div.mpheading3 {
	font-size: 14px;
	border: none;
	margin: 0;
	padding: .5em;
}


/* Discovery RayWiki Section */

table.mpdiscover {
	width: 100%;
	background-color: #161e1f;
	border: none;
	padding: 2px;
	border-radius: 8px;
	margin-top: 10px;
}


/* Common Content */

table.mpcommonbg {
	background: #161e1f;
	padding: 2px;
	border-radius: 10px;
	margin-bottom: 4px;
}

h2#mpcommonheader {
	text-align: left;
	background: #233437;
	border: none;
	font-size: 120%;
	font-weight: bold;
	padding: 0.2em 0.4em;
	border-radius: 8px;
	color: #ddd600;
}

span.mpcommonheaderspan {
	font-size: 80%;
	font-weight: bold;
	padding: 0.2em 0.4em;
}

table.mplanguages {
	text-align: center;
	margin-top: 10px;
	border: none;
	background: #161e1f;
	padding: 2px;
	border-radius: 10px;
}

h2#mpcommonheaderquote {
	text-align: center;
	background: #233437;
	border: none;
	font-weight: bold;
	padding: 0.2em 0.4em;
	border-radius: 8px;
	color: #ddd600;
}

span.mpcommonheaderquote {
	font-size: 80%;
}

h2#mpcommonheaderlang {
	text-align: center;
	background: #233437;
	border: none;
	font-weight: bold;
	padding: 0.2em 0.4em;
	border-radius: 8px;
	color: #ddd600;
}

span.mpcommonheaderlang {
	font-size: 80%;
}


/* Help icon */

#mw-indicator-mw-helplink a {
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23ffe74a%22%3E%3Cpath%20d%3D%22M12.001%202.085c-5.478%200-9.916%204.438-9.916%209.916%200%205.476%204.438%209.914%209.916%209.914%205.476%200%209.914-4.438%209.914-9.914%200-5.478-4.438-9.916-9.914-9.916zm.001%2018c-4.465%200-8.084-3.619-8.084-8.083%200-4.465%203.619-8.084%208.084-8.084%204.464%200%208.083%203.619%208.083%208.084%200%204.464-3.619%208.083-8.083%208.083z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M11.766%206.688c-2.5%200-3.219%202.188-3.219%202.188l1.411.854s.298-.791.901-1.229c.516-.375%201.625-.625%202.219.125.701.885-.17%201.587-1.078%202.719-.953%201.186-1%203.655-1%203.655h1.969s.135-2.318%201.041-3.381c.603-.707%201.443-1.338%201.443-2.494s-1.187-2.437-3.687-2.437z%22%2F%3E%3Cpath%20d%3D%22M11%2016h2v2h-2z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

@media screen {
	/* Lists */
	ul {
		list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23cef582%22%2F%3E%0A%3C%2Fsvg%3E%0A);
	}
	ul#pagehistory {
		list-style: none;
	}
	/* Watch icon */
	.vectorTabs #ca-watch.icon a {
		background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%231a2729%22%20stroke%3D%22%23cef582%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
	}
	.vectorTabs #ca-watch.icon a:hover,
	.vectorTabs #ca-watch.icon a:focus {
		background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%231a2729%22%20stroke%3D%22%23ffe74a%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
	}
	/* 'More' menu */
	div.vectorMenu {
		height: 27px;
	}
	div#mw-head div.vectorMenu h3 {
		background-image: none;
	}
	div.vectorMenu h3 span {
		font-weight: bold;
		color: #ffe74a;
		padding-top: 5px;
		margin-right: 0.7em;
	}
	div.vectorMenu div.menu {
		top: 27px;
		border: none;
	}
}


/* Redirect */

.mw-content-ltr .redirectText li:first-child {
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247%22%20height%3D%2220%22%20viewBox%3D%220%200%2047%2020%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Layer_1%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ffe74a%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M14.98%202.5V11c0%201.04%201.02%201.98%202.02%201.98h6l3%20.02%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22Layer_3%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M23.48%209.5l.02%207L30%2013z%22%20fill%3D%22%23ffe74a%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
}


/* OO forms */

.oo-ui-panelLayout-framed {
	border-color: #111617;
}

.oo-ui-menuSelectWidget {
	background-color: #192324;
	border-color: #111617;
}

.oo-ui-indicator-down {
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cg%20id%3D%22down%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22arrow%22%20d%3D%22M1%204h10L6%209%201%204%22%20fill%3D%22%23ffe74a%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
	background-color: #233437;
	color: #ffe74a;
}

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

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: #233437;
	color: #ffe74a;
}

.oo-ui-checkboxInputWidget input[type="checkbox"]+span {
	background-color: transparent;
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20fill%3A%20%23ffe74a%7D%3C%2Fstyle%3E%0A%20%20%20%20%3Cg%20id%3D%22check%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%207.5L9.5%2015%206%2011.5%204.5%2013l5%205L20%207.5c-.706-.706-2.294-.706-3%200z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
	border: 1px solid #ffe74a;
}


/* Secondary buttons */

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
	border-color: #0e1010;
	color: inherit;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133));
	border-color: #0e1010;
	color: inherit;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement>.oo-ui-buttonElement-button:focus {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
	border-color: #005f65;
	box-shadow: inset 0 0 0 1px #005f65;
	color: inherit;
}


/* Primary buttons */

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
	border-color: #0e1010;
	color: #ffe74a;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133));
	border-color: #0e1010;
	color: #ffe74a;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
	border-color: #005f65;
	box-shadow: inset 0 0 0 1px #005f65;
	color: #ffe74a;
}


/* Destructive elements */

.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
	color: #d33 !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
	box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #192324
}


/* Dropdowns */

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

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background-color: #192324;
	color: inherit;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
	background-color: #192324;
	color: inherit;
	border-color: #005f65
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
	color: inherit;
	border-color: #005f65
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
	border-color: #005f65;
	box-shadow: inset 0 0 0 1px #005f65
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
	background-color: #111617
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
	color: #000;
	text-shadow: none;
	border-color: #005f65;
	background-color: #192324 opacity: .5;
	cursor: default;
}

/* Text inputs */

.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
	background-color: #192324;
	color: #ffe74a;
	border: 1px solid #1b1618;
}

.mw-recentchanges-table .mw-input input.mw-ui-input {
	background-color: #233437;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
	border-color: #005f65;
	box-shadow: inset 0 0 0 1px #005f65
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
	border-color: #005f65
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus {
	border-color: #005f65
}

@media screen and (min-width:0) {
	.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
		outline: 1px solid #005f65;
	}
}

/* Checkboxes */

.oo-ui-checkboxInputWidget [type='checkbox']:disabled+span {
	background-color: inherit;
	border-color: #72777d;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {
	border-color: #ffe74a;
	box-shadow: inset 0 0 0 1px green;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {
	border-color: #ffe74a;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {
	background-color: #cef582;
	border-color: #cef582;
	box-shadow: inset 0 0 0 1px #cef582;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span {
	background-color: inherit;
	border-color: #ffe74a;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span {
	background-color: inherit;
	border-color: #ffe74a;
	box-shadow: none;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span {
	background-color: inherit;
	border-color: #cef582;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span {
	background-color: #cef582;
	border-color: #cef582;
	box-shadow: inset 0 0 0 1px #cef582;
}

/* Pop-ups */

.oo-ui-popupWidget-popup {
	background-color: #233437;
	border: 1px solid #111617;
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
	border-top-color: #111617;
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
	border-top-color: #233437;
}


/* Infobox */

table.infobox {
	float: right;
	clear: right;
	width: 250px;
	padding: 2px;
	margin: 0px 0px 5px 5px;
	border-radius: 10px;
	background-color: #161e1f;
	font-size: 90%;
}

table.infobox tr th.header {
	border-radius: 8px;
	background-color: #233437;
	color: #ddd600;
	font-size: 1.2em;
}


/* Navbox */

table.navbox {
	padding: 2px;
	border-radius: 10px;
	background-color: #161e1f;
	font-size: 90%;
}

table.navbox tr th.header {
	border-radius: 8px;
	background-color: #233437;
}


/* Notebox */

table.notebox {
	width: 100%;
	background-color: #161e1f;
	border-radius: 10px;
	border-spacing: 10px;
	text-align: center;
}

table.notebox tr th.header {
	border-radius: 8px;
	background-color: #233437;
	color: #ddd600;
	font-size: 1.2em;
}


/* Sprite images */

.sprite {
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
}

/* References */

ol.references li:target, sup.reference:target {
	border-radius: 8px;
	background-color: #233437;
}

/* Calendar MW Widget */

.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle {
    background-color: #161e1f;
    border: 1px solid #0e1010;
    border-radius: 6px;
}

.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
    color: #ffe74a;
    outline: 0;
}

/* Popup Calendar UI */

.mw-widget-dateInputWidget-calendar {
    background-color: #111617;
    border-color: #cef582;
    border-radius: 10px;
}

.mw-widget-calendarWidget-header {
    filter: invert(89%) sepia(10%) saturate(1500%) hue-rotate(30deg);
}

.mw-widget-calendarWidget-day-heading {
    color: #ffc000;
}

.mw-widget-calendarWidget-day {
    color: #cef582;
}

.mw-widget-calendarWidget-day-additional {
    color: #5c8e48;
}

.mw-widget-calendarWidget-item:hover {
    background-color: #1e2b2d;
    color: #ffc000;
    font-weight: bold;
}

.mw-widget-calendarWidget-day-today {
    box-shadow: inset 0 0 0 1px #ffc000;
}

/* Scrollbars */

::-webkit-scrollbar {
	width: 14px;
	height: 14px;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: rgb(35, 52, 55);
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
	background: rgb(40, 57, 60);
}

::-webkit-scrollbar-thumb:vertical {
	border-top: solid 2px rgba(35, 52, 55, 0.5);
	border-bottom: solid 2px rgba(35, 52, 55, 0.5);
}

::-webkit-scrollbar-thumb:horizontal {
	border-right: solid 2px rgba(35, 52, 55, 0.5);
	border-left: solid 2px rgba(35, 52, 55, 0.5);
}

::-webkit-scrollbar-corner {
	background: rgba(27, 38, 40, 0.5);
}

::-webkit-scrollbar-track {
	background: rgb(27, 38, 40);
}

/* OOUI & VisualEditor */

.ve-activated .vectorTabs .selected {
	box-shadow: inset 0 -1px 0 #111617;
}

.oo-ui-toolbar-bar,
.oo-ui-listToolGroup.oo-ui-widget-disabled,
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
.ve-ui-specialCharacterPage h3,
.ve-ui-mwHelpPopupTool-version-label,
.ve-ui-mwHelpPopupTool-version-link,
.ve-ui-mwHelpPopupTool-version-date,
.oo-ui-toolbar-bar,
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabOptionWidget,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.ve-ui-mwTemplatePage-description,
.oo-ui-messageDialog-title,
.oo-ui-messageDialog-message,
.mw-foreignStructuredUpload-bookletLayout-license {
	color: inherit;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
	color: inherit;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
	border-color: #111617;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
	color: inherit;
	border-color: #111617;
}

.ve-ui-toolbar .oo-ui-iconElement-icon,
.ve-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-icon-check):not(.oo-ui-image-progressive):not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-icon-expand):not(.oo-ui-icon-next),
.oo-ui-windowManager .oo-ui-iconElement-icon:not(.oo-ui-icon-check):not(.oo-ui-image-progressive):not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-icon-expand):not(.oo-ui-icon-next),
.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon {
	-webkit-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
	filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
}

.ve-ui-toolbar .oo-ui-iconElement-icon:active,
.ve-ui-toolbar .oo-ui-iconElement-icon.oo-ui-image-progressive,
.ve-ui-overlay .oo-ui-iconElement-icon:active,
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-progressive,
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-invert,
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-icon-notice,
.oo-ui-toolbar .oo-ui-toggleWidget-on .oo-ui-iconElement-icon,
.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon.oo-ui-image-invert {
	-webkit-filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
	filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
}

.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-destructive {
	-webkit-filter: none;
	filter: none;
}

.ve-ui-toolbar .oo-ui-widget-disabled .oo-ui-iconElement-icon.oo-ui-image-invert {
	-webkit-filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
	filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
}

.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
	background-color: transparent;
	outline: none;
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
	border-bottom-color: #111617;
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
	border-bottom-color: #233437;
}

.oo-ui-toolbar-bar {
	background-color: #1A2729;
}

.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:hover,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:active,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-tool-active,
.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled,
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-tool-active,
.oo-ui-outlineControlsWidget,
.oo-ui-selectFileWidget-info {
	background-color: #233437;
}

.oo-ui-toolGroup,
.oo-ui-toolbar-actions .oo-ui-toolGroup,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.oo-ui-toolbar-actions > .oo-ui-toolbar:not(:last-child),
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.ve-ui-specialCharacterPage-character,
.ve-ui-mwNoticesPopupTool-items > div:not(:first-child), .ve-ui-mwHelpPopupTool-item:not(:first-child),
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
.ve-ui-targetWidget,
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
.ve-ui-mwTransclusionDialog-addParameterFieldset .ve-ui-mwParameterSearchWidget,
.oo-ui-searchWidget-query,
.ve-ui-mwGalleryDialog-menuLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwGalleryDialog-innerMenuLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwSaveDialog-editSummary-count,
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget,
.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	border-color: #111617;
}

.oo-ui-messageDialog-content > .oo-ui-window-foot,
.oo-ui-processDialog-content .oo-ui-window-body {
	outline-color: #111617;
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
	background-color: #111617;
}

.ve-ui-specialCharacterPage-character:hover {
	border-color: #005f65;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: #233437;
	color: #ffc000;
}

.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
	background-color: #1A2729;
	border-color: #111617;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
	color: #ffc000;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
	color: #ffc000;
	border-color: #005f65;
}

.oo-ui-tabSelectWidget,
.ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:hover,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
	background-color: #1A2729;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed .oo-ui-labelElement-label {
	color: #ffc000;
}

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
	background-color: #233437;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#233133),color-stop(100%,#141c1d));
	color: inherit;
	border-color: #111617;
	opacity: 0.5;
}

.oo-ui-window-content {
	background-color: #233437;
}

.oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
	background-color: #1A2729;
	text-shadow: 0 1px 1px #000;
	border-color: #111617;
	opacity: 0.5;
}

figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'],
figure[typeof~='mw:Image/Thumb'] > *:first-child > img, figure[typeof~='mw:Video/Thumb'] > *:first-child > img, figure[typeof~='mw:Audio/Thumb'] > *:first-child > img, figure[typeof~='mw:Image/Frame'] > *:first-child > img, figure[typeof~='mw:Video/Frame'] > *:first-child > img, figure[typeof~='mw:Audio/Frame'] > *:first-child > img, figure[typeof~='mw:Image/Thumb'] > *:first-child > video, figure[typeof~='mw:Video/Thumb'] > *:first-child > video, figure[typeof~='mw:Audio/Thumb'] > *:first-child > video, figure[typeof~='mw:Image/Frame'] > *:first-child > video, figure[typeof~='mw:Video/Frame'] > *:first-child > video, figure[typeof~='mw:Audio/Frame'] > *:first-child > video {
	background-color: #161e1f;
	border-color: #14392e;
}

.mw-content-ltr figure[typeof*='mw:Image/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Video/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Audio/Thumb'] > a:after {
	background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%23cef582%22%3E%3Cpath%20id%3D%22bigbox%22%20d%3D%22M1.509%201.865h10.99v7.919h-10.99z%22%2F%3E%3Cpath%20id%3D%22smallbox%22%20d%3D%22M-1.499%206.868h5.943v4.904h-5.943z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
}

.ve-ui-mwSaveDialog-options {
	background-color: #233437;
	border-color: #111617;
}

.ve-ui-mwSaveDialog-license {
	color: inherit;
}

.ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td {
	background-color: #233437;
}

.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
	background-color: #233437;
	border-color: #cef582;
}

.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
	border-color: #ffc000;
}

.oo-ui-selectFileWidget-dropTarget {
	border-color: #cef582;
}

/* Recent changes filters */

.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
    border-color: #cef582;
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: #cef582;
}

.mw-rcfilters-ui-savedLinksListItemWidget-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    color: #ffe74a;
}

.mw-rcfilters-ui-savedLinksListItemWidget:hover,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: #1a2729;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
	background-color: #233437;
}

.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child),
.mw-rcfilters-ui-datePopupWidget {
    border-color: #000;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: #cef582;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    color: #cef582;
    background-color: #1a2729;
    border-color: #000;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    color: #ffe74a;
    background-color: #1a2729;
    border-color: #005f65;
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
    background-color: #233437;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
.mw-rcfilters-ui-tagItemWidget-popup-content {
    color: #cef582;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: #1a2729;
    border-color: #000;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	border-color: #000;
	background-color: #233437;
}

.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
	border-color: #233437;
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-color: #000;
}

.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive),
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive) {
	-webkit-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
	filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
}

.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover,
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover {
	-webkit-filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
	filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
}

.rcfilters-head .oo-ui-iconElement-icon.oo-ui-image-invert,
.rcfilters-head .oo-ui-iconElement-icon.oo-ui-image-progressive,
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-invert,
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-progressive{
	-webkit-filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
	filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
}

.oo-ui-popupToolGroup-tools {
	background-color: #1a2729;
	border-color: #000;
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
	color: #cef582;
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
	color: #ffe74a;
}

.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
	border-color: #000;
}

.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
	background-color: rgba(41,98,204,0.1);
}

.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
	color: #ffe74a;
}

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
	border-bottom-color: transparent;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	color: #cef582;
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
	background-color: #233437;
}

/* Column layouts */

.portal-column-left-wide {
	float: left;
	width: 59.66%;
	margin-right: 0.33%;
}

.portal-column-right-narrow {
	float: right;
	width: 39.66%;
	margin-left: 0.33%;
}