MediaWiki:Metrolook.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Metrolook skin */

/*************************************************
**
**		FORMATTING AND HEADERS
**
**************************************************/
.mw-body #firstHeading, #contentSub, #siteSub{
	text-align: center;
	margin: 0 1.5em;
}

#mw-content-text, #catlinks, .ve-ui-surface{
	margin: 1.25em 1.5em 1.5em 1.5em;
}

/*************************************************
**
**		LEFT NAVIGATION PANEL
**
**************************************************/
div#mw-panel{
	display:none;
	box-shadow:0 0 16px 0 black;
	background: #1A043B;
	width: 13em;
}

.skin-metrolook.ns-6 div#mw-panel {
	background: url("/images/1/16/Common_Background_%28Dark_Theme%29.png") repeat;
}

.skin-metrolook.ns-110 div#mw-panel {
	background: url("/images/4/44/Common_Background_%28Forums%29.png") repeat;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
	.skin-metrolook div#mw-panel, .skin-metrolook.ns-6 div#mw-panel, .skin-metrolook.ns-110 div#mw-panel{
		background: radial-gradient(rgba(6, 48, 91, .5), rgba(1, 16, 34, .8));
		backdrop-filter: blur(15px);
	}
}

div#mw-panel div.portal{
	margin: 0;
}

div#mw-panel #p-logo + div.portal div.body{
	margin:0;
}

/*     Logo     */
div#p-logo {
	display: flex;
	width: auto;
	justify-content: center;
}

/*     Navigation group headers     */
#mw-panel.collapsible-nav .portal.collapsed h5 a, #mw-panel.collapsible-nav .portal h5 a {
	color: #EFEFEF;
}

/*     Navigation links     */
div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited  {
    color: #CCCCCC;
    padding: 9px;
    display: block;
    transition: 0.1s ease-in-out;
}

div#mw-panel div.portal div.body ul li a:hover {
	padding: 7px 9px;
    background: #051a30;
    text-decoration:none;
    border: #0066FF 1px solid;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,.3);
    position:relative;
    z-index:0;
}

/*     Link items     */
div#mw-panel div.portal div.body ul li, .collapsible-nav#mw-panel .portal .body ul li{
    padding:0;
}

#mw-panel.collapsible-nav .portal.collapsed h5,
#mw-panel.collapsible-nav .portal h5{
	background-image: none;
}

#mw-panel.collapsible-nav .portal.collapsed h5 a{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.98 3.146a.5.5 0 000 .708L10.127 8 5.98 12.146a.5.5 0 00.708.708l4.5-4.5a.5.5 0 000-.708l-4.5-4.5a.5.5 0 00-.708 0z' fill='%23D1DEEB'/%3E%3C/svg%3E");
}

#mw-panel.collapsible-nav .portal h5 a {
	background: url(data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.146 5.98a.5.5 0 01.708 0L8 10.126l4.146-4.146a.5.5 0 01.708.707l-4.5 4.5a.5.5 0 01-.708 0l-4.5-4.5a.5.5 0 010-.707z' fill='%23D1DEEB'/%3E%3C/svg%3E);
	background-repeat: no-repeat;
	background-position: left center;
	margin: -0.5em;
	padding: 4px 0 3px 1.1em;
}

/*************************************************
**
**		TOP NAVIGATION
**
**************************************************/
/*     Top navigation background     */
#mw-page-base, #left-navigation {
	background: #06305B;
	background-position: center -3px;
	background-blend-mode: screen;
	box-shadow:0 0 13px 0 #000000;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
	#mw-page-base {
		background-color: rgba(6,48,91,0.8);
		-webkit-backdrop-filter: saturate(180%) blur(30px);
		backdrop-filter: saturate(180%) blur(30px);
	}
}

div.vectorTabs ul > li {
	transition: 0.2s ease-in-out;
}

div.vectorTabs li > a {
	margin-top: 1em;
}

