YP Night (TNSP) by tnsp

/* ==UserStyle==
@name         YP Night (TNSP)
@version      1.4
@namespace    USO Archive
@author  Tony Soprano
@description темная тема известного сайта yplakal.com с некоторыми доработками, рекомендуется масштаб ставить 125% (ctrl+колесо мыши) приятного использования.
==/UserStyle== */
@-moz-document domain("yaplakal.com"),
domain("yap.ru"),
url-prefix("https://yaplakal.com"),
url-prefix("https://www.yaplakal.com") {
    body,
    table,
    tbody,
    td,
    tr {
        background: #171c20 !important;
        color: #aaa !important;
    }

    #top-line {
        background: #171c20;
        padding: 0;
        height: 0px;
    }


    #user-box .user-info,
    #welcome-box,
    #login-box {
        background-color: #333333 !important;
    }

    #ipbwrapper {
        background-color: #171c20 !important;
    }

    #header {
        max-width: 100% !important;
        margin: 0 auto;
    }

    td.bottommenu,
    td.bottommenu a,
    td.bottommenu a:link,
    td.bottommenu a:visited,
    td.bottommenu a:active {
        color: #767676;
        font-weight: bold;
        text-decoration: none;
    }

    #content {
        background: none;
        max-width: 100% !important;
        margin: 0 auto;
    }

    #menu-container {
        background: none;
        max-width: 100% !important;
        margin: 0 auto;
    }

    #MF_yaplakal_D_970x200_Bottom {
        background-color: #eee;
        padding: 10px 0px 10px 0px;
        margin: 0 auto;
        overflow-x: hidden;
        display: none;
    }

    #footer {
        background: #222 url(https://www.yapfiles.ru/uploads/branddata/5/5/4/footer-455.jpg?1) 50% 100% no-repeat;
        padding-bottom: 0 !important;
        display: none;
    }

    #MF_yaplakal_D_240x400_1 {
        width: 240px;
        display: none;
    }

    #MF_yaplakal_D_240x400_3 {
        width: 240px;
        height: 400px;
        margin-bottom: 10px;
        display: none;
    }

    .UZznxc {
        width: 100%;
        height: inherit;
        min-height: inherit;
        max-height: inherit;
        display: none;
    }

    атрибутstyle {
        text-align: center;
        display: none;
    }

    #scrollTop {
        visibility: hidden !important;
    }

    #scrollTop:before {
        display: inline-block !important;
        visibility: visible !important;
        content: "🡅" !important;
        font-size: 20px !important;
        color: #171c20 !important;
        width: 20px !important;
        background-color: #8ec413 !important;
        border: solid 1px #9f9f90 !important;
        border-radius: 8px !important;
        padding-left: 2px !important;
        position: fixed !important;
        right: 1px !important;
        bottom: 1px !important;
        box-shadow: 0 0 2px #9f9f90 !important;
    }

    .wcommunity_wrap {
        background: #fff;
        padding: 13px 13px;
        border-radius: 3px;
        overflow: hidden;
    }

    .wcommunity_header {
        position: relative;
        font-size: 0;
        padding-top: 0px;
        border-bottom: 0px solid var(--steel_gray_80);
        padding-bottom: 0px;
        color: var(--black);
        display: none !important
    }

    .wcommunity_name {
        position: absolute;
        z-index: 1;
        left: 44px;
        right: 0;
        top: 8px;
        white-space: nowrap;
        display: none !important;
    }
}

#main-menu a {
    color: #cacaca !important;
}


.forminput,
.textinput {
    background-color: #cacaca !important;
}


#header-container {
    background-color: black;
}

#user-box .user-info {
    background-color: #000;
}

#footer-inner {
    color: #fff;
    text-align: left;
    background-color: black;
}

#scrollTop {
    font-weight: bold;
    box-shadow: 2px 0px 9px 7px black;
    background: transparent url(http://www.animatedimages.org/data/media/111/animated-arrow-image-0138.gif) 98% 0% no-repeat;
}

.subtitle {
    color: #8ec413 !important;
}

.holder .icon-user {
    background-position: 0 -4px;
    text-shadow: 0px 0px 0px #37b8ed;
}

