mystat.itstep.org++ by SaSh0o0k

/* ==UserStyle==
@name           mystat.itstep.org++
@namespace      userstyles.world/user/SaSh0o0k
@author         SaSh0o0k
@description    Updated Styles
@version        20231022.14.27
@license        NO License
@preprocessor   uso
==/UserStyle== */

@-moz-document domain("mystat.itstep.org") {
    
/*     лівий слайдер */
    .sidebar {
        background-image: none !important;
    }
    
    
/*     картки дз */
    .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: #c5930e;
    }

    .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: '';
        position: absolute;
        top: -.275em;/*.175*/
        left: -.275em;/*.15*/
        width: calc(100% + .55em);/*.35*/
        height: calc(100% + .55em);/*.3*/
        border: 4px solid transparent;/*3*/
        animation: animateborder 5s forwards infinite;
        animation: animateborder 5s linear infinite;
/*         border-radius: 6px; */
/*         background-size: 200%; */
/*         --angle: 0deg; */
    }
    .is-today:before {
        border-image: linear-gradient(
        var(--angle),
            rgba(247, 149, 51),
            rgba(243, 112, 85),
            rgba(239, 78, 123),
            rgba(161, 102, 171),
            rgba(80, 115, 184),
            rgba(16, 152, 173),
            rgba(7, 179, 155),
            rgba(111, 186, 130)
        ) 1;
    }
/*     .is-today:before {
        border-image: linear-gradient(
            var(--angle),
            #18B9AF,
            rgba(80, 115, 184),
            rgba(16, 152, 173),
            rgba(7, 179, 155),
            rgba(111, 186, 130)
        ) 1;
    } */
    
    .is-today:before {
      border-image: linear-gradient(
        var(--angle),
            rgba(24, 185, 175, 0.9),
            rgba(22, 169, 164, 0.8),
            rgba(20, 153, 153, 0.7),
            rgba(18, 137, 142, 0.6),
            rgba(16, 121, 131, 0.5),
            rgba(14, 105, 120, 0.4),
            rgba(12, 89, 109, 0.3),
            rgba(10, 73, 98, 0.2),
            rgba(8, 57, 87, 0.1)
      ) 1;
    }
    
    .is-today:before {
      border-image: linear-gradient(
        var(--angle),
            rgba(24, 255, 205, 0.9),
            rgba(22, 255, 204, 0.8),
            rgba(20, 253, 203, 0.7),
            rgba(18, 237, 202, 0.6),
            rgba(16, 221, 201, 0.5),
            rgba(14, 205, 200, 0.4),
            rgba(12, 189, 190, 0.3),
            rgba(10, 173, 180, 0.2),
            rgba(8, 157, 170, 0.1)
      ) 1;
    }
    
/*     .is-today:before {
      border-image: linear-gradient(
        var(--angle),
            rgba(224, 255, 205, 0.9),
            rgba(22, 255, 204, 0.8),
            rgba(220, 253, 203, 0.7),
            rgba(18, 237, 202, 0.6),
            rgba(216, 221, 201, 0.5),
            rgba(14, 205, 200, 0.5),
            rgba(212, 189, 190, 0.4),
            rgba(10, 173, 180, 0.3),
            rgba(208, 157, 170, 0)
      ) 1;
    } */
    
/*     .is-today:before {
      border-image: linear-gradient(
        var(--angle),
            rgba(100, 24, 255, 0.9),
            rgba(200, 22, 255, 0.8),
            rgba(100, 20, 253, 0.7),
            rgba(200, 18, 237, 0.6),
            rgba(100, 16, 221, 0.5),
            rgba(200, 14, 205, 0.5),
            rgba(100, 12, 189, 0.4),
            rgba(200, 10, 173, 0.3),
            rgba(100, 8, 157, 0.2)
      ) 1;
    } */

    .is-today {
        border-color: transparent !important;
    }
    
/*     потім, на активний день - інший бордер */
/*     .schedule-section .item .content-schedule .day-holder .day .is-today .active-day:before {
        content: '';
        position: absolute;
        top: -.125em;
        left: -.15em;
        width: calc(100% + .325em);
        height: calc(100% + .25em);
        border: 3px solid transparent;
        animation: animateborder 5s ease-in-out infinite;
        z-index: 99;
    }
    
    .schedule-section .item .content-schedule .day-holder .day.has-day.is-today .active-day:before {
                border-image: linear-gradient(
        var(--angle),
            rgba(247, 149, 51),
            rgba(243, 112, 85),
            rgba(239, 78, 123),
            rgba(161, 102, 171),
            rgba(80, 115, 184),
            rgba(16, 152, 173),
            rgba(7, 179, 155),
            rgba(111, 186, 130)
        ) 1;
    } */
    
    @property --angle {
        syntax: '<angle>';
        initial-value: 0deg;
        inherits: false;
    }

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

    /* .active-day {
        background-color: #18B9AF !important;
    } */
    
/*     .is-today:hover {
        background-image: none !important;
    } */
}