Satori Dark by kumar

/* ==UserStyle==
@name         Satori Dark
@version      4
@namespace    userstyles.world/user/kumar
@description  Dark theme for Satori Online Judge.
@author       kumar
@license      CC0 1.0 (http://creativecommons.org/publicdomain/zero/1.0/)
@preprocessor stylus
@var checkbox alternativeStatus "Alternative Status Colors" 1
==/UserStyle== */
@-moz-document domain("satori.tcs.uj.edu.pl") {
    body {
        background-color: #0d1116;
        color: #c8d1d9;
    }

    img[src*="satori_banner.png"],
    img[src*="tcslogo.svg"],
    img[src*="alttcslogo.png"] {
        filter: invert(100%) hue-rotate(190deg) saturate(8);
    }

    #satoriEnhancementsTCSLogo > img {
        filter: invert(100%) opacity(0.3) !important;
    }

    #header {
        position: fixed;
        top: 0px;
        z-index: 1000;
        background: #1c242d;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #0d1116;
    }

    #container {
        margin-top: 25px;
    }

    #content {
        margin-bottom: 0;
    }

    .col2 {
        position: fixed;
        height: 100%;
    }

    .col1 {
        margin-left: 15%;
        padding-left: 1em;
    }

    .rDots {
        border-right: 1px solid #1c242d;
    }

    .bDots {
        border-bottom: 1px solid #1c242d;
    }

    #footer {
        border: none;
    }

    #navigationPanel a {
        color: #c8d1d9 !important;
    }

    hr.divide {
        display: none;
    }

    table.results,
    table.docutils {
        border-collapse: collapse !important;
        border: 1px solid #30363d !important;
    }

    table.docutils td {
        padding: 6px !important;
        text-align: left !important;
        border: none !important;
    }

    table.results th,
    table.results td,
    .mainsphinx table.docutils th,
    .mainsphinx table.docutils td {
        padding: 6px;
        text-align: left !important;
    }

    table.results th,
    table.docutils th {
        border-style: solid !important;
        border-width: 1px 0px !important;
        border-color: #30363d !important;
        background: #161b22 !important;
        color: #c8d1d9 !important;
    }

    table.dataTable th {
        border: none !important;
    }

    table.results tr:nth-child(odd),
    table.docutils tr:nth-child(even),
    div table.results tr.satoriEnhancementsOdd,
    div.ranking table tbody tr.odd:nth-child(odd) > td {
        background: #161b22 !important;
    }

    table.results tr:nth-child(even),
    table.docutils tr:nth-child(odd),
    div table.results tr.satoriEnhancementsEven,
    div.ranking table tbody tr.even:nth-child(even) > td {
        background: #1d242d !important;
    }

    div.wheel {
        border: 1px solid #30363d;
        background-color: #161b22;
    }

    .wheelsel {
        background-color: #333b46;
    }

    .wheelsel,
    .wheelitem {
        color: #c8d1d9 !important;
    }

    .stdlink,
    .mainsphinx a {
        color: #07c !important;
    }

    .stdlink:hover,
    .mainsphinx a:hover {
        text-decoration: underline;
    }

    if alternativeStatus {
        table.results td.status {
            padding: 0px 6px !important;
        }

        .submitstatus {
            text-align: left;
        }

        .staOK,
        .staACC,
        .staRTE,
        .staTLE,
        .staANS,
        .staMEM,
        .staREJ,
        .staCME,
        .staQUE,
        .staINT,
        .tdneg,
        .tdpos,
        .tdpnd {
            background-color: transparent;
            font-weight: 900;
        }

        .staOK,
        .tdpos,
        .satori-enhancements-status-ok {
            color: #2e7d32;
        }

        .staACC {
            color: #1b5e20;
        }

        .staANS,
        .staTLE,
        .staRTE,
        .staMEM,
        .tdneg,
        .satori-enhancements-status-err {
            color: #d50000;
        }

        .staREJ {
            color: #616161;
        }

        .staINT,
        .satori-enhancements-status-int {
            color: #0277BD;
        }

        .staCME {
            color: #546E7A;
        }

        .staQUE,
        .tdpnd,
        .satori-enhancements-status-que {
            color: #ff6f00;
        }

        .satori-enhancements-status-ok,
        .satori-enhancements-status-err,
        .satori-enhancements-status-int,
        .satori-enhancements-status-que {
            background-color: transparent !important;
            font-weight: 900;
            padding: 0 6px !important;
        }
    }
    else {
        table.results td.status {
            padding: 0.5px !important;
        }

        .submitstatus > div {
            padding: 6px;
        }

        .staOK,
        .staACC,
        .staRTE,
        .staTLE,
        .staANS,
        .staMEM,
        .staREJ,
        .staCME,
        .staQUE,
        .staINT,
        .tdneg,
        .tdpos,
        .tdpnd {
            color: #000;
            opacity: 0.5;
        }

        .satori-enhancements-status-ok,
        .satori-enhancements-status-err,
        .satori-enhancements-status-int,
        .satori-enhancements-status-que {
            color: #000;
            opacity: 0.5;
        }

        .staINT {
            background-color: #94f7fc;
        }

        .satori-enhancements-status-ok,
        .satori-enhancements-status-err,
        .satori-enhancements-status-int,
        .satori-enhancements-status-que {
            background-clip: padding-box;
            border-style: solid;
            border-width: 1px 0px 0px 0px;
            border-color: transparent;
        }
    }

    .mainsphinx pre,
    pre {
        background-color: #1d242d;
        color: #c8d1d9;
        border: 1px solid #30363d;
    }

    .highlight_back {
        background-color: #1d242d;
    }

    .highlight_pos {
        background-color: #00ff0022;
    }

    .highlight_neg {
        background-color: #ff000022;
    }

    table.results .highlight_pos,
    table.results .highlight_neg {
        padding: 6px;
        margin: -6px;
    }

    div#example table.docutils td,
    div#przyklad table.docutils td {
        background: #161b22 !important;
    }

    div#example table.docutils pre span,
    div#przyklad table.docutils pre span {
        color: #c8d1d9 !important;
    }

    .dataTables_wrapper .dataTables_info {
        color: #9ba3ab !important;
    }

    .DTFC_ScrollWrapper {
        overscroll-behavior-y: none;
    }

    input[type="file"]::file-selector-button {
        font-size: 0.8em;
        font-weight: bold;
        display: inline-block;
        padding: 0.4em 1.1em;
        text-decoration: none;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

    input[type="file"]::file-selector-button,
    .button {
        background-color: #333a43;
        margin: 1px 4px;
        color: #eee;
        padding: 0.4em 1.1em;
    }

    input[type="file"]::file-selector-button:hover,
    .button:hover {
        background-color: #3e4753;
        color: #fff;
    }

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="search"] {
        background-color: #1d242d;
        border: 1px solid #30363d;
        color: #c8d1d9;
        padding: 2px;
    }

    table.results td.satoriEnhancementsProblemHide {
        text-align: center !important;
    }

    .staQUE {
        display: flex;
    }

    div.sk-three-bounce.satoriEnhancementsSpinner {
        display: inline-flex !important;
        align-items: center;
        padding-top: 1px;
        padding-left: 6px;
    }

    div.sk-three-bounce.satoriEnhancementsSpinner > * {
        background-color: #ff6f00 !important;
        margin-right: 5px;
    }

    .question_public .question_header {
        background-color: #221616;
        border: 1px solid #30363d;
    }

   .question_private .question_header {
        background-color: #161b22;
        border: 1px solid #30363d;
    }

    .question_content,
    .question_answer {
        background-color: #1d242d;
        border: 1px solid #30363d;
        border-top: 0;
    }

    .question_content {
        border-bottom: 0;
    }
    
    .satoriEnhancementsEven > td:nth-child(4), .satoriEnhancementsOdd > td:nth-child(4) {
        width: 0px;
        white-space: nowrap;
    }
    
    table.results td.small > .button {
        box-sizing: border-box;
        text-align: center;
        width: 90%;
    }
}