Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
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; } }