CGPersia by blk020

/* ==UserStyle==
@name           forum.cgpersia.com - NEW STYLE
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("forum.cgpersia.com") {

    body,
    html {
        line-height: 1.5;
        background: #111111;
    }

    .p-pageWrapper {
        margin: auto;
        max-width: 1800px;
    }

    .block-container.lbContainer {
        background: none!important;
        border: none!important;
    }

    .block--messages .message {
        color: #ccc;
        font-size: 14px;
        border: none;
        /* border: 1px solid #333; */
        background: #1F1F1F;
    }

    .memberHeader-main {
        background: #2b2b2b
    }

    .p-pageWrapper {
        background: #111;
    }

    .p-header {
        background: none;
    }

    .p-nav-inner {
        background: #1f1f1f;
    }

    .tabs--standalone {
        border: 1px solid #2f2f2f;
    }

    .actionBar-action--report {
        color: #893C3C;
    }

    .message-attribution,
    .tabs--standalone .tabs-tab {
        border-bottom: none;
    }

    .p-nav,
    .p-header,
    .pageNav-page.pageNav-page--current,
    .p-breadcrumbs::before {
        border: none;
    }

    .label,
    .label.label--gray,
    .label.label--gamedev,
    .label.label--reqopen,
    .label.label--reqclose,
    .label.label--app,
    .label.label--model,
    .label.label--plugin,
    .label.label--misc,
    .label.label--textures,
    .label.label--tutorial,
    .label.label--general {
        border: 1px solid rgba(255, 255, 255, .2);
        font-size: 10px;
        line-height: 1.2;
        border-radius: 1px;
    }

    .label.label--gray {
        /* aka macos */
        background: #58387E
    }

    .node-title,
    .structItem-title,
    .p-title-value {
        display: flex;
        align-items: center;
    }

    .node--unread .node-title::before {
        margin-top: 0!important;
    }

    .is-unread .structItem-title::before,
    .node--unread .node-title::before {
        border: 1px solid rgba(255, 255, 255, .2);
        font-size: 10px;
        line-height: 1.5;
        height: 15px;
        margin-top: 4px;
        padding: 0 5px;
        border-radius: 2px;
    }

    .p-breadcrumbs > li:last-child a,
    .structItem-title a {
        color: #dfdfdf!important;
    }

    .is-unread .structItem-title,
    .node--unread .node-title {
        font-size: 14px;
    }

    .userBanner {
        border: 1px solid rgba(255, 255, 255, .1) !important;
        width: 100px;
        padding: 4px;
        margin: auto;
    }

    [data-username] {
        background: black!important;
        ;
        color: #218BF4!important;
        padding: 0px 4px !important;
    }

    .bbCodeBlock-title {
        color: #999;
    }

    .bbWrapper a:link {
        color: #3399FF;
    }

    .bbWrapper a:visited {
        color: #B380FF;
    }

    .bbWrapper a:hover {
        color: #66B2FF;
    }

/*
     .bbWrapper a:active {
      color: #FF6347; 
    } 
*/
    .message-userExtras,
    .userTitle.message-userTitle {
        color: #aaa;
    }

    .message-cell.message-cell--main {
        border: 1px solid #333;
    }

    .message-cell.message-cell--user {
        background: #1d1d1d;
        border: 1px solid #333;
    }

    .cgp_spacer {
        border-top: 1px solid #333
    }

    .p-nav-list .p-navEl,
    .tabs-tab,
    .p-breadcrumbs {
        color: #aaa;
    }

    .p-nav-list .p-navEl:hover,
    .tabs-tab:hover {
        color: #fcfcfc;
    }

    .node-title a {
        color: #dcdcdc;
        font-weight: bold
    }

    .reactionsBar {
        border: none;
        background: #2c2c2c;
    }

    .structItem-cell {
        padding: 7px;
    }

    .p-body-header,
    .p-breadcrumbs {
        background: #222;
        border: 1px solid #3a3a3a;
    }

    .block-outer {
        padding-bottom: 10px;
    }

    .block-container {
        background: #1f1f1f !important;
        border: 1px solid #333 !important;
    }


    .button--link,
    .button--cta,
    .button {
        height: 30px;
    }

    .button,
    a.button {
        background: #37424E!important;
        border: 1px solid rgba(255, 255, 255, .1) !important;
        padding: 5px 10px;
    }

    .button.button--primary:hover,
    a.button.button--cta:hover,
    a.button:hover {
        background: #465A70 !important;
        border: 1px solid rgba(255, 255, 255, .1) !important;
    }

    .block-filterBar,
    .block-header {
        background: #2c2c2c;
    }
}