FrontEnd/Static/NoteApp/css/list.css - master - progart116/PlanerProject2026

FrontEnd/Static/NoteApp/css/list.css
166 строк3 KB
progart116
debug
25 апр 2026, 12:27
25 апр 2026, 12:274a037dd
@media (min-width: 992px)
{

    *
    {
        margin: 0;
        border: 0;
        padding: 0;
        font-family: 'Courier New';
        font-size: 20pt;
        user-select: none;
    }

    body
    {
        color: white;
        background: linear-gradient(45deg, #32373b 0%, #4a5859 25%, #32373b 50%, #212143 75%);
        width: 98vw;
        height: 95vh;
    }

    table
    {
        margin: 25px 3vw 0 3vw;
        width: 94vw;
    }

    table th, table td
    {
        border: 1px white solid;
        text-align: center;
    }

    .section-buttons
    {
        margin: 5vh 3vw 0 3vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .section-buttons > a
    {
        padding: 0 15px 0 15px;
        width: 100px;
        height: 100px;
        border-radius: 10px;
        text-decoration: none;
        transition: 0.5s;
    }

    .section-buttons > a > img
    {
        width: 100px;
        height: 100px;
    }

    .mobile-content
    {
        visibility: hidden;
    }

    .deleted
    {
        color: rgb(255, 113, 113);
    }

}



@media (max-width: 992px)
{
    *
    {
        margin: 0;
        border: 0;
        padding: 0;
        font-family: 'Courier New';
        font-size: 14pt;
        user-select: none;
    }

    body
    {
        color: white;
        background: linear-gradient(45deg, #32373b 0%, #4a5859 25%, #32373b 50%, #212143 75%);
        width: 98vw;
        height: 95vh;
    }

    .section-buttons
    {
        margin: 5vh 3vw 0 3vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .section-buttons > a
    {
        padding: 0 15px 0 15px;
        width: 100px;
        height: 100px;
        border-radius: 10px;
        text-decoration: none;
        transition: 0.5s;
    }

    .section-buttons > a > img
    {
        width: 70px;
        height: 70px;
    }

    table
    {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        height: 0;
    }

    .mobile-content
    {
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .mobile-content a
    {
        text-decoration: none;
        margin: 10px 15px;
        padding: 10px 15px;
        color: white;
        background-color: #00ff001e;
        border-radius: 15px;
    }
    
    .mobile-block
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 3fr 1fr;
    }

    .mobile-header
    {
        grid-column: 1 / span 2;
        font-size: 24pt;
        font-weight: bold;
    }

    .mobile-user
    {
        text-align: right;
    }

    .deleted
    {
        color: rgb(255, 113, 113);
    }

}