Подведи собственные итоги года совместно с YOUGAME и забери ценные призы! Перейти

Оценка стиля | Мб онуме

Я просто поражаюсь с тебя.
4:19
7xIiYIF.png


4:20
n9wtRfc.png


Я просто не представляю, как можно было так изуродовать тему :FailFish:
eAZJh45.png

6a9XYqX.png


upd:
hm2vaKz.png

Некую помощь?
Тут все цвета подбирались лично мной, большинство hovered-элементов находил @wh1teend
Ты нагло все спастил, так еще и обосрал нашу с вайтендом работу :roflanPominki:
 
Я просто поражаюсь с тебя.
4:19
7xIiYIF.png


4:20
n9wtRfc.png


Я просто не представляю, как можно было так изуродовать тему :FailFish:
eAZJh45.png

6a9XYqX.png


upd:
hm2vaKz.png

Некую помощь?
Тут все цвета подбирались лично мной, большинство hovered-элементов находил @wh1teend
Ты нагло все спастил, так еще и обосрал нашу с вайтендом работу :roflanPominki:
Слив 21 века
 
CSS:
Expand Collapse Copy
.block-header {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    background: #0f0f0f;
    font-weight: 500;
    padding: 18px 15px;
    opacity: 100;
}
.button button--primary {
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.message-attribution {
    border-bottom: 3px solid maroon;
    border-color: #262726;
}

.pairs pairs--justified {
    border-bottom: 3px solid maroon;
    border-color: #262726;
}
.p-header{
              background: rgb(0,0,0,0);
}
.p-sectionLinks{
    background: rgb(0,0,0,0);
}
.message-userExtras .fox-status--online {
color: #6524E1;
}
p-header p-navSticky p-navSticky--primary{
opacity: 0;            
}
.message-userExtras .fox-status--offline {
    color: #B8333C;
}

.p-nav-opposite {
    background-image: url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-l.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-m.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-s.svg);
    background-size: 72px 72px,58px 58px,42px 42px;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: center,center,center;
}

.fr-box.fr-basic .fr-element {
    background-image: url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-l.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-m.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-s.svg);
    background-size: 72px 72px,58px 58px,42px 42px;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: center,center,center;
}

.pairJustifier {
    background-image: url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-l.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-m.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-s.svg);
    background-size: 72px 72px,58px 58px,42px 42px;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: center,center,center;
}

.p-navgroup-link p-navgroup-link--iconic p-navgroup-link--conversations js-badge--conversations badgeContainer a {
     background-image: url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-l.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-m.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-s.svg);
    background-size: 72px 72px,58px 58px,42px 42px;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: center,center,center;
    overflow: hidden;
}

.progress-info {
    background: #262726;
    border-bottom: 3px solid maroon;
    border-color: #151415;
}

.yougamePLZandUCH {
    background: #0D0D10;
    box-shadow:0 0 8px #262726;
    border-radius: 4px;
    background-image: url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-l.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-m.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-s.svg);
    background-size: 72px 72px,58px 58px,42px 42px;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: center,center,center;
}

.yougameNovichok {
    background: #2C2B2C;
    box-shadow:0 0 8px #2C2B2C;
}

.yougameGLM {
    background: #6ECD00;
    box-shadow:0 0 8px #6ECD00;
}

.yougameAdmin {
    background: #DB2126;
    box-shadow:0 0 8px #DB2126;
}

.prefix_importantrulab {
    background: #DB2126;
}

.yougameCurator {
    background: rgb(131,58,180);
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    box-shadow:0 0 8px rgb(131,58,180);
   
}

