Better RSHL.org Theme by Navimaster

/* ==UserStyle==
@name           Better RSHL.org Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A much more modern, dark theme for RSHL.org
@author         Navi
==/UserStyle== */

@-moz-document url-prefix("https://rshl.org/ci"), 
               url-prefix("https://www.rshl.org/ci") {


    @media (min-width: 1900px) {
        body {
            zoom: 1.3; /* 130% zoom */
        }
    }
                   
     :root {
    --gametype-color-default: #101010!important;
    --gametype-color-mshl: #42CE9C!important;
    --gametype-color-rshl: #b41e1e!important;
    --gametype-color-hbl: #545329!important;
    --gametype-color-rsfl:#3f1818!important;
    --gametype-color-hzpl: #90dd8e!important;
    --gametype-color-scrim: #5d4444!important;
    --gametype-color-ohl: #2d5f2c!important;
    --gametype-color-ashl: #714585!important;
    --gametype-color-ool: #9c8045!important;
}
    
    body {
        background: url(https://i.imgur.com/NGr5jBq.png) center top repeat-x;
        background-color:#0e0e10;
        color:#ddd;
    }
    
    section h1 {
        text-shadow:0px 02px 0px #000;
    }
    
    section h2 {
        padding-top:10px;
    }
    
    article > section article {
        border-color:#5a5a5a;
        box-shadow:1px 2px 4px #000;
}
    
    article > section article > h2 {
        border-bottom: 1px solid #000;
    }
    
    article > section {
        background-color: rgb(32, 32, 39);
    }
    
    article > h2 {
        background: rgb(50, 51, 58);
        text-shadow:0px 2px 4px #000;
    }
    
    article > footer {
        color:#9b9ba2;
        background: rgb(20, 19, 24);
}
    
    a, a:visited {
        color: #a5bafd;
    }
    
    a:hover {
        color:#869dff
    }
                   
    #needHelp {
        color: #a5bafd;            
}
    #needHelp:hover {
        color:#869dff;
}

    #main_nav {
        background-color: #1f1f23;
    }
    
    #main-aside article > h2 {
        background-color: rgb(0 0 0 / 80%);
        color:#f1bf6c;
    }
    
    #main_nav #nav_list .nav_list_section_title {
        color:#8a93ff;
        background: #19191c;
    }
    
    #nav_list li ul li a {
        color:#adadb8;
    }
    
    #nav_list li ul li a:hover {
        color:#f1bf6c;
        background:#0f0f0f;
    }
    
    #main-aside article > section {
        background-color: rgb(32, 32, 39);
        color:white;
    }
    
    table {
        border-color:#010100;
    }
    
    table tr th {
          background: #1a1a22;
          color: white;
}
    
    th:has(.advanced-stat) {
       background: #373740;
    }
    
    
    table tr:nth-child(odd) td {
        background: #25252a;
}
    
    table tr:nth-child(even) td {
        background: #35363c;
    }
    
    .game_score_table + div, .game_score_table + div + div {
        display:none!important;
}

    .game_score_table th, .game_score_table td {
        border-right:1px solid black;
    }
    
    #standings_table {
        color:white;
    }
    
    #standings_table a {
        color: #f5f0e9;
    }
    
    #standings_table tr:nth-child(even) td {
    background: #25252a;
}
    #standings_table tr:nth-child(odd) td {
    background: #35363c;
}
    
    .thin_article > h2 {
        background-color: rgb(37 37 42);
        color:white;
    }
     
    .thin_article > section {
        color:#899de4;
        background-color: rgb(49 50 60);
    }
    
    input[type=text], input[type=password] {
        background: rgb(39 39 45);
        color:#c8cff1;
    }
    
    .league_season_search_menu tr:nth-child(odd) td, .league_season_search_menu tr:nth-child(even) td {
        background: rgb(53 54 60);
        color:white;
    }
    .league_stats th span {
        color:white;
    }
    .league_stats .stat-order-source-header {
        color: rgb(255, 255, 255);
        background: #1b1b1e;
    }
    .league_stats tr:nth-child(2n) .stat-order-source-data {
        background: #35363c;
    }
    .league_stats tr:nth-child(2n+1) .stat-order-source-data {
        background: #25252a;
}
    .league_stats tr:hover td {
        box-shadow: rgb(115, 255, 221) 0px 1px 0px 0px inset, rgb(115, 255, 221) 0px -1px 0px 0px inset;
}
    .league_stats td {
        border-left: 1px solid rgba(68, 68, 68, .92);
}
                   
    .lg-header {
        background-color: rgb(27, 27, 33) !important;
    }
    
    .lg-container {
        background-color: rgb(50, 50, 56)!important;
    }
    
    a.speciallink, a.adminlink {
        background: rgba(39, 38, 38, .8);
        color:#99acff;
    }
    
    a.speciallink:hover, a.adminlink:hover {
        color:#b5c3ff;
        background: rgba(56, 54, 54, .8);
    }
    
    a.adminlink {
    border: 1px dashed #585858;
}
    
    #roster_article .roster_table_container table td {
        color:white!important;
    }
    
    *[color="#0000B0"] {
        color: #4effd0 !important;
}
    *[color="#E00000"] {
        color: #ed6262;
} 
    *[color="#00B000"] {
        color: #3cf1ba;
}   

    #button-links li a {
        background: padding-box rgba(73, 105, 85, .6);
    }
        
    #button-links li a:hover {
        background: padding-box rgba(56, 48, 143, .6);
    }
    
    #main-aside #websiteLoggedIn a {
        color:#a7afff;
    }
    
    input[type="submit"] {
       border-color: rgb(95 109 235);
        background: rgb(62, 53, 179);
}
    input[type="submit"]:hover {
        border-color: rgb(73, 83, 175);
        background: rgb(52, 43, 160);
        color:#dedede;
    }
                   
    #leaguemenu, #leagueseasonmenu {
        color:#cbcbcb;
        background:#16161a;              
}
    table.calendar th a {
        color:white;
        background:#151518;
}
    table.calendar th {
        position: relative;
        vertical-align: middle;
        padding: 4px;
        background: padding-box #25252a;
}
    table.calendar .calendar-day-item {
        margin-bottom: 0.5em;
        background: rgba(25, 25, 26, 0.42);
        border-radius: 3px;
        padding: 0.5em;
    }
    table.calendar .calendar-day-item:hover {
       background: rgba(63, 64, 73, .91);
}
                    
    table.calendar tr td.calendar-today {
         background: padding-box rgba(179, 156, 93, .57);
}
    ::-moz-selection { /* Code for Firefox */
        background: #0f0f0f;
}

    ::selection {
        background: #0f0f0f;
}
                   
    iframe {
        background: none !important;
    }
                   
    .gametype-tag[style*="--gametype-color-mshl"]::before {
        content: "MSHL"; /* Needed for targeting */
        display: none;
}

    .gametype-tag[style*="--gametype-color-mshl"] {
        color: #091858 !important; /* Red text */
    }

                   
}