Обновление Новый дизайн

Какой стиль лучше?


  • Всего проголосовало
    269

wD.D159

Известный
Друг
446
480
Сделайте удобными вложения!!

34049


34050


CSS:
.message-attachments {
    background: #313742 !important;
}
.attachment-icon.attachment-icon--img img {
    display: none !important;
}
.attachmentList .attachment-icon i {
    display: none !important;
}
.attachment-name {
    margin-top: 0px !important;
}
 

клешь рояль

Известный
1,255
550
Сделайте удобными вложения!!

Посмотреть вложение 34049

Посмотреть вложение 34050

CSS:
.message-attachments {
    background: #313742 !important;
}
.attachment-icon.attachment-icon--img img {
    display: none !important;
}
.attachmentList .attachment-icon i {
    display: none !important;
}
.attachment-name {
    margin-top: 0px !important;
}
Ещё можно добавить что бы вложение прикреплялось к той строчки куда его добавили, возможно будет удобно
 

imring

Ride the Lightning
Всефорумный модератор
2,361
2,546
@wD.Dl59 пытался сделать в stylish - получилось вот это
34102


34104


34105
 

Ded Perded

Участник
61
48
34364
На FireFox вылазит, хз как у остальных.



CSS:
//from
body {
    overflow-y: scroll !important;
}
//to
body {
    overflow-y: hidden !important;
}
 

wD.D159

Известный
Друг
446
480
Наговнокодил себе стиль на темной основе для форума, кому надо юзайте, пробуйте, дорабатывайте!

CSS:
.block-header {
    border-bottom: 3px solid #292f39 !important;
    background: #3b424f !important;
}
.block-container {
    border-radius: 5px !important;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0) !important;
}
.block-minorHeader {
    background: #3b424f !important;
    border-bottom: 3px solid #292f39 !important;
    border-radius: 5px 5px 0px 0px !important;
    padding: 12px 0px 12px 10px !important;
}
.uix_sidebarInner:not(.offCanvasMenu-content) .block .block-body {
    border-radius: 0px 0px 5px 5px !important;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0) !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.structItem-status--locked::before {
    margin-top: 4px !important;
    color: #b73c3c !important;
}
.CMTV_QT.questionMarkContainer {
    float: right !important;
}
.label {
    border-radius: 3px !important;
}
.avatar {
    border-radius: 3px !important;
}
.block-row.block-row--minor {
    border-bottom: 3px solid #292f39 !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:last-child, .block-bottomRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:last-child>.blockLink:last-child, .block-container:not(.block-container--noStripRadius)>.tabPanes:last-child>[role=tabpanel]>:last-child {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.block-footer {
    background: #3b424f !important;
    border-top: 0px solid #505662 !important;
}
.blockStatus {
    border-left: 2px solid #a02929 !important;
    border-radius: 5px !important;
}
.blockStatus-message--locked::before {
    color: #b73c3c !important;
}
.tooltip {
    display: none !important;
}

.button.button--link, a.button.button--link {
    border: 0px solid #505662 !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:last-child, .block-bottomRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:last-child>.blockLink:last-child, .block-container:not(.block-container--noStripRadius)>.tabPanes:last-child>[role=tabpanel]>:last-child {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.block--messages .message-cell:first-child, .js-quickReply .message-cell:first-child {
    border-radius: 0;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.block--messages .message:first-child, .js-quickReply .message:first-child, .block--messages .block-row:first-child, .js-quickReply .block-row:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.message:not(:last-child):after {
    left: 0px !important;
    right: 0px !important;
    height: 8px !important;
    border-radius: 0px !important;
    background: #292f39 !important;
}
.pageNav-jump {
    border: 0px solid #505662 !important;
}
.pageNav-page {
    border: 0px solid #505662 !important;
}
.button.button--cta, a.button.button--cta {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0) !important;
    background: #3b596b !important;
}