.yougameSeller {
    background: #F4C431;
    box-shadow:0 0 8px #F4C431;
    background-image: url(https://psv4.userapi.com/c848136/u543009938/docs/d18/1eab7bb3ebb7/MvGlnb4.gif?extra=wGB6JJFBpRwNoYeCrrTkoLW2SnMTwdpYYhgkaKMiiKLZBPnYjU6oiG5zs9aY4JQBjWQdHrY8ATB280Zvnydr2DrHVteyheNWuI6EVSqHrLxK8TxpVV7d6EXnNgP0reI14iFEqEUGYGNTNfyV_ogHGJPy);
}

.prefix_pryslyga {
    background: #F4C431;
}

.yougameModerator {
    background: #B55DDE;
    box-shadow:0 0 8px #B55DDE;
}

.username--style39 {
    color: #B55DDE;
}

.prefix_gaidyougame {
    background: #109208;
    background-image: url(https://psv4.userapi.com/c848136/u543009938/docs/d18/1eab7bb3ebb7/MvGlnb4.gif?extra=wGB6JJFBpRwNoYeCrrTkoLW2SnMTwdpYYhgkaKMiiKLZBPnYjU6oiG5zs9aY4JQBjWQdHrY8ATB280Zvnydr2DrHVteyheNWuI6EVSqHrLxK8TxpVV7d6EXnNgP0reI14iFEqEUGYGNTNfyV_ogHGJPy);
}

.prefix_dryougame {
    background: #B07584;
    background-image: url(https://psv4.userapi.com/c848136/u543009938/docs/d18/1eab7bb3ebb7/MvGlnb4.gif?extra=wGB6JJFBpRwNoYeCrrTkoLW2SnMTwdpYYhgkaKMiiKLZBPnYjU6oiG5zs9aY4JQBjWQdHrY8ATB280Zvnydr2DrHVteyheNWuI6EVSqHrLxK8TxpVV7d6EXnNgP0reI14iFEqEUGYGNTNfyV_ogHGJPy);
}

.prefix_shopmarket {
    background: #4A0084;
}

.prefix_undetectedyougame {
    background: #479D86;
}

.prefix_detectedyougame {
    background: #232323;
}

.username--style37 {
    color: #F4C431;
    text-shadow: 0px 0px 6px #F4C431;

}

.yougameArbitr {
    background: #008081;
    box-shadow:0 0 8px #008081;
    background-image: url(https://psv4.userapi.com/c848136/u543009938/docs/d18/1eab7bb3ebb7/MvGlnb4.gif?extra=wGB6JJFBpRwNoYeCrrTkoLW2SnMTwdpYYhgkaKMiiKLZBPnYjU6oiG5zs9aY4JQBjWQdHrY8ATB280Zvnydr2DrHVteyheNWuI6EVSqHrLxK8TxpVV7d6EXnNgP0reI14iFEqEUGYGNTNfyV_ogHGJPy);
}

.actionBar-action--report a {
    color: #DB2126;
}

.username--style55 {
    color: #008081;
}

.username--style55 {
    color: #008081;
}

.username--style42 {
    color: #BD1452;
}

.yougameDesigner {
    background: #BD1452;
    box-shadow:0 0 8px #BD1452;
    background-image: url(https://psv4.userapi.com/c848136/u543009938/docs/d18/1eab7bb3ebb7/MvGlnb4.gif?extra=wGB6JJFBpRwNoYeCrrTkoLW2SnMTwdpYYhgkaKMiiKLZBPnYjU6oiG5zs9aY4JQBjWQdHrY8ATB280Zvnydr2DrHVteyheNWuI6EVSqHrLxK8TxpVV7d6EXnNgP0reI14iFEqEUGYGNTNfyV_ogHGJPy);
}


.yougameTeam {
    background: #2659C0;
    box-shadow:0 0 8px #2659C0;
    background-image: url(https://psv4.userapi.com/c848136/u543009938/docs/d18/1eab7bb3ebb7/MvGlnb4.gif?extra=wGB6JJFBpRwNoYeCrrTkoLW2SnMTwdpYYhgkaKMiiKLZBPnYjU6oiG5zs9aY4JQBjWQdHrY8ATB280Zvnydr2DrHVteyheNWuI6EVSqHrLxK8TxpVV7d6EXnNgP0reI14iFEqEUGYGNTNfyV_ogHGJPy);
}

.hScroller-action hScroller-action--end is-active {
background: #6524E1;
}

.yougamePremium {
    background: #FFDB00;
    box-shadow:0 0 8px #FFDB00;
    background-image: url(https://psv4.userapi.com/c848136/u543009938/docs/d18/1eab7bb3ebb7/MvGlnb4.gif?extra=wGB6JJFBpRwNoYeCrrTkoLW2SnMTwdpYYhgkaKMiiKLZBPnYjU6oiG5zs9aY4JQBjWQdHrY8ATB280Zvnydr2DrHVteyheNWuI6EVSqHrLxK8TxpVV7d6EXnNgP0reI14iFEqEUGYGNTNfyV_ogHGJPy);
}

.username--style34 {
color: #b1b0b0;
}

.username--style38 {
    color: #FFDB00;
    background-image: url(https://psv4.userapi.com/c848136/u543009938/docs/d18/1eab7bb3ebb7/MvGlnb4.gif?extra=wGB6JJFBpRwNoYeCrrTkoLW2SnMTwdpYYhgkaKMiiKLZBPnYjU6oiG5zs9aY4JQBjWQdHrY8ATB280Zvnydr2DrHVteyheNWuI6EVSqHrLxK8TxpVV7d6EXnNgP0reI14iFEqEUGYGNTNfyV_ogHGJPy);
}

.yougameCoder {
    background: #D655C8;
    box-shadow:0 0 8px #D655C8;
    background-image: url(https://psv4.userapi.com/c848136/u543009938/docs/d18/1eab7bb3ebb7/MvGlnb4.gif?extra=wGB6JJFBpRwNoYeCrrTkoLW2SnMTwdpYYhgkaKMiiKLZBPnYjU6oiG5zs9aY4JQBjWQdHrY8ATB280Zvnydr2DrHVteyheNWuI6EVSqHrLxK8TxpVV7d6EXnNgP0reI14iFEqEUGYGNTNfyV_ogHGJPy);
}

.username--style41 {
    color: #D655C8;
}

.username--style3 {
    color: #DB2126;
    background-image: url(https://psv4.userapi.com/c848324/u543009938/docs/d7/daedcd36dc6c/6Nf9mBJ.gif?extra=cB8qb5at67aN5MfpNHE33a8yZfYyb8OhOlgXli6BayTK7NMUVe4JxNbEEC4BDLUWmIzcxQgIPpy7iKKV07YkSjIJAuDSJVdJP2Bt8h5PtoqHRsF6F8QK2w417By_pIiOvWSicvfVIJ_t-S0EvrYdcvsA);
}

.username--style47 {
    color: #2659C0;
}

.username--style4 {
    color: #6ECD00;
}

.username--style40 {
    color: rgb(29,53,254,1);
}









.tabs--standalone .tabs-tab.is-active {
    color: #ffffff;
    border-color: #ffffff;
}

span.message-newIndicator.message-threadStarter {
    font-size: 90%;
    color: #fff;
    background: #42208c;
    border-radius: 2px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
}

.message-newIndicator {
    font-size: 90%;
    color: #fff;
    background: #42208c;
    border-radius: 2px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px;
}

.tabs--standalone .tabs-tab:hover
{color:#fff}

.tabs--standalone .hScroller-action:hover
{color:#fff}

.structItem-minor {
    font-size: 12px;
    color: #ffffff;
}

.cheat-nav-list .cheat-navEl.is-selected {
    color: #ffffff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.listing {
    list-style: square;
    padding-left: 40px;
    color: #ffffff;
    margin: 0px 0px 15px 0px;
}

.memberOverviewBlock-seeMore {
    background: #42208c;
    border: 1px solid rgba(255,255,255,0.1);
    padding: 3px;
    text-align: center;
    margin-top: auto;
}

.tooltip--basic .tooltip-content {
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #42208c;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.menu-row.menu-row--highlighted {
    color: #ffffff;
    background: #1B1B1B;
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.listPlain listColumns listColumns--narrow listColumns--together {
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.memberHeader-main {
    background: #ffffff;
/*     border-bottom: 1px solid rgba(255,255,255,0.1); */
    border-radius: 3px 3px 0 0;
}

.offCanvasMenu--nav .offCanvasMenu-header {
    background: #0b0b0b;
}

.menu-row.menu-row--clickable:hover
{background:#2b2b2b}

.formSubmitRow-bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #151415;
    border-top: 1px solid rgba(242,242,242,0.1);
}

.menu-row.menu-row--alt {
    color: #fff;
    background: #1e1e1e;
}

.block-tabHeader .tabs-tab.is-active {
    background: none;
    color: #ffffff;
    border-color: #ffffff;
}

select.input {
    background: #262626;
}

.pageNav-page {
    display: table-cell;
    background: #1e1e1e;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.1);
    font-size: 13px;
    white-space: nowrap;
}

.structItemContainer-group--sticky .structItem--thread {
    background: #232323;
}

.p-staffBar-inner {
background: #0D0D10 ;
}

.p-navgroup-link.is-menuOpen {
    background-color: #0D0D10;
     
}



.pageNav-page.pageNav-page--current {
    background: #42208c;
    color: #fff;
    cursor: pointer;
    background-image: url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-l.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-m.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc39cc81708440e1d33225e977fd_avatar-ring-s.svg);
    background-size: 26px, 26px, 16px, 16px, 6px, 6px;
    background-position: center;
}

.tabs--standalone {
    padding: 0;
    margin-bottom: 20px;
    font-weight: 400;
    border: 1px solid rgba(255,255,255,0.1);
    font-size: 15px;
    color: #fff;
    background: #ffffff;
    font-size: 0;
}

.message-lastEdit {
    margin-top: .5em;
    color: #fdfdfd;
    font-size: 11px;
    text-align: right;
}

.overlay-title {
    display: none;
    margin: 0;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    background: #0f0f0f;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
}

.p-description {
    margin: 5px 0 0;
    padding: 0;
    font-size: 13px;
    color: #ffffff;
}

.blockMessage .block-rowMessage--warning {
    border-left: 3px solid #fff;
    background: #ff0000;
}

.blockMessage {
    color: #ffffff;
    background: #1B1B1B;
}

.blockMessage--error.blockMessage--iconic:before {
    content: "\f057";
    color: #ffffff;
}

.block-tabHeader .tabs-tab:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.1);
}

.dataList-row.dataList-row--header .dataList-cell {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    background: #0f0f0f;
    border-bottom: 1px solid rgba(242,242,242,0.1);
    text-transform: none;
    text-align: left;
}

.block-rowMessage--warning.block-rowMessage--iconic:before {
    content: "\f071";
    color: #ffffff;
}

.template-member_view .block-tabHeader .tabs-tab.is-active {
    background: none;
    color: #ffffff;
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.blockMessage.blockMessage--error {
    border-left: 3px solid #fff;
    background: #1B1B1B;
    color: #FFFFFF;
}

.cheatBody-sidebar {
    flex: 0 0 auto;
    width: 250px;
    color: #bbd6e6;
    background: #171717;
    border-left: 1px solid rgba(255,255,255,0.1);
    padding: 6px 10px;
    font-size: 13px;
}

.pageNav-jump {
    display: inline-block;
    background: rgba(66, 32, 140, 0.45);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.1);
    font-size: 13px;
    white-space: nowrap;
    border-radius: 2px;
    padding: 5px 8px;
}

.threadSeparator {
    font-size: 13px;
    color: #fff;
    border-bottom: 1px solid rgba(242,242,242,0.1);
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: linear-gradient(0deg, #313131, #1f1f1f);
}

.sponsor-banners {
    display: none;
}

.p-pageWrapper {
    background-image: url(https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/r8K5nG9Pxiyh9wvn6/videoblocks-fire-sparks-from-campfire-over-dark-background-loop_rzdceyytg_thumbnail-full01.png) !important;
    background-attachment: fixed !important;  
 
    background-size: 100% !important;
}

.node--unread .node-icon i {
    opacity: 1;
    background: #0f0f0f;
}

.subNodeLink.subNodeLink--unread:before {
    color: #0f0f0f;
}

.block.block--category .block-body {
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.button.button--cta, a.button.button--cta {
    color: #fff;
    background: #0f0f0f;
    border-color: #0f0f0f;
}

.fr-popup {
    background: #1c1c1c;
    border-top: 3px solid #fff;
}

.fr-popup .fr-arrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff;
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -4px;
    display: inline-block;
}

.button.button--scroll, a.button.button--scroll {
    background: #0f0f0f;
    padding: 8px 11px;
    border: none;
    background-image: url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc3…_avatar-ring-l.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc3…_avatar-ring-m.svg),url(https://insomnias.club/forums/uploads/set_resources_6/f84bcc3…_avatar-ring-s.svg);
}

.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted:after {
    background: #6524E1;
}

.fr-toolbar {
    color: #fff;
    background: #1c1c1c;
    position: relative;
    z-index: 4;
    font-family: Helvetica,'Raleway','Helvetica Neue',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 0 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, .1);
    border-top: 3px solid #fff;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
}

.fsp .tabGroup {
    color: #bbd6e6;
    background: #1a1919;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    padding: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex: 1 1 100%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-property: border margin;
    transition-property: border margin;
    margin-right: 5px;
    max-width: 100%;
    overflow: hidden;
}

.block-container {
    color: #fff;
    background: #1B1B1B;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-property: border margin;
    transition-property: border margin;
}

.block-progress {
    margin-top: 2px;
    background: #1B1B1B;
}

.buttonGroup {
    color: #fff;
    background: #1B1B1B;
}

.button.button--link, a.button.button--link {
    color: #fff;
    background: #1B1B1B;
}

.button.button--link, a.button.button--link {
    background: #1B1B1B;
    color: #fff;
    border-color: rgba(255,255,255,0.1) rgba(242,242,242,0.1) rgba(242,242,242,0.1) rgba(255,255,255,0.1);
}

.view-count center {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    background: #151415; /**/
    padding: 12px 15px;
    margin-bottom: 5px;
}

.block-minorHeader {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    background: #151415; /**/
    padding: 12px 15px;
    margin-bottom: 5px;
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
    box-shadow: 0px 3px 0px 0px rgba(101, 36, 225, 0.4);
}

.p-navSticky.is-sticky {
    z-index: 400;
    background: #1B1B1B;
    box-shadow: 0 0 8px 3px rgba(0,0,0,0.3);
}

.block-footer {
    padding: 6px 10px;
    font-size: 12px;
    color: #fff;
    background: #1B1B1B;
}

.block--messages .message, .block--messages .block-row {
    background: #1B1B1B;
    color: #e8e8e8;
}

.message:not(.message--forceColumns) .message-userTitle {
    padding: 4px 0;
    background: #262626;
}

.button, a.button {                         /*/////////////////////////////////////////////////////////*/
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    font-size: 13px;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    color: #fff;
    background: #262626;
    border-color: #353535;
    border-color: #353535 #353535 #353535 #353535;
}

.button.button--primary, a.button.button--primary {
    color: #fff;
    background: #262626;
    min-width: 80px;
    border-color: #353535;
    border-color: #353535 #353535 #353535 #353535;
}

.formRow>dt {
    border-right: 1px solid transparent;
    background: #1B1B1B;
    border-color: rgba(255,255,255,0.1);
    text-align: right;
    width: 33%;
    padding: 15px 10px 15px 10px;
}

.memberTooltip-header {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 6px;
    background: #151415;
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
 
}


.block-filterBar {
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.cheat-nav-inner {
background: #1B1B1B;
}

.block-tabHeader block-tabHeader--memberTabs tabs hScroller::active {
    background: #1B1B1B;
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.memberHeader-content memberHeader-content--info {
    border-bottom: 3px solid maroon;
    border-color: #262726;
}

.memberTooltip-info {
    background: #1B1B1B;
    border-bottom: 3px solid maroon;
    border-color: #262726;
}

.memberTooltip-actions {
    background: #1B1B1B;
    border-bottom: 3px solid maroon;
    border-color: #262726;
}

.contest-block .c-main-block {
    border-top: 1px solid #8c8c8c;
}

.p-body-header {
    background-color: #1B1B1B;
    padding: 15px;
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.notice-content {
    padding: 0px;
    position: none;
    border: none;
    display: none;
}

.blockStatus {
    color: #fff;
    background: #1c1c1c;
    border: 1px solid rgba(255,255,255,0.1);
    border-left: 3px solid #f2930d;
    border-radius: 4px;
    margin: 0;
    padding: 6px 0;
    font-size: 13px;
    text-align: left;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-property: border margin;
    transition-property: border margin;
}

.js-quickReply .block-container {
    background: #1e1e1e;  /*------------------------------------------------------------------------------------------------------------------------------------------------*/
}

.message.is-mod-selected, .block--messages .message.is-mod-selected {
    background: #434645;
}

.node-extra-row {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    color: #fff;
}

label.iconic>input+i:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 120%;
    height: .9em;
    color: #737373;
    vertical-align: -.1em;
    visibility: visible;
    text-align: left;
}

.tabs--editor .tabs-tab.is-active {
    color: #ffffff;
    border-color: #ffffff;
}

.tabs--editor {
    color: rgba(255, 255, 255, 0.48);
    background: #151415;
    font-weight: 400;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-size: 0;
}

.tabPanes {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #171717;
}

.tabs--editor {
    color: rgba(255,255,255,0.1);
    background: #171717;
    font-weight: 400;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-size: 0;
}

.fr-toolbar {
    color: #fff;
    background: #1c1c1c;
    position: relative;
    z-index: 4;
    font-family: Helvetica,'Raleway','Helvetica Neue',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 0 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: left;
    border: 1px solid rgba(242,242,242,0.1);
    border-top: 3px solid #fff;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
}

.messageNotice {
    margin: 6px 0;
    padding: 6px 10px;
    color: #d4183b;
    background: #353535;
    font-size: 12px;
    border-left: 2px solid #f2930d;
}

.message-userArrow {
    position: absolute;
    top: 20px;
    right: -1px;
    border: 10px solid #0000;
    border-left-width: 1;
    border-right-color: #444;
}

.likesBar {
    display: none;
    opacity: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-property: all,-xf-opacity;
    transition-property: all,-xf-opacity;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all,-xf-height;
    transition-property: all,-xf-height;
    background: #2d2d2d;
    border: 1px solid rgba(255,255,255,0.1);
    border-left: 2px solid #575757;
    padding: 6px;
    font-size: 12px;
    margin-top: 6px;
}

.bbCodeBlock {
    margin: .75em 0;
    background: #37393a;
    border: 1px solid rgba(255,255,255,0.1);
    border-left: 3px solid #0D0D10;
}

.bbCodeBlock-expandLink {
    display: none;
    position: absolute;
    top: 87px;
    left: 0;
    right: 0;
    height: 75px;
    cursor: pointer;
    background: transparent;
    background: linear-gradient(to bottom, rgba(51,65,76,0) 0%, #3d3e3e 80%);
}

.menu-footer {
    padding: 6px 15px;
    font-size: 12px;
    color: #a8bfcd;
    background: #1e1e1e;
}

.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 13px;
    color: #ffffff;
    background: #1e1e1e;
    border-radius: 3px;
    border-top: 3px solid #1e1e1e;
}

.tooltip--preview .tooltip-content-inner .tooltip-content-cover {
    background: transparent;
    background: linear-gradient(to bottom, rgba(21,29,32,0) 160px, #282828 200px);
}

.bbCodeBlock-expandLink a {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}

.block-userActivity--header {
    border-bottom: 1px solid #262626;
}

.bbCodeBlock-title {
    padding: 6px 10px;
    font-size: 13px;
    color: #fff;
    background: #151415;
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.bbCodeBlock-expandContent {
    color: #fff;
    background: #1B1B1B;
}

.bbCodeBlock-content {
    color: #fff;
    background: #1B1B1B;
    padding: #1B1B1B 6px 10px;
    border-bottom: 3px solid maroon;
    border-color: #151415;
}



.block-textHeader {
    margin: 3px 0;
    padding: 0;
    font-weight: 400;
    font-size: 17px;
    color: #ffffff;
}



.donate-progressBarContainer-progress {
    background: rgb(29,53,254);
    background: linear-gradient(140deg, rgba(29,53,254,1) 35%, rgba(252,176,69,1) 65%);
}

.contentRow-minor {
    font-size: 13px;
    color: #fff;
}

.tooltip--preview .tooltip-content {
    color: #fff;
    background: #262626;
    padding: 6px;
    text-align: left;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
}

.block-filterBar {
    padding: 6px 10px;
    font-size: 13px;
    color: #fff;
    background: #0f0f0f;
    padding: 10px;
}

.fsp .tabGroup--threads .tabGroup-content .item.is-unread .icon {
    color: #fff;
}

.block-tabHeader {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    background: #1e1e1e;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-size: 0;
}

.blockLink.is-selected {
    background: #313131;
    opacity: 1;
    border-left: 3px solid #545454;
    padding-left: 7px;
}

.p-nav-list .p-navEl.is-selected {
    color: #ffffff;
}

.cheat-nav {
    color: #393939c9;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin: 0 0 10px;
    background-color: #262626;
}

.fsp .tabs--list .tabs .tab.is-selected {
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.memberHeader-content {
    padding: 10px;
    padding-left: 212px;
    background: #1e1e1e; /**/
}

.block-progress.block-profile-progress .progress-back .progress-val#full-progress {
    background: #383838;
    box-shadow: 0 0 4px #5f5f5f;
    width: 100%;
}

.blockLink:hover {
    background: #262626;
    text-decoration: inherit;
}

.message-responseRow {
    margin-top: -1px;
    background: #2d2d2d;
    border: 1px solid rgba(255,255,255,0.1);
    padding: 6px;
}

.likeIcon:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f087";
    display: inline-block;
    width: .86em;
    color: #ffffff;
    margin-right: .2em;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

.pairs>dt {
    padding: 0;
    margin: 0;
    color: #ffffff;
}

.tooltip--member .tooltip-content {
    color: #fff;
    background: #262626;
    padding: 0;
    text-align: left;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
}

::selection {
    background-color: #9a999a;
    color: #fff;
}

.button:not(.button--splitTrigger):hover,
a.button:not(.button--splitTrigger):hover,
.button.button--splitTrigger>.button-text:hover,
a.button.button--splitTrigger>.button-text:hover,
.button.button--splitTrigger>.button-menu:hover,
a.button.button--splitTrigger>.button-menu:hover,
.button:not(.button--splitTrigger):focus,
a.button:not(.button--splitTrigger):focus,
.button.button--splitTrigger>.button-text:focus,
a.button.button--splitTrigger>.button-text:focus,
.button.button--splitTrigger>.button-menu:focus,
a.button.button--splitTrigger>.button-menu:focus,
.button:not(.button--splitTrigger):active,
a.button:not(.button--splitTrigger):active,
.button.button--splitTrigger>.button-text:active,
a.button.button--splitTrigger>.button-text:active,
.button.button--splitTrigger>.button-menu:active,
a.button.button--splitTrigger>.button-menu:active
{
background-color:#262626
}

.button.button--cta:not(.button--splitTrigger):hover,
a.button.button--cta:not(.button--splitTrigger):hover,
.button.button--cta.button--splitTrigger>.button-text:hover,
a.button.button--cta.button--splitTrigger>.button-text:hover,
.button.button--cta.button--splitTrigger>.button-menu:hover,
a.button.button--cta.button--splitTrigger>.button-menu:hover,
.button.button--cta:not(.button--splitTrigger):focus,
a.button.button--cta:not(.button--splitTrigger):focus,
.button.button--cta.button--splitTrigger>.button-text:focus,
a.button.button--cta.button--splitTrigger>.button-text:focus,
.button.button--cta.button--splitTrigger>.button-menu:focus,
a.button.button--cta.button--splitTrigger>.button-menu:focus,
.button.button--cta:not(.button--splitTrigger):active,
a.button.button--cta:not(.button--splitTrigger):active,
.button.button--cta.button--splitTrigger>.button-text:active,
a.button.button--cta.button--splitTrigger>.button-text:active,
.button.button--cta.button--splitTrigger>.button-menu:active,
a.button.button--cta.button--splitTrigger>.button-menu:active
{
background-color:#262626
}

.button.button--primary:not(.button--splitTrigger):hover,
a.button.button--primary:not(.button--splitTrigger):hover,
.button.button--primary.button--splitTrigger>.button-text:hover,
a.button.button--primary.button--splitTrigger>.button-text:hover,
.button.button--primary.button--splitTrigger>.button-menu:hover,
a.button.button--primary.button--splitTrigger>.button-menu:hover,
.button.button--primary:not(.button--splitTrigger):focus,
a.button.button--primary:not(.button--splitTrigger):focus,
.button.button--primary.button--splitTrigger>.button-text:focus,
a.button.button--primary.button--splitTrigger>.button-text:focus,
.button.button--primary.button--splitTrigger>.button-menu:focus,
a.button.button--primary.button--splitTrigger>.button-menu:focus,
.button.button--primary:not(.button--splitTrigger):active,
a.button.button--primary:not(.button--splitTrigger):active,
.button.button--primary.button--splitTrigger>.button-text:active,
a.button.button--primary.button--splitTrigger>.button-text:active,
.button.button--primary.button--splitTrigger>.button-menu:active,
a.button.button--primary.button--splitTrigger>.button-menu:active
{
background-color:#262626
}

.menu-linkRow.is-selected,.menu-linkRow:hover,.menu-linkRow:focus
{
color:#fff;
text-decoration:none;
background:#2d2d2d
}

.button.button--link,a.button.button--link
{
background:#171717;
color:#fff;
border-color:rgba(255,255,255,0.1) rgba(242,242,242,0.1) rgba(242,242,242,0.1) rgba(255,255,255,0.1)
}

.button.button--link.button--splitTrigger>.button-text,a.button.button--link.button--splitTrigger>.button-text
{
border-right-color:rgba(242,242,242,0.1)
}

.button.button--link.button--splitTrigger>.button-menu,a.button.button--link.button--splitTrigger>.button-menu
{
border-left-color:rgba(255,255,255,0.1)
}

.block-row.block-row--alt {
    color: #fff;
    background: #1e1e1e;
    border-bottom: 3px solid maroon;
    border-color: #6524E1;
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2";
    color: #ffffff6b;
}

.fa-rotate-right:before, .fa-undo:before {
    content: "\f01e";
    color: #ffffff6b;
}

.formRow .formRow-explain {
    margin: 6px 0 0;
    display: block;
    font-style: normal;
    font-size: 13px;
    color: #ffffff;
}

.button.button--link:hover,
a.button.button--link:hover,
.button.button--link:active,
a.button.button--link:active,
.button.button--link:focus,
a.button.button--link:focus
{
text-decoration:none;
background:hsl(0, 0%, 15%)
}

Вообще по приколу сделал.
Цвет у кураторов для теста ставил, не нравится - удаляйте.
Основное изменение , адекватный прозрачный фон
1559732856350.png
 
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки.
Это же Россия, напишут, мб)
Ну а если хотите, то могу добавить.
Добавляй, хотя бы гляну что там измениться, а то не очень круто сидеть на классик теме
 
Назад
Сверху Снизу