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

Материал из OnlyMoney
Перейти к навигации Перейти к поиску
Строка 3: Строка 3:
  
 
Работает для темной темы и улучшает работу для манагеров
 
Работает для темной темы и улучшает работу для манагеров
<pre>.b-photos {
+
<pre>@media (min-width: 1300px) {
    grid-template-columns: repeat(10,1fr);
+
     .container {
}
+
         max-width: unset;
.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 {
+
@media (min-width: 500px) {
    width: 50%;
+
.l-header__menu__item {
    height: 50%;
+
height: 38px;
    padding: 0;
+
}
}
 
.checkbox-item__inside {
 
    width: 100%;
 
    height: 100%;
 
}
 
.b-notifications__list {
 
    display: grid;
 
    grid-template-columns: repeat(2, 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;
 
    }
 
 
}
 
}
 
@media (min-width: 1300px) {
 
@media (min-width: 1300px) {
     .container {
+
     .l-header:not(.m-narrow-width-header) .l-header__menu__item__text {
         max-width: 90%;
+
         font-size: 14px;
 
     }
 
     }
 
}
 
}
Строка 65: Строка 25:
 
@media (min-width: 1300px) {
 
@media (min-width: 1300px) {
 
     .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
 
     .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
         max-width: 100%;
+
         max-width: unset;
 
     }
 
     }
 
}
 
}
.b-chats__item.m-muted {
+
@media (min-width: 1004px) {
    display: none;
+
    .b-feed {
 +
        max-width: 50%;
 +
    }
 
}
 
}
.b-username-row.m-gap-clear {
+
@media (min-width: 1004px) {
 +
    .m-right-sidebar .b-feed__wrapper:after {
 +
        width: calc( 50% + 17px );
 +
    }
 +
}
 +
@media (min-width: 500px) {
 +
    .l-wrapper__content {
 +
        margin-left:unset
 +
    }
 +
}
 +
.b-notifications__list {
 
     display: grid;
 
     display: grid;
     grid-template-columns: 1fr 1fr;
+
     grid-template-columns: 1fr 1fr 1fr;
 +
    gap: 20px;
 +
}
 +
.b-username-row {
 +
    flex-wrap: wrap;
 +
}
 +
.b-photos {
 +
    grid-template-columns: repeat(10,1fr);
 +
}
 +
.checkbox-item.m-pos-right-top {
 +
    top: 0;
 +
    width: 50%;
 +
    height: 50%;
 +
}
 +
.checkbox-item__inside {
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
@media (min-width: 560px) {
 +
    .modal .modal-dialog.modal-md {
 +
        max-width: 90%;
 +
    }
 
}</pre>
 
}</pre>

Версия 09:38, 8 ноября 2021

CSS

Я использую плагин для хрома UserCSS

Работает для темной темы и улучшает работу для манагеров

@media (min-width: 1300px) {
    .container {
        max-width: unset;
    }
}
@media (min-width: 500px) {
	.l-header__menu__item {
		height: 38px;
	}
}
@media (min-width: 1300px) {
    .l-header:not(.m-narrow-width-header) .l-header__menu__item__text {
        font-size: 14px;
    }
}
@media (min-width: 500px) {
    .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
        margin-left: unset;
    }
}
@media (min-width: 1300px) {
    .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
        max-width: unset;
    }
}
@media (min-width: 1004px) {
    .b-feed {
        max-width: 50%;
    }
}
@media (min-width: 1004px) {
    .m-right-sidebar .b-feed__wrapper:after {
        width: calc( 50% + 17px );
    }
}
@media (min-width: 500px) {
    .l-wrapper__content {
        margin-left:unset
    }
}
.b-notifications__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.b-username-row {
    flex-wrap: wrap;
}
.b-photos {
    grid-template-columns: repeat(10,1fr);
}
.checkbox-item.m-pos-right-top {
    top: 0;
    width: 50%;
    height: 50%;
}
.checkbox-item__inside {
    width: 100%;
    height: 100%;
}
@media (min-width: 560px) {
    .modal .modal-dialog.modal-md {
        max-width: 90%;
    }
}