.js-threadList {
    border-top: 3px solid #292f39 !important;
    margin-top: 8px !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.block-filterBar {
    border-bottom: 3px solid #292f39 !important;
}
.button.button--primary, a.button.button--primary {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0) !important;
}
.notice.notice--primary .uix_noticeIcon {
    background: #bf7a23 !important;
}
.notice.notice--primary {
    border: 2px solid #bf7a23 !important;
}
.p-footer {
    display: initial !important;
}
.p-footer-copyrightRow {
    display: none !important;
}
.p-footer-linkList.p-footer-choosers {
    margin: -6px !important;
    margin-top: 4px !important;
}
.p-footer-linkList {
    margin-top: 8px !important;
}
.uix_fabBar {
    bottom: 50px !important;
}
.message-attachments {
    background: #313742 !important;
}
.attachment-icon.attachment-icon--img img {
    display: none !important;
}
.attachmentList .attachment-icon i {
    display: none !important;
}
.attachment-name {
    margin-top: 0px !important;
}
.userBanner {
    border-radius: 3px !important;
}
.fr-toolbar {
    border: 0px solid #505662 !important;
    border-top: 2px solid #3b596c !important;
}
.fr-separator.fr-vs {
    display: none;
}
.fr-box.fr-basic .fr-wrapper {
    background: #383d48;
    border: 0px solid #505662 !important;
}
.bbCodeBlock {
    background: #383d47 !important;
    border: 0px solid #505662 !important;
    border-left: 0px solid #3b596b !important;
    border-radius: 3px !important;
}
.bbCodeBlock-title {
    color: #ffffff !important;
    background: #3b596b !important;
}
.message .reactionsBar {
    border-radius: 5px !important;
}
.pollResult.pollResult--showVoters:hover {
    background: #3b424f !important;
}
.overlay {
    border-top-color: #263a4500 !important;
    border-right-color: #263a4500 !important;
    border-bottom-color: #263a4500 !important;
    border-left-color: #263a4500 !important;
    border-radius: 0px !important;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.5) !important;
}
.overlay>.overlay-title:first-child, .overlay .overlay-firstChild {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}
.overlay-title {
    color: #ffffff !important;
    background: #3b596b !important;
    border-bottom: 0px solid #505662 !important;
}
[data-xf-click], a[tabindex] {
    color: white !important;
}
.block-container {
    border-radius: 0px !important;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2) !important;
}
.overlay-content>.block:last-child>.block-container>.formSubmitRow:not(.is-sticky):last-child .formSubmitRow-bar {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.formSubmitRow-bar {
    background: #313742 !important;
    border-top: 0px solid #313742 !important;
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header {
    background: #3b424f !important;
    border-bottom: 0px solid #505662 !important;
}
.bbCodeBlock--code .bbCodeBlock-content {
    background-color: #383d47 !important;
}
.input {
    border-radius: 3px !important;
    border-width: 0px !important;
}
.codeEditor.CodeMirror {
    border-width: 0px !important;
    border-radius: 3px !important;
}
.cm-s-default.CodeMirror .CodeMirror-gutters {
    background: #3b596b !important;
    border-right: 0px solid #808080 !important;
}
.CodeMirror-simplescroll-horizontal {
    height: 4px !important;
}
.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
    background: #383d47 !important;
}
.CodeMirror-simplescroll-vertical {
    width: 4px !important;
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    background-color: #383d47 !important;
}
.codeEditor.CodeMirror.CodeMirror-focused {
    background: #383d47 !important;
}
.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
    background: #3b596b !important;
    border: 0px solid #bbb !important;
    border-radius: 0px !important;
}
.message-newIndicator {
    color: #fff !important;
    background: #5c8c6d !important;
    border-radius: 2px !important;
}
.actionBar .actionBar-action {
    color: #929bb0 !important;
}
.p-navgroup-link.p-navgroup-link--conversations i:after {
    color: #a9b7c3;
}
.p-navgroup-link.p-navgroup-link--alerts i:after {
    color: #a9b7c3;
}
.p-navgroup-link.p-navgroup-link--search i:after {
    color: #a9b7c3;
}
 
Последнее редактирование:
  • Нравится
Реакции: Kotof

AnWu

