dark coliss by irh

/* ==UserStyle==
@name           coliss.com - 11/2/2022, 6:51:47 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("coliss.com") {
    body {
        background: #1c1c1c!important;
    }
    #container3 {
        background: transparent;
        color: #d5d5d5!important;
    }
    div.articleContent {
        color: #b9b9b9!important;
    }
    .search_container input[type="text"] {
        background: transparent;
        color: #ccc;
    }
    .search_container input[type="submit"] {
        font-size: 1.1em;
    }
    .search_container {
        border: none!important;
        border-bottom: 1px #555 solid!important;
        border-radius: 0px;
    }
    #articleInfo1 {
        background: #2f2f2f!important;
        border: none!important;
        box-shadow: none!important;
    }
    #sidebar {
        background: transparent;
    }
    #recentEntry > h4,
    #pickupEntry > h4,
    #sponsors > h4,
    #recommend > h4 {
        text-indent: 0!important;
        background: transparent;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: bold;
        font-size: 2rem;
        width: 100%;
        color: #828282;
        padding-left: 1rem;
        border-left: 1px solid #ffffff4f;
        margin-bottom: 15px;
    }
    #recommend > ul,
    #recommend > ul > li {
        border: none;
    }
    #recommend > ul > li {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    #recommend > ul > li:nth-child(2) {
        border-top: solid 1px #ffffff36;
        margin-top: 10px;
        padding-top: 15px;
    }
    #recentEntry ul > li,
    #pickupEntry ul > li {
        transition: .2s!important;
    }
    #recentEntry ul > li.roll:hover,
    #pickupEntry ul > li.roll:hover {
        background: #ffffff0a;
        border-radius: 4px;
        padding: 7px;
    }
    #recentEntry ul > li.roll:active,
    #pickupEntry ul > li.roll:active {
        background: #ffffff70;
    }
    #recentEntry ul > li > a:link,
    #pickupEntry ul > li > a:link {
        color: #ffffff45;
    }
    #recentEntry ul > li > a:visited,
    #pickupEntry ul > li > a:visited {
        color: #a4a4a4;
    }
    #recentEntry > ul > li,
    #pickupEntry > ul > li {
        border: none;
        border-bottom: 1px solid #ffffff0f;
    }
    #recentEntry > ul,
    #pickupEntry > ul {
        border-top: none;
    }
    a:link {
        text-decoration: none;
        color: #4289f1;
    }
    a:visited {
        color: #5182ad;
    }
    a:hover {
        text-decoration: underline;
    }
    code {
        background: #3a3a3a;
        color: #b1b1b1;
        border: none;
        border-radius: 3px;
    }
    ul.listStyleAchor::before {
        content: "Table of contents";
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 2px;
    }
    ul.listStyleAchor {
        background: #ffffff08;
        padding: 30px;
        margin: 23px!important;
        border-radius: 3px;
    }
    ul.listStyleAchor > li > a:link {
        color: #ffffffad;
    }
    ul.listStyleAchor > li:first-child {
        margin-top: 12px!important;
    }
    .pageSingle .articleContent h2 {
        background: #252525;
        border-radius: 4px;
        color: #ffffffab;
        border-bottom: none;
        padding: 12px 3rem;
    }
    .marker2 {
        color: #d5d5d5;
        background: linear-gradient(transparent 56%, #641f42 56%);
    }
    #relatedPosts > h4 {
        text-indent: 0px;
        background: none;
        text-transform: uppercase;
        font-size: 1.7rem;
        font-weight: bold;
        letter-spacing: 1px;
    }
    #articleInfo2 {
        background: #2f2f2f!important;
        box-shadow: none!important;
    }
    .articleContent .box1 {
        background: #ffffff14;
        border: none;
        border-radius: 5px;
    }
    #sponsorsTop li {
        background: #ffffff05;
    }
    #sponsors li {
        background: #ffffff0f;
        transition: .2s;
    }
    #sponsors li:active {
        background: #ffffff30;
    }
    #sponsors li:hover {
        background: #ffffff17;
    }
    #sponsors li > p > a {
        color: #ffffffab!important;
    }
    /*div[id^="crayon"] > .crayon-toolbar {
        background: #1e1e1e!important;
    }
    div[id^="crayon"] > .crayon-toolbar > span{
        color: #fff!important;
    }*/
}
@-moz-document url("https://coliss.com/"),
url("http://coliss.com/") {
    #content > div.clrFix > h2 > a {
        background: #ffffff08!important;
        border: none;
        text-shadow: none;
        color: #ffffffb8;
        border-radius: 4px;
        transition: .3s;
        padding: 15px;
    }
    #content > div.clrFix > h2 > a:hover {
        font-weight: bold;
        background: #ffffff24!important;
        padding: 20px;
    }
    #content > div.clrFix > h2 > a:active {
        padding: 10px;
        background: #ffffff82!important;
    }

}