Thread: Dark Theme 2.1

  1. #1

    Dark Theme 2.1

    Dark Theme - 2.1

    I know some people wanted dark theme including me!, however as the staff
    mentions they are busy doing other things to help improve the playersquared
    experience so i though id try ease your suffering until the proper theme is released,
    hope you enjoy it!

    P.S if anything is missing or you want to contribute please don't hesitate to message me back, thanks!

    Known Issues:
    Spoiler: 
    some Textbox for writing threads and quick reply is still white.


    Updates:
    Spoiler: 
    1. Updated main page added margin change look of colour
    2. made postbit darker
    3.change some textbox dark
    4.Completly redone it everything should be good
    5.fixed postbit
    6.modified editor smileys position
    7.optional RGB!
    8. Updated quotes, code block, added custom scrollbar.
    9.forgot but added profile!



    1. Download the Stylus extension for your browser.
    2. Once installed load playerSqared.com and click the stylus icon (normally top right).
    3. Click on write style for playersquared.com
    4. Copy code below into the textbox now shown and hit save!.
    5. For RGB! make sure to copy the code underneath the main style instead!

    Chrome: Stylus - Chrome Web Store
    Opera: Stylus extension - Opera add-ons
    Firefox:Stylus – Get this Extension for 🦊 Firefox (en-GB)

    Preview:


    Code: 
    /*Background color*/
    html {
          background: #545454 none;
    }
    
    
    
    
    /*Forum Header color*/
    .forumbit_nopost .forumhead h2,
    .forumbit_post .forumhead h2 {
          overflow: hidden;
          border-left: solid 1px #1e1e1e;
          border-right: solid 1px #1e1e1e;
          width: 100%;
          background-color: #1e1e1e;
    }
    
    
    
    
    /*Home threads background color*/
    .forumbit_nopost .forumbit_nopost .forumrow,
    .forumbit_post .forumrow {
          color: #ffffff;
          background: #424242 none;
          _background-image: none;
          display: block;
          width: 100%;
          float: left;
          min-height: 60px;
          position: relative;
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
    }
    .forumhead + .childforum .L2:first-child .forumrow,
    .forumhead + .L2 .forumrow {
          background: #424242 none;
          _background-image: none;
          border-top: 0;
    }
    
    
    
    /*Home Thread Title text color*/
    .forumbit_post .foruminfo .forumdata .forumtitle a,
    .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
          color: #bbbbbb;
    }
    
    
    
    
    /*Home Thread Description*/
    .forumbit_post .forumdescription {
          display: block;
          clear: both;
          padding-right: 12px;
          color: #9a9a9a;
          margin-bottom: 12px;
    }
    
    
    
    
    /*Home Stats background and text color*/
    .wgo_block .blockhead {
          font-size: 14px;
          font-weight: 400;
          color: #bbbbbb;
          background: #1e1e1e none;
          _background-image: none;
    }
    
    
    
    
    /*Home Thread main title color*/
    .forumbit_nopost .forumhead .forumtitle a {
          color: #bbbbbb;
          margin-left: 12px;
    }
    
    
    
    
    
    /*Stats Boarder*/
    .wgo_block .blockbody {
          border: 1px solid #545454;
          background: #424242 none;
          _background-image: none;
    }
    
    
    
    
    
    /*stats Text color*/
    .wgo_block .section {
          display: block;
          padding: 0 0 12px;
          font-size: 12px;
          color: #bbbbbb;
          clear: both;
          width: 100%;
    }
    
    
    
    
    
    /*footer text color*/
    .footer a {
          color: #bbbbbb;
    }
    
    
    
    
    
    /*sidebart title text and background color*/
    #sidebar_container .blocksubhead {
          background-color: #1e1e1e;
          font-size: 14px;
          height: 32px;
          color: #bbbbbb;
          padding: 5px 6px;
          border: none;
          outline: none;
          font-weight: 400;
    }
    
    
    
    
    
    
    /*sidebar main content background color*/
    #sidebar_container .blockrow {
          border-top: 1px solid #424242;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background: #424242 none;
          padding: 6px 12px;
    }
    #sidebar_container .blockbody {
          padding: 0!important;
          color: #bbbbbb;
          border: 1px solid #424242;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background: #424242;
    }
    
    
    
    
    /*wiget description text */
    .widget_post_content {
          padding: 1px 0;
          margin: 0 0 6px;
          font-size: 12px;
          color: #bbbbbb;
    }
    
    
    
    
    
    
    /*shoutbox*/
    /*sb Title bar*/
    .blockhead {
          font-size: 14px;
          color: #bbbbbb;
          background: #1e1e1e none;
          _background-image: none;
          padding: 13px 12px;
          border: 1px solid #2e3539;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
    }
    
    
    
    
    
    /* sb main box*/
    .formcontrols .blockrow {
          background: #424242 none repeat-x center bottom;
          border-top: solid 1px #424242;
          padding: 12px;
    }
    .blockbody.settings_form_border {
          border-right: 1px solid #424242;
          border-left: 1px solid #424242;
          border-bottom: 1px solid #424242;
    }
    .blockbody {
          background: #424242 none no-repeat;
          padding-left: 0;
          padding-right: 0;
    }
    .blockbody {
          background: #424242 none no-repeat;
          padding-left: 0;
          padding-right: 0;
    }
    .dbtech_vbshout_shout.alt1 {
          vertical-align: middle;
          background-color: #585858;
          color: #bbbbbb;
    }
    .blocksubhead {
          font-size: 12px;
          color: #424242;
          background: #1e1e1e none repeat-x;
          padding: 6px 12px;
          border-top: 1px solid #1e1e1e;
          border-bottom: 1px solid #1e1e1e;
    }
    .textbox,
    textarea,
    select {
          font: 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
          color: #424242;
          background: #585858 none;
          border: 1px solid #585858;
          padding: 4px;
          outline: 0;
    }
    .dbtech_vbshout_shout.alt1 {
          vertical-align: middle;
          background-color: #424242;
          color: #bbbbbb;
    }
    .formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
          background: #585858 none;
    }
    
    
    
    /*Navigation bar*/
    #breadcrumb {
          display: flex;
          justify-content: space-between
    }
    
    #breadcrumb .icon {
          font-size: 14px
    }
    
    #breadcrumb li {
          float: left
    }
    
    #breadcrumb li a {
          color: #fff;
          display: block;
          background: #424242;
          text-decoration: none;
          position: relative;
          height: 30px;
          line-height: 30px;
          padding: 0 10px 0 5px;
          text-align: center;
          margin-right: 23px
    }
    
    #breadcrumb li:nth-child(even) a {
          background-color: #424242
    }
    
    #breadcrumb li:nth-child(even) a:before {
          border-color: #424242;
          border-left-color: transparent
    }
    
    #breadcrumb li:nth-child(even) a:after {
          border-left-color: #424242
    }
    
    #breadcrumb li:first-child a {
          padding-left: 15px;
          -moz-border-radius: 4px 0 0 4px;
          -webkit-border-radius: 4px;
          border-radius: 4px 0 0 4px
    }
    
    #breadcrumb li:first-child a:before {
          border: none
    }
    
    #breadcrumb li:last-child a {
          padding-right: 15px;
          -moz-border-radius: 0 4px 4px 0;
          -webkit-border-radius: 0;
          border-radius: 0 4px 4px 0;
          background-color: #868686
    }
    
    #breadcrumb li:last-child a:before {
          border-top-color: #868686;
          border-bottom-color: #868686;
          border-right-color: #868686
    }
    
    #breadcrumb li:last-child a:after {
          border: none
    }
    
    #breadcrumb li a:before,
    #breadcrumb li a:after {
          content: "";
          position: absolute;
          top: 0;
          border: 0 solid #424242;
          border-width: 15px 10px;
          width: 0;
          height: 0
    }
    
    #breadcrumb li a:before {
          left: -20px;
          border-left-color: transparent
    }
    
    #breadcrumb li a:after {
          left: 100%;
          border-color: transparent;
          border-left-color: #424242
    }
    
    #breadcrumb li a:hover {
          background-color: #868686
    }
    
    #breadcrumb li a:hover:before {
          border-color: #868686;
          border-left-color: transparent
    }
    
    #breadcrumb li a:hover:after {
          border-left-color: #868686
    }
    
    #breadcrumb li a:active {
          background-color: #868686
    }
    
    #breadcrumb li a:active:before {
          border-color: #868686;
          border-left-color: transparent
    }
    
    #breadcrumb li a:active:after {
          border-left-color: #868686
    }
    
    #breadcrumb > li:first-of-type a svg {
          padding: 8.5px 0
    }
    
    .breadcrumb-container {
          margin-bottom: 20px
    }
    
    
    
    
    /*page title*/
    .pagetitle {
          width: 100%;
          color: #969696;
    }
    
    
    
    
    /*toolmenu*/
    .toolsmenu {
          background: #424242 none;
          width: 100%;
          display: block;
          border: 1px solid #424242;
          float: left;
          clear: both;
          margin: 12px 0 !important;
    }
    
    .toolsmenu .popupgroup a.popupctrl,
    .toolsmenu .popupgroup .popupmenu a.popupctrl,
    .toolsmenu .popupgroup .popupmenu:hover a.popupctrl,
    .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
          border: 0;
          color: #969696;
          padding-right: 15px;
    }
    .popupbody {
          font-size: 13px;
          color: #ffffff;
          padding: 3px;
          background: #424242 none;
          border: 0;
          position: absolute;
          z-index: 1000;
          top: 1.5em;
          left: 0;
          display: none;
          min-width: 200px;
    }
    .popupbody li > a:hover,
    .popupbody li > label:hover {
          color: #969696;
          background: #585858 none;
    }
    .popupbody li a,
    .popupbody li label {
          display: block;
          color: #969696;
          background: #424242 none;
          padding: 12.005px 12px;
          text-decoration: none;
          text-align: left;
          white-space: nowrap;
    }
    .popupbody li.formsubmit .submitoptions label,
    .popupbody li.formsubmit .advancedsearchlink a {
          background: 0 0;
          color: #969696;
    }
    
    
    
    /*body*/
    body {
          width: 92%;
          min-width: 650px;
          max-width: none;
          margin: 0 auto;
          font-size: 13px;
          color: #969696;
          line-height: 1.23;
    }
    
    
    
    /*1st forum header*/
    .forumhead {
          background: #1e1e1e none;
          _background-image: none;
          padding: 0;
          font: normal 14 'Open Sans', sans-serif;
          color: #969696;
          clear: both;
          margin-top: 12px;
          float: left;
          width: 100%;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
    }
    .forumbits .forumhead {
          border-left: 1px solid #1e1e1e;
          border-right: 1px solid #1e1e1e;
    }
    
    
    
    
    /*2nd forum header*/
    .threadlisthead {
          font: normal 14px !important;
          margin: 0;
          width: 100%;
          border-left: 1px solid #1e1e1e;
          border-right: 1px solid #1e1e1e;
          background: #1e1e1e none;
          color: #969696;
          float: left;
          display: block;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
          position: relative;
    }
    .threadlisthead a,
    .threadlisthead a:hover {
          color: #969696;
    }
    
    .threadlist .threads,
    .threadlist .stickies {
          display: block;
          clear: both;
          background: #424242 none;
    }
    .threadbit .nonsticky,
    .threadbit .deleted,
    .threadbit .discussionrow,
    .threadbit .ignored {
          border: 1px solid #545454;
          border-top: none;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
          margin-top: 0;
          /* background: #c54e4e; */
    }
    
    
    
    
    /*threadbit alt*/
    .threadbit .alt {
          background: #424242;
    }
    .threadbit .threadlastpost {
          width: 23%;
          padding: 7.28px 0;
          padding-left: 2%;
          float: left;
          clear: right;
          display: block;
          height: 34.44px;
          font-size: 11px;
          background: #424242;
    }
    .threadbit {
          padding: 0;
          width: 100%;
          display: block;
          clear: both;
          color: #bbbbbb;
          float: left;
          position: relative;
    }
    .threadbit .threadinfo {
          width: 62%;
          min-width: 350px;
          background: #424242;
    }
    .threadbit .nonsticky,
    .threadbit .discussionrow {
          background: #424242 none;
    }
    .threadbit .sticky {
          background: none;
          border: 1px solid #545454;
          border-top: none;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
    }
    .li,
    #cat1 {
          font-size: 14px;
          padding: 7.28px 0;
          border: 1px solid #545454;
    }
    
    
    
    /*forum info and options at botom*/
    .forum_info .blockhead {
          font-size: 14px;
          font-weight: normal;
          color: #969696;
          background: #1e1e1e none;
          _background-image: none;
          border: 0 none;
          margin-top: 12px;
    }
    .forum_info .blockbody {
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          background: rgb(66 66 66) none;
          _background-image: none;
          color: #969696;
    }
    .textbox,
    textarea,
    select {
          font: 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
          color: #969696;
          background: #585858 none;
          border: 1px solid #585858;
          padding: 4px;
          outline: 0;
    }
    .forum_info_form .options_input_block .button {
          position: relative;
          margin-top: 15.99px;
          background: #585858;
          color: #969696;
          border: #969696;
    }
    
    
    
    /*postbit and fix*/
    .postbitlegacy .userinfo {
          width: auto;
    }
    
    .postbitlegacy .userinfo {
    
          border-left: 1px solid #424242;
          height: fit-content;
    }
    .postbit,
    .postbitlegacy,
    .eventbit {
          border: medium #424242;
          background: #424242;
    }
    .postbitlegacy dl.userinfo_extra dt,
    .postbitlegacy dl.user_rep dt {
          float: left;
          text-align: left;
          margin-right: 12px;
          margin-left: 0;
          min-width: 60px;
          width: auto!important;
          width: 60px;
          color: #969696;
    }
    .postbitlegacy .userinfo .usertitle {
          clear: both;
          display: block;
          float: none;
          text-align: center;
          color: #969696;
    }
    .postbitlegacy .userinfo .userinfo_extra dd {
          border-bottom: 1px solid rgba(127, 127, 127, .5);
          text-align: right;
          color: #969696;
    }
    
    /*postbit content*/
    .postbitlegacy .postbody,
    .eventbit .eventdetails .eventbody {
          margin-left: 200px;
          border-left: 1px solid #717171;
          border-right: 1px solid #717171;
          background: #717171 none;
          _background-image: none;
          padding-bottom: 1em;
          border: 1px solid #717171;
          color: #f2f2f2;
    }
    .postcontent {
          word-wrap: break-word;
          color: #c3c3c3;
    }
    .postbit .posttitle,
    .postbitlegacy .title {
          border-bottom: 1px solid #e4e4e4;
          padding-bottom: 5px;
          margin-bottom: 5px;
          color: #f2f2f2;
    }
    
    /*thanks groan bar*/
    .postbit .postfoot .textcontrols,
    .postbitlegacy .postfoot .textcontrols,
    .eventbit .eventfoot .eventcontrols {
          padding: 7px 0 8px;
          display: block;
          background: #1e1e1e none;
          _background-image: none;
          font: 700 11px open sans, sans-serif;
          width: 100%;
          margin-right: 10px;
          border-top: solid 1px #1e1e1e;
          /* color: white; */
    }
    .postbit .postfoot,
    .postbitlegacy .postfoot,
    .eventbit .eventfoot {
          display: block;
          position: relative;
          right: 0;
          float: left;
          clear: both;
          background: 0 0;
          font: 700 11px open sans, sans-serif;
          width: 100%;
          border: 1px solid #1e1e1e;
    }
    /*hover*/
    .postbitlegacy .postfoot .textcontrols a:hover,
    .postbit .postfoot .textcontrols a:hover {
          color: #94a4ad;
          _background-image: none;
    }
    
    .postbitlegacy .postfoot .textcontrols,
    .postbit .postfoot .textcontrols {
    
          color: #3491c6;
    }
    /*enlarge pic*/
    textarea.ncode_imageresizer_warning {
          font-size: 11px;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          background: #717171 url(images/misc/nCode.png) 6px 6px no-repeat;
          color: #f2f2e9;
          border: 0px solid #424242;
          padding: 6px 0px 6px 30px;
          margin-top: 12px;
          height: 27px !important;
          cursor: pointer;
          resize: none;
          overflow: hidden;
          -moz-border-radius: 6px 6px 0px 0px;
          -webkit-border-radius: 6px 6px 0px 0px;
          border-radius: 6px 6px 0px 0px;
    }
    
    /*quick reply and editor*/
    .formcontrols {
          border-right: 1px solid #424242;
          border-left: 1px solid #424242;
          border-bottom: 1px solid #424242;
    }
    .texteditor.forum .cke_skin_kama textarea.cke_source,
    .texteditor.forum textarea {
          color: #d3d3d3;
          font-size: 13px;
          white-space: pre-wrap;
          background: #545454 none;
    }
    .editor {
          border: solid 0px #424242;
    }
    span.cke_skin_kama {
          border-radius: 0!important;
          -moz-border-radius: 0!important;
          -webkit-border-radius: 0!important;
          border: solid 1px #424242!important;
    }
    .cke_skin_kama .cke_wrapper.cke_ltr,
    .cke_skin_kama .cke_wrapper.cke_rtl {
          background: #717171 url(https://playersquared.com/forums/clientscript/ckeditor/skins/kama/images/sprites.png) repeat-x 0 -1950px;
    }
    .formcontrols fieldset.blockrow legend {
          margin: 0;
          font-size: 15px;
          font-weight: 700;
          padding-bottom: 10px;
          color: #cecece;
    }
    #forumrules {
          margin-bottom: 12px;
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          border-top: 1px solid #424242;
          background: #424242 none;
    }
    .button {
          padding: 3px 6px;
          font-size: 12px;
          border: 1px solid #515151;
          color: #808080;
          background: #515151 none;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
    }
    
    
    
    
    /*info section*/
    .thread_info h4 {
          font-size: 14px;
          font-weight: 400;
          color: #e4e4e4;
          background: #1e1e1e none;
          _background-image: none;
          border: 0;
    }
    
    .postbitlegacy .postfoot .textcontrols a,
    .postbit .postfoot .textcontrols a,
    .eventbit .eventfoot .eventcontrols a,
    .postbitlegacy .postfoot .textcontrols span.mobile,
    .postbit .postfoot .textcontrols span.mobile {
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          padding: 0;
          padding-left: 23px;
          border: 0 solid #a9a9a9;
          _background-image: none;
          color: #b1b1b1;
          font: 700 11px open sans, sans-serif;
          display: inline-block;
          margin-left: 3px;
    }
    
    
    
    /*post advance cancle buttons*/
    .actionbuttons .group .button {
          cursor: pointer;
          padding: 3px 6px;
          font-size: 14px;
          border: 1px solid #424242;
          color: #808080;
          background: #515151 none;
    }
    
    
    
    /*info thread*/
    .thread_info .blockbody {
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          background: #424242 none;
          color: #b1b1b1;
    }
    
    
    /*time*/
    .time {
          color: #e3e3e3;
    }
    
    /*extra threads*/
    .forumrow + .childsubforum .forumrow,
    .forumhead + .childforum .L2:first-child .L2 .forumrow,
    .forumhead + .childforum .L2 .L2:first-child .forumrow {
          background: #424242 none;
          _background-image: none;
    }
    /*no threads*/
    .threadbit .nonthread {
          background: #424242 none;
          border: 1px solid #424242;
          border-top: 1px solid transparent;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
          padding: 0.5em 0 0.5em;
          text-indent: 12px;
    }
    /*post new thread*/
    .newcontent_textcontrol {
          background: #424242 none;
          _background-image: none;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          font-size: 13px;
          color: #868686;
          padding: 0 0 0 12px;
          border: 0;
          display: block;
          float: left;
          clear: right;
          line-height: 32px;
    }
    .newcontent_textcontrol > span,
    .pagetitleinfo.textcontrol > span {
          float: right;
          height: 32px;
          width: 32px;
          background-color: #4e4e4e;
          margin-left: 12px;
          background-attachment: scroll;
          background-repeat: no-repeat;
          background-position: center center;
          text-align: left;
    }
    
    /*activity*/
    li.activitybit {
          overflow: hidden;
          color: #9a9a9a;
          font-weight: 400;
          font-family: inherit;
          font-size: 12px;
          margin: 0 0 1px;
          border: 1px solid #424242;
          padding: 10px;
          background: #424242 none;
    }
    
    /*activity bar*/
    .newactivity,
    .moreactivity {
          margin-top: 12px;
          color: #797979;
          border: 1px solid #1e1e1e;
          background: #1e1e1e none repeat-x;
          line-height: 28px;
          height: 32px;
          font-size: 13px;
    }
    
    
    
    /*shop overview*/
    #usercp_nav .blocksubhead {
          font-size: 13px;
          color: #ffffff;
          background: #424242 none repeat-x;
          padding: 6px 12px 6px 12px;
    }
    /*selector*/
    #usercp_nav .blockrow .active {
          background-color: #868686;
    }
    #usercp_nav .blockrow {
          background: #505050 none;
          padding: 1px 12px;
    }
    /*store tabs*/
    html > body dl.tabslight dd.selected a,
    html > body dl.tabslight dd.selected a:hover {
          position: relative;
          border-bottom: 1px solid transparent;
          background: #1e1e1e none;
          border: solid 1px #1e1e1e;
          color: #a7a7a7;
    }
    dl.tabslight dd a {
          font-size: 14px;
          color: #a7a7a7;
          text-decoration: none;
          text-align: center;
          padding: 0 12px;
          min-width: 104px;
          height: 48px;
          line-height: 48px;
          display: block;
          border: 1px solid #1e1e1e;
          background-color: #1e1e1e;
          margin-right: 12px;
    }
    /*vip*/
    table {
          border: none;
          border-radius: 5px;
          box-shadow: 0 0 4px #424242;
          border-collapse: collapse;
          width: 80%;
          margin-left: 90px;
    }
    tr:nth-child(2n+1) td {
          background-color: #545454;
    }
    
    .viptable tr:first-of-type td:first-of-type {
          width: 200px;
          text-align: left;
          background-color: #545454;
    }
    
    .viptable tr:first-of-type td {
          border: 1px solid #c4c4c4;
          background-color: #545454;
    }
    /*code box color*/
    .bbcode_container div.bbcode_code,
    .bbcode_container pre.bbcode_code {
        margin: 0;
        padding: 6px;
        border: 1px inset;
        text-align: left;
        overflow: scroll;
        direction: ltr;
        background: #545454 none repeat-x;
        font-size: 14px;
    }
    
    
    
    /*Scrollbar*/
    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #888;
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    
    /*quotes*/
    .bbcode_container .bbcode_quote {
        background: transparent url(https://playersquared.com/forums/images/css/bckg_conversation_stripe.png) repeat scroll 0 0;
        background: #545454;
        font-size: 13px;
        font-style: italic;
        padding: 10px;
        padding-left: 38px;
        position: relative;
        margin-bottom: 15px;
        border: 2px solid #545454;
        border-radius: 8px;
        padding-right: 10px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-left: 3px solid #8cc8ff;
    }
    
    .restrain #yui-gen44 {
        width: 800px;
        height: 450px;
    }
    .blockhead:before {
        content: 'P² Dark Theme 2.1 - Blue 🐺 | jbezza123 | ';
        animation: color-change 56s ease-in-out infinite;
    }
    
    
    /*///////////////////////////profile Area\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    /*sidebar 1*/
    #userinfoblock {
        border: solid 1px #424242;
        border-top: none!important;
        background-color: #424242;
        padding-bottom: 12px;
    }
    #sidebar_container .usertitle {
        color: #b6b6b6;
    }
    /*sidebar 2,3,4*/
    #sidebar_container .userprof_content .blockrow {
        color: #b6b6b6;
        background-color: #424242;
        border-color: #424242;
    }
    dl.stats dt,
    #sidebar_container dl.stats,
    #sidebar_container .blockbody.userprof_content,
    #sidebar_container .userprof_content .time,
    .userprof_content .time {
        color: #b6b6b6;
        background-color: transparent;
        background-image: none;
    }
    /*top tabs*/
    #profile_tabs dl.tabslight dd.userprof_moduleinactive {
        background-color: #424242;
        border-color: #424242;
    }
    .activitystream_block dd.selected,
    dd.userprof_module {
        color: #fff;
        background-color: #5d5d5d;
        border-color: #5d5d5d;
        background-repeat: repeat;
    }
    /*lower tabs*/
    dl.as-tabs dd {
        background-color: #424242;
        border-color: #424242;
    }
    /*///////////////////////////Visitor Tab\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    #visitormessageseditor {
        background: #424242;
    }
    .profile_editor_border,
    .profile_content .actionbuttons {
        background: #424242;
    }
    .profile_content .actionbuttons {
        border-bottom: 1px solid #424242;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    
    .profile_editor_border,
    .profile_content .actionbuttons {
        border-right: 1px solid #424242;
        border-left: 1px solid #424242;
        margin-top: 0;
    }
    .memberprofiletabunder {
        background-color: #545454;
        background-repeat: repeat;
    }
    .userprof_editor {
        border-width: 1px 0 0;
        border-style: solid;
        border-color: #424242;
    }
    .texteditor.content .cke_skin_kama textarea.cke_source,
    .texteditor textarea {
        color: #b1b1b1;
        font: 13px open sans, sans-serif;
        white-space: pre-wrap;
        background: #636363 none;
    }
    .userprof_button {
        background-repeat: repeat;
        background-color: #585858;
        color: #969696;
        border: #969696;
    }
    /*///////////////////////////About Me Tab\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    #view-aboutme {
        border: solid 1px #e4e4e4;
        color: #b6b6b6;
        background-color: #424242;
        border-color: #424242;
    }
    .userprof_content {
        color: #b6b6b6;
        background-repeat: repeat;
    }
    .profile_content .blockbody {
        clear: both;
        padding: 12px;
        border-color: transparent;
        /* margin: 10px; */
    }
    
    .aboutme_left {
        display: block;
        width: 250px;
        float: left;
        clear: right;
        padding-top: 0;
        padding-bottom: 5px;
        font-weight: 700;
        font-size: 110%;
    }
    .profile_content .blocksubhead h4 {
        font-weight: 700;
        display: block;
        padding-right: 6px;
        margin: 0;
        display: inline;
        color: #b6b6b6;
    }
    .blocksubhead.subsectionhead.userprof_headers.userprof_headers_border {
        background-color: #5d5d5d;
        border-top: solid 1px #5d5d5d;
        border-bottom: solid 1px #5f5f5f;
        border-left: none;
        border-right: none;
    }
    .userprof_content .shade {
        color: #b6b6b6;
    }
    li.block_notificationbit {
        overflow: hidden;
        color: #b6b6b6;
        font-weight: normal;
        font-family: inherit;
        font-size: 11px;
        margin: 0px 0px 10px 0px;
        border: 0 none;
        padding: 10px;
        background: #424242 none no-repeat;
    }

    RGB!
    Code: 
    /*Background color*/
    html {
          background: #545454 none;
    }
    
    
    
    
    /*Forum Header color*/
    .forumbit_nopost .forumhead h2,
    .forumbit_post .forumhead h2 {
          overflow: hidden;
          border-left: solid 1px #1e1e1e;
          border-right: solid 1px #1e1e1e;
          width: 100%;
          background-color: #1e1e1e;
    }
    
    
    
    
    /*Home threads background color*/
    .forumbit_nopost .forumbit_nopost .forumrow,
    .forumbit_post .forumrow {
          color: #ffffff;
          background: #424242 none;
          _background-image: none;
          display: block;
          width: 100%;
          float: left;
          min-height: 60px;
          position: relative;
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
    }
    .forumhead + .childforum .L2:first-child .forumrow,
    .forumhead + .L2 .forumrow {
          background: #424242 none;
          _background-image: none;
          border-top: 0;
    }
    
    
    
    /*Home Thread Title text color*/
    .forumbit_post .foruminfo .forumdata .forumtitle a,
    .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
          color: #bbbbbb;
    }
    
    
    
    
    /*Home Thread Description*/
    .forumbit_post .forumdescription {
          display: block;
          clear: both;
          padding-right: 12px;
          color: #9a9a9a;
          margin-bottom: 12px;
    }
    
    
    
    
    /*Home Stats background and text color*/
    .wgo_block .blockhead {
          font-size: 14px;
          font-weight: 400;
          color: #bbbbbb;
          background: #1e1e1e none;
          _background-image: none;
    }
    
    
    
    
    /*Home Thread main title color*/
    .forumbit_nopost .forumhead .forumtitle a {
          color: #bbbbbb;
          margin-left: 12px;
    }
    
    
    
    
    
    /*Stats Boarder*/
    .wgo_block .blockbody {
          border: 1px solid #545454;
          background: #424242 none;
          _background-image: none;
    }
    
    
    
    
    
    /*stats Text color*/
    .wgo_block .section {
          display: block;
          padding: 0 0 12px;
          font-size: 12px;
          color: #bbbbbb;
          clear: both;
          width: 100%;
    }
    
    
    
    
    
    /*footer text color*/
    .footer a {
          color: #bbbbbb;
    }
    
    
    
    
    
    /*sidebart title text and background color*/
    #sidebar_container .blocksubhead {
          background-color: #1e1e1e;
          font-size: 14px;
          height: 32px;
          color: #bbbbbb;
          padding: 5px 6px;
          border: none;
          outline: none;
          font-weight: 400;
    }
    
    
    
    
    
    
    /*sidebar main content background color*/
    #sidebar_container .blockrow {
          border-top: 1px solid #424242;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background: #424242 none;
          padding: 6px 12px;
    }
    #sidebar_container .blockbody {
          padding: 0!important;
          color: #bbbbbb;
          border: 1px solid #424242;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background: #424242;
    }
    
    
    
    
    /*wiget description text */
    .widget_post_content {
          padding: 1px 0;
          margin: 0 0 6px;
          font-size: 12px;
          color: #bbbbbb;
    }
    
    
    
    
    
    
    /*shoutbox*/
    /*sb Title bar*/
    .blockhead {
          font-size: 14px;
          color: #bbbbbb;
          background: #1e1e1e none;
          _background-image: none;
          padding: 13px 12px;
          border: 1px solid #2e3539;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
    }
    
    
    
    
    
    /* sb main box*/
    .formcontrols .blockrow {
          background: #424242 none repeat-x center bottom;
          border-top: solid 1px #424242;
          padding: 12px;
    }
    .blockbody.settings_form_border {
          border-right: 1px solid #424242;
          border-left: 1px solid #424242;
          border-bottom: 1px solid #424242;
    }
    .blockbody {
          background: #424242 none no-repeat;
          padding-left: 0;
          padding-right: 0;
    }
    .blockbody {
          background: #424242 none no-repeat;
          padding-left: 0;
          padding-right: 0;
    }
    .dbtech_vbshout_shout.alt1 {
          vertical-align: middle;
          background-color: #585858;
          color: #bbbbbb;
    }
    .blocksubhead {
          font-size: 12px;
          color: #424242;
          background: #1e1e1e none repeat-x;
          padding: 6px 12px;
          border-top: 1px solid #1e1e1e;
          border-bottom: 1px solid #1e1e1e;
    }
    .textbox,
    textarea,
    select {
          font: 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
          color: #424242;
          background: #585858 none;
          border: 1px solid #585858;
          padding: 4px;
          outline: 0;
    }
    .dbtech_vbshout_shout.alt1 {
          vertical-align: middle;
          background-color: #424242;
          color: #bbbbbb;
    }
    .formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
          background: #585858 none;
    }
    
    
    
    /*Navigation bar*/
    #breadcrumb {
          display: flex;
          justify-content: space-between
    }
    
    #breadcrumb .icon {
          font-size: 14px
    }
    
    #breadcrumb li {
          float: left
    }
    
    #breadcrumb li a {
          color: #fff;
          display: block;
          background: #424242;
          text-decoration: none;
          position: relative;
          height: 30px;
          line-height: 30px;
          padding: 0 10px 0 5px;
          text-align: center;
          margin-right: 23px
    }
    
    #breadcrumb li:nth-child(even) a {
          background-color: #424242
    }
    
    #breadcrumb li:nth-child(even) a:before {
          border-color: #424242;
          border-left-color: transparent
    }
    
    #breadcrumb li:nth-child(even) a:after {
          border-left-color: #424242
    }
    
    #breadcrumb li:first-child a {
          padding-left: 15px;
          -moz-border-radius: 4px 0 0 4px;
          -webkit-border-radius: 4px;
          border-radius: 4px 0 0 4px
    }
    
    #breadcrumb li:first-child a:before {
          border: none
    }
    
    #breadcrumb li:last-child a {
          padding-right: 15px;
          -moz-border-radius: 0 4px 4px 0;
          -webkit-border-radius: 0;
          border-radius: 0 4px 4px 0;
          background-color: #868686
    }
    
    #breadcrumb li:last-child a:before {
          border-top-color: #868686;
          border-bottom-color: #868686;
          border-right-color: #868686
    }
    
    #breadcrumb li:last-child a:after {
          border: none
    }
    
    #breadcrumb li a:before,
    #breadcrumb li a:after {
          content: "";
          position: absolute;
          top: 0;
          border: 0 solid #424242;
          border-width: 15px 10px;
          width: 0;
          height: 0
    }
    
    #breadcrumb li a:before {
          left: -20px;
          border-left-color: transparent
    }
    
    #breadcrumb li a:after {
          left: 100%;
          border-color: transparent;
          border-left-color: #424242
    }
    
    #breadcrumb li a:hover {
          background-color: #868686
    }
    
    #breadcrumb li a:hover:before {
          border-color: #868686;
          border-left-color: transparent
    }
    
    #breadcrumb li a:hover:after {
          border-left-color: #868686
    }
    
    #breadcrumb li a:active {
          background-color: #868686
    }
    
    #breadcrumb li a:active:before {
          border-color: #868686;
          border-left-color: transparent
    }
    
    #breadcrumb li a:active:after {
          border-left-color: #868686
    }
    
    #breadcrumb > li:first-of-type a svg {
          padding: 8.5px 0
    }
    
    .breadcrumb-container {
          margin-bottom: 20px
    }
    
    
    
    
    /*page title*/
    .pagetitle {
          width: 100%;
          color: #969696;
    }
    
    
    
    
    /*toolmenu*/
    .toolsmenu {
          background: #424242 none;
          width: 100%;
          display: block;
          border: 1px solid #424242;
          float: left;
          clear: both;
          margin: 12px 0 !important;
    }
    
    .toolsmenu .popupgroup a.popupctrl,
    .toolsmenu .popupgroup .popupmenu a.popupctrl,
    .toolsmenu .popupgroup .popupmenu:hover a.popupctrl,
    .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
          border: 0;
          color: #969696;
          padding-right: 15px;
    }
    .popupbody {
          font-size: 13px;
          color: #ffffff;
          padding: 3px;
          background: #424242 none;
          border: 0;
          position: absolute;
          z-index: 1000;
          top: 1.5em;
          left: 0;
          display: none;
          min-width: 200px;
    }
    .popupbody li > a:hover,
    .popupbody li > label:hover {
          color: #969696;
          background: #585858 none;
    }
    .popupbody li a,
    .popupbody li label {
          display: block;
          color: #969696;
          background: #424242 none;
          padding: 12.005px 12px;
          text-decoration: none;
          text-align: left;
          white-space: nowrap;
    }
    .popupbody li.formsubmit .submitoptions label,
    .popupbody li.formsubmit .advancedsearchlink a {
          background: 0 0;
          color: #969696;
    }
    
    
    
    /*body*/
    body {
          width: 92%;
          min-width: 650px;
          max-width: none;
          margin: 0 auto;
          font-size: 13px;
          color: #969696;
          line-height: 1.23;
    }
    
    
    
    /*1st forum header*/
    .forumhead {
          background: #1e1e1e none;
          _background-image: none;
          padding: 0;
          font: normal 14 'Open Sans', sans-serif;
          color: #969696;
          clear: both;
          margin-top: 12px;
          float: left;
          width: 100%;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
    }
    .forumbits .forumhead {
          border-left: 1px solid #1e1e1e;
          border-right: 1px solid #1e1e1e;
    }
    
    
    
    
    /*2nd forum header*/
    .threadlisthead {
          font: normal 14px !important;
          margin: 0;
          width: 100%;
          border-left: 1px solid #1e1e1e;
          border-right: 1px solid #1e1e1e;
          background: #1e1e1e none;
          color: #969696;
          float: left;
          display: block;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
          position: relative;
    }
    .threadlisthead a,
    .threadlisthead a:hover {
          color: #969696;
    }
    
    .threadlist .threads,
    .threadlist .stickies {
          display: block;
          clear: both;
          background: #424242 none;
    }
    .threadbit .nonsticky,
    .threadbit .deleted,
    .threadbit .discussionrow,
    .threadbit .ignored {
          border: 1px solid #545454;
          border-top: none;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
          margin-top: 0;
          /* background: #c54e4e; */
    }
    
    
    
    
    /*threadbit alt*/
    .threadbit .alt {
          background: #424242;
    }
    .threadbit .threadlastpost {
          width: 23%;
          padding: 7.28px 0;
          padding-left: 2%;
          float: left;
          clear: right;
          display: block;
          height: 34.44px;
          font-size: 11px;
          background: #424242;
    }
    .threadbit {
          padding: 0;
          width: 100%;
          display: block;
          clear: both;
          color: #bbbbbb;
          float: left;
          position: relative;
    }
    .threadbit .threadinfo {
          width: 62%;
          min-width: 350px;
          background: #424242;
    }
    .threadbit .nonsticky,
    .threadbit .discussionrow {
          background: #424242 none;
    }
    .threadbit .sticky {
          background: none;
          border: 1px solid #545454;
          border-top: none;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
    }
    .li,
    #cat1 {
          font-size: 14px;
          padding: 7.28px 0;
          border: 1px solid #545454;
    }
    
    
    
    /*forum info and options at botom*/
    .forum_info .blockhead {
          font-size: 14px;
          font-weight: normal;
          color: #969696;
          background: #1e1e1e none;
          _background-image: none;
          border: 0 none;
          margin-top: 12px;
    }
    .forum_info .blockbody {
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          background: rgb(66 66 66) none;
          _background-image: none;
          color: #969696;
    }
    .textbox,
    textarea,
    select {
          font: 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
          color: #969696;
          background: #585858 none;
          border: 1px solid #585858;
          padding: 4px;
          outline: 0;
    }
    .forum_info_form .options_input_block .button {
          position: relative;
          margin-top: 15.99px;
          background: #585858;
          color: #969696;
          border: #969696;
    }
    
    
    
    /*postbit and fix*/
    .postbitlegacy .userinfo {
          width: auto;
    }
    
    .postbitlegacy .userinfo {
    
          border-left: 1px solid #424242;
          height: fit-content;
    }
    .postbit,
    .postbitlegacy,
    .eventbit {
          border: medium #424242;
          background: #424242;
    }
    .postbitlegacy dl.userinfo_extra dt,
    .postbitlegacy dl.user_rep dt {
          float: left;
          text-align: left;
          margin-right: 12px;
          margin-left: 0;
          min-width: 60px;
          width: auto!important;
          width: 60px;
          color: #969696;
    }
    .postbitlegacy .userinfo .usertitle {
          clear: both;
          display: block;
          float: none;
          text-align: center;
          color: #969696;
    }
    .postbitlegacy .userinfo .userinfo_extra dd {
          border-bottom: 1px solid rgba(127, 127, 127, .5);
          text-align: right;
          color: #969696;
    }
    
    /*postbit content*/
    .postbitlegacy .postbody,
    .eventbit .eventdetails .eventbody {
          margin-left: 200px;
          border-left: 1px solid #717171;
          border-right: 1px solid #717171;
          background: #717171 none;
          _background-image: none;
          padding-bottom: 1em;
          border: 1px solid #717171;
          color: #f2f2f2;
    }
    .postcontent {
          word-wrap: break-word;
          color: #c3c3c3;
    }
    .postbit .posttitle,
    .postbitlegacy .title {
          border-bottom: 1px solid #e4e4e4;
          padding-bottom: 5px;
          margin-bottom: 5px;
          color: #f2f2f2;
    }
    
    /*thanks groan bar*/
    .postbit .postfoot .textcontrols,
    .postbitlegacy .postfoot .textcontrols,
    .eventbit .eventfoot .eventcontrols {
          padding: 7px 0 8px;
          display: block;
          background: #1e1e1e none;
          _background-image: none;
          font: 700 11px open sans, sans-serif;
          width: 100%;
          margin-right: 10px;
          border-top: solid 1px #1e1e1e;
          /* color: white; */
    }
    .postbit .postfoot,
    .postbitlegacy .postfoot,
    .eventbit .eventfoot {
          display: block;
          position: relative;
          right: 0;
          float: left;
          clear: both;
          background: 0 0;
          font: 700 11px open sans, sans-serif;
          width: 100%;
          border: 1px solid #1e1e1e;
    }
    /*hover*/
    .postbitlegacy .postfoot .textcontrols a:hover,
    .postbit .postfoot .textcontrols a:hover {
          color: #94a4ad;
          _background-image: none;
    }
    
    .postbitlegacy .postfoot .textcontrols,
    .postbit .postfoot .textcontrols {
    
          color: #3491c6;
    }
    /*enlarge pic*/
    textarea.ncode_imageresizer_warning {
          font-size: 11px;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          background: #717171 url(images/misc/nCode.png) 6px 6px no-repeat;
          color: #f2f2e9;
          border: 0px solid #424242;
          padding: 6px 0px 6px 30px;
          margin-top: 12px;
          height: 27px !important;
          cursor: pointer;
          resize: none;
          overflow: hidden;
          -moz-border-radius: 6px 6px 0px 0px;
          -webkit-border-radius: 6px 6px 0px 0px;
          border-radius: 6px 6px 0px 0px;
    }
    
    /*quick reply and editor*/
    .formcontrols {
          border-right: 1px solid #424242;
          border-left: 1px solid #424242;
          border-bottom: 1px solid #424242;
    }
    .texteditor.forum .cke_skin_kama textarea.cke_source,
    .texteditor.forum textarea {
          color: #d3d3d3;
          font-size: 13px;
          white-space: pre-wrap;
          background: #545454 none;
    }
    .editor {
          border: solid 0px #424242;
    }
    span.cke_skin_kama {
          border-radius: 0!important;
          -moz-border-radius: 0!important;
          -webkit-border-radius: 0!important;
          border: solid 1px #424242!important;
    }
    .cke_skin_kama .cke_wrapper.cke_ltr,
    .cke_skin_kama .cke_wrapper.cke_rtl {
          background: #717171 url(https://playersquared.com/forums/clientscript/ckeditor/skins/kama/images/sprites.png) repeat-x 0 -1950px;
    }
    .formcontrols fieldset.blockrow legend {
          margin: 0;
          font-size: 15px;
          font-weight: 700;
          padding-bottom: 10px;
          color: #cecece;
    }
    #forumrules {
          margin-bottom: 12px;
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          border-top: 1px solid #424242;
          background: #424242 none;
    }
    .button {
          padding: 3px 6px;
          font-size: 12px;
          border: 1px solid #515151;
          color: #808080;
          background: #515151 none;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
    }
    
    
    
    
    /*info section*/
    .thread_info h4 {
          font-size: 14px;
          font-weight: 400;
          color: #e4e4e4;
          background: #1e1e1e none;
          _background-image: none;
          border: 0;
    }
    
    .postbitlegacy .postfoot .textcontrols a,
    .postbit .postfoot .textcontrols a,
    .eventbit .eventfoot .eventcontrols a,
    .postbitlegacy .postfoot .textcontrols span.mobile,
    .postbit .postfoot .textcontrols span.mobile {
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          padding: 0;
          padding-left: 23px;
          border: 0 solid #a9a9a9;
          _background-image: none;
          color: #b1b1b1;
          font: 700 11px open sans, sans-serif;
          display: inline-block;
          margin-left: 3px;
    }
    
    
    
    /*post advance cancle buttons*/
    .actionbuttons .group .button {
          cursor: pointer;
          padding: 3px 6px;
          font-size: 14px;
          border: 1px solid #424242;
          color: #808080;
          background: #515151 none;
    }
    
    
    
    /*info thread*/
    .thread_info .blockbody {
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          background: #424242 none;
          color: #b1b1b1;
    }
    
    
    /*time*/
    .time {
          color: #e3e3e3;
    }
    
    /*extra threads*/
    .forumrow + .childsubforum .forumrow,
    .forumhead + .childforum .L2:first-child .L2 .forumrow,
    .forumhead + .childforum .L2 .L2:first-child .forumrow {
          background: #424242 none;
          _background-image: none;
    }
    /*no threads*/
    .threadbit .nonthread {
          background: #424242 none;
          border: 1px solid #424242;
          border-top: 1px solid transparent;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
          padding: 0.5em 0 0.5em;
          text-indent: 12px;
    }
    /*post new thread*/
    .newcontent_textcontrol {
          background: #424242 none;
          _background-image: none;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          font-size: 13px;
          color: #868686;
          padding: 0 0 0 12px;
          border: 0;
          display: block;
          float: left;
          clear: right;
          line-height: 32px;
    }
    .newcontent_textcontrol > span,
    .pagetitleinfo.textcontrol > span {
          float: right;
          height: 32px;
          width: 32px;
          background-color: #4e4e4e;
          margin-left: 12px;
          background-attachment: scroll;
          background-repeat: no-repeat;
          background-position: center center;
          text-align: left;
    }
    
    /*activity*/
    li.activitybit {
          overflow: hidden;
          color: #9a9a9a;
          font-weight: 400;
          font-family: inherit;
          font-size: 12px;
          margin: 0 0 1px;
          border: 1px solid #424242;
          padding: 10px;
          background: #424242 none;
    }
    
    /*activity bar*/
    .newactivity,
    .moreactivity {
          margin-top: 12px;
          color: #797979;
          border: 1px solid #1e1e1e;
          background: #1e1e1e none repeat-x;
          line-height: 28px;
          height: 32px;
          font-size: 13px;
    }
    
    
    
    /*shop overview*/
    #usercp_nav .blocksubhead {
          font-size: 13px;
          color: #ffffff;
          background: #424242 none repeat-x;
          padding: 6px 12px 6px 12px;
    }
    /*selector*/
    #usercp_nav .blockrow .active {
          background-color: #868686;
    }
    #usercp_nav .blockrow {
          background: #505050 none;
          padding: 1px 12px;
    }
    /*store tabs*/
    html > body dl.tabslight dd.selected a,
    html > body dl.tabslight dd.selected a:hover {
          position: relative;
          border-bottom: 1px solid transparent;
          background: #1e1e1e none;
          border: solid 1px #1e1e1e;
          color: #a7a7a7;
    }
    dl.tabslight dd a {
          font-size: 14px;
          color: #a7a7a7;
          text-decoration: none;
          text-align: center;
          padding: 0 12px;
          min-width: 104px;
          height: 48px;
          line-height: 48px;
          display: block;
          border: 1px solid #1e1e1e;
          background-color: #1e1e1e;
          margin-right: 12px;
    }
    /*vip*/
    table {
          border: none;
          border-radius: 5px;
          box-shadow: 0 0 4px #424242;
          border-collapse: collapse;
          width: 80%;
          margin-left: 90px;
    }
    tr:nth-child(2n+1) td {
          background-color: #545454;
    }
    
    .viptable tr:first-of-type td:first-of-type {
          width: 200px;
          text-align: left;
          background-color: #545454;
    }
    
    .viptable tr:first-of-type td {
          border: 1px solid #c4c4c4;
          background-color: #545454;
    }
    body a {
    
          animation: color-change 56s ease-in-out infinite;
          /*color: #8e44ad;*/
          text-decoration: none;
    }
    @keyframes color-change {
          0% {
                color: #f00;
          }
          3.5% {
                color: #ff1e00;
          }
          7% {
                color: #ff5100;
          }
          10.5% {
                color: #f70;
          }
          14% {
                color: #fa0;
          }
          17% {
                color: #fd0;
          }
          20.5% {
                color: #eaff00;
          }
          24% {
                color: #d0ff00;
          }
          27% {
                color: #d0ff00;
          }
          40.5% {
                color: #af0;
          }
          44% {
                color: #6f0;
          }
          47% {
                color: #26ff00;
          }
          50.5% {
                color: #0f9;
          }
          54% {
                color: #00ffe5;
          }
          57% {
                color: #00e5ff;
          }
          60.5% {
                color: #00d5ff;
          }
          64% {
                color: #00aeff;
          }
          67% {
                color: #0084ff;
          }
          70.5% {
                color: #0d00ff;
          }
          74% {
                color: #6f00ff;
          }
          77% {
                color: #90f;
          }
          80.5% {
                color: #b0f;
          }
          84% {
                color: #b300ff;
          }
          87% {
                color: #e100ff;
          }
          90.5% {
                color: #ff00ea;
          }
          94% {
                color: #f0a;
          }
          97% {
                color: #ff0084;
          }
          100% {
                color: #ff0048;
          }
    }
    /*code box color*/
    .bbcode_container div.bbcode_code,
    .bbcode_container pre.bbcode_code {
        margin: 0;
        padding: 6px;
        border: 1px inset;
        text-align: left;
        overflow: scroll;
        direction: ltr;
        background: #545454 none repeat-x;
        font-size: 14px;
    }
    
    
    
    /*Scrollbar*/
    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #888;
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    
    /*quotes*/
    .bbcode_container .bbcode_quote {
        background: transparent url(https://playersquared.com/forums/images/css/bckg_conversation_stripe.png) repeat scroll 0 0;
        background: #545454;
        font-size: 13px;
        font-style: italic;
        padding: 10px;
        padding-left: 38px;
        position: relative;
        margin-bottom: 15px;
        border: 2px solid #545454;
        border-radius: 8px;
        padding-right: 10px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-left: 3px solid #8cc8ff;
    }
    .restrain #yui-gen44 {
        width: 800px;
        height: 450px;
    }
    .blockhead:before {
        content: 'P² Dark Theme 2.1 - RGB 🐺 | jbezza123 | ';
        animation: color-change 56s ease-in-out infinite;
    }
    
    
    /*///////////////////////////profile Area\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    /*sidebar 1*/
    #userinfoblock {
        border: solid 1px #424242;
        border-top: none!important;
        background-color: #424242;
        padding-bottom: 12px;
    }
    #sidebar_container .usertitle {
        color: #b6b6b6;
    }
    /*sidebar 2,3,4*/
    #sidebar_container .userprof_content .blockrow {
        color: #b6b6b6;
        background-color: #424242;
        border-color: #424242;
    }
    dl.stats dt,
    #sidebar_container dl.stats,
    #sidebar_container .blockbody.userprof_content,
    #sidebar_container .userprof_content .time,
    .userprof_content .time {
        color: #b6b6b6;
        background-color: transparent;
        background-image: none;
    }
    /*top tabs*/
    #profile_tabs dl.tabslight dd.userprof_moduleinactive {
        background-color: #424242;
        border-color: #424242;
    }
    .activitystream_block dd.selected,
    dd.userprof_module {
        color: #fff;
        background-color: #5d5d5d;
        border-color: #5d5d5d;
        background-repeat: repeat;
    }
    /*lower tabs*/
    dl.as-tabs dd {
        background-color: #424242;
        border-color: #424242;
    }
    /*///////////////////////////Visitor Tab\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    #visitormessageseditor {
        background: #424242;
    }
    .profile_editor_border,
    .profile_content .actionbuttons {
        background: #424242;
    }
    .profile_content .actionbuttons {
        border-bottom: 1px solid #424242;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    
    .profile_editor_border,
    .profile_content .actionbuttons {
        border-right: 1px solid #424242;
        border-left: 1px solid #424242;
        margin-top: 0;
    }
    .memberprofiletabunder {
        background-color: #545454;
        background-repeat: repeat;
    }
    .userprof_editor {
        border-width: 1px 0 0;
        border-style: solid;
        border-color: #424242;
    }
    .texteditor.content .cke_skin_kama textarea.cke_source,
    .texteditor textarea {
        color: #b1b1b1;
        font: 13px open sans, sans-serif;
        white-space: pre-wrap;
        background: #636363 none;
    }
    .userprof_button {
        background-repeat: repeat;
        background-color: #585858;
        color: #969696;
        border: #969696;
    }
    /*///////////////////////////About Me Tab\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    #view-aboutme {
        border: solid 1px #e4e4e4;
        color: #b6b6b6;
        background-color: #424242;
        border-color: #424242;
    }
    .userprof_content {
        color: #b6b6b6;
        background-repeat: repeat;
    }
    .profile_content .blockbody {
        clear: both;
        padding: 12px;
        border-color: transparent;
        /* margin: 10px; */
    }
    
    .aboutme_left {
        display: block;
        width: 250px;
        float: left;
        clear: right;
        padding-top: 0;
        padding-bottom: 5px;
        font-weight: 700;
        font-size: 110%;
    }
    .profile_content .blocksubhead h4 {
        font-weight: 700;
        display: block;
        padding-right: 6px;
        margin: 0;
        display: inline;
        color: #b6b6b6;
    }
    .blocksubhead.subsectionhead.userprof_headers.userprof_headers_border {
        background-color: #5d5d5d;
        border-top: solid 1px #5d5d5d;
        border-bottom: solid 1px #5f5f5f;
        border-left: none;
        border-right: none;
    }
    .userprof_content .shade {
        color: #b6b6b6;
    }
    li.block_notificationbit {
        overflow: hidden;
        color: #b6b6b6;
        font-weight: normal;
        font-family: inherit;
        font-size: 11px;
        margin: 0px 0px 10px 0px;
        border: 0 none;
        padding: 10px;
        background: #424242 none no-repeat;
    }
    Last edited by jbezza123; March 25th, 2021 at 06:39 PM. Reason: Update!

  2. #2
    "Remember, no Russian."
    Administrator
    JB's Avatar
    Join Date
    Nov 2018
    Posts
    254
    Threads
    33
    Reputation

    246

    Re: Dark Theme for Player Squared!!!

    This is pretty cool! We'll be rolling out a dark theme with v3 but this will definitely improve the experience while we're still on the current codebase!
    Co-owner, sysadmin and developer. Found a bug? Let me know.

  3. #3

    Re: Dark Theme for Player Squared!!!

    thanks man there are a couple of issues like textbox just don't wanna change for me havent got a clue why but still looking into it.

  4. #4
    Your Advertisement could be here.
    VIP
    CornHub's Avatar
    Join Date
    Oct 2020
    Posts
    13
    Threads
    4
    Reputation

    3

    Re: Dark Theme for Player Squared!!!

    dope! i personally use Midnight Lizard(?) but i'll have to try out this one as well, thanks for taking your time making it!

  5. #5

    Re: Dark Theme for Player Squared!!!

    Originally Posted by CornHub
    dope! i personally use Midnight Lizard(?) but i'll have to try out this one as well, thanks for taking your time making it!
    man this was rushed tbh i was so tired when i done it think midnight lizards cool didn't know about it its alot more practical, i was going to update it but their nearly done with v3 of the website so want gonna bother.

  6. #6
    Your Advertisement could be here.
    VIP
    CornHub's Avatar
    Join Date
    Oct 2020
    Posts
    13
    Threads
    4
    Reputation

    3

    Re: Dark Theme for Player Squared!!!

    Originally Posted by jbezza123
    man this was rushed tbh i was so tired when i done it think midnight lizards cool didn't know about it its alot more practical, i was going to update it but their nearly done with v3 of the website so want gonna bother.
    even for a rushed project it's amazing been using it a lot now, better than midnight lizard imo

  7. #7

    Re: Dark Theme for Player Squared!!!

    Originally Posted by CornHub
    even for a rushed project it's amazing been using it a lot now, better than midnight lizard imo
    updated!!

  8. #8
    Your Advertisement could be here.
    VIP
    CornHub's Avatar
    Join Date
    Oct 2020
    Posts
    13
    Threads
    4
    Reputation

    3

    Re: Dark Theme for Player Squared!!!

    Originally Posted by jbezza123
    updated!!
    Sweet! that's even doper, good job!

  9. #9
    Rage Gamer
    VIP
    BigTrain's Avatar
    Join Date
    Mar 2021
    Posts
    82
    Threads
    57
    Reputation

    2667

    Re: Dark Theme 2.1

    Originally Posted by jbezza123
    Dark Theme - 2.1

    I know some people wanted dark theme including me!, however as the staff
    mentions they are busy doing other things to help improve the playersquared
    experience so i though id try ease your suffering until the proper theme is released,
    hope you enjoy it!

    P.S if anything is missing or you want to contribute please don't hesitate to message me back, thanks!

    Known Issues:


    Updates:



    1. Download the Stylus extension for your browser.
    2. Once installed load playerSqared.com and click the stylus icon (normally top right).
    3. Click on write style for playersquared.com
    4. Copy code below into the textbox now shown and hit save!.
    5. For RGB! make sure to copy the code underneath the main style instead!

    Chrome: Stylus - Chrome Web Store
    Opera: Stylus extension - Opera add-ons
    Firefox:Stylus – Get this Extension for 🦊 Firefox (en-GB)

    Preview:
    https://www.youtube.com/watch?v=QDgaa_KRdbk

    Code: 
    /*Background color*/
    html {
          background: #545454 none;
    }
    
    
    
    
    /*Forum Header color*/
    .forumbit_nopost .forumhead h2,
    .forumbit_post .forumhead h2 {
          overflow: hidden;
          border-left: solid 1px #1e1e1e;
          border-right: solid 1px #1e1e1e;
          width: 100%;
          background-color: #1e1e1e;
    }
    
    
    
    
    /*Home threads background color*/
    .forumbit_nopost .forumbit_nopost .forumrow,
    .forumbit_post .forumrow {
          color: #ffffff;
          background: #424242 none;
          _background-image: none;
          display: block;
          width: 100%;
          float: left;
          min-height: 60px;
          position: relative;
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
    }
    .forumhead + .childforum .L2:first-child .forumrow,
    .forumhead + .L2 .forumrow {
          background: #424242 none;
          _background-image: none;
          border-top: 0;
    }
    
    
    
    /*Home Thread Title text color*/
    .forumbit_post .foruminfo .forumdata .forumtitle a,
    .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
          color: #bbbbbb;
    }
    
    
    
    
    /*Home Thread Description*/
    .forumbit_post .forumdescription {
          display: block;
          clear: both;
          padding-right: 12px;
          color: #9a9a9a;
          margin-bottom: 12px;
    }
    
    
    
    
    /*Home Stats background and text color*/
    .wgo_block .blockhead {
          font-size: 14px;
          font-weight: 400;
          color: #bbbbbb;
          background: #1e1e1e none;
          _background-image: none;
    }
    
    
    
    
    /*Home Thread main title color*/
    .forumbit_nopost .forumhead .forumtitle a {
          color: #bbbbbb;
          margin-left: 12px;
    }
    
    
    
    
    
    /*Stats Boarder*/
    .wgo_block .blockbody {
          border: 1px solid #545454;
          background: #424242 none;
          _background-image: none;
    }
    
    
    
    
    
    /*stats Text color*/
    .wgo_block .section {
          display: block;
          padding: 0 0 12px;
          font-size: 12px;
          color: #bbbbbb;
          clear: both;
          width: 100%;
    }
    
    
    
    
    
    /*footer text color*/
    .footer a {
          color: #bbbbbb;
    }
    
    
    
    
    
    /*sidebart title text and background color*/
    #sidebar_container .blocksubhead {
          background-color: #1e1e1e;
          font-size: 14px;
          height: 32px;
          color: #bbbbbb;
          padding: 5px 6px;
          border: none;
          outline: none;
          font-weight: 400;
    }
    
    
    
    
    
    
    /*sidebar main content background color*/
    #sidebar_container .blockrow {
          border-top: 1px solid #424242;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background: #424242 none;
          padding: 6px 12px;
    }
    #sidebar_container .blockbody {
          padding: 0!important;
          color: #bbbbbb;
          border: 1px solid #424242;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background: #424242;
    }
    
    
    
    
    /*wiget description text */
    .widget_post_content {
          padding: 1px 0;
          margin: 0 0 6px;
          font-size: 12px;
          color: #bbbbbb;
    }
    
    
    
    
    
    
    /*shoutbox*/
    /*sb Title bar*/
    .blockhead {
          font-size: 14px;
          color: #bbbbbb;
          background: #1e1e1e none;
          _background-image: none;
          padding: 13px 12px;
          border: 1px solid #2e3539;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
    }
    
    
    
    
    
    /* sb main box*/
    .formcontrols .blockrow {
          background: #424242 none repeat-x center bottom;
          border-top: solid 1px #424242;
          padding: 12px;
    }
    .blockbody.settings_form_border {
          border-right: 1px solid #424242;
          border-left: 1px solid #424242;
          border-bottom: 1px solid #424242;
    }
    .blockbody {
          background: #424242 none no-repeat;
          padding-left: 0;
          padding-right: 0;
    }
    .blockbody {
          background: #424242 none no-repeat;
          padding-left: 0;
          padding-right: 0;
    }
    .dbtech_vbshout_shout.alt1 {
          vertical-align: middle;
          background-color: #585858;
          color: #bbbbbb;
    }
    .blocksubhead {
          font-size: 12px;
          color: #424242;
          background: #1e1e1e none repeat-x;
          padding: 6px 12px;
          border-top: 1px solid #1e1e1e;
          border-bottom: 1px solid #1e1e1e;
    }
    .textbox,
    textarea,
    select {
          font: 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
          color: #424242;
          background: #585858 none;
          border: 1px solid #585858;
          padding: 4px;
          outline: 0;
    }
    .dbtech_vbshout_shout.alt1 {
          vertical-align: middle;
          background-color: #424242;
          color: #bbbbbb;
    }
    .formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
          background: #585858 none;
    }
    
    
    
    /*Navigation bar*/
    #breadcrumb {
          display: flex;
          justify-content: space-between
    }
    
    #breadcrumb .icon {
          font-size: 14px
    }
    
    #breadcrumb li {
          float: left
    }
    
    #breadcrumb li a {
          color: #fff;
          display: block;
          background: #424242;
          text-decoration: none;
          position: relative;
          height: 30px;
          line-height: 30px;
          padding: 0 10px 0 5px;
          text-align: center;
          margin-right: 23px
    }
    
    #breadcrumb li:nth-child(even) a {
          background-color: #424242
    }
    
    #breadcrumb li:nth-child(even) a:before {
          border-color: #424242;
          border-left-color: transparent
    }
    
    #breadcrumb li:nth-child(even) a:after {
          border-left-color: #424242
    }
    
    #breadcrumb li:first-child a {
          padding-left: 15px;
          -moz-border-radius: 4px 0 0 4px;
          -webkit-border-radius: 4px;
          border-radius: 4px 0 0 4px
    }
    
    #breadcrumb li:first-child a:before {
          border: none
    }
    
    #breadcrumb li:last-child a {
          padding-right: 15px;
          -moz-border-radius: 0 4px 4px 0;
          -webkit-border-radius: 0;
          border-radius: 0 4px 4px 0;
          background-color: #868686
    }
    
    #breadcrumb li:last-child a:before {
          border-top-color: #868686;
          border-bottom-color: #868686;
          border-right-color: #868686
    }
    
    #breadcrumb li:last-child a:after {
          border: none
    }
    
    #breadcrumb li a:before,
    #breadcrumb li a:after {
          content: "";
          position: absolute;
          top: 0;
          border: 0 solid #424242;
          border-width: 15px 10px;
          width: 0;
          height: 0
    }
    
    #breadcrumb li a:before {
          left: -20px;
          border-left-color: transparent
    }
    
    #breadcrumb li a:after {
          left: 100%;
          border-color: transparent;
          border-left-color: #424242
    }
    
    #breadcrumb li a:hover {
          background-color: #868686
    }
    
    #breadcrumb li a:hover:before {
          border-color: #868686;
          border-left-color: transparent
    }
    
    #breadcrumb li a:hover:after {
          border-left-color: #868686
    }
    
    #breadcrumb li a:active {
          background-color: #868686
    }
    
    #breadcrumb li a:active:before {
          border-color: #868686;
          border-left-color: transparent
    }
    
    #breadcrumb li a:active:after {
          border-left-color: #868686
    }
    
    #breadcrumb > li:first-of-type a svg {
          padding: 8.5px 0
    }
    
    .breadcrumb-container {
          margin-bottom: 20px
    }
    
    
    
    
    /*page title*/
    .pagetitle {
          width: 100%;
          color: #969696;
    }
    
    
    
    
    /*toolmenu*/
    .toolsmenu {
          background: #424242 none;
          width: 100%;
          display: block;
          border: 1px solid #424242;
          float: left;
          clear: both;
          margin: 12px 0 !important;
    }
    
    .toolsmenu .popupgroup a.popupctrl,
    .toolsmenu .popupgroup .popupmenu a.popupctrl,
    .toolsmenu .popupgroup .popupmenu:hover a.popupctrl,
    .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
          border: 0;
          color: #969696;
          padding-right: 15px;
    }
    .popupbody {
          font-size: 13px;
          color: #ffffff;
          padding: 3px;
          background: #424242 none;
          border: 0;
          position: absolute;
          z-index: 1000;
          top: 1.5em;
          left: 0;
          display: none;
          min-width: 200px;
    }
    .popupbody li > a:hover,
    .popupbody li > label:hover {
          color: #969696;
          background: #585858 none;
    }
    .popupbody li a,
    .popupbody li label {
          display: block;
          color: #969696;
          background: #424242 none;
          padding: 12.005px 12px;
          text-decoration: none;
          text-align: left;
          white-space: nowrap;
    }
    .popupbody li.formsubmit .submitoptions label,
    .popupbody li.formsubmit .advancedsearchlink a {
          background: 0 0;
          color: #969696;
    }
    
    
    
    /*body*/
    body {
          width: 92%;
          min-width: 650px;
          max-width: none;
          margin: 0 auto;
          font-size: 13px;
          color: #969696;
          line-height: 1.23;
    }
    
    
    
    /*1st forum header*/
    .forumhead {
          background: #1e1e1e none;
          _background-image: none;
          padding: 0;
          font: normal 14 'Open Sans', sans-serif;
          color: #969696;
          clear: both;
          margin-top: 12px;
          float: left;
          width: 100%;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
    }
    .forumbits .forumhead {
          border-left: 1px solid #1e1e1e;
          border-right: 1px solid #1e1e1e;
    }
    
    
    
    
    /*2nd forum header*/
    .threadlisthead {
          font: normal 14px !important;
          margin: 0;
          width: 100%;
          border-left: 1px solid #1e1e1e;
          border-right: 1px solid #1e1e1e;
          background: #1e1e1e none;
          color: #969696;
          float: left;
          display: block;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
          position: relative;
    }
    .threadlisthead a,
    .threadlisthead a:hover {
          color: #969696;
    }
    
    .threadlist .threads,
    .threadlist .stickies {
          display: block;
          clear: both;
          background: #424242 none;
    }
    .threadbit .nonsticky,
    .threadbit .deleted,
    .threadbit .discussionrow,
    .threadbit .ignored {
          border: 1px solid #545454;
          border-top: none;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
          margin-top: 0;
          /* background: #c54e4e; */
    }
    
    
    
    
    /*threadbit alt*/
    .threadbit .alt {
          background: #424242;
    }
    .threadbit .threadlastpost {
          width: 23%;
          padding: 7.28px 0;
          padding-left: 2%;
          float: left;
          clear: right;
          display: block;
          height: 34.44px;
          font-size: 11px;
          background: #424242;
    }
    .threadbit {
          padding: 0;
          width: 100%;
          display: block;
          clear: both;
          color: #bbbbbb;
          float: left;
          position: relative;
    }
    .threadbit .threadinfo {
          width: 62%;
          min-width: 350px;
          background: #424242;
    }
    .threadbit .nonsticky,
    .threadbit .discussionrow {
          background: #424242 none;
    }
    .threadbit .sticky {
          background: none;
          border: 1px solid #545454;
          border-top: none;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
    }
    .li,
    #cat1 {
          font-size: 14px;
          padding: 7.28px 0;
          border: 1px solid #545454;
    }
    
    
    
    /*forum info and options at botom*/
    .forum_info .blockhead {
          font-size: 14px;
          font-weight: normal;
          color: #969696;
          background: #1e1e1e none;
          _background-image: none;
          border: 0 none;
          margin-top: 12px;
    }
    .forum_info .blockbody {
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          background: rgb(66 66 66) none;
          _background-image: none;
          color: #969696;
    }
    .textbox,
    textarea,
    select {
          font: 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
          color: #969696;
          background: #585858 none;
          border: 1px solid #585858;
          padding: 4px;
          outline: 0;
    }
    .forum_info_form .options_input_block .button {
          position: relative;
          margin-top: 15.99px;
          background: #585858;
          color: #969696;
          border: #969696;
    }
    
    
    
    /*postbit and fix*/
    .postbitlegacy .userinfo {
          width: auto;
    }
    
    .postbitlegacy .userinfo {
    
          border-left: 1px solid #424242;
          height: fit-content;
    }
    .postbit,
    .postbitlegacy,
    .eventbit {
          border: medium #424242;
          background: #424242;
    }
    .postbitlegacy dl.userinfo_extra dt,
    .postbitlegacy dl.user_rep dt {
          float: left;
          text-align: left;
          margin-right: 12px;
          margin-left: 0;
          min-width: 60px;
          width: auto!important;
          width: 60px;
          color: #969696;
    }
    .postbitlegacy .userinfo .usertitle {
          clear: both;
          display: block;
          float: none;
          text-align: center;
          color: #969696;
    }
    .postbitlegacy .userinfo .userinfo_extra dd {
          border-bottom: 1px solid rgba(127, 127, 127, .5);
          text-align: right;
          color: #969696;
    }
    
    /*postbit content*/
    .postbitlegacy .postbody,
    .eventbit .eventdetails .eventbody {
          margin-left: 200px;
          border-left: 1px solid #717171;
          border-right: 1px solid #717171;
          background: #717171 none;
          _background-image: none;
          padding-bottom: 1em;
          border: 1px solid #717171;
          color: #f2f2f2;
    }
    .postcontent {
          word-wrap: break-word;
          color: #c3c3c3;
    }
    .postbit .posttitle,
    .postbitlegacy .title {
          border-bottom: 1px solid #e4e4e4;
          padding-bottom: 5px;
          margin-bottom: 5px;
          color: #f2f2f2;
    }
    
    /*thanks groan bar*/
    .postbit .postfoot .textcontrols,
    .postbitlegacy .postfoot .textcontrols,
    .eventbit .eventfoot .eventcontrols {
          padding: 7px 0 8px;
          display: block;
          background: #1e1e1e none;
          _background-image: none;
          font: 700 11px open sans, sans-serif;
          width: 100%;
          margin-right: 10px;
          border-top: solid 1px #1e1e1e;
          /* color: white; */
    }
    .postbit .postfoot,
    .postbitlegacy .postfoot,
    .eventbit .eventfoot {
          display: block;
          position: relative;
          right: 0;
          float: left;
          clear: both;
          background: 0 0;
          font: 700 11px open sans, sans-serif;
          width: 100%;
          border: 1px solid #1e1e1e;
    }
    /*hover*/
    .postbitlegacy .postfoot .textcontrols a:hover,
    .postbit .postfoot .textcontrols a:hover {
          color: #94a4ad;
          _background-image: none;
    }
    
    .postbitlegacy .postfoot .textcontrols,
    .postbit .postfoot .textcontrols {
    
          color: #3491c6;
    }
    /*enlarge pic*/
    textarea.ncode_imageresizer_warning {
          font-size: 11px;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          background: #717171 url(images/misc/nCode.png) 6px 6px no-repeat;
          color: #f2f2e9;
          border: 0px solid #424242;
          padding: 6px 0px 6px 30px;
          margin-top: 12px;
          height: 27px !important;
          cursor: pointer;
          resize: none;
          overflow: hidden;
          -moz-border-radius: 6px 6px 0px 0px;
          -webkit-border-radius: 6px 6px 0px 0px;
          border-radius: 6px 6px 0px 0px;
    }
    
    /*quick reply and editor*/
    .formcontrols {
          border-right: 1px solid #424242;
          border-left: 1px solid #424242;
          border-bottom: 1px solid #424242;
    }
    .texteditor.forum .cke_skin_kama textarea.cke_source,
    .texteditor.forum textarea {
          color: #d3d3d3;
          font-size: 13px;
          white-space: pre-wrap;
          background: #545454 none;
    }
    .editor {
          border: solid 0px #424242;
    }
    span.cke_skin_kama {
          border-radius: 0!important;
          -moz-border-radius: 0!important;
          -webkit-border-radius: 0!important;
          border: solid 1px #424242!important;
    }
    .cke_skin_kama .cke_wrapper.cke_ltr,
    .cke_skin_kama .cke_wrapper.cke_rtl {
          background: #717171 url(https://playersquared.com/forums/clientscript/ckeditor/skins/kama/images/sprites.png) repeat-x 0 -1950px;
    }
    .formcontrols fieldset.blockrow legend {
          margin: 0;
          font-size: 15px;
          font-weight: 700;
          padding-bottom: 10px;
          color: #cecece;
    }
    #forumrules {
          margin-bottom: 12px;
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          border-top: 1px solid #424242;
          background: #424242 none;
    }
    .button {
          padding: 3px 6px;
          font-size: 12px;
          border: 1px solid #515151;
          color: #808080;
          background: #515151 none;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
    }
    
    
    
    
    /*info section*/
    .thread_info h4 {
          font-size: 14px;
          font-weight: 400;
          color: #e4e4e4;
          background: #1e1e1e none;
          _background-image: none;
          border: 0;
    }
    
    .postbitlegacy .postfoot .textcontrols a,
    .postbit .postfoot .textcontrols a,
    .eventbit .eventfoot .eventcontrols a,
    .postbitlegacy .postfoot .textcontrols span.mobile,
    .postbit .postfoot .textcontrols span.mobile {
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          padding: 0;
          padding-left: 23px;
          border: 0 solid #a9a9a9;
          _background-image: none;
          color: #b1b1b1;
          font: 700 11px open sans, sans-serif;
          display: inline-block;
          margin-left: 3px;
    }
    
    
    
    /*post advance cancle buttons*/
    .actionbuttons .group .button {
          cursor: pointer;
          padding: 3px 6px;
          font-size: 14px;
          border: 1px solid #424242;
          color: #808080;
          background: #515151 none;
    }
    
    
    
    /*info thread*/
    .thread_info .blockbody {
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          background: #424242 none;
          color: #b1b1b1;
    }
    
    
    /*time*/
    .time {
          color: #e3e3e3;
    }
    
    /*extra threads*/
    .forumrow + .childsubforum .forumrow,
    .forumhead + .childforum .L2:first-child .L2 .forumrow,
    .forumhead + .childforum .L2 .L2:first-child .forumrow {
          background: #424242 none;
          _background-image: none;
    }
    /*no threads*/
    .threadbit .nonthread {
          background: #424242 none;
          border: 1px solid #424242;
          border-top: 1px solid transparent;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
          padding: 0.5em 0 0.5em;
          text-indent: 12px;
    }
    /*post new thread*/
    .newcontent_textcontrol {
          background: #424242 none;
          _background-image: none;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          font-size: 13px;
          color: #868686;
          padding: 0 0 0 12px;
          border: 0;
          display: block;
          float: left;
          clear: right;
          line-height: 32px;
    }
    .newcontent_textcontrol > span,
    .pagetitleinfo.textcontrol > span {
          float: right;
          height: 32px;
          width: 32px;
          background-color: #4e4e4e;
          margin-left: 12px;
          background-attachment: scroll;
          background-repeat: no-repeat;
          background-position: center center;
          text-align: left;
    }
    
    /*activity*/
    li.activitybit {
          overflow: hidden;
          color: #9a9a9a;
          font-weight: 400;
          font-family: inherit;
          font-size: 12px;
          margin: 0 0 1px;
          border: 1px solid #424242;
          padding: 10px;
          background: #424242 none;
    }
    
    /*activity bar*/
    .newactivity,
    .moreactivity {
          margin-top: 12px;
          color: #797979;
          border: 1px solid #1e1e1e;
          background: #1e1e1e none repeat-x;
          line-height: 28px;
          height: 32px;
          font-size: 13px;
    }
    
    
    
    /*shop overview*/
    #usercp_nav .blocksubhead {
          font-size: 13px;
          color: #ffffff;
          background: #424242 none repeat-x;
          padding: 6px 12px 6px 12px;
    }
    /*selector*/
    #usercp_nav .blockrow .active {
          background-color: #868686;
    }
    #usercp_nav .blockrow {
          background: #505050 none;
          padding: 1px 12px;
    }
    /*store tabs*/
    html > body dl.tabslight dd.selected a,
    html > body dl.tabslight dd.selected a:hover {
          position: relative;
          border-bottom: 1px solid transparent;
          background: #1e1e1e none;
          border: solid 1px #1e1e1e;
          color: #a7a7a7;
    }
    dl.tabslight dd a {
          font-size: 14px;
          color: #a7a7a7;
          text-decoration: none;
          text-align: center;
          padding: 0 12px;
          min-width: 104px;
          height: 48px;
          line-height: 48px;
          display: block;
          border: 1px solid #1e1e1e;
          background-color: #1e1e1e;
          margin-right: 12px;
    }
    /*vip*/
    table {
          border: none;
          border-radius: 5px;
          box-shadow: 0 0 4px #424242;
          border-collapse: collapse;
          width: 80%;
          margin-left: 90px;
    }
    tr:nth-child(2n+1) td {
          background-color: #545454;
    }
    
    .viptable tr:first-of-type td:first-of-type {
          width: 200px;
          text-align: left;
          background-color: #545454;
    }
    
    .viptable tr:first-of-type td {
          border: 1px solid #c4c4c4;
          background-color: #545454;
    }
    /*code box color*/
    .bbcode_container div.bbcode_code,
    .bbcode_container pre.bbcode_code {
        margin: 0;
        padding: 6px;
        border: 1px inset;
        text-align: left;
        overflow: scroll;
        direction: ltr;
        background: #545454 none repeat-x;
        font-size: 14px;
    }
    
    
    
    /*Scrollbar*/
    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #888;
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    
    /*quotes*/
    .bbcode_container .bbcode_quote {
        background: transparent url(https://playersquared.com/forums/images/css/bckg_conversation_stripe.png) repeat scroll 0 0;
        background: #545454;
        font-size: 13px;
        font-style: italic;
        padding: 10px;
        padding-left: 38px;
        position: relative;
        margin-bottom: 15px;
        border: 2px solid #545454;
        border-radius: 8px;
        padding-right: 10px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-left: 3px solid #8cc8ff;
    }
    
    .restrain #yui-gen44 {
        width: 800px;
        height: 450px;
    }
    .blockhead:before {
        content: 'P² Dark Theme 2.1 - Blue 🐺 | jbezza123 | ';
        animation: color-change 56s ease-in-out infinite;
    }
    
    
    /*///////////////////////////profile Area\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    /*sidebar 1*/
    #userinfoblock {
        border: solid 1px #424242;
        border-top: none!important;
        background-color: #424242;
        padding-bottom: 12px;
    }
    #sidebar_container .usertitle {
        color: #b6b6b6;
    }
    /*sidebar 2,3,4*/
    #sidebar_container .userprof_content .blockrow {
        color: #b6b6b6;
        background-color: #424242;
        border-color: #424242;
    }
    dl.stats dt,
    #sidebar_container dl.stats,
    #sidebar_container .blockbody.userprof_content,
    #sidebar_container .userprof_content .time,
    .userprof_content .time {
        color: #b6b6b6;
        background-color: transparent;
        background-image: none;
    }
    /*top tabs*/
    #profile_tabs dl.tabslight dd.userprof_moduleinactive {
        background-color: #424242;
        border-color: #424242;
    }
    .activitystream_block dd.selected,
    dd.userprof_module {
        color: #fff;
        background-color: #5d5d5d;
        border-color: #5d5d5d;
        background-repeat: repeat;
    }
    /*lower tabs*/
    dl.as-tabs dd {
        background-color: #424242;
        border-color: #424242;
    }
    /*///////////////////////////Visitor Tab\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    #visitormessageseditor {
        background: #424242;
    }
    .profile_editor_border,
    .profile_content .actionbuttons {
        background: #424242;
    }
    .profile_content .actionbuttons {
        border-bottom: 1px solid #424242;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    
    .profile_editor_border,
    .profile_content .actionbuttons {
        border-right: 1px solid #424242;
        border-left: 1px solid #424242;
        margin-top: 0;
    }
    .memberprofiletabunder {
        background-color: #545454;
        background-repeat: repeat;
    }
    .userprof_editor {
        border-width: 1px 0 0;
        border-style: solid;
        border-color: #424242;
    }
    .texteditor.content .cke_skin_kama textarea.cke_source,
    .texteditor textarea {
        color: #b1b1b1;
        font: 13px open sans, sans-serif;
        white-space: pre-wrap;
        background: #636363 none;
    }
    .userprof_button {
        background-repeat: repeat;
        background-color: #585858;
        color: #969696;
        border: #969696;
    }
    /*///////////////////////////About Me Tab\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    #view-aboutme {
        border: solid 1px #e4e4e4;
        color: #b6b6b6;
        background-color: #424242;
        border-color: #424242;
    }
    .userprof_content {
        color: #b6b6b6;
        background-repeat: repeat;
    }
    .profile_content .blockbody {
        clear: both;
        padding: 12px;
        border-color: transparent;
        /* margin: 10px; */
    }
    
    .aboutme_left {
        display: block;
        width: 250px;
        float: left;
        clear: right;
        padding-top: 0;
        padding-bottom: 5px;
        font-weight: 700;
        font-size: 110%;
    }
    .profile_content .blocksubhead h4 {
        font-weight: 700;
        display: block;
        padding-right: 6px;
        margin: 0;
        display: inline;
        color: #b6b6b6;
    }
    .blocksubhead.subsectionhead.userprof_headers.userprof_headers_border {
        background-color: #5d5d5d;
        border-top: solid 1px #5d5d5d;
        border-bottom: solid 1px #5f5f5f;
        border-left: none;
        border-right: none;
    }
    .userprof_content .shade {
        color: #b6b6b6;
    }
    li.block_notificationbit {
        overflow: hidden;
        color: #b6b6b6;
        font-weight: normal;
        font-family: inherit;
        font-size: 11px;
        margin: 0px 0px 10px 0px;
        border: 0 none;
        padding: 10px;
        background: #424242 none no-repeat;
    }

    RGB!
    Code: 
    /*Background color*/
    html {
          background: #545454 none;
    }
    
    
    
    
    /*Forum Header color*/
    .forumbit_nopost .forumhead h2,
    .forumbit_post .forumhead h2 {
          overflow: hidden;
          border-left: solid 1px #1e1e1e;
          border-right: solid 1px #1e1e1e;
          width: 100%;
          background-color: #1e1e1e;
    }
    
    
    
    
    /*Home threads background color*/
    .forumbit_nopost .forumbit_nopost .forumrow,
    .forumbit_post .forumrow {
          color: #ffffff;
          background: #424242 none;
          _background-image: none;
          display: block;
          width: 100%;
          float: left;
          min-height: 60px;
          position: relative;
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
    }
    .forumhead + .childforum .L2:first-child .forumrow,
    .forumhead + .L2 .forumrow {
          background: #424242 none;
          _background-image: none;
          border-top: 0;
    }
    
    
    
    /*Home Thread Title text color*/
    .forumbit_post .foruminfo .forumdata .forumtitle a,
    .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
          color: #bbbbbb;
    }
    
    
    
    
    /*Home Thread Description*/
    .forumbit_post .forumdescription {
          display: block;
          clear: both;
          padding-right: 12px;
          color: #9a9a9a;
          margin-bottom: 12px;
    }
    
    
    
    
    /*Home Stats background and text color*/
    .wgo_block .blockhead {
          font-size: 14px;
          font-weight: 400;
          color: #bbbbbb;
          background: #1e1e1e none;
          _background-image: none;
    }
    
    
    
    
    /*Home Thread main title color*/
    .forumbit_nopost .forumhead .forumtitle a {
          color: #bbbbbb;
          margin-left: 12px;
    }
    
    
    
    
    
    /*Stats Boarder*/
    .wgo_block .blockbody {
          border: 1px solid #545454;
          background: #424242 none;
          _background-image: none;
    }
    
    
    
    
    
    /*stats Text color*/
    .wgo_block .section {
          display: block;
          padding: 0 0 12px;
          font-size: 12px;
          color: #bbbbbb;
          clear: both;
          width: 100%;
    }
    
    
    
    
    
    /*footer text color*/
    .footer a {
          color: #bbbbbb;
    }
    
    
    
    
    
    /*sidebart title text and background color*/
    #sidebar_container .blocksubhead {
          background-color: #1e1e1e;
          font-size: 14px;
          height: 32px;
          color: #bbbbbb;
          padding: 5px 6px;
          border: none;
          outline: none;
          font-weight: 400;
    }
    
    
    
    
    
    
    /*sidebar main content background color*/
    #sidebar_container .blockrow {
          border-top: 1px solid #424242;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background: #424242 none;
          padding: 6px 12px;
    }
    #sidebar_container .blockbody {
          padding: 0!important;
          color: #bbbbbb;
          border: 1px solid #424242;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background: #424242;
    }
    
    
    
    
    /*wiget description text */
    .widget_post_content {
          padding: 1px 0;
          margin: 0 0 6px;
          font-size: 12px;
          color: #bbbbbb;
    }
    
    
    
    
    
    
    /*shoutbox*/
    /*sb Title bar*/
    .blockhead {
          font-size: 14px;
          color: #bbbbbb;
          background: #1e1e1e none;
          _background-image: none;
          padding: 13px 12px;
          border: 1px solid #2e3539;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
    }
    
    
    
    
    
    /* sb main box*/
    .formcontrols .blockrow {
          background: #424242 none repeat-x center bottom;
          border-top: solid 1px #424242;
          padding: 12px;
    }
    .blockbody.settings_form_border {
          border-right: 1px solid #424242;
          border-left: 1px solid #424242;
          border-bottom: 1px solid #424242;
    }
    .blockbody {
          background: #424242 none no-repeat;
          padding-left: 0;
          padding-right: 0;
    }
    .blockbody {
          background: #424242 none no-repeat;
          padding-left: 0;
          padding-right: 0;
    }
    .dbtech_vbshout_shout.alt1 {
          vertical-align: middle;
          background-color: #585858;
          color: #bbbbbb;
    }
    .blocksubhead {
          font-size: 12px;
          color: #424242;
          background: #1e1e1e none repeat-x;
          padding: 6px 12px;
          border-top: 1px solid #1e1e1e;
          border-bottom: 1px solid #1e1e1e;
    }
    .textbox,
    textarea,
    select {
          font: 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
          color: #424242;
          background: #585858 none;
          border: 1px solid #585858;
          padding: 4px;
          outline: 0;
    }
    .dbtech_vbshout_shout.alt1 {
          vertical-align: middle;
          background-color: #424242;
          color: #bbbbbb;
    }
    .formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
          background: #585858 none;
    }
    
    
    
    /*Navigation bar*/
    #breadcrumb {
          display: flex;
          justify-content: space-between
    }
    
    #breadcrumb .icon {
          font-size: 14px
    }
    
    #breadcrumb li {
          float: left
    }
    
    #breadcrumb li a {
          color: #fff;
          display: block;
          background: #424242;
          text-decoration: none;
          position: relative;
          height: 30px;
          line-height: 30px;
          padding: 0 10px 0 5px;
          text-align: center;
          margin-right: 23px
    }
    
    #breadcrumb li:nth-child(even) a {
          background-color: #424242
    }
    
    #breadcrumb li:nth-child(even) a:before {
          border-color: #424242;
          border-left-color: transparent
    }
    
    #breadcrumb li:nth-child(even) a:after {
          border-left-color: #424242
    }
    
    #breadcrumb li:first-child a {
          padding-left: 15px;
          -moz-border-radius: 4px 0 0 4px;
          -webkit-border-radius: 4px;
          border-radius: 4px 0 0 4px
    }
    
    #breadcrumb li:first-child a:before {
          border: none
    }
    
    #breadcrumb li:last-child a {
          padding-right: 15px;
          -moz-border-radius: 0 4px 4px 0;
          -webkit-border-radius: 0;
          border-radius: 0 4px 4px 0;
          background-color: #868686
    }
    
    #breadcrumb li:last-child a:before {
          border-top-color: #868686;
          border-bottom-color: #868686;
          border-right-color: #868686
    }
    
    #breadcrumb li:last-child a:after {
          border: none
    }
    
    #breadcrumb li a:before,
    #breadcrumb li a:after {
          content: "";
          position: absolute;
          top: 0;
          border: 0 solid #424242;
          border-width: 15px 10px;
          width: 0;
          height: 0
    }
    
    #breadcrumb li a:before {
          left: -20px;
          border-left-color: transparent
    }
    
    #breadcrumb li a:after {
          left: 100%;
          border-color: transparent;
          border-left-color: #424242
    }
    
    #breadcrumb li a:hover {
          background-color: #868686
    }
    
    #breadcrumb li a:hover:before {
          border-color: #868686;
          border-left-color: transparent
    }
    
    #breadcrumb li a:hover:after {
          border-left-color: #868686
    }
    
    #breadcrumb li a:active {
          background-color: #868686
    }
    
    #breadcrumb li a:active:before {
          border-color: #868686;
          border-left-color: transparent
    }
    
    #breadcrumb li a:active:after {
          border-left-color: #868686
    }
    
    #breadcrumb > li:first-of-type a svg {
          padding: 8.5px 0
    }
    
    .breadcrumb-container {
          margin-bottom: 20px
    }
    
    
    
    
    /*page title*/
    .pagetitle {
          width: 100%;
          color: #969696;
    }
    
    
    
    
    /*toolmenu*/
    .toolsmenu {
          background: #424242 none;
          width: 100%;
          display: block;
          border: 1px solid #424242;
          float: left;
          clear: both;
          margin: 12px 0 !important;
    }
    
    .toolsmenu .popupgroup a.popupctrl,
    .toolsmenu .popupgroup .popupmenu a.popupctrl,
    .toolsmenu .popupgroup .popupmenu:hover a.popupctrl,
    .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
          border: 0;
          color: #969696;
          padding-right: 15px;
    }
    .popupbody {
          font-size: 13px;
          color: #ffffff;
          padding: 3px;
          background: #424242 none;
          border: 0;
          position: absolute;
          z-index: 1000;
          top: 1.5em;
          left: 0;
          display: none;
          min-width: 200px;
    }
    .popupbody li > a:hover,
    .popupbody li > label:hover {
          color: #969696;
          background: #585858 none;
    }
    .popupbody li a,
    .popupbody li label {
          display: block;
          color: #969696;
          background: #424242 none;
          padding: 12.005px 12px;
          text-decoration: none;
          text-align: left;
          white-space: nowrap;
    }
    .popupbody li.formsubmit .submitoptions label,
    .popupbody li.formsubmit .advancedsearchlink a {
          background: 0 0;
          color: #969696;
    }
    
    
    
    /*body*/
    body {
          width: 92%;
          min-width: 650px;
          max-width: none;
          margin: 0 auto;
          font-size: 13px;
          color: #969696;
          line-height: 1.23;
    }
    
    
    
    /*1st forum header*/
    .forumhead {
          background: #1e1e1e none;
          _background-image: none;
          padding: 0;
          font: normal 14 'Open Sans', sans-serif;
          color: #969696;
          clear: both;
          margin-top: 12px;
          float: left;
          width: 100%;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
    }
    .forumbits .forumhead {
          border-left: 1px solid #1e1e1e;
          border-right: 1px solid #1e1e1e;
    }
    
    
    
    
    /*2nd forum header*/
    .threadlisthead {
          font: normal 14px !important;
          margin: 0;
          width: 100%;
          border-left: 1px solid #1e1e1e;
          border-right: 1px solid #1e1e1e;
          background: #1e1e1e none;
          color: #969696;
          float: left;
          display: block;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
          position: relative;
    }
    .threadlisthead a,
    .threadlisthead a:hover {
          color: #969696;
    }
    
    .threadlist .threads,
    .threadlist .stickies {
          display: block;
          clear: both;
          background: #424242 none;
    }
    .threadbit .nonsticky,
    .threadbit .deleted,
    .threadbit .discussionrow,
    .threadbit .ignored {
          border: 1px solid #545454;
          border-top: none;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
          margin-top: 0;
          /* background: #c54e4e; */
    }
    
    
    
    
    /*threadbit alt*/
    .threadbit .alt {
          background: #424242;
    }
    .threadbit .threadlastpost {
          width: 23%;
          padding: 7.28px 0;
          padding-left: 2%;
          float: left;
          clear: right;
          display: block;
          height: 34.44px;
          font-size: 11px;
          background: #424242;
    }
    .threadbit {
          padding: 0;
          width: 100%;
          display: block;
          clear: both;
          color: #bbbbbb;
          float: left;
          position: relative;
    }
    .threadbit .threadinfo {
          width: 62%;
          min-width: 350px;
          background: #424242;
    }
    .threadbit .nonsticky,
    .threadbit .discussionrow {
          background: #424242 none;
    }
    .threadbit .sticky {
          background: none;
          border: 1px solid #545454;
          border-top: none;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
    }
    .li,
    #cat1 {
          font-size: 14px;
          padding: 7.28px 0;
          border: 1px solid #545454;
    }
    
    
    
    /*forum info and options at botom*/
    .forum_info .blockhead {
          font-size: 14px;
          font-weight: normal;
          color: #969696;
          background: #1e1e1e none;
          _background-image: none;
          border: 0 none;
          margin-top: 12px;
    }
    .forum_info .blockbody {
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          background: rgb(66 66 66) none;
          _background-image: none;
          color: #969696;
    }
    .textbox,
    textarea,
    select {
          font: 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
          color: #969696;
          background: #585858 none;
          border: 1px solid #585858;
          padding: 4px;
          outline: 0;
    }
    .forum_info_form .options_input_block .button {
          position: relative;
          margin-top: 15.99px;
          background: #585858;
          color: #969696;
          border: #969696;
    }
    
    
    
    /*postbit and fix*/
    .postbitlegacy .userinfo {
          width: auto;
    }
    
    .postbitlegacy .userinfo {
    
          border-left: 1px solid #424242;
          height: fit-content;
    }
    .postbit,
    .postbitlegacy,
    .eventbit {
          border: medium #424242;
          background: #424242;
    }
    .postbitlegacy dl.userinfo_extra dt,
    .postbitlegacy dl.user_rep dt {
          float: left;
          text-align: left;
          margin-right: 12px;
          margin-left: 0;
          min-width: 60px;
          width: auto!important;
          width: 60px;
          color: #969696;
    }
    .postbitlegacy .userinfo .usertitle {
          clear: both;
          display: block;
          float: none;
          text-align: center;
          color: #969696;
    }
    .postbitlegacy .userinfo .userinfo_extra dd {
          border-bottom: 1px solid rgba(127, 127, 127, .5);
          text-align: right;
          color: #969696;
    }
    
    /*postbit content*/
    .postbitlegacy .postbody,
    .eventbit .eventdetails .eventbody {
          margin-left: 200px;
          border-left: 1px solid #717171;
          border-right: 1px solid #717171;
          background: #717171 none;
          _background-image: none;
          padding-bottom: 1em;
          border: 1px solid #717171;
          color: #f2f2f2;
    }
    .postcontent {
          word-wrap: break-word;
          color: #c3c3c3;
    }
    .postbit .posttitle,
    .postbitlegacy .title {
          border-bottom: 1px solid #e4e4e4;
          padding-bottom: 5px;
          margin-bottom: 5px;
          color: #f2f2f2;
    }
    
    /*thanks groan bar*/
    .postbit .postfoot .textcontrols,
    .postbitlegacy .postfoot .textcontrols,
    .eventbit .eventfoot .eventcontrols {
          padding: 7px 0 8px;
          display: block;
          background: #1e1e1e none;
          _background-image: none;
          font: 700 11px open sans, sans-serif;
          width: 100%;
          margin-right: 10px;
          border-top: solid 1px #1e1e1e;
          /* color: white; */
    }
    .postbit .postfoot,
    .postbitlegacy .postfoot,
    .eventbit .eventfoot {
          display: block;
          position: relative;
          right: 0;
          float: left;
          clear: both;
          background: 0 0;
          font: 700 11px open sans, sans-serif;
          width: 100%;
          border: 1px solid #1e1e1e;
    }
    /*hover*/
    .postbitlegacy .postfoot .textcontrols a:hover,
    .postbit .postfoot .textcontrols a:hover {
          color: #94a4ad;
          _background-image: none;
    }
    
    .postbitlegacy .postfoot .textcontrols,
    .postbit .postfoot .textcontrols {
    
          color: #3491c6;
    }
    /*enlarge pic*/
    textarea.ncode_imageresizer_warning {
          font-size: 11px;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          background: #717171 url(images/misc/nCode.png) 6px 6px no-repeat;
          color: #f2f2e9;
          border: 0px solid #424242;
          padding: 6px 0px 6px 30px;
          margin-top: 12px;
          height: 27px !important;
          cursor: pointer;
          resize: none;
          overflow: hidden;
          -moz-border-radius: 6px 6px 0px 0px;
          -webkit-border-radius: 6px 6px 0px 0px;
          border-radius: 6px 6px 0px 0px;
    }
    
    /*quick reply and editor*/
    .formcontrols {
          border-right: 1px solid #424242;
          border-left: 1px solid #424242;
          border-bottom: 1px solid #424242;
    }
    .texteditor.forum .cke_skin_kama textarea.cke_source,
    .texteditor.forum textarea {
          color: #d3d3d3;
          font-size: 13px;
          white-space: pre-wrap;
          background: #545454 none;
    }
    .editor {
          border: solid 0px #424242;
    }
    span.cke_skin_kama {
          border-radius: 0!important;
          -moz-border-radius: 0!important;
          -webkit-border-radius: 0!important;
          border: solid 1px #424242!important;
    }
    .cke_skin_kama .cke_wrapper.cke_ltr,
    .cke_skin_kama .cke_wrapper.cke_rtl {
          background: #717171 url(https://playersquared.com/forums/clientscript/ckeditor/skins/kama/images/sprites.png) repeat-x 0 -1950px;
    }
    .formcontrols fieldset.blockrow legend {
          margin: 0;
          font-size: 15px;
          font-weight: 700;
          padding-bottom: 10px;
          color: #cecece;
    }
    #forumrules {
          margin-bottom: 12px;
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          border-top: 1px solid #424242;
          background: #424242 none;
    }
    .button {
          padding: 3px 6px;
          font-size: 12px;
          border: 1px solid #515151;
          color: #808080;
          background: #515151 none;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
    }
    
    
    
    
    /*info section*/
    .thread_info h4 {
          font-size: 14px;
          font-weight: 400;
          color: #e4e4e4;
          background: #1e1e1e none;
          _background-image: none;
          border: 0;
    }
    
    .postbitlegacy .postfoot .textcontrols a,
    .postbit .postfoot .textcontrols a,
    .eventbit .eventfoot .eventcontrols a,
    .postbitlegacy .postfoot .textcontrols span.mobile,
    .postbit .postfoot .textcontrols span.mobile {
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          padding: 0;
          padding-left: 23px;
          border: 0 solid #a9a9a9;
          _background-image: none;
          color: #b1b1b1;
          font: 700 11px open sans, sans-serif;
          display: inline-block;
          margin-left: 3px;
    }
    
    
    
    /*post advance cancle buttons*/
    .actionbuttons .group .button {
          cursor: pointer;
          padding: 3px 6px;
          font-size: 14px;
          border: 1px solid #424242;
          color: #808080;
          background: #515151 none;
    }
    
    
    
    /*info thread*/
    .thread_info .blockbody {
          border-bottom: 1px solid #424242;
          border-left: 1px solid #424242;
          border-right: 1px solid #424242;
          background: #424242 none;
          color: #b1b1b1;
    }
    
    
    /*time*/
    .time {
          color: #e3e3e3;
    }
    
    /*extra threads*/
    .forumrow + .childsubforum .forumrow,
    .forumhead + .childforum .L2:first-child .L2 .forumrow,
    .forumhead + .childforum .L2 .L2:first-child .forumrow {
          background: #424242 none;
          _background-image: none;
    }
    /*no threads*/
    .threadbit .nonthread {
          background: #424242 none;
          border: 1px solid #424242;
          border-top: 1px solid transparent;
          width: 100%;
          float: left;
          display: block;
          clear: both;
          position: relative;
          padding: 0.5em 0 0.5em;
          text-indent: 12px;
    }
    /*post new thread*/
    .newcontent_textcontrol {
          background: #424242 none;
          _background-image: none;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          font-size: 13px;
          color: #868686;
          padding: 0 0 0 12px;
          border: 0;
          display: block;
          float: left;
          clear: right;
          line-height: 32px;
    }
    .newcontent_textcontrol > span,
    .pagetitleinfo.textcontrol > span {
          float: right;
          height: 32px;
          width: 32px;
          background-color: #4e4e4e;
          margin-left: 12px;
          background-attachment: scroll;
          background-repeat: no-repeat;
          background-position: center center;
          text-align: left;
    }
    
    /*activity*/
    li.activitybit {
          overflow: hidden;
          color: #9a9a9a;
          font-weight: 400;
          font-family: inherit;
          font-size: 12px;
          margin: 0 0 1px;
          border: 1px solid #424242;
          padding: 10px;
          background: #424242 none;
    }
    
    /*activity bar*/
    .newactivity,
    .moreactivity {
          margin-top: 12px;
          color: #797979;
          border: 1px solid #1e1e1e;
          background: #1e1e1e none repeat-x;
          line-height: 28px;
          height: 32px;
          font-size: 13px;
    }
    
    
    
    /*shop overview*/
    #usercp_nav .blocksubhead {
          font-size: 13px;
          color: #ffffff;
          background: #424242 none repeat-x;
          padding: 6px 12px 6px 12px;
    }
    /*selector*/
    #usercp_nav .blockrow .active {
          background-color: #868686;
    }
    #usercp_nav .blockrow {
          background: #505050 none;
          padding: 1px 12px;
    }
    /*store tabs*/
    html > body dl.tabslight dd.selected a,
    html > body dl.tabslight dd.selected a:hover {
          position: relative;
          border-bottom: 1px solid transparent;
          background: #1e1e1e none;
          border: solid 1px #1e1e1e;
          color: #a7a7a7;
    }
    dl.tabslight dd a {
          font-size: 14px;
          color: #a7a7a7;
          text-decoration: none;
          text-align: center;
          padding: 0 12px;
          min-width: 104px;
          height: 48px;
          line-height: 48px;
          display: block;
          border: 1px solid #1e1e1e;
          background-color: #1e1e1e;
          margin-right: 12px;
    }
    /*vip*/
    table {
          border: none;
          border-radius: 5px;
          box-shadow: 0 0 4px #424242;
          border-collapse: collapse;
          width: 80%;
          margin-left: 90px;
    }
    tr:nth-child(2n+1) td {
          background-color: #545454;
    }
    
    .viptable tr:first-of-type td:first-of-type {
          width: 200px;
          text-align: left;
          background-color: #545454;
    }
    
    .viptable tr:first-of-type td {
          border: 1px solid #c4c4c4;
          background-color: #545454;
    }
    body a {
    
          animation: color-change 56s ease-in-out infinite;
          /*color: #8e44ad;*/
          text-decoration: none;
    }
    @keyframes color-change {
          0% {
                color: #f00;
          }
          3.5% {
                color: #ff1e00;
          }
          7% {
                color: #ff5100;
          }
          10.5% {
                color: #f70;
          }
          14% {
                color: #fa0;
          }
          17% {
                color: #fd0;
          }
          20.5% {
                color: #eaff00;
          }
          24% {
                color: #d0ff00;
          }
          27% {
                color: #d0ff00;
          }
          40.5% {
                color: #af0;
          }
          44% {
                color: #6f0;
          }
          47% {
                color: #26ff00;
          }
          50.5% {
                color: #0f9;
          }
          54% {
                color: #00ffe5;
          }
          57% {
                color: #00e5ff;
          }
          60.5% {
                color: #00d5ff;
          }
          64% {
                color: #00aeff;
          }
          67% {
                color: #0084ff;
          }
          70.5% {
                color: #0d00ff;
          }
          74% {
                color: #6f00ff;
          }
          77% {
                color: #90f;
          }
          80.5% {
                color: #b0f;
          }
          84% {
                color: #b300ff;
          }
          87% {
                color: #e100ff;
          }
          90.5% {
                color: #ff00ea;
          }
          94% {
                color: #f0a;
          }
          97% {
                color: #ff0084;
          }
          100% {
                color: #ff0048;
          }
    }
    /*code box color*/
    .bbcode_container div.bbcode_code,
    .bbcode_container pre.bbcode_code {
        margin: 0;
        padding: 6px;
        border: 1px inset;
        text-align: left;
        overflow: scroll;
        direction: ltr;
        background: #545454 none repeat-x;
        font-size: 14px;
    }
    
    
    
    /*Scrollbar*/
    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }
    
    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #888;
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    
    /*quotes*/
    .bbcode_container .bbcode_quote {
        background: transparent url(https://playersquared.com/forums/images/css/bckg_conversation_stripe.png) repeat scroll 0 0;
        background: #545454;
        font-size: 13px;
        font-style: italic;
        padding: 10px;
        padding-left: 38px;
        position: relative;
        margin-bottom: 15px;
        border: 2px solid #545454;
        border-radius: 8px;
        padding-right: 10px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-left: 3px solid #8cc8ff;
    }
    .restrain #yui-gen44 {
        width: 800px;
        height: 450px;
    }
    .blockhead:before {
        content: 'P² Dark Theme 2.1 - RGB 🐺 | jbezza123 | ';
        animation: color-change 56s ease-in-out infinite;
    }
    
    
    /*///////////////////////////profile Area\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    /*sidebar 1*/
    #userinfoblock {
        border: solid 1px #424242;
        border-top: none!important;
        background-color: #424242;
        padding-bottom: 12px;
    }
    #sidebar_container .usertitle {
        color: #b6b6b6;
    }
    /*sidebar 2,3,4*/
    #sidebar_container .userprof_content .blockrow {
        color: #b6b6b6;
        background-color: #424242;
        border-color: #424242;
    }
    dl.stats dt,
    #sidebar_container dl.stats,
    #sidebar_container .blockbody.userprof_content,
    #sidebar_container .userprof_content .time,
    .userprof_content .time {
        color: #b6b6b6;
        background-color: transparent;
        background-image: none;
    }
    /*top tabs*/
    #profile_tabs dl.tabslight dd.userprof_moduleinactive {
        background-color: #424242;
        border-color: #424242;
    }
    .activitystream_block dd.selected,
    dd.userprof_module {
        color: #fff;
        background-color: #5d5d5d;
        border-color: #5d5d5d;
        background-repeat: repeat;
    }
    /*lower tabs*/
    dl.as-tabs dd {
        background-color: #424242;
        border-color: #424242;
    }
    /*///////////////////////////Visitor Tab\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    #visitormessageseditor {
        background: #424242;
    }
    .profile_editor_border,
    .profile_content .actionbuttons {
        background: #424242;
    }
    .profile_content .actionbuttons {
        border-bottom: 1px solid #424242;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    
    .profile_editor_border,
    .profile_content .actionbuttons {
        border-right: 1px solid #424242;
        border-left: 1px solid #424242;
        margin-top: 0;
    }
    .memberprofiletabunder {
        background-color: #545454;
        background-repeat: repeat;
    }
    .userprof_editor {
        border-width: 1px 0 0;
        border-style: solid;
        border-color: #424242;
    }
    .texteditor.content .cke_skin_kama textarea.cke_source,
    .texteditor textarea {
        color: #b1b1b1;
        font: 13px open sans, sans-serif;
        white-space: pre-wrap;
        background: #636363 none;
    }
    .userprof_button {
        background-repeat: repeat;
        background-color: #585858;
        color: #969696;
        border: #969696;
    }
    /*///////////////////////////About Me Tab\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    #view-aboutme {
        border: solid 1px #e4e4e4;
        color: #b6b6b6;
        background-color: #424242;
        border-color: #424242;
    }
    .userprof_content {
        color: #b6b6b6;
        background-repeat: repeat;
    }
    .profile_content .blockbody {
        clear: both;
        padding: 12px;
        border-color: transparent;
        /* margin: 10px; */
    }
    
    .aboutme_left {
        display: block;
        width: 250px;
        float: left;
        clear: right;
        padding-top: 0;
        padding-bottom: 5px;
        font-weight: 700;
        font-size: 110%;
    }
    .profile_content .blocksubhead h4 {
        font-weight: 700;
        display: block;
        padding-right: 6px;
        margin: 0;
        display: inline;
        color: #b6b6b6;
    }
    .blocksubhead.subsectionhead.userprof_headers.userprof_headers_border {
        background-color: #5d5d5d;
        border-top: solid 1px #5d5d5d;
        border-bottom: solid 1px #5f5f5f;
        border-left: none;
        border-right: none;
    }
    .userprof_content .shade {
        color: #b6b6b6;
    }
    li.block_notificationbit {
        overflow: hidden;
        color: #b6b6b6;
        font-weight: normal;
        font-family: inherit;
        font-size: 11px;
        margin: 0px 0px 10px 0px;
        border: 0 none;
        padding: 10px;
        background: #424242 none no-repeat;
    }
    Wow thanks for this!
    Life Sucks Sometimes... Just Game It Out!!​