DEUPS Darkmode by trgamer-tech

/* ==UserStyle==
@name           DEUPS Darkmode
@namespace      github.com/TRGamer-Tech/openstyles
@version        1.3.7
@description    Darkmode with some additions for the DEUPS Website!
@author         TRGYT
@license        CC Zero
==/UserStyle== */
@-moz-document domain("deups.iet-gibb.ch") {
    @font-face {
        font-family: 'Product Sans';
        font-style: normal;
        font-weight: 400;
        src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    }

    :root {
        --background: #2f2f2f;
        --sidebar: #1a1a1a69;
        --footerheader: #282828;
        --main: #2a2a2a;
        --mainborder: #454545;
        --mainhover: #454545;
        --mainfont: #6280ff!important;
        --hoverfont: #8699ed!important;
    }

    html {
        font-family: Product Sans;
    }

    main {
        background-color: var(--background);
    }

    .footer.container,
    footer.container a,
    nav.top-nav,
    body {
        background-color: var(--footerheader);
        color: #6280ff!important;
    }

    a.page-title,
    .mdi-navigation-menu:before,
    a#logo-container {
        color: #6280ff!important;
    }

    .mdi-navigation-menu {
        line-height: 0px;
        margin-top: 57px;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 9px;
        padding-right: 9px;
        border-radius: 50px;
    }

    .mdi-navigation-menu:hover {
        background-color: var(--mainhover);
    }

    .side-nav {
        color: #fff;
        background-color: var(--sidebar);
        border: 1px solid #5c5c5c;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        overflow: hidden!important;
    }

    .side-nav a {
        color: rgba(255, 255, 255, .87);
    }

    ul.side-nav li.logo {
        border-bottom: 1px solid #5a5a5a!important;
    }

    ul.side-nav li a:hover {
        background-color: #363636!important;
    }

    div.section.content,
    .dropdown-content {
        background-color: var(--main);
        border: 1px solid var(--mainborder);
        margin-top: 20px;
        border-radius: 10px;
    }

    .dropdown-content li.active,
    .dropdown-content li:hover {
        background-color: var(--mainhover);
    }

    .dropdown-content li:hover span {
        color: var(--hoverfont);
    }

    .collection {
        background-color: var(--main);
        border: 1px solid var(--mainborder);
    }

    .collection .collection-item {
        background-color: var(--main);
        border-bottom: 1px solid var(--mainborder);
    }

    .card {
        background-color: var(--mainhover);
    }

    @media only screen and (min-width: 993px) {
        div.section.content {
            padding: 1em;
        }
    }
}

@-moz-document regexp("https?:\\/\\/deups\\.iet-gibb\\.ch.*\\/practice.*"), regexp("http?:\\/\\/deups\\.iet-gibb\\.ch.*\\/practice.*") {
    .container > .section > .row:first-of-type {
        position: sticky;
        top: -60px;
        z-index: 99;
        background-color: var(--main);
        margin-top: 0;
        border-bottom: 2px solid #fff;
    }
}

@-moz-document regexp("https?:\\/\\/deups\\.iet-gibb\\.ch.*\\/exam.*"), regexp("http?:\\/\\/deups\\.iet-gibb\\.ch.*\\/exam.*") {
    .container > .section > .row:first-of-type {
        position: sticky;
        top: -150px;
        z-index: 99;
        background-color: var(--main);
        margin-top: 0;
        border-bottom: 2px solid #fff;
    }
}