Improved CRS by ninjaaaaah

/* ==UserStyle==
@name           crs.upd.edu.ph - 7/20/2022, 1:15:26 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
/* Insert code here... */
@-moz-document domain("crs.upd.edu.ph") {
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,400&display=swap');
    :root {
        --primary: #760d11;
        --secondary: #197045;
        --accent: #fffdba;
        --neutral: #231424;
        --dark: #191d24;
        --base: #f3f4f6;
        --info: #587AF3;
        --success: #35c646;
        --warning: #F6DA6A;
        --error: #F84935;
    }
    body {
        background-color: var(--dark);
        background-image: unset !important;
        overflow-x: hidden;
        font-family: 'Montserrat';
    }
    body > *,.footer_quicklinks,.footer_expander {
        display: none
    }
    #header {
        display: block !important;
        width: unset !important;
        padding: 1rem 1rem;
        background-color: var(--dark) !important;
        background-image: url("https://upload.wikimedia.org/wikipedia/en/thumb/3/3d/University_of_The_Philippines_seal.svg/1200px-University_of_The_Philippines_seal.svg.png") !important;
        background-size: contain !important;
        background-origin: content-box !important;
        height: unset !important;
    }
    #header a.logout {
        background: var(--secondary) !important;
        border: unset !important;
        color: var(--base) !important;
        font-weight: 600;
        border-radius: 0.5rem;
        margin: 1rem 0 1rem 1rem !important;
    }
    #header p {
        line-height: unset !important;
    }
    #subheader {
        color: var(--base) !important;
        text-align: right !important;
    }
    #content {
        position: relative;
        display: flex !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #leftcolumn,#rightcolumn {
        float: none !important;
    }
    #leftcolumn {
        position: sticky;
        background-color: var(--dark);
    }
    #rightcolumn {
        width: unset !important;
        flex: 1;
    }
    /*furnishWhites*/
    #leftcolumn div.module-search {
        background: unset;
        color: var(--base);
    }
    #leftcolumn div.module-div {
        margin: 0;
    }
    #module-search-input,#leftcolumn div.module-div h1,#leftcolumn div.module-div a {
        color: var(--base);
        border: none;
        background: unset;
        padding: 1rem;
    }
    #leftcolumn div.module-div a {
        padding: 1rem 1.5rem !important;
        color: rgba(255,255,255,0.2);
    }
    #leftcolumn div.module-div a:hover, #leftcolumn div.module-div a:focus, #leftcolumn div.module-div a.focused, #leftcolumn div.module-div a.current, #leftcolumn div.module-div a.current:hover {
        background-color: var(--primary) !important;
        background-image: unset !important;
        padding: 1rem 0.5rem;
    }
    #leftcolumn div.module-search {
        border: 3px solid var(--base);
        margin: 1rem;
    }
    .clock {
        margin: unset !important;
    }
    .clock a {
        color: var(--base) !important;
    }
    #rightcolumn {
        background-color: var(--base);
        border-radius: 1rem 0 0 1rem;
        margin: unset !important;
        padding: 2rem;
    }
    
    /* table */
    table {
        border: unset !important;
        border-radius: 1rem;
        border-style: hidden;
        overflow: hidden;
        --tw-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    th {
        background-color: var(--primary);
    }
    .tr_even {
        background-color: rgba(0,0,0,0.04)
    }
    .tr_odd {
        background-color: unset !important;
    }
    table.invisible {
        box-shadow: unset !important;
    }
    table.invisible tr td, table tr th {
        border: unset !important;
    }
    table tr td, table tr th {
        padding: 1rem;
    }
}