src/components/HomePage/SideNavBar/SideBar.css - master - Torward/flash-spring

src/components/HomePage/SideNavBar/SideBar.css
128 строк2 KB
Torward
commit 17.02.2024
17 фев 2024, 06:49
17 фев 2024, 06:490e345ef
@font-face {
    font-family: "Palace of Sports";
    font-style: normal;
    src: url("../../../fonts/palace_of_sports.otf");
    font-family: "Petrogradsky";
    font-style: normal;
    src: url("../../../fonts/petrogradski.otf");
}

body {
    background-color: rgb(10, 25, 41);

}

span {
    vertical-align: middle;
}

input[type="text"i] {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    appearance: none;
}
.link{
    text-decoration: none;
    color: rgb(128, 191, 255);
}
.active{
    color: white;
}
.sidebar-content {
    /* background-color: rgb(0, 30, 60); */

    display: flex;
    background: linear-gradient(to bottom, rgb(0, 37, 73), rgb(10, 25, 41) 120%);
    flex-direction: column;
}


.sidebar-content__logo {
    font-family: "Palace of Sports";
    font-size: 36px;
    font-weight: 600;
    color: white;
    margin: 25px auto;
}

.sidebar-content__avatar {
    position: relative;
    align-content: center;
}



.avatar__block {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px double rgb(22, 136, 250);
    border-radius: 70px;
    width: 135px;
    margin: 25px auto;
    padding: 1px;
}


.sidebar-content__name {
    margin: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.username {
    font-family: "Petrogradsky";
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgb(2, 90, 179);
    margin-bottom: 20px;
    cursor: default;
}

.details {
    color: rgb(128, 191, 255);
    font-size: 12px;
    cursor: default;
}

.sidebar-content__statistic {
    margin: auto;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    color: rgba(228, 228, 228, 0.692);
    margin-bottom: 30px;
}

.analytic{
    display: flex;
    flex-direction: column;
    text-align: center;
    cursor: default;
}

.statistic {
    margin-right: 10px;
}

.sidebar-content__tools {
    margin: 0 auto;
    color: rgb(128, 191, 255);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    cursor: pointer;

}

.content {
    font-weight: 700;
    margin-bottom: 15px;
}

.content:hover {
    color: white;
}