Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
Mark (обсуждение | вклад) |
Mark (обсуждение | вклад) |
||
| Строка 3: | Строка 3: | ||
Работает для темной темы и улучшает работу для манагеров | Работает для темной темы и улучшает работу для манагеров | ||
| − | <pre>. | + | <pre>.b-photos { |
| − | width: | + | grid-template-columns: repeat(10,1fr); |
| − | + | } | |
| + | .g-avatar.m-w24 { | ||
| + | width: 10px; | ||
| + | height: 10px; | ||
| + | top: unset; | ||
| + | left: unset; | ||
| + | bottom: 12px; | ||
| + | right: 12px; | ||
} | } | ||
| − | + | .online_status_class.online.m-w24:after { | |
| − | + | display: none; | |
| − | |||
| − | |||
} | } | ||
| − | + | .b-users__item__new-posts-count { | |
| − | + | font-size: 10px; | |
| − | + | line-height: 14px; | |
| − | |||
} | } | ||
| − | @media (min-width: | + | @media (min-width: 560px) { |
| − | . | + | .modal .modal-dialog.modal-md { |
| − | max-width: | + | max-width: 90%; |
| − | |||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.checkbox-item.m-pos-right-top { | .checkbox-item.m-pos-right-top { | ||
| − | width: | + | width: 50%; |
| − | height: | + | height: 50%; |
padding: 0; | padding: 0; | ||
} | } | ||
| Строка 38: | Строка 35: | ||
height: 100%; | height: 100%; | ||
} | } | ||
| − | .b- | + | .b-notifications__list { |
| − | display: | + | display: grid; |
| − | + | grid-template-columns: repeat(4, 1fr); | |
| − | |||
} | } | ||
| − | @media (min-width: | + | @media (min-width: 1004px) { |
| − | . | + | .b-gallery-wrapper { |
| − | max-width: | + | position: fixed; |
| + | top: 30px; | ||
| + | right: 30px; | ||
| + | bottom: 30px; | ||
| + | left: 30px; | ||
| + | max-width: unset !important; | ||
| + | background: black; | ||
| + | z-index: 1000; | ||
| + | box-shadow: 1px 1px 10px 1px white; | ||
| + | width: unset !important; | ||
} | } | ||
} | } | ||
| − | + | </pre> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Версия 00:45, 4 октября 2021
CSS
Я использую плагин для хрома UserCSS
Работает для темной темы и улучшает работу для манагеров
.b-photos {
grid-template-columns: repeat(10,1fr);
}
.g-avatar.m-w24 {
width: 10px;
height: 10px;
top: unset;
left: unset;
bottom: 12px;
right: 12px;
}
.online_status_class.online.m-w24:after {
display: none;
}
.b-users__item__new-posts-count {
font-size: 10px;
line-height: 14px;
}
@media (min-width: 560px) {
.modal .modal-dialog.modal-md {
max-width: 90%;
}
}
.checkbox-item.m-pos-right-top {
width: 50%;
height: 50%;
padding: 0;
}
.checkbox-item__inside {
width: 100%;
height: 100%;
}
.b-notifications__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 1004px) {
.b-gallery-wrapper {
position: fixed;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
max-width: unset !important;
background: black;
z-index: 1000;
box-shadow: 1px 1px 10px 1px white;
width: unset !important;
}
}