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

FrontEnd/Static/NoteApp/css/note.css
143 строки2 KB
progart116
debug
25 апр 2026, 12:27
25 апр 2026, 12:274a037dd
@media (min-width: 1px)
{

    *
    {
        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;
    }

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

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

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

    form
    {
        margin: 5vh 3vw 0 3vw;
    }

    form input
    {
        width: 100%;
    }

    form textarea
    {
        width: 100%;
        height: 30vh;
        max-width: 100%;
        min-width: 50%;
        max-height: 60vh;
        min-height: 15vh;
    }

    .section-buttons
    {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
        width: 100%;
    }

    .section-buttons > #save-button
    {
        color: #ffffff;
        background-color: #8dddff33;
        cursor: pointer;
        width: 500px;
        height: 45px;
        border-radius: 15px;
    }

    .section-buttons > #delete-button
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #ffffff;
        background-color: #ff000033;
        cursor: pointer;
        width: 500px;
        height: 45px;
        border-radius: 15px;
        text-decoration: none;
        text-align: center;
    }

    #error-message
    {
        margin-top: 25px;
        color: red;
        font-weight: bold;
    }

    #success-message
    {
        margin-top: 25px;
        color: rgb(154, 255, 154);
        font-weight: bold;
    }

}

@media (max-width: 992px)
{

    .section-buttons > #save-button
    {
        width: 175px;
        height: 45px;
    }

    .section-buttons > #delete-button
    {
        width: 175px;
        height: 45px;
    }

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

}

#mark-deleted
{
    font-size: 1.5em;
    color: rgb(255, 113, 113);
    font-weight: bold;
}