MediaWiki:Gadget-enableTopNavBar.css

@media screen and (min-width:1100px) and (max-width:1339px) { #mw-content-block { margin-left: calc(40vw - 438px); margin-right: calc(40vw - 438px); top: 0.75em; margin-bottom: 0.65em; } 	#mw-site-navigation { top: -3.10em; } 	#mw-related-navigation { top: -3.10em; } 	#catlinks { display: none }   .ts-inner { max-width: 115em; } }

@media screen and (min-width: 1340px) and (max-width:1595px) { #mw-content-block { margin-left: calc(40vw - 438px); margin-right: calc(40vw - 438px); } }

@media screen and (min-width: 1340px) { #mw-content-block { display:-webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; clear: both; top: -2.7em; }

#p-logo-text { min-width: 14em }

#mw-content-wrapper { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -moz-box-flex: 1; width: auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; min-width: 50% }   #mw-site-navigation { top: 2.3em; } 	#mw-related-navigation { top: 2.3em; }

#catlinks { display: none }

.ts-inner { max-width: 115em; } }

@media screen and (min-width: 851px) { #mw-site-navigation > div > div > div:first-child > h3 { display: none; }	#mw-related-navigation > div > div > div:first-child > h3 { display: none; }	#mw-site-navigation div.sidebar-inner, #mw-related-navigation div.sidebar-inner { min-width: 10em; } }

border-bottom-color: var(--secondary-desaturated); }
 * 1) mw-related-navigation .sidebar-inner:after, #mw-site-navigation .dropdown-active h2 span:before, #mw-site-navigation .dropdown-active h2 span:after {

padding: 0.1em 0; margin-right: 15px; }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body ul li, #mw-related-navigation .sidebar-inner .mw-portlet-body ul li {

margin-right: 0; }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body ul li.pop-level-two-sidebar-nav-li, #mw-related-navigation .sidebar-inner .mw-portlet-body ul li.pop-level-two-sidebar-nav-li {

margin-bottom: 1em; }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body, #mw-related-navigation .sidebar-inner .mw-portlet-body {

color: var(--text); font-size: 15px; font-weight:bold; text-decoration: none; transition: 0.3s; padding: 0.25em 0; width: 100%; display:block; }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body ul li a, #mw-related-navigation .sidebar-inner .mw-portlet-body ul li a {

display:inline-block; }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body ul li a.pop-level-two-sidebar-nav-a, #mw-related-navigation .sidebar-inner .mw-portlet-body ul li a.pop-level-two-sidebar-nav-a {

background-color: hsl(calc((var(--z-secondary-h) * 3 + var(--z-accent-h) / 4)),					 calc(var(--z-secondary-s) * (100 - var(--x-saturated)) / 100 * 1%),					  calc((calc(var(--z-secondary-l) * 1%) + calc((100 - (100 - var(--z-accent-l)) * (100 - var(--x-lighter)) / 100) * 1%)) / 2)); }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body ul li:hover, #mw-related-navigation .sidebar-inner .mw-portlet-body ul li:hover {

background-color: initial; }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body ul li.pop-level-two-sidebar-menu:hover {

color: var(--accent-darkish); }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body ul li a:hover, #mw-related-navigation .sidebar-inner .mw-portlet-body ul li a:hover {

background-color: hsl(calc((var(--z-secondary-h) * 3 + var(--z-accent-h) / 4)),					 calc(var(--z-secondary-s) * (100 - var(--x-saturated)) / 100 * 1%),					  calc((calc(var(--z-secondary-l) * 1%) + calc((100 - (100 - var(--z-accent-l)) * (100 - var(--x-lighter)) / 100) * 1%)) / 2)); }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body ul li.pop-level-two-sidebar-menu a:hover {

margin-bottom: 0; }
 * 1) mw-site-navigation .sidebar-inner ul, #mw-related-navigation .sidebar-inner ul {

background-color: initial; }
 * 1) mw-site-navigation div.sidebar-chunk, #mw-related-navigation div.sidebar-chunk {

padding: 15px 0 0 15px; border-radius: 5px; }
 * 1) mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {

.pop-level-two-sidebar-nav-label { position: absolute; right: 0; transform: rotate(270deg); margin-top: 4px; cursor: default; pointer-events: none; }

position: absolute; top: auto; left: 100%; bottom: -17px; padding-bottom: 14px; }
 * 1) mw-site-navigation .dropdown-active div.pop-level-three-sidebar-nav-container {

display:none !important; }
 * 1) mw-wrapper .dropdown-active div.pop-level-three-sidebar-nav-container-closed {

.pop-level-two-sidebar-nav-span { margin-right: 10px; }

position: initial; }
 * 1) mw-site-navigation .sidebar-inner .mw-portlet-body ul li.pop-level-two-sidebar-nav-no-stick {

top: -1px; bottom: auto; }
 * 1) mw-site-navigation .dropdown-active div.pop-level-three-sidebar-nav-stick-container {