Стилизация: различия между версиями
Перейти к навигации
Перейти к поиску
Mark (обсуждение | вклад) |
Mark (обсуждение | вклад) |
||
Строка 4: | Строка 4: | ||
Работает для темной темы и улучшает работу для манагеров | Работает для темной темы и улучшает работу для манагеров | ||
<pre> | <pre> | ||
− | @media (min-width: | + | .container { |
+ | width: 100%; | ||
+ | max-width: 95%; | ||
+ | } | ||
+ | @media (min-width: 1004px) { | ||
.container { | .container { | ||
− | max-width: | + | max-width: 95%; |
} | } | ||
} | } | ||
− | + | @media (min-width: 1300px) { | |
− | @media (min-width: | + | .container { |
− | + | max-width: 95%; | |
− | + | } | |
− | |||
} | } | ||
− | + | @media (min-width: 500px) { | |
− | @media (min-width: | + | .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 { | .checkbox-item.m-pos-right-top { | ||
width: 100%; | width: 100%; | ||
Строка 34: | Строка 35: | ||
padding: 0; | padding: 0; | ||
} | } | ||
− | + | .checkbox-item__inside { | |
− | . | + | width: 100%; |
− | + | height: 100%; | |
− | |||
− | |||
− | |||
− | |||
− | width: | ||
− | |||
} | } | ||
− | + | .b-notifications__list__item { | |
− | .b- | + | display: inline-block; |
− | + | vertical-align: top; | |
− | + | width: 20%; | |
} | } | ||
− | |||
@media (min-width: 560px) { | @media (min-width: 560px) { | ||
.modal .modal-dialog.modal-md { | .modal .modal-dialog.modal-md { | ||
Строка 55: | Строка 49: | ||
} | } | ||
} | } | ||
− | + | .b-users__item.m-fans { | |
− | .b- | + | overflow: hidden; |
− | + | height: 100px; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | .m- | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
</pre> | </pre> |
Версия 17:31, 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: 100px; }