MX Classic - Dark by zai-tm

/* ==UserStyle==
@name         MX Classic - Dark
@version      20221120.21.33
@namespace    userstyles.world/user/zai-tm
@description  The classic look of ManiaExchange, before the redesign in 2020. Dark mode compatible version.
@author       zai-tm
@license      No License
==/UserStyle== */

@-moz-document domain("mania.exchange"), domain("trackmania.exchange"), domain("mania-exchange.com") {
/* ==UserStyle==
@name           MX Classic - Dark
@author         Zai
@description    `The classic look of ManiaExchange, before the redesign in 2020. Dark mode version`
@version        19112022
@namespace      USO Archive
==/UserStyle== */
*:not(.fa, .far, .fas, i) {font-family:Calibri !important;font-size:14px}
h3,h5{font-weight:bold}
/*div.container-inner, div.userbar-inner{width:912px; margin:0 auto;}*/
div.container-inner {margin-top:0px; background:rgb(24,24,24); box-shadow: 0 0 10px #111; border-radius: 7px}
/*ul.nav{width:900px;}*/
.infobox-support {display:none}
div#MainMenu {height:23px}
.navbar-nav {margin-top: 7px; background: linear-gradient(#3a3a3a, #222) !important; border-radius: 4px !important}
.navbar-collapse{background: rgb(24,24,24)}
.navbar-nav li { border-left: 1px solid #000; height:23px;}
#MainMenu .navbar-nav .open a:hover {background-color:#fff2}
.navbar-nav > .dropdown:first-child > a {border-radius: 4px 0px 0px 4px !important}
.navbar-nav > .dropdown:last-child > a {border-radius: 0px 4px 4px 0px !important}
.navbar-nav > .dropdown > a {box-shadow: inset 0 1px 4px rgba(128,128,128,0.3); color: #eee}
.navbar-nav > .dropdown > a:hover, #MainMenu .navbar-nav > .open > a:hover {text-shadow: 0 0 4px#eee8; color: #fff !important}
ul.nav li a {line-height:12px; margin: 0px 0px;}
ul.nav li a i:not(.fa-home) {display:none !important}
ul.nav li a i.fa-home {font-size: 11px !important;}
.windowv2-header .windowv2-header-subtext a.btn {height:15px; line-height: 12px}
div.windowv2-header {height:25px; padding: 5px; border-radius: 3px 3px 0 0 }
div.windowv2-header-focus::before, div.windowv2-header-focus::after  {border-color:#c04c32 transparent transparent transparent !important}
div.windowv2-header-focus{  background: linear-gradient(#E4735A,#D05D43) !important;text-shadow: 1px 1px #941E03;}
.WindowNewsHeader{background: linear-gradient(#444e55,#333f43); border: 0}
/*div#main-header {width:900px !important;}*/
div#main-header a img:not(.environment-header) {/*width:900px !important;*/ object-fit:cover; box-shadow: 0 1px 2px rgba(0,0,0,0.5); border-radius:3px}
.windowv2-panel .panelbox-heading {  background: linear-gradient(#E4735A,#D05D43) !important;text-shadow: 1px 1px #941E03;}
.btn, .btn.btn-tmio{text-shadow: none !important; box-shadow:none !important; border:1px solid #383838 !important; transition:none}
.btn, .btn.btn-tmio:hover{background: #eee !important;}
.windowv2-content {border-radius: 0 0 4px 4px; box-shadow:0 2px 4.5px #252525;border:1px solid #3d3d3d; border-top:none}
div.windowv2-panelbox:not(:last-child) {box-shadow:0 2px 4.5px #252525;border:1px solid #3d3d3d; border-top:none; border-bottom:none}
div.windowv2-panelbox:last-child {box-shadow:0 2px 4.5px #252525;border:1px solid #3d3d3d; border-top:none;}
.statbox, .statbox-cumulative {border-radius:0 0 4px 4px}
.fa-home {line-height:12px !important;}
a.btn, div.btn, .btn.btn-tmio, .btn-primary2 {background: linear-gradient(to bottom,#333,#222) !important; color: #EEE !important}
a.btn i, div.btn i,  .btn.btn-tmio i, .btn-primary2 i {color: #eee !important}
a.btn:hover, div.btn:hover,  .btn.btn-tmio:hover, .btn-primary2:hover {background: #222 !important; color: #eee !important}
a.btn i:hover, div.btn i:hover, .btn.btn-tmio i:hover, .btn-primary2 i:hover {color: #eee !important}
a {color:#08f}
a:hover {color:#77e}
.panelbox-content *, .btn-default {font-size: 13px !important}
.ly-box{height:20px;padding:0.5px 3px}
.ly-box span a i {position: absolute; top:5px;right:2px}
#trackgrid{display:flex; flex-wrap: wrap}
.trackgrid-element{flex: 1 1 0; min-width:226px; max-width:226px  !important}
.trackgrid-thumbnail{min-height:187.6px !important;}
.trackgrid-overlay{background: #22222288; backdrop-filter: blur(5px);}
.trackgrid-overlay:hover{opacity:1}
.btn-award {max-height:27px;}
#awardButton, #awardListToggle {font-size:12px}
.statbox-tile h1 span {font-size: inherit;}
a.infobox-support-button{color:white !important}
.trackgrid-overlay * {color:white}
.userbar{background: #222; height:30px}
.userbar-inner{height:30px}
#userbar-sitenav-toggle, #userbar-sitenav-toggle img  {width:40px; height:30px;}
#userbar-sitenav, #userbar-usernav {top:30px}
#userbar-search-ql {top:29px}
#userbar-usernav-toggle{border:none; height:30px}
#userbar-usernav-toggle img {width:30px; height:30px}
.userbar-searchbar {height: 28px; top:0px; padding:2px}
#userbar-search {height:21px; margin: 1px 20px 1px 53px;  box-shadow:0 0 3px #222 inset; background: #3a3a3a; border-radius:3px; padding: 0px 10px; border:1px solid #444}
#userbar-search-icon {top:8px}
.userbar-button {margin-top:6px}
.WindowTableCell2v2 td,.WindowTableCell1v2 td  {line-height:20px !important}
}