Стилизация: различия между версиями

Материал из OnlyMoney
Перейти к навигации Перейти к поиску
Строка 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: 100px;
+
     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%;
}