/*     Tab links     */
div.vectorTabs a, div.onhoverbg, img.downarrow, div.vectorMenu{
	transition:0.2s ease-in-out;
}

/*     Hover color for tabs     */
div.vectorTabs li:hover, div.onhoverbg:hover, img.downarrow:hover, div.vectorMenu:hover,
img.editbutton:hover, div#hamburgerIcon:hover {
	background-color: #4e79a4;
	z-index:99;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
}

div.vectorTabs li a:hover {
	background-color:transparent;
}

/*     Tab link dropdown menu     */
div.vectorMenu ul{
	background-color: rgba(29, 29, 29);
	box-shadow: 0 0 13px 0 rgba(0,0,0,.3)
}

/*************************************************
**
**		THEME
**
**************************************************/
.skin-metrolook div#rsw-color-scheme-prompt{
	margin-top: 51px;
	left: unset !important;
	right: 10px;
}

.skin-metrolook div#rsw-color-scheme-prompt .oo-ui-popupWidget-anchor {
	left: unset !important;
	right: 20px;
}

/*************************************************
**
**		PERSONAL LINK MENU
**
**************************************************/
#p-personal li a, div.vectorMenu ul a, 
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge{
	color: #d1deeb;
}

#p-personal li:hover a, div.vectorMenu ul li:hover a{
	color: #4e79a4;
}

#pt-notifications-alert a.mw-echo-notifications-badge:hover, 
#pt-notifications-notice a.mw-echo-notifications-badge:hover {
	background: #f3f3f3;
}

/*************************************************
**
**		METROLOOK TAB ICONS
**
**************************************************/
span.uploadbutton{
	top:0.8em;
}

img.uploadbutton{
	display:none;
}

#p-personal li a{
	display: flex;
	align-items: center;
	justify-content: start;
}

#p-personal li a:before {
	background-repeat: no-repeat;
	background-position: center left;
	padding: 2px 4px 2px 0;
	display: initial;
	content: '';
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
}

#left-navigation #uploadbutton .uploadbutton:before {
	content: "\E11C";
	font-family: Segoe Fluent Icons;
	font-size: 1em;
	vertical-align: -2.5px;;
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read{
	opacity:1;
}

#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge{
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	top: 0;
	cursor: pointer;
	text-decoration: none;
	line-height:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: 0px;
	background: none;
}

#pt-notifications-alert .mw-echo-notifications-badge:before, #pt-notifications-notice .mw-echo-notifications-badge:before{
	position:relative;
	top:0;
	left:0;
	margin:0;
	height:auto;
	width:auto;
}

#pt-notifications-notice .mw-echo-notifications-badge:before{
	background-image:none;
	font-family: Segoe Fluent Icons;
	font-size: 1.25em;
	content:'\E7E7';
	vertical-align:middle;
}

#pt-notifications-notice .mw-echo-notifications-badge{
	left:0;
	right:0;
	top:0;
	padding-right:0;
}

#pt-notifications-alert .mw-echo-notifications-badge:before{
	background-image:none;
	font-family: Segoe Fluent Icons;
	font-size: 1.25em;
	content: '\EA8F';
	vertical-align:middle;
}

#ca-unwatch.icon a, #ca-watch.icon a, #ca-unwatch.icon a:hover, #ca-watch.icon a:hover, #ca-watch.icon a:focus, #ca-unwatch.icon a:focus{
	width: 1em;
	color:transparent;
	background-image:none;
	padding:1em 0.8em 0;
	margin-top:0;
	height:2em;
}

#ca-watch.icon a:before {
	content: "\E734";
	font-family: Segoe Fluent Icons;
	font-size: 1em;
	color: #FFFFFF;
	visibility: visible;
	position: absolute;
}

#ca-unwatch.icon a:before {
	content: "\E735";
	font-family: Segoe Fluent Icons;
	font-size: 1em;
	color: #FFFFFF;
	visibility: visible;
	position: absolute;
}

