﻿
body {
    background-color: rgba(232, 230, 230,0.8);
}

/*Блок названия сайта*/
#NameSiteHeader {
    text-transform: uppercase;
    padding: 0.5rem;
    background: repeating-linear-gradient(-60deg, rgba(100, 100, 100,0.8), transparent 0.2rem, transparent 5rem);
}
#NameSiteHeader h3{
    margin:0;
}

/*Верхнее меню*/
header {
    background-color: RGB(33,37,41);
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
}
header a {
        text-decoration: none;

        color: lightcyan;
        font-style: italic;

        padding: 0.3rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;

        vertical-align:middle;
    }
header #UpMenu_aMain {
        font-size: 1.25rem;
        margin: 0rem;
        
        margin-right: 2rem;
        color: lightcyan;
    }
header a:hover {
        text-decoration: none;
        color: lightcyan;
        background-color: RGB(70,70,70);
        border-radius: 8px;
        
        transition-duration: 1s;
    }


/*Левое меню (Содержание)*/
#LeftSidebar > div {
    box-shadow: 0rem 0rem 1rem 0.1rem;
    height: 100%;
    width: 100%;
    background-color: white;
}
details a {
    text-decoration: none;
    color: black;
}
details a:hover {
        color: black;
    }

summary.MenuSum {
    margin: 0px;
    padding: 0.1rem;
    padding-left:1rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    font-size: 0.8rem;
}
div.MenuRef {
    margin: 0px;
    padding: 0.2rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-left: 1.5rem;
    font-size: 0.75rem;
}
div.MenuRef:hover, summary.MenuSum:hover {
        background-color: rgba(57, 69, 61, 0.3);
        border-radius: 5px;
        transition-duration: 1s;
    }

details div.ActiveLink {
    background-color: rgba(57, 69, 61, 0.3);
}

/*Кнопки*/
.ButMenu1 {
    height: 2rem;
    width: 2rem;
    border: solid 2px black;
    border-radius: 0.4rem;
    background-color: darkgray;
    padding: 0.3rem;
    transition-duration: 0.5s;
}

.ThreeLineDiv {
    height: 100%;
    width: 100%;
    background: linear-gradient( black 20%, rgba(1,1,1,0) 20%,rgba(1,1,1,0) 40%,black 40%,black 60%,rgba(1,1,1,0) 60%,rgba(1,1,1,0) 80%,black 80%,black 100%);
}

.ButMenu1:hover {
    box-shadow: inset 0 0 0.5rem;
    transition-duration: 0.5s;
}

/*Основное окно*/
#MainAreaText {
    box-shadow: 0rem 0rem 1rem 0.1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
