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

Материал из OnlyMoney
Перейти к навигации Перейти к поиску
Строка 3: Строка 3:
  
 
Работает для темной темы и улучшает работу для манагеров
 
Работает для темной темы и улучшает работу для манагеров
<pre>.container {
+
<pre>.b-photos {
     width: 100%;
+
    grid-template-columns: repeat(10,1fr);
     max-width: 95%;
+
}
 +
.g-avatar.m-w24 {
 +
     width: 10px;
 +
     height: 10px;
 +
top: unset;
 +
left: unset;
 +
bottom: 12px;
 +
right: 12px;
 
}
 
}
@media (min-width: 1004px) {
+
.online_status_class.online.m-w24:after {
    .container {
+
display: none;
        max-width: 95%;
 
    }
 
 
}
 
}
@media (min-width: 1300px) {
+
.b-users__item__new-posts-count {
    .container {
+
font-size: 10px;
        max-width: 95%;
+
     line-height: 14px;
     }
 
 
}
 
}
@media (min-width: 500px) {
+
@media (min-width: 560px) {
     .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
+
     .modal .modal-dialog.modal-md {
         max-width:calc(100% - 64px);
+
         max-width: 90%;
        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: 50%;
     height: 100%;
+
     height: 50%;
 
     padding: 0;
 
     padding: 0;
 
}
 
}
Строка 38: Строка 35:
 
     height: 100%;
 
     height: 100%;
 
}
 
}
.b-notifications__list__item {
+
.b-notifications__list {
     display: inline-block;
+
     display: grid;
     vertical-align: top;
+
     grid-template-columns: repeat(4, 1fr);
    width: 20%;
 
 
}
 
}
@media (min-width: 560px) {
+
@media (min-width: 1004px) {
     .modal .modal-dialog.modal-md {
+
     .b-gallery-wrapper {
         max-width: 90%;
+
        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;
 
     }
 
     }
 
}
 
}
.b-users__item.m-fans {
+
</pre>
    overflow: hidden;
 
    height: 100px;
 
    width: 100%;
 
}
 
@media (min-width: 1004px) {
 
    .b-chats__conversations-list {
 
        flex: 0 0 595px;
 
        max-width: 595px;
 
    }
 
}</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;
    }
}