Skip to content

ProgTest Modern by 316filip

Screenshot of ProgTest Modern

Details

Author316filip

LicenseNo License

Categoryprogtest.fit.cvut.cz

Created

Updated

Size8.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Get rid of that ugly UI provided by ProgTest. Switch to modern style and be more productive!

Notes

Source code

/* ==UserStyle==
@name           ProgTest Modern
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Get rid of that ugly UI provided by ProgTest. Switch to modern style and be more productive!
@author         316filip
==/UserStyle== */
@-moz-document domain("progtest.fit.cvut.cz") {
    html {
        min-height: 100vh;
        background-color: white;
    }

    body {
        min-height: calc(100vh - 1rem);
        background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
        padding-bottom: 1rem;
    }
    
    tr, input {
        font-family: Helvetica, sans !important;
    }

    /*   Login page   */
    .insBox {
        padding: 1rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(155, 180, 255, .15) 100%), radial-gradient(at top center, rgba(255, 255, 255, .4) 0%, rgba(140, 203, 255, .4) 120%) #eaf1ff;
        background-blend-mode: multiply,multiply;
        border: 1px solid #8ec5fc;
        position: fixed;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        border-radius: .5rem;
        filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
    }

    div:not(.topLayout) .outBox {
        background-color: #fff;
        border: 0;
        border-radius: .25rem;
    }

    .outBox td {
        background-color: transparent;
        border: 0;
        padding: .5rem;
    }
    
    .but1, .but2 {
        background-color: transparent;
        border: 0;
        margin: 0;
        padding: 0;
    }
    
    .but2 {
        display: flex;
    }
    
    .but2 a {
        display: inline;
        border: 1px solid black;
        border-radius: .25rem;
        padding: .25rem 1.5rem;
        transition-duration: .25s;
    }
    
    .but2 a:hover {
        display: inline;
        background-color: #e9e9e9;
        color: black;
    }
    
    input.std {
        border: 1px solid gray !important;
        border-radius: .25rem;
    }
    
    input[type=file].std {
        border: none !important;
    }
    
    select.std {
        width: 100%;
    }
    
    /*   Index page   */
    .topLayout {
        border-spacing: .5rem;
    }
    
    table.topLayout td {
        border: none;
        padding: 0;
        border-radius: .5rem;
        background-color: white;
    }
    
    table.topLayout .lBox {
        padding: 1rem;
    }
    
    table.topLayout .rBox {
        position: relative;
    }
    
    table.topLayout .rBox .but1 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    
    table.topLayout .rBox .but1 .but2 {
        width: 100%;
        height: 100%;
    }
    
    table.topLayout .rBox .but1 .but2 a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: .5rem;
    }
    
    table:not(.topLayout):not(#main):not(.header):not(#maintable) tr {
        background-image: linear-gradient(to top, #b0d7ff 0%, #edf9ff 100%);
    }
    
    .topLayout table tr {
        background-image: none !important;
    }
    
    table:not(.topLayout):not(#main):not(.header):not(#maintable) tr td {
        background-color: transparent;
        padding: 1rem 2rem;
    }
    
    .navLink {
        transition-duration: .25s;
    }
    
    /*   Course page   */
    .hdrDis {
        background-color: white;
        border: none;
        padding: .5rem 0;
        border-radius: .5rem;
    }
    
    .hdrDis b {
        padding: 0 1rem;
    }
    
    .mBox {
        padding: 1rem !important;
    }
    
    .mBox div, .mBox span {
        padding: 0 !important;
    }
    
    table.topLayout td.lBox .but1 .but2 a.butLink {
        padding: .15rem .5rem !important;
    }
    
    /*   Task view   */
    .topLayout .outBox {
        background-color: transparent;
        border: none;
    }
    
    table.header {
        background-color: white;
        border: none;
        border-radius: .5rem !important;
        padding: 1rem;
        margin-bottom: 1em;
    }
    
    table.header td.header {
        padding: 0;
    }
    
    table#maintable {
        background-color: white;
        border-radius: .5rem !important;
        border-spacing: 1rem;
    }
    
    table#maintable td {
        padding: 0;
    }
    
    /*   Task detail view   */
    .ltbOkSepCell, .tbOkSepCell, .ltbHalfSepCell, .tbHalfSepCell {
        color: green;
    }
    
    .ltbFailSepCell, .tbFailSepCell {
        color: red;
    }
    
    .ltbWaitSepCell, .tbWaitSepCell {
        color: orange;
    }
    
    form .topLayout .outBox table#maintable table {
        background-color: lightgray;
        border-radius: .5rem;
    }
    
    form .topLayout .outBox table#maintable table tr {
        background-image: none !important;
    }
    
    form .topLayout .outBox table#maintable a {
        transition-duration: .25s;
    }
    
    form .topLayout .outBox table#maintable a:hover {
        color: gray;
    }
    
    table#reftable {
        background-color: white;
        border-radius: .5rem;
    }
    
    table#reftable tbody {
        display: grid;
    }
    
    table#reftable tr {
        background-image: none !important;
    }
    
    table#reftable table {
        background-color: lightgray;
        border-radius: .5rem;
    }
    
    table#reftable table tbody {
        display: block;
    }
    
    input.std {
        background-color: white;
        color: black;
        border: none;
    }
    
    .outButton {
        background-color: transparent;
        border: none;
        padding: 0;
    }
    
    input.updButton {
        height: 100%;
        background-color: white;
        border: 1px solid black;
        border-radius: .25rem;
        padding: .25rem 0 !important;
        transition-duration: .25s;
    }
    
    input.updButton:hover {
        background-color: lightgray;
        cursor: pointer;
    }
    
    .topLayout .outBox table#maintable tr:last-child .rtbCell {
        display: flex;
        justify-content: center;
    }
    
    /*   Results page   */
    table.resultLayout tr {
        background-image: none !important;
        background-color: white !important;
        transition-duration: .25s;
    }
    
    table.resultLayout tr:hover {
        background-color: lightgray !important;
    }
    
    .insBox .outBox table tr {
        background-image: none !important;
    }
    
    /*   Compiler page   */
    table.topLayout tbody td.mBox {
        position: relative;
    }
    
    table.topLayout tbody td .but1:only-child {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    
    table.topLayout tbody td .but1:only-child .but2 {
        width: 100%;
        height: 100%;
    }
    
    table.topLayout tbody td .but1:only-child .but2 a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: .5rem;
    }
    
    /*   FAQ page   */
    .al.lrtbCell {
        padding: 1rem !important;
    }
    
    /*   Test page   */
    form .topLayout .outBox table {
        background-color: white;
        border-radius: .5rem;
        padding: 1rem 0;
    }
    
    form .topLayout .outBox table tbody tr {
        background-image: none !important;
    }
    
    /*   Compile page   */
    .topLayout .outBox table .rtbCell table {
        background-color: lightgray;
        border-radius: .5rem;
    }
    
    .topLayout .outBox table .rtbCell table tr {
        background-image: none !important;
    }
}

Reviews

No reviews yet.