108 lines
1.9 KiB
CSS
108 lines
1.9 KiB
CSS
.admin_button_bv {
|
|
transition: all 0.3s;
|
|
display: flex;
|
|
position: fixed;
|
|
bottom: 0px;
|
|
right: 11px;
|
|
z-index: 1001;
|
|
border-radius: 100% 0 0 100%;
|
|
padding: 10px;
|
|
background-color: white;
|
|
border: 1px solid rgb(206, 206, 206);
|
|
border-right: none;
|
|
opacity: 0.6;
|
|
cursor: pointer;
|
|
}
|
|
|
|
@media screen and (max-width: 720px) {
|
|
.admin_button_bv {
|
|
right: -3000px;
|
|
display: none;
|
|
}
|
|
.admin_panel_wrapper_bv * {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.admin_button_bv:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.admin_button_bv svg {
|
|
fill: rgb(85, 84, 82);
|
|
}
|
|
|
|
.admin_panel_wrapper_bv {
|
|
position: fixed;
|
|
z-index: 1001;
|
|
}
|
|
|
|
.admin_panel_bv {
|
|
box-shadow: -10px -10px 30px 4px rgba(20, 55, 82, 0.15);
|
|
transition: all 0.3s;
|
|
position: fixed;
|
|
z-index: 1005;
|
|
height: 400px;
|
|
width: 250px;
|
|
background-color: white;
|
|
border: 1px solid rgb(224, 228, 231);
|
|
bottom: 0;
|
|
right: 11px;
|
|
border-radius: 5px 0 0 0;
|
|
}
|
|
|
|
.admin_panel_bv.closed {
|
|
right: -400px;
|
|
}
|
|
|
|
.admin_panel_bv > .admin_panel_header {
|
|
border-bottom: 1px solid rgb(211, 211, 211);
|
|
width: 100%;
|
|
padding: 10px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-weight: 700;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.admin_panel_bv > .admin_panel_header > svg {
|
|
fill: gray;
|
|
transition: all 0.3s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.admin_panel_bv > .admin_panel_header > svg:hover {
|
|
fill: rgb(66, 65, 62);
|
|
}
|
|
|
|
.admin_panel_bv > .admin_panel_body {
|
|
padding: 10px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.admin_panel_body li {
|
|
list-style-type: none;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.admin_panel_bv > .admin_panel_body > ul > li {
|
|
border-bottom: 1px solid rgb(220, 220, 220);
|
|
padding-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
transition: all 0.1s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.admin_panel_bv > .admin_panel_body > ul > li:hover {
|
|
color: rgb(89, 108, 218);
|
|
}
|
|
|
|
.admin_panel_bv > .admin_panel_body > ul > li:active {
|
|
color: rgb(69, 88, 199);
|
|
}
|
|
|
|
.main_wrapper_increased {
|
|
padding-bottom: 400px;
|
|
}
|