.postdetails {
    font-size: 10px;
    text-shadow: 0 0 2px black;
}

.row4 {
    background: #5e5e5e !important;
    text-shadow: 0 0 9px black;
}

.mainpage a,
.mainpage a:link,
.mainpage a:visited,
.subpage a,
.subpage a:link,
.subpage a:visited {
    text-shadow: 0 0 5px black;
}

.postcolor {
    max-width: 100%;
}

.tablepad {
    background-color: #333333;
    padding: 6px;
}

#tabs a.active,
#tabs a:hover {
    color: #000;
    background-color: #333333 !important;
}

#tabs a {
    background-color: transparent !important;
}

.std-input {
    background-color: #767676;
}

.desc,
.desc a {
    color: #ccc;
}


td#in-feed-2 {
    display: none;
}

td#in-feed-1 {
    display: none;
}

a#clk-rt {
    background: none;
    display: none;
}

a#clk-lt {
    background: none;
    display: none;
}

#ipbwrapper {
    background-color: #333 !important;
}

#tabs a.active,
#tabs a:hover {
    color: #f00;
}



h4 {
    color: #f00;
}


._2lqg {
    background: #333 !important;
    border: none;
}

._h7n {
    background: #222;
}

._517h,
._59pe:focus,
._59pe:hover {
    background-color: #222;
}

.darkrow3 {
    background-color: transparent;
}

.post-rank {
    background-color: transparent;
}

.darkrow1 {
    background-color: #333;
}

a:active,
a:visited,
a:active {
    text-decoration: aqua;
    color: #eee;
}

a:link,
a:visited,
a:active {
    text-decoration: blink;
    color: #f5f5f5;
}

