mystat.itstep.org++ by SashaPutsyk

/* ==UserStyle==
@name         mystat.itstep.org++
@version      20231022.11.19
@namespace    userstyles.world/user/SashaPutsyk
@description  Updated Styles
@author       SashaPutsyk
@license      NO-REDISTRIBUTION
==/UserStyle== */

@-moz-document url-prefix("https://mystat.itstep.org/") {
/* ==UserStyle==
@name           mystat.itstep.org++
@namespace      USO Archive
@author         SaSh0o0k
@description    `Updated Styles`
@version        20230622.23.41
@license        NO
@preprocessor   uso
==/UserStyle== */

@-moz-document url-prefix("https://mystat.itstep.org/") {
    .status0 {
        border-top: 3px solid #fa6358;
    }

    .status1 {
        border-top: 3px solid #1bd2c7;
    }

    .status2 {
        border-top: 3px solid #ffc730;
    }

    .status3 {
        border-top: 3px solid #586e8b;
    }

    .homeworks-section .item-homework .item-container .item.status0 .item-footer {
        background-color: #b53823;
    }

    /* .homeworks-section .item-homework .item-container .item.status1 .item-     footer {
    background-color: rgb(24, 185, 175);
    } */
    .homeworks-section .item-homework .item-container .item.status2 .item-footer {
        background-color: #aa7e08;
    }

    .homeworks-section .item-homework .item-container .item.status3 .item-footer {
        background-color: #586e8b;
    }

    .sidebar-parent-block .sidebar ul.sidebar-nav li a .badge-counter {
        background: #2ea8e185;
    }
    .sidebar-parent-block .sidebar.active ul.sidebar-nav li a .badge-counter {
        background: #2ea8e185;
    }

    .is-today:before {
    /*border-color: #a3d750 !important;
    border-radius: 7px !important;
    border-width: 3px !important; */
        content: ''!important;
        position: absolute !important;
        top: -.125em;
        left: -.15em;
        width: calc(100% + .325em);
        height: calc(100% + .25em);
        border-radius: 6px;
        --angle: 0deg;

        background-image: linear-gradient(var(--angle), #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82) !important;
        background-size: 200%;

        animation: animateborder 5s ease-in-out infinite !important;
    }
    @property --angle {
        syntax: '<angle>';
        initial-value: 0deg;
        inherits: false;
    }

    @keyframes animateborder {
        to {
            --angle: 360deg;
        }
    }

    /* .active-day {
    background-color: #18B9AF !important;
    } */
}
}