Simple theme for TestLink

testlink.less

/* ==UserStyle==
@name           TestLink
@namespace      github.com/openstyles/stylus
@version        20.2.13
@description    Fluent design for TestLink
@author         Vision
@preprocessor   less
==/UserStyle== */
@-moz-document domain("testlink.xsky.com") {
    // Exclude login page

    input[type=submit],
    input[type=button] {
        color: rgb(50, 49, 48);
        background: unset;
        background-color: #fff;
        border: 1px solid rgb(138, 136, 134);
        
        &:hover {
            color: #fff;
            border-color: rgb(0, 120, 212);
            background-color: rgb(0, 120, 212);
        }
        
        &:active {
            background-color: #004578;
        }
    }

    .card {
        border-radius: 2px;
        box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
    }

    // Company logo
    img[alt='Company logo'] {
        width: 136px;
        height: 57px;        
    }

    .list-group {
        background-color: #fff;
        .card();

        a {
            border-width: 0;
            font-size: 15px !important;
        }
    }
    
    div.menu_title {
        background-color: #fff;        
    }

    div.menu_bar {
        border-width: 0;
        background: unset;
        background-color: #fff;
        padding-bottom: 8px;
        margin-right: 0 !important;
    }

    .x-panel-header {
        border-width: 0;
        background: unset;
    }

    .x-panel-body {
        border-width: 0;
    }

    #settings_panel {
        margin-bottom: 20px;
        .card();
    }

    #settings table {
        background: unset;
        border-width: 0;
    }


    //// Tree panel

    #filter_panel {
        .card();
    }

    #filters table {
        background: unset;
        border-width: 0;
    }


    //// Right panel

    div.workBack {
        border-width: 0;
        background: unset;
        background-color: #fff;

        .simple + div {
            border-width: 0 !important;
            background-color: #fff !important;
        }
    }


    table.simple {
        border-width: 0;
        background-color: #fff;

        th {
            background: unset;
            border: 0;
            border-top: 1px solid #dee2e6;
        }
    }
}