MediaWiki:Metrolook.css

/* CSS placed here will affect users of the Metrolook skin */

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

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

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

@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(24, 83, 188, .5), rgba(22, 44, 80, .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     */ color: #EFEFEF; }
 * 1) mw-panel.collapsible-nav .portal.collapsed h5 a, #mw-panel.collapsible-nav .portal h5 a {

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

div#mw-panel div.portal div.body ul li a:hover { padding: 7px 9px; background: #1853BC; text-decoration:none; border: #06305B 1px solid; box-shadow: 0px 0px 16px 4px 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; }

/************************************************* /*    Top navigation background     */ background-color: #1853BC; box-shadow:0 0 13px 0 #000000; }
 * TOP NAVIGATION
 * TOP NAVIGATION
 * 1) mw-page-base, #left-navigation {

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) { #mw-page-base { background-color: rgba(24, 83, 188, 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: #1853BC; 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: 0px 0px 13px 4px rgba(0,0,0,.3) }

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

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

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

color: #4171A0; }
 * 1) p-personal li:hover a, div.vectorMenu ul li:hover a{

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

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

img.uploadbutton{ display:none; }

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

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; }
 * 1) p-personal li a:before {

content: "\E898 \00a0"; font-family: FabricMDL2Icons; font-size: 1.5em; vertical-align: middle; }
 * 1) left-navigation #uploadbutton .uploadbutton:before {

opacity:1; }
 * 1) 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{

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; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge{

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

background-image:none; font-family: FabricMDL2Icons; font-size: 1.25em; content:'\F41C \00a0'; vertical-align:middle; }
 * 1) pt-notifications-notice .mw-echo-notifications-badge:before{

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

background-image:none; font-family: FabricMDL2Icons; font-size: 1.25em; content: '\EA8F \00a0'; vertical-align:middle; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge:before{

width: 1em; color:transparent; background-image:none; padding:1em 0.8em 0; margin-top:0; height:2em; }
 * 1) 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{

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

content: "\E735"; font-family: FabricMDL2Icons; font-size: 1em; color: #FFFFFF; visibility: visible; position: absolute; }
 * 1) ca-unwatch.icon 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"); }
 * 1) 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='%234E79A4'/%3E%3C/svg%3E"); }
 * 1) 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='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"); }
 * 1) 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='%234E79A4'/%3E%3C/svg%3E"); }
 * 1) 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='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"); }
 * 1) 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='%234E79A4'/%3E%3C/svg%3E"); }
 * 1) 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.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"); }
 * 1) 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='%234E79A4'/%3E%3C/svg%3E"); }
 * 1) pt-preferences:hover a:before {

background-image: none; font-family: FabricMDL2Icons; font-size: 1.25em; content: '\F3A8 \00a0'; vertical-align: middle; }
 * 1) pt-betafeatures 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"); }
 * 1) 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='%234E79A4'/%3E%3C/svg%3E"); }
 * 1) 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='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"); }
 * 1) 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='%234E79A4'/%3E%3C/svg%3E"); }
 * 1) 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='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"); }
 * 1) 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='%234E79A4'/%3E%3C/svg%3E"); }
 * 1) pt-logout:hover a:before{

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

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; }
 * 1) pt-skin-toggles 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"); }
 * 1) pt-skin-toggles:hover a:before{

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

margin-top: 0; }
 * 1) p-search form {

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

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

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

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

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

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

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

/************************************************* .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; }
 * CODE MIRROR FIX
 * CODE MIRROR FIX

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

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