#utcdate a:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.438 10.125h-3a.563.563 0 01-.563-.563v-4.5a.563.563 0 011.125 0V9h2.438a.563.563 0 010 1.125zM9 1.5a7.5 7.5 0 10.002 15.002A7.5 7.5 0 009 1.5z' fill='%23D1DEEB'/%3E%3C/svg%3E");
}

#utcdate:hover a:before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.438 10.125h-3a.563.563 0 01-.563-.563v-4.5a.563.563 0 011.125 0V9h2.438a.563.563 0 010 1.125zM9 1.5a7.5 7.5 0 10.002 15.002A7.5 7.5 0 009 1.5z' fill='%234E79A4'/%3E%3C/svg%3E");
}

#pt-userpage a:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.315 10.5c.931 0 1.687.755 1.687 1.687v.689c0 .43-.135.849-.385 1.199C13.457 15.697 11.564 16.5 9 16.5c-2.565 0-4.458-.804-5.614-2.428a2.062 2.062 0 01-.383-1.196v-.69c0-.932.755-1.687 1.687-1.687h8.626zM8.999 1.503a3.75 3.75 0 110 7.5 3.75 3.75 0 010-7.5z' fill='%23D1DEEB'/%3E%3C/svg%3E");
}

#pt-userpage:hover a:before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.315 10.5c.931 0 1.687.755 1.687 1.687v.689c0 .43-.135.849-.385 1.199C13.457 15.697 11.564 16.5 9 16.5c-2.565 0-4.458-.804-5.614-2.428a2.062 2.062 0 01-.383-1.196v-.69c0-.932.755-1.687 1.687-1.687h8.626zM8.999 1.503a3.75 3.75 0 110 7.5 3.75 3.75 0 010-7.5z' fill='%234E79A4'/%3E%3C/svg%3E");
}

#pt-mytalk a:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5a7.5 7.5 0 11-3.483 14.144l-3.218.838a.638.638 0 01-.778-.778l.838-3.216A7.5 7.5 0 019 1.5zm.939 8.25H6.562l-.076.005a.563.563 0 000 1.115l.077.005h3.376l.076-.005a.563.563 0 000-1.115L9.94 9.75zm1.498-2.625H6.564l-.077.005a.563.563 0 000 1.115l.077.005h4.875l.076-.005a.563.563 0 000-1.115l-.076-.005z' fill='%23D1DEEB'/%3E%3C/svg%3E");
}

#pt-mytalk:hover a:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5a7.5 7.5 0 11-3.483 14.144l-3.218.838a.638.638 0 01-.778-.778l.838-3.216A7.5 7.5 0 019 1.5zm.939 8.25H6.562l-.076.005a.563.563 0 000 1.115l.077.005h3.376l.076-.005a.563.563 0 000-1.115L9.94 9.75zm1.498-2.625H6.564l-.077.005a.563.563 0 000 1.115l.077.005h4.875l.076-.005a.563.563 0 000-1.115l-.076-.005z' fill='%234E79A4'/%3E%3C/svg%3E");
}

#pt-preferences a:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.01 1.688c.55.006 1.099.07 1.636.19.235.052.41.247.437.486l.127 1.145a1.038 1.038 0 001.446.837l1.05-.461a.562.562 0 01.637.13 7.344 7.344 0 011.653 2.844.562.562 0 01-.203.62l-.931.686a1.036 1.036 0 000 1.67l.932.686c.193.142.275.391.204.62a7.348 7.348 0 01-1.653 2.844.562.562 0 01-.636.13l-1.055-.462a1.036 1.036 0 00-1.445.835l-.126 1.145a.562.562 0 01-.43.486 7.14 7.14 0 01-3.304 0 .563.563 0 01-.429-.486l-.126-1.143a1.036 1.036 0 00-1.444-.833l-1.055.462a.563.563 0 01-.637-.13 7.349 7.349 0 01-1.652-2.848.563.563 0 01.203-.619l.933-.687a1.036 1.036 0 000-1.67L2.21 7.48a.562.562 0 01-.204-.62 7.345 7.345 0 011.653-2.844.563.563 0 01.637-.13l1.05.46a1.04 1.04 0 001.448-.839l.128-1.143a.562.562 0 01.437-.487 7.999 7.999 0 011.65-.19zM9 6.75a2.25 2.25 0 100 4.5 2.25 2.25 0 000-4.5z' fill='%23D1DEEB'/%3E%3C/svg%3E");
}