https://t.me/anwublog
Всефорумный модератор
4,771
5,376
Наговнокодил себе стиль на темной основе для форума, кому надо юзайте, пробуйте, дорабатывайте!

CSS:
.block-header {
    border-bottom: 3px solid #292f39 !important;
    background: #3b424f !important;
}
.block-container {
    border-radius: 5px !important;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0) !important;
}
.block-minorHeader {
    background: #3b424f !important;
    border-bottom: 3px solid #292f39 !important;
    border-radius: 5px 5px 0px 0px !important;
    padding: 12px 0px 12px 10px !important;
}
.uix_sidebarInner:not(.offCanvasMenu-content) .block .block-body {
    border-radius: 0px 0px 5px 5px !important;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0) !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.structItem-status--locked::before {
    margin-top: 4px !important;
    color: #b73c3c !important;
}
.CMTV_QT.questionMarkContainer {
    float: right !important;
}
.label {
    border-radius: 3px !important;
}
.avatar {
    border-radius: 3px !important;
}
.block-row.block-row--minor {
    border-bottom: 3px solid #292f39 !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:last-child, .block-bottomRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:last-child>.blockLink:last-child, .block-container:not(.block-container--noStripRadius)>.tabPanes:last-child>[role=tabpanel]>:last-child {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.block-footer {
    background: #3b424f !important;
    border-top: 0px solid #505662 !important;
}
.blockStatus {
    border-left: 2px solid #a02929 !important;
    border-radius: 5px !important;
}
.blockStatus-message--locked::before {
    color: #b73c3c !important;
}
.tooltip {
    display: none !important;
}

.button.button--link, a.button.button--link {
    border: 0px solid #505662 !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:last-child, .block-bottomRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:last-child>.blockLink:last-child, .block-container:not(.block-container--noStripRadius)>.tabPanes:last-child>[role=tabpanel]>:last-child {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.block--messages .message-cell:first-child, .js-quickReply .message-cell:first-child {
    border-radius: 0;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.block--messages .message:first-child, .js-quickReply .message:first-child, .block--messages .block-row:first-child, .js-quickReply .block-row:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.message:not(:last-child):after {
    left: 0px !important;
    right: 0px !important;
    height: 8px !important;
    border-radius: 0px !important;
    background: #292f39 !important;
}
.pageNav-jump {
    border: 0px solid #505662 !important;
}
.pageNav-page {
    border: 0px solid #505662 !important;
}
.button.button--cta, a.button.button--cta {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0) !important;
    background: #3b596b !important;
}

