Sfera: [Firefox] - Tasks & Knowledge by Li-Gru

/* ==UserStyle==
@name         Sfera
@version      20230722.17.01
@namespace    ?
==/UserStyle== */

/* ==UserStyle==
@name         Sfera: [Firefox] - Tasks & Knowledge
@version      20230721.23.02
@namespace    userstyles.world/user/Li-Gru
@description  Sfera: [Firefox] - Tasks & Knowledge
@author       Li-Gru
@license      WTFPL
==/UserStyle== */

@-moz-document regexp(".*://sfera.*") {
[ data-testid="login-page" ]{
        background-image:
            linear-gradient(to right, rgba(255,255,255,0) 90%,rgb(194, 8, 20)),
            url("https://i.ibb.co/Mnv13Cb/1234.jpg") !important;
        background-repeat: no-repeat;
        background-color: rgb(194, 8, 20);
        background-position: center, top;
    }


    [ data-testid="login-form" ] > div:first-child { visibility: hidden; }
    [ data-testid="login-form" ] > div:first-child::before { 
        color: white;
        visibility: visible;
        content: 'Готов к приключению? ';
    }

    [ data-field-name="username" ] > div > label { visibility: hidden; }
    [ data-field-name="username" ] > div > label::before {
        color: white;
        visibility: visible;
        content: 'Кличка: ';
    }
    [ data-field-name="password" ] > div > label { visibility: hidden; }
    [ data-field-name="password" ] > div > label::before {
        color: white;
        visibility: visible;
        content: 'Стоп-слово: ';
    }    
    
    
    /* Knowledge */
    [data-testid="sidebar-container"] { overflow: auto !important; }
    [id="layout-content-wrapper"]     { overflow: auto !important; }

    /* Tasks */
    [data-testid="task-card-sidebar"]{
        width:  70%;
        height: 100%;
    }
    [ data-testid="editor-instance" ] {
        overflow: auto !important;
        resize: both;
        font-family: unset;
        min-width: 100%;
        min-height: 600px;
        max-height: 9999px !important;
    }
    [ data-testid="editor-instance" ] textarea {
        resize: both !important;
        min-width: 90% !important;
        min-height: 500px !important;
        max-height: 9999px !important;
        margin-bottom: 0px !important;
    }
}