#pt-preferences:hover a:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.01 1.688c.55.006 1.099.07 1.636.19.235.052.41.247.437.486l.127 1.145a1.038 1.038 0 001.446.837l1.05-.461a.562.562 0 01.637.13 7.344 7.344 0 011.653 2.844.562.562 0 01-.203.62l-.931.686a1.036 1.036 0 000 1.67l.932.686c.193.142.275.391.204.62a7.348 7.348 0 01-1.653 2.844.562.562 0 01-.636.13l-1.055-.462a1.036 1.036 0 00-1.445.835l-.126 1.145a.562.562 0 01-.43.486 7.14 7.14 0 01-3.304 0 .563.563 0 01-.429-.486l-.126-1.143a1.036 1.036 0 00-1.444-.833l-1.055.462a.563.563 0 01-.637-.13 7.349 7.349 0 01-1.652-2.848.563.563 0 01.203-.619l.933-.687a1.036 1.036 0 000-1.67L2.21 7.48a.562.562 0 01-.204-.62 7.345 7.345 0 011.653-2.844.563.563 0 01.637-.13l1.05.46a1.04 1.04 0 001.448-.839l.128-1.143a.562.562 0 01.437-.487 7.999 7.999 0 011.65-.19zM9 6.75a2.25 2.25 0 100 4.5 2.25 2.25 0 000-4.5z' fill='%234E79A4'/%3E%3C/svg%3E");
}

#pt-betafeatures a:before {
	background-image: none;
	font-family: Segoe Fluent Icons;
	font-size: 1.25em;
	content: '\F3A8 \00a0';
	vertical-align: middle;
}

#pt-watchlist a:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.483 6.156L8.496 2.07a.563.563 0 011.009 0l2.013 4.086 4.508.651a.562.562 0 01.312.96l-3.26 3.177.769 4.49a.562.562 0 01-.817.592L9 13.903l-4.03 2.123a.562.562 0 01-.816-.593l.773-4.489-3.264-3.177a.562.562 0 01.312-.96l4.508-.651z' fill='%23D1DEEB'/%3E%3C/svg%3E");
}

#pt-watchlist:hover a:before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.483 6.156L8.496 2.07a.563.563 0 011.009 0l2.013 4.086 4.508.651a.562.562 0 01.312.96l-3.26 3.177.769 4.49a.562.562 0 01-.817.592L9 13.903l-4.03 2.123a.562.562 0 01-.816-.593l.773-4.489-3.264-3.177a.562.562 0 01.312-.96l4.508-.651z' fill='%234E79A4'/%3E%3C/svg%3E");
}

#pt-mycontris a:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.251 8.997L4.501 9a.75.75 0 01.085 1.495L4.5 10.5 3 10.497v3.752l1.5.001a.75.75 0 01.745.662L5.25 15a.75.75 0 01-.663.745l-.087.005H2.25a.75.75 0 01-.745-.662L1.5 15V9.747a.75.75 0 01.663-.745l.088-.005zM15.75 12.75a.75.75 0 01.088 1.495l-.088.005h-9a.75.75 0 01-.087-1.495l.087-.005h9zm0-2.25a.75.75 0 01.088 1.495L15.75 12h-9a.75.75 0 01-.087-1.495l.087-.005h9zM4.5 1.5a.75.75 0 01.087 1.495L4.5 3H3v3.746h1.5a.75.75 0 01.745.663l.005.087a.75.75 0 01-.663.745l-.087.005H2.25a.75.75 0 01-.745-.662L1.5 7.496V2.25a.75.75 0 01.663-.745L2.25 1.5H4.5zm11.25 3.75a.75.75 0 01.088 1.495l-.088.005h-9a.75.75 0 01-.087-1.495l.087-.005h9zm0-2.25a.75.75 0 01.088 1.495l-.088.005h-9a.75.75 0 01-.087-1.495L6.75 3h9z' fill='%23D1DEEB'/%3E%3C/svg%3E");
}

