justuser31
7 months ago
parent
d436f702e0
commit
55da6a92cf
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 149 KiB |
|
Before Width: | Height: | Size: 960 B |
|
Before Width: | Height: | Size: 963 B |
@ -1,152 +0,0 @@
|
||||
/* Общая характеристика */
|
||||
body {
|
||||
background-color: #242829;
|
||||
}
|
||||
|
||||
/* Заморочная настройка переключателей */
|
||||
.Select {
|
||||
background-color: rgb(27, 29, 30);
|
||||
color: #fff;
|
||||
font-family: 'Mulish', sans-serif;
|
||||
font-size: 2vh;
|
||||
}
|
||||
.Select-input > input {
|
||||
color: #fff;
|
||||
}
|
||||
.Select .Select-value {
|
||||
background-color: rgb(27, 29, 30);
|
||||
}
|
||||
.Select-control {
|
||||
background-color: rgb(25, 25, 25) !important;
|
||||
color: #fff;
|
||||
font-family: 'Mulish', sans-serif;
|
||||
font-size: 2vh;
|
||||
}
|
||||
.Select-menu-outer {
|
||||
background-color: rgb(27, 29, 30);
|
||||
color: #fff;
|
||||
border-radius: 10;
|
||||
}
|
||||
.has-value.Select--single>.Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.Select-value {
|
||||
font-family: 'Mulish', sans-serif;
|
||||
font-size: 2vh;
|
||||
}
|
||||
.Select-placeholder {
|
||||
font-family: 'Mulish', sans-serif;
|
||||
font-size: 2vh;
|
||||
}
|
||||
|
||||
.Select-clear {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
|
||||
/* Верхняя панель */
|
||||
.panel {
|
||||
background-color: #161819;
|
||||
margin: -8px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.logo {
|
||||
padding: 10px;
|
||||
width: 4vh;0
|
||||
}
|
||||
.git_logo {
|
||||
width: 3.2vh;
|
||||
}
|
||||
.soc_logo {
|
||||
width: 3.2vh;
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
|
||||
.react_vol_out {
|
||||
padding-top: 10vh;
|
||||
width: 80vh;
|
||||
}
|
||||
|
||||
.react_vol {
|
||||
display: flex;
|
||||
flexDirection: row;
|
||||
}
|
||||
.vol {
|
||||
flex: 1;
|
||||
padding-left: 25px;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
/* Иконка + текст слева в панели */
|
||||
.img_text_panel {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* Кнопки социалок */
|
||||
.soc_buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Div для социалок */
|
||||
.socials {
|
||||
background-color: #2e4ebf;
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding-left: 1%;
|
||||
padding-right: 4%;
|
||||
align-items: center;
|
||||
/* height: 60%; */
|
||||
height: 4vh;
|
||||
max-height: 35px;
|
||||
}
|
||||
/* Текст социалок */
|
||||
.soc_text {
|
||||
color: white;
|
||||
padding-left: 8%;
|
||||
font-size: 1.6vh;
|
||||
font-family: 'Mulish', sans-serif;
|
||||
}
|
||||
|
||||
.empty_box {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* Отключить декорацию всего (сделано для убирания подчёркивания ссылок) */
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* Действия при разрешении телефона */
|
||||
@media (max-width: 900px) {
|
||||
|
||||
.empty_box {
|
||||
flex: 0;
|
||||
}
|
||||
.soc_buttons {
|
||||
justify-content: right;
|
||||
}
|
||||
|
||||
}
|
||||
/* Сверхузкие телефоны */
|
||||
@media (max-width: 400px) {
|
||||
.react_vol {
|
||||
flex-direction: column;
|
||||
}
|
||||
.vol {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 3.3 KiB |
Loading…
Reference in new issue