Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
Mark (обсуждение | вклад) |
Mark (обсуждение | вклад) |
||
| Строка 3: | Строка 3: | ||
Работает для темной темы и улучшает работу для манагеров | Работает для темной темы и улучшает работу для манагеров | ||
| − | <pre> | + | <pre>.container { |
| − | .container { | ||
width: 100%; | width: 100%; | ||
max-width: 95%; | max-width: 95%; | ||
| Строка 51: | Строка 50: | ||
.b-users__item.m-fans { | .b-users__item.m-fans { | ||
overflow: hidden; | overflow: hidden; | ||
| − | height: | + | height: 90px; |
| + | display: inline-block; | ||
| + | width: 50%; | ||
} | } | ||
</pre> | </pre> | ||
Версия 17:33, 24 сентября 2021
CSS
Я использую плагин для хрома UserCSS
Работает для темной темы и улучшает работу для манагеров
.container {
width: 100%;
max-width: 95%;
}
@media (min-width: 1004px) {
.container {
max-width: 95%;
}
}
@media (min-width: 1300px) {
.container {
max-width: 95%;
}
}
@media (min-width: 500px) {
.m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
max-width:calc(100% - 64px);
margin-left: auto
}
}
.b-photos {
display: grid;
grid-gap: 2px;
grid-template-columns: repeat(10,1fr);
margin-bottom: 20px;
}
.checkbox-item.m-pos-right-top {
width: 100%;
height: 100%;
padding: 0;
}
.checkbox-item__inside {
width: 100%;
height: 100%;
}
.b-notifications__list__item {
display: inline-block;
vertical-align: top;
width: 20%;
}
@media (min-width: 560px) {
.modal .modal-dialog.modal-md {
max-width: 90%;
}
}
.b-users__item.m-fans {
overflow: hidden;
height: 90px;
display: inline-block;
width: 50%;
}