#pt-mycontris:hover a:before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.251 8.997L4.501 9a.75.75 0 01.085 1.495L4.5 10.5 3 10.497v3.752l1.5.001a.75.75 0 01.745.662L5.25 15a.75.75 0 01-.663.745l-.087.005H2.25a.75.75 0 01-.745-.662L1.5 15V9.747a.75.75 0 01.663-.745l.088-.005zM15.75 12.75a.75.75 0 01.088 1.495l-.088.005h-9a.75.75 0 01-.087-1.495l.087-.005h9zm0-2.25a.75.75 0 01.088 1.495L15.75 12h-9a.75.75 0 01-.087-1.495l.087-.005h9zM4.5 1.5a.75.75 0 01.087 1.495L4.5 3H3v3.746h1.5a.75.75 0 01.745.663l.005.087a.75.75 0 01-.663.745l-.087.005H2.25a.75.75 0 01-.745-.662L1.5 7.496V2.25a.75.75 0 01.663-.745L2.25 1.5H4.5zm11.25 3.75a.75.75 0 01.088 1.495l-.088.005h-9a.75.75 0 01-.087-1.495l.087-.005h9zm0-2.25a.75.75 0 01.088 1.495l-.088.005h-9a.75.75 0 01-.087-1.495L6.75 3h9z' fill='%234E79A4'/%3E%3C/svg%3E");
}

#pt-logout a:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3.266v.484h1.309c.284 0 .52.211.557.485l.005.077.005 3.188H9.752l-.005-2.625H9v3.379l.752-.001V8.25h1.126v.003h3.704L13.29 6.96a.563.563 0 01-.055-.732l.055-.063c.2-.2.512-.218.732-.055l.063.055 2.248 2.248c.2.2.218.512.055.732l-.055.063-2.247 2.253a.563.563 0 01-.851-.732l.054-.063 1.285-1.288H9v3.373h.76l-.005-2.626h1.126l.005 3.188c0 .285-.21.52-.486.558l-.076.005H9v.562c0 .35-.316.614-.66.553l-6.375-1.125a.563.563 0 01-.465-.554v-9c0-.275.2-.51.471-.555l6.375-1.046A.562.562 0 019 3.266zM6.377 8.625a.752.752 0 100 1.503.752.752 0 000-1.503z' fill='%23D1DEEB'/%3E%3C/svg%3E");
}

#pt-logout:hover a:before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3.266v.484h1.309c.284 0 .52.211.557.485l.005.077.005 3.188H9.752l-.005-2.625H9v3.379l.752-.001V8.25h1.126v.003h3.704L13.29 6.96a.563.563 0 01-.055-.732l.055-.063c.2-.2.512-.218.732-.055l.063.055 2.248 2.248c.2.2.218.512.055.732l-.055.063-2.247 2.253a.563.563 0 01-.851-.732l.054-.063 1.285-1.288H9v3.373h.76l-.005-2.626h1.126l.005 3.188c0 .285-.21.52-.486.558l-.076.005H9v.562c0 .35-.316.614-.66.553l-6.375-1.125a.563.563 0 01-.465-.554v-9c0-.275.2-.51.471-.555l6.375-1.046A.562.562 0 019 3.266zM6.377 8.625a.752.752 0 100 1.503.752.752 0 000-1.503z' fill='%234E79A4'/%3E%3C/svg%3E");
}

