Garrysmods.org Tweaks by cosmicstar98

/* ==UserStyle==
@name         Garrysmods.org Tweaks
@version      20221104.16.31
@namespace    userstyles.world/user/cosmicstar98
@description  Blocks the annoying adblock detection modal seen on garrysmods.org and improves the ui with dark mode!
@author       cosmicstar98
@license      No License
==/UserStyle== */

@-moz-document domain("garrysmods.org") {
body[style="overflow: hidden;"] {
    overflow: auto !important;
}

body {
    background: #222;
}

div.jquery-modal.blocker {
    display: none;
}

.addthis-smartlayers, div#at4-follow, div#at4-share, div#at4-thankyou, div#at4-whatsnext {
    display: none;
}

#social {
    display: none;
}

:root {
  color-scheme: dark;
}

header div#top-bar {
    background: #303030;
}

header div#search {
    background: #3B3B3B;
    border-radius: 4px;
    overflow: hidden;
}

header div#bottom-bar {
    background: #353535;
}

nav#mobile-bar {
    background: #303030;
}

footer {
    background: #303030;
    border-radius: 5px;
    padding: 17px 5px;
    margin-top: 24px;
}

div#footer-under {
    display: none;
}

div.alert.alert-error {
    opacity: 70%;
}

div.alert.alert-info {
    opacity: 70%;
}

div.alert.alert-warning {
    opacity: 70%;
}

.header-banner-image {
   display: none;
}

div.header-banner-inner {
    position: relative;
    z-index: 10;
    background: #0000;
    padding: 0px 0;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}

img {
    border-radius: 6px;
}

img,
img:hover,
a.download-view-image,
a.download-view-image:hover {
    border-radius: 6px;
}

.download-link {
    border-radius: 3px;
}

.addthis_sharing_toolbox {
    opacity: 40%;
}

.panel {
    background: #1c1c1c;
    border: 1px solid #2a2a2a;
    border-radius: 4px;
}

.panel-split {
    border-bottom: 1px solid #2a2a2a !important;
}

a.download {
    display: block;
    margin-bottom: 30px;
    position: relative;
    background: #1c1c1c;
    border: 1px solid #2a2a2a;
    border-radius: 4px;
}

a.download div.download-info {
    border-top: 1px solid #2a2a2a !important;
}

a.download div.download-image img {
    border-bottom: 0px solid #0000 !important;
}

.fa.fa-certificate:before {
    color: #7c7c7c;
}

.fa-check:before {
    color: #1c1c1c;
}

h1, h2, h3 {
    color: #797979;
}

header ul#account>li>ul {
    border-radius: 3px;
    background: #2b2b2b87;
}

header ul#account>li.open>a,
header ul#account>li>a:hover {
    background: #0000;
    border-radius: 3px;
}

header ul#account>li>ul>li a.steam {
    margin: -11px -16px;
    padding: 4px 10px;
    border-radius: 3px;
}

header div#navigation ul>li>ul {
    border-radius: 4px;
    border: 1px solid #2a2a2a !important;
    background: #242424;

}

header div#navigation ul>li>a {
    color: #747474db;
}

header div#navigation ul>li>a:hover {
    color: #9e9e9ee0;
}

div#push-menu-left nav ul>li>a {
    color: #747474db;
    border-bottom: 1px solid #2a2a2a;
}

div#push-menu-left nav ul>li>a:hover {
    color: #9e9e9ee0;
}

nav {
    background: #1e1e1e;
}

#close-menu {
    -webkit-transition: color 460ms;
    -moz-transition:    color 460ms;
    -ms-transition:     color 460ms;
    -o-transition:      color 460ms;
    transition:         color 460ms;
}

#close-menu:hover {
    -webkit-transition: color 490ms;
    -moz-transition:    color 490ms;
    -ms-transition:     color 490ms;
    -o-transition:      color 490ms;
    transition:         color 490ms;
    color: #b2b2b2;
}

#open-menu {
    -webkit-transition: color 460ms;
    -moz-transition:    color 460ms;
    -ms-transition:     color 460ms;
    -o-transition:      color 460ms;
    transition:         color 460ms;
}

#open-menu:hover {
    -webkit-transition: color 490ms;
    -moz-transition:    color 490ms;
    -ms-transition:     color 490ms;
    -o-transition:      color 490ms;
    transition:         color 490ms;
    color: #b2b2b2;
}

ul.pager li a, ul.pagination li a {
    border-radius: 4px;
}

ul.pager li span, ul.pagination li span {
    border-radius: 4px;
}

a.type {
    background: #292929;
    border-radius: 5px;
}

form.form input[type=date], form.form input[type=password], form.form input[type=text], form.form input[type=time], form.form label.label-hidden-input, form.form select, form.form textarea {
    background-color: #181818;
    border: 1px solid #2c2c2c;
    border-radius: 4px;
}

p.intro {
    color: #7d7d7d;
}

p strong {
    color: #838383;
}

p {
    color: #919191;
}

li {
    color: #8f8f8f;
}

/* Optional (Makes the header stick to the top of the page) */
/* header {
    position: sticky;
    top: 0px;
    z-index:100;
} */
}