.js-threadList {
    border-top: 3px solid #292f39 !important;
    margin-top: 8px !important;
}
@media (min-width: 900px)
.block-container:not(.block-container--noStripRadius)>:first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius)>.block-body:first-child>.blockLink:first-child {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.block-filterBar {
    border-bottom: 3px solid #292f39 !important;
}
.button.button--primary, a.button.button--primary {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0) !important;
}
.notice.notice--primary .uix_noticeIcon {
    background: #bf7a23 !important;
}
.notice.notice--primary {
    border: 2px solid #bf7a23 !important;
}
.p-footer {
    display: initial !important;
}
.p-footer-copyrightRow {
    display: none !important;
}
.p-footer-linkList.p-footer-choosers {
    margin: -6px !important;
    margin-top: 4px !important;
}
.p-footer-linkList {
    margin-top: 8px !important;
}
.uix_fabBar {
    bottom: 50px !important;
}
.message-attachments {
    background: #313742 !important;
}
.attachment-icon.attachment-icon--img img {
    display: none !important;
}
.attachmentList .attachment-icon i {
    display: none !important;
}
.attachment-name {
    margin-top: 0px !important;
}
.userBanner {
    border-radius: 3px !important;
}
.fr-toolbar {
    border: 0px solid #505662 !important;
    border-top: 2px solid #3b596c !important;
}
.fr-separator.fr-vs {
    display: none;
}
.fr-box.fr-basic .fr-wrapper {
    background: #383d48;
    border: 0px solid #505662 !important;
}
.bbCodeBlock {
    background: #383d47 !important;
    border: 0px solid #505662 !important;
    border-left: 0px solid #3b596b !important;
    border-radius: 3px !important;
}
.bbCodeBlock-title {
    color: #ffffff !important;
    background: #3b596b !important;
}
.message .reactionsBar {
    border-radius: 5px !important;
}
.pollResult.pollResult--showVoters:hover {
    background: #3b424f !important;
}
.overlay {
    border-top-color: #263a4500 !important;
    border-right-color: #263a4500 !important;
    border-bottom-color: #263a4500 !important;
    border-left-color: #263a4500 !important;
    border-radius: 0px !important;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.5) !important;
}
.overlay>.overlay-title:first-child, .overlay .overlay-firstChild {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}
.overlay-title {
    color: #ffffff !important;
    background: #3b596b !important;
    border-bottom: 0px solid #505662 !important;
}
[data-xf-click], a[tabindex] {
    color: white !important;
}
.block-container {
    border-radius: 0px !important;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2) !important;
}
.overlay-content>.block:last-child>.block-container>.formSubmitRow:not(.is-sticky):last-child .formSubmitRow-bar {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.formSubmitRow-bar {
    background: #313742 !important;
    border-top: 0px solid #313742 !important;
}
.bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header {
    background: #3b424f !important;
    border-bottom: 0px solid #505662 !important;
}
.bbCodeBlock--code .bbCodeBlock-content {
    background-color: #383d47 !important;
}
.input {
    border-radius: 3px !important;
    border-width: 0px !important;
}
.codeEditor.CodeMirror {
    border-width: 0px !important;
    border-radius: 3px !important;
}
.cm-s-default.CodeMirror .CodeMirror-gutters {
    background: #3b596b !important;
    border-right: 0px solid #808080 !important;
}
.CodeMirror-simplescroll-horizontal {
    height: 4px !important;
}
.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
    background: #383d47 !important;
}
.CodeMirror-simplescroll-vertical {
    width: 4px !important;
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    background-color: #383d47 !important;
}
.codeEditor.CodeMirror.CodeMirror-focused {
    background: #383d47 !important;
}
.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
    background: #3b596b !important;
    border: 0px solid #bbb !important;
    border-radius: 0px !important;
}
.message-newIndicator {
    color: #fff !important;
    background: #5c8c6d !important;
    border-radius: 2px !important;
}
.actionBar .actionBar-action {
    color: #929bb0 !important;
}
.p-navgroup-link.p-navgroup-link--conversations i:after {
    color: #a9b7c3;
}
.p-navgroup-link.p-navgroup-link--alerts i:after {
    color: #a9b7c3;
}
.p-navgroup-link.p-navgroup-link--search i:after {
    color: #a9b7c3;
}
скрин?
 

Helios1337228338

Потрачен
159
28
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
АЛО администараторы приём! Верните фильтр по ДАТЕ создания темы. А то нельзя больше отслеживать новые годные скрипты. Нахера мне этот фильтр по недавним ответам? Я хочу зайти в Gta san andres - читы - нажать дата создания и все новые темки посмотреть и скачать крутые скрипты. Блять фу нахуй верниттететтапукук!!!!!!!!!!!!!!!!!!!
 

™ ChipFamily

По ту сторону надежды.
5,143
1,984
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
АЛО администараторы приём! Верните фильтр по ДАТЕ создания темы. А то нельзя больше отслеживать новые годные скрипты. Нахера мне этот фильтр по недавним ответам? Я хочу зайти в Gta san andres - читы - нажать дата создания и все новые темки посмотреть и скачать крутые скрипты. Блять фу нахуй верниттететтапукук!!!!!!!!!!!!!!!!!!!
Что возвращать? есть оно
lDfMHY.png
 

Helios1337228338

Потрачен
159
28
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.

™ ChipFamily

По ту сторону надежды.
5,143
1,984
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.

ufdhbi

Известный
Проверенный
1,460
866
Наконец то дизайн допилили до идеала, вы только посмотрите что было раньше
 
  • Нравится
Реакции: Warflex