Something Spanky by spanky-the-dolphin

/* ==UserStyle==
@name         Something Spanky
@namespace    USO Archive
@author       spanky the dolphin
@description  Spanky Dark Overhaul
@version      20230825.10.38
@license      NONE
@preprocessor uso
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forums.somethingawful.com") {

    /* NOTE
    
    Install "SF Pro Rounded" font from Apple for the correct look:
    
    https://developer.apple.com/fonts/
    
     END NOTE */
    body,
    #container {
        background: none!important;
        background-color: #000!important;
        max-width: 900px;
        margin: auto;
        padding: 4px 8px 8px;
    }

    #container {
        background: none!important;
    }
    /*GLOBAL LINK COLOR*/
    a {
        color: #406CFF!important;
        font-weight: 600!important;
        transition: 0.2s ease;
    }
    a:hover {
        text-decoration: none!important;
        color: #ccc!important;
    }

    a.count::after {
        display: none!important;
    }

    a.count {
        margin-right: 2px!important;
        min-width: 38px!important;
    }


    #forum td.title div.lastseen a.count {
        padding-right: 15px;
    }



    #thread tr.ignored dl.userinfo,
    #thread table.ignored td.postbody a {
        font-size: 12px;
        font-style: normal;
        padding-left: 0px;
        background-image: none;
        border-bottom: none;
        color: #4D4D4D!important;
    }

    #thread table.post td, td.inner.postbody {
        line-height: 22px;
        font-size: 17px;
        letter-spacing: .25px;
        }



    #thread tr.ignored dl.userinfo,
    #thread table.ignored td.postbody a:hover {
        color: #406CFF!important;
    }

    .bbc-spoiler,
    .bbc-spoiler li,
    .bbc-spoiler code,
    .bbc-spoiler pre,
    .bbc-spoiler blockquote {
        border-radius: 6px !important;
    }

    span.disabled {
        color: #242424!important;
    }
    /*NAVIGATION PANES - START*/
    #copyright {
        display: none !important;
    }

    ul#usercpnav {
        display: none !important;
    }

    div.bottom_forms form.forum_jump {
        display: none !important;
    }

    form.threadsearch {
        display: none !important;
    }

    #navigation,
    .navigation,
    #nav_purchase {
        background: none!important;
        border: none!important;
    }


    ul#navigation.navigation a {
        font-size: 14px!important;
        font-weight: 600!important;
    }



    td.postdate a,
    td.postlinks ul.profilelinks li a,
    .dictnav a,
    #main_full td a,
    .searchresults #main_full tr .smalltext a,
    .newthread #content table.standard tr.altcolor2 td:last-child a,
    .newreply #main_full div.postinfo div.save-state a,
    .newreply #main_full tr.altcolor2 td:last-child a,
    .editpost #main_full div.postinfo div.save-state a,
    .editpost #main_full tr.altcolor2 td:last-child a,
    .newthread #content table.standard tr:first-child a,
    .newreply #content table.standard tr:first-child a,
    .threads_editthread table#main_wide.standard td.user_loggedin,
    table td {
        border: none!important;
    }

    /* Post Button */
    .newreply div.postbuttons input.bginput:nth-child(1),
    .newthread div.postbuttons input:nth-child(1),
    .editpost div.postbuttons input:nth-child(1) {
        margin-right: 20px!important;
        box-sizing: border-box;
        border-color: #406CFF!important;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, 0)!important;
        color: #406CFF!important;
        transition: 0.2s ease;
        border-style: solid!important;
        font-weight: 600;
    }

    .newreply div.postbuttons input.bginput:nth-child(1):hover,
    .newthread div.postbuttons input:nth-child(1):hover,
    .editpost div.postbuttons input:nth-child(1):hover {

        background-color: #406CFF!important;
        color: #ccc!important;
    }


    /* Preview Reply Button */
    .newreply div.postbuttons input.bginput:nth-child(2),
    .newthread div.postbuttons input:nth-child(2),
    .editpost div.postbuttons input:nth-child(2) {
        margin-right: 20px!important;
        box-sizing: border-box;
        border-color: #4D4D4D!important;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, 0)!important;
        color: #4D4D4D!important;
        transition: 0.2s ease;
        border-style: solid!important;
        font-weight: 600;
    }

    .newreply div.postbuttons input.bginput:nth-child(2):hover,
    .newthread div.postbuttons input:nth-child(2):hover,
    .editpost div.postbuttons input:nth-child(2):hover {

        background-color: #4D4D4D!important;
        color: #CCC!important;
    }



    #content thead,
    td.graphbar {
        display: none!important;
    }

    #something_awful.usercp table td {
        border-radius: 12px!important;
    }

    #content,
    table,
    table th {
        -webkit-border-horizontal-spacing: 0px !important;
    }

    .newthread #content table.standard tr.altcolor2 td input.bginput,
    .priv_sendprivmsg table#main_full.standard tr td textarea,
    .editpost table#main_full.standard tr td textarea,
    .priv_sendprivmsg #content table.standard tr td input.bginput,
    .threads_editthread table#main_wide.standard tr:nth-child(3) td input.bginput,
    .modifyprofile #content table.standard textarea,
    .searchresults input#query {
        box-shadow: none!important;
        border-radius: 15px!important;
        border: 0px solid #aaa!important;
        padding: 10px!important;
    }


    .newthread #content table.standard .post-wrapper textarea,
    .newreply #content table.standard .post-wrapper textarea {
        width: 95%;
    }

    .forumdesc {
        font-style: normal;
        font-weight: 600;
        color: #4d4d4d;
    }

    td.title {
        font-weight: 600;
    }


    div.subforums b {
        color: #4d4d4d!important;
    }
    div.subforums a {
        color: #406CFF!important;
    }
    div.subforums a:hover {
        color: #ccc!important;
    }


    #filter div.toggle_tags {
        position: relative;
        /* Required for the pseudo-element to be positioned correctly */
        padding-left: 36px;
        margin-left: 2px;
        font-size: 11px;
        cursor: pointer;
        font-weight: 600!important;
        background: none!important;
        height: 26px;
        line-height: 26px;
        /* Ensure text aligns vertically */
        color: #4d4d4d!important;
        transition: 0.3s ease;
    }

    #filter div.toggle_tags::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%) rotate(-90deg);
        /* Start rotated 180 degrees */
        width: 22px;
        height: 22px;
        background: transparent url(//i.imgur.com/qv4nYwZ.png) no-repeat;
        background-size: 22px;
        transition: transform 0.3s ease;
        /* Smooth rotation */
    }

    #filter div.toggle_tags:hover::before {
        background: transparent url(https://i.imgur.com/8VMnTkD.png) no-repeat;
        background-size: 22px;
    }

    #filter.open div.toggle_tags::before {
        transform: translateY(-50%) rotate(0deg);
        /* Rotate to 0 degrees when 'open' */
    }


    #forums a.forum:hover {
        color: #406CFF!important;
    }

    .showthread div.threadbar img.thread_bookmark {
        display: inline-block;
        vertical-align: middle;
    }



    .thread_bookmark.bookmark {
        content: url('https://i.imgur.com/BNagvB9.png');
        height: 28px;
    }
    .thread_bookmark.bookmark:hover {
        content: url('https://i.imgur.com/vQGuvSC.png');
        height: 28px;
    }

    .thread_bookmark.unbookmark {
        content: url('https://i.imgur.com/lt9ODYe.png');
        height: 28px;
    }
    .thread_bookmark.unbookmark:hover {
        content: url('https://i.imgur.com/Ht4hOlu.png');
        height: 28px;
    }




    .standard.bookmarked_threads h2 {
        display: none;
    }
    .standard.bookmarked_threads {
        margin-top: 0!important
    }

    div.threadbar.bottom {
        border: 0px!important;
        background: none!important;
    }


    td.lastpost,
    dd.special_title,
    td.button_remove {
        display: none!important
    }

    .forumdisplay #subforums tr.subforum:last-child td.title {
        background: #333!important;
    }


    #mods {
        color: #333;
        font-size: 11px!important;
    }

    #mods a {
        color: #4d4d4d!important;
        font-size: 11px!important;
        transition: 0.2s ease;
    }


    #mods a:hover {
        color: #406CFF!important;
    }


    #threadiklist {
        margin-left: 20px;
        color: #333!important;
        font-size: 11px;
    }

    #threadiklist a {
        color: #4d4d4d!important;
        transition: 0.2s ease;
    }

    #threadiklist a:hover {
        color: #406CFF!important;
    }

    /*NAVIGATION PANES - END*/
    img.img,
    img.timg,
    img.timg.complete,
    td.postbody img,
    .title img,
    div.postbody img {
        border-radius: 4px!important;
    }


    #thread td.postbody,
    #thread td.userinfo {
        padding-top: 20px;
        padding-left: 10px;
    }


    #pm tr,
    #info tr,
    #pm th,
    #info th {
        font-size: 13px!important;
    }

    #info td.users,
    #info td.posts,
    #info td.archived,
    #info td.banned,
    #info td.banned a {
        font-size: 11px!important;
    }


    table td/*PARENT CELL*/
    {
        background-color: #181818!important;
    }
    table th/*CHILD CELL*/
    {
        background-color: #181818!important;
        border: none!important;
    }

    .showthread form div.smalltext a {
        float: right!important;
        font-size: 13px!important;
        color: #333!important;
    }
    .showthread form div.smalltext {
        font-size: 13px!important;
        color: #333!important;
    }
    .showthread form div.smalltext a:hover {
        fl...