:root {
    --azure_a100: #0077ff;
    --azure_300: #397dcc;
    --azure_a400: #2a6fbd;
    --azure_a500: #2363aa;
    --black: #000000;
    --black_alpha4: rgba(0, 0, 0, 0.04);
    --black_alpha8: rgba(0, 0, 0, 0.08);
    --black_alpha12: rgba(0, 0, 0, 0.12);
    --black_alpha16: rgba(0, 0, 0, 0.16);
    --black_alpha24: rgba(0, 0, 0, 0.24);
    --black_alpha36: rgba(0, 0, 0, 0.36);
    --black_alpha40: rgba(0, 0, 0, 0.40);
    --black_alpha48: rgba(0, 0, 0, 0.48);
    --black_alpha56: rgba(0, 0, 0, 0.56);
    --black_alpha72: #8ec413;
    --black_alpha88: rgba(0, 0, 0, 0.88);
    --black_blue10: #000c1a;
    --black_blue24: #001c3d;
    --black_blue24_alpha8: rgba(0, 28, 61, 0.08);
    --black_blue24_alpha24: rgba(0, 28, 61, 0.24);
    --black_blue30_alpha66: rgba(0, 36, 77, 0.66);
    --black_blue45_alpha10: rgba(0, 57, 115, 0.10);
    --blue_400: #5181b8;
    --blue_a400: #447bba;
    --blue_400_alpha20: rgba(81, 129, 184, 0.20);
    --blue_400_alpha48: rgba(81, 129, 184, 0.49);
    --blue_420: #4a76a8;
    --blue_550: #346297;
    --blue_600: #2a5885;
    --blue_640: #224b7a;
    --blue_800: #1d3a5c;
    --blue_980_alpha12: rgba(0, 20, 51, 0.12);
    --blue_bright: #5c9ce6;
    --brown_gold: #9e8f72;
    --brown_light: #c2b79f;
    --gold_200: #f4e7c3;
    --gold_250: #e3d3ac;
    --gold_300: #d1c097;
    --gold_400: #ab9871;
    --gold_500: #857250;
    --gray_20: #f9f9f9;
    --gray_40: #f5f5f5;
    --gray_70: #555555;
    --gray_100: #e1e3e6;
    --gray_100_alpha60: rgba(225, 227, 230, 0.60);
    --gray_200: #cccccc;
    --gray_300: #b2b2b2;
    --gray_400: #939393;
    --gray_500: #828282;
    --gray_600: #656565;
    --gray_700: #555555;
    --gray_700_alpha60: rgba(85, 85, 85, 0.60);
    --gray_750: #424242;
    --gray_800: #333333;
    --gray_800_alpha72: rgba(51, 51, 51, 0.72);
    --gray_800_alpha88: rgba(51, 51, 51, 0.88);
    --gray_850: #292929;
    --gray_900: #222222;
    --gray_900_alpha16: rgba(34, 34, 34, 0.16);
    --gray_900_alpha72: rgba(34, 34, 34, 0.72);
    --gray_900_alpha88: rgba(34, 34, 34, 0.88);
    --gray_940: #141414;
    --gray_960: #0a0a0a;
    --green_alpha16: rgba(75, 179, 75, 0.16);
    --green_350: #4bb34b;
    --green_400: #43a843;
    --green_600: #1b7a1b;
    --green_light: #def0d3;
    --green_nice: #3dcc4b;
    --light_blue_40: #e5ebf1;
    --light_blue_40_alpha72: rgba(229, 235, 241, 0.72);
    --light_blue_80: #dfe6ed;
    --light_blue_100: #dae2ea;
    --light_blue_300: #9eb4c8;
    --light_blue_400: #7996b2;
    --light_blue_500: #577ca1;
    --light_blue_700: #45688e;
    --light_blue_A300: #8fadc8;
    --neon_pink: #f45fff;
    --orange: #ffa000;
    --orange_tint: #f9b54f;
    --orange_light: #ffc062;
    --orange_fire: #f05c44;
    --orange_prominent: #ff724c;
    --raspberry_pink: #e03fab;
    --raspberry_pink_light: #f060c0;
    --purple: #735ce6;
    --purple_light: #937ff5;
    --pink: #e6457a;
    --pink_light: #faebeb;
    --red: #e64646;
    --red_alpha16: rgba(230, 70, 70, 0.16);
    --red_alpha12: rgba(230, 70, 70, 0.12);
    --red_dark: #db3b3b;
    --red_light: #ff5c5c;
    --red_nice: #ff3347;
    --sky_60: #cce9ff;
    --sky_80: #b2deff;
    --sky_100: #99d3ff;
    --sky_200: #70c1ff;
    --sky_300: #71aaeb;
    --steel_gray_10: #fafbfc;
    --steel_gray_20: #f7f8fa;
    --steel_gray_40: #f0f2f5;
    --steel_gray_50: #eeeff1;
    --steel_gray_60: #edeef0;
    --steel_gray_80: #e7e8ec;
    --steel_gray_100: #dce1e6;
    --steel_gray_120: #d3d9de;
    --steel_gray_140: #c5d0db;
    --steel_gray_200: #aeb7c2;
    --steel_gray_200_alpha12: rgba(174, 183, 194, 0.12);
    --steel_gray_200_alpha16: rgba(174, 183, 194, 0.16);
    --steel_gray_300: #99a2ad;
    --steel_gray_400: #818c99;
    --steel_gray_500: #6f7985;
    --steel_gray_540: #626d7a;
    --steel_gray_600: #4e5966;
    --steel_gray_A540: #55677d;
    --steel_gray_A540_alpha64: rgba(85, 103, 125, 0.64);
    --transparent_black: rgba(0, 0, 0, 0.00);
    --transparent_white: rgba(255, 255, 255, 0.00);
    --turquoise: #63b9ba;
    --violet: #792ec0;
    --violet_dark: #1f1b2c;
    --violet_light: #a393f5;
    --violet_muted: #4b4d61;
    --white: #171c20;
    --white_alpha72: rgba(255, 255, 255, 0.72);
    --white_alpha64: rgba(255, 255, 255, 0.64);
    --white_alpha48: rgba(255, 255, 255, 0.48);
    --white_alpha40: rgba(255, 255, 255, 0.40);
    --white_alpha24: rgba(255, 255, 255, 0.24);
    --white_alpha16: rgba(255, 255, 255, 0.16);
    --white_alpha12: rgba(255, 255, 255, 0.12);
    --white_alpha8: rgba(255, 255, 255, 0.08);
 ...