li#pt-skin-toggles{
	background-image: none;
	padding: 0;
}

#pt-skin-toggles a:before{
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.5a7.5 7.5 0 100-15 7.5 7.5 0 000 15zM9 15V3a6 6 0 010 12z' fill='%23D1DEEB'/%3E%3C/svg%3E");
	background-position: center left;
	padding: 2px 4px 2px 0;
	display: initial;
	content: '';
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
}

#pt-skin-toggles:hover a:before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.5a7.5 7.5 0 100-15 7.5 7.5 0 000 15zM9 15V3a6 6 0 010 12z' fill='%234E79A4'/%3E%3C/svg%3E");
}

/*************************************************
**
**		SEARCH
**
**************************************************/
#p-search{
	margin-right:1em;
}

#p-search form {
	margin-top: 0;
}

div#simpleSearch {
	border: none;
	background: rgba(0,0,0,0.8);
	height: 2.485em;
	width: 14em;
	margin-top: 0;
	transition: 0.2s ease-in-out;
}

div#simpleSearch:focus-within{
	background:rgba(255,255,255,0.8);
}

div#simpleSearch #searchInput {
	font-family: Roboto Slab;
	padding: 1em;
	font-size:12px;
}

div#simpleSearch #searchButton {
	width: 2.5em;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 1.875a5.625 5.625 0 014.473 9.036l3.557 3.559a.75.75 0 01-.99 1.123l-.07-.063-3.559-3.557A5.625 5.625 0 117.5 1.875zm0 1.5a4.125 4.125 0 100 8.25 4.125 4.125 0 000-8.25z' fill='%23fff'/%3E%3C/svg%3E");
}

div#simpleSearch:focus-within #searchButton{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 1.875a5.625 5.625 0 014.473 9.036l3.557 3.559a.75.75 0 01-.99 1.123l-.07-.063-3.559-3.557A5.625 5.625 0 117.5 1.875zm0 1.5a4.125 4.125 0 100 8.25 4.125 4.125 0 000-8.25z' fill='%23181818'/%3E%3C/svg%3E");
}

input#searchGoButton, input#mw-searchButton {
	display:none;
}

/*************************************************
**
**		NAMESPACE 6
**		FILE THEME
**
**************************************************/
.ns-6 div#footer ul li {
	color: #FFFFFF;
}

.ns-6 div#mw-data-after-content{
	background: #13406E;
}

/*************************************************
**
**		TILE MENU
**
**************************************************/
/*	Tile Menu */
.tilebar {
	background-color: rgb(29, 29, 29);
	box-shadow: 0 0 13px 4px #000000;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
	.tilebar {
		background-color: rgba(29, 29, 29, 0.8);
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
	}
}

.tile:hover{
	box-shadow: 0 0 13px 0 #000000;
}

.tile {
	background: #06305B;
	background: rgba(6, 48, 91, 0.3);
}

/*************************************************
**
**		VISUAL EDITOR FIX
**
**************************************************/
.ve-init-mw-desktopArticleTarget-toolbar-opened > .oo-ui-toolbar-bar{
	top:0;
	transition: 0.4s top cubic-bezier(.3,.73,.3,.74);
}

.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
	top: 5.5em;
	transition: 0.4s top cubic-bezier(.3,.73,.3,.74);
}

/*************************************************
**
**		CODE MIRROR FIX
**
**************************************************/
.ve-ce-branchNode.ve-ce-documentNode.ve-ce-attachedRootNode.ve-ce-rootNode.mw-content-ltr.mw-parser-output.ve-ce-documentNode-codeEditor-webkit-hide{
	padding:1.5em;
}

/*************************************************
**
**		FOOTER
**
**************************************************/
div#footer{
	display:flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/*************************************************
**
**		COOKIE WARNING
**
**************************************************/
.mw-cookiewarning-container{
	top: 40px;
	backdrop-filter:blur(15px);
	background: rgba(90,90,90,0.6);
	opacity: 1;
}