body.dark {
    background-color: #16213e!important;
    color: #fff;
    background: -moz-linear-gradient(top, #16213e0%, #16213e 100%);
    background: -webkit-linear-gradient(top, #16213e 0%, #16213e 100%);
    background: linear-gradient(to bottom, #16213e 0%, #16213e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#16213e",
    endColorstr="#16213e",GradientType=0 );
}.stickyposts {

    border-bottom: 1px solid #3f3d6f;
}.th-toggle .bar {
    background-color: #403f6e;
}.sidebar {
    border: solid 1px #3f3d6f;
    border-top: none;
}.nobar {
    border-top: none;
    border-left: none;
}body.dark .sidebar, body.dark .nobar {
    background-color: #16213e;
    border: solid 1px #1f4068;
}body.dark .pure-button {
    background: #1a1a2e;
}body.dark .pure-button:hover {
    background: #0f3460;
    border: 1px solid #3f3d6f;
}body.dark input[type="search"] {
    background-color: #0f3460;
    color: #fff;
    border-color: #3f3d6f;
    font-weight: bold;
}body.dark .post a.title:hover {
    color: #698eb8;
}body.dark #chtitle {
    background: #16213e;
    color: #ccc;
    border-bottom: 1px solid #698eb8;
}body.dark #chpop {
    background: #16213e;
    border-top: 1px solid #698eb8;
    border-left: 1px solid #698eb8;
    border-right: 1px solid #698eb8;
}body.dark #chsend {
    background-color: #698eb8;
}body.dark .msguser {
    padding-right: 5px;
    color: #e94560;
}body.dark .th-subbar {
    background-color: #16213e;
    border-bottom: 1px solid #698eb8;
}#unameb{
color:#3f3d6f;
}.th-subbar ul li a {
  color: #eee;
}.th-subnavbar {
    height:140px;
    background: url("https://uploads.cekni.to/ups/c3b408e1-39ce-599a-aca2-e1f21126aa1c.png");
    background-repeat: no-repeat;
    background-position: 50% 30%;
    background-color:gray;
    box-shadow: none;
    background-size: 30%;
    background-color: transparent;
    z-index: 100;
}.motto {
    color: #3f3d6f;
}.subtitle a {
    color: #403f6e;
}.th-subnavbar:not(.open) .pure-g-menu {
    display: inline-block;
}.cw-items {
    margin-top: 30px;
    color:#3f3d6f!important;
}#chtitle {
    background: lightgray;
    color: #ccc;
    border-bottom: 1px solid #698eb8;
}#chtitle:hover {
    background: gray;
    color: #ccc;
    border-bottom: 1px solid #698eb8;
}body.dark .p-icon path, body.dark .cw-items, body.dark svg g{
fill: white;
}body.dark #postscore, body.dark #unameb{
   color:white;
}.p-icon path{
fill: #3f3d6f;
}.th-subbar {
    background-color: #3f3d6f;
    border-bottom: 1px solid #698eb8;
}.sidebar .pure-button-primary {
    color: white;
    background-color: #3f3d6f;
}svg g{
    fill: #3f3d6f;
}.pure-g-menu {
    bottom: 1px;
}.pure-g-menu .pure-button {
    border: 1px solid #3d3d3d;
    margin: 2px 0px 0px 0px;
}.pure-button-group .pure-button:last-child {
    border-right: 1px solid #3d3d3d;
}@media only screen and (max-width: 50.999em) {

    .th-subnavbar {
        background-position: 50% 50%;
        background-size: 50%;
    }
    
   .cw-items {
       display:none;
    }

    .motto {
      display:none;
    }
    .open{
       max-height: 90vh;
    }

    .open .cw-items{
    display:block;
    margin-top: 22px;
    }
}