Dark OLX.KZ 2022 by diasmazhenov

/* ==UserStyle==
@name           Dark OLX 2022
@namespace      USO Archive
@author         aff
@description    `делал для себя наверное очень много лишнего и возможно нагружать пк ваш будет жесть но я не уверенвышло на данный момент кривовастенько в некоторых моментах не так как я бы хотел но на момент публикования я уже устал внатуре по этому пусть висит, так может доделаю кто знает`
@version        20220313.12.4
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("olx.ua"),
domain("olx.kz"),
domain("olx.pl"),
domain("olx.pt"),
domain("olx.ro") {
    body {
        color: #fff;
        background: #282b2f;
    }

    .css-is92sq,
    .css-rljwgh,
    .css-vahbgh {
        background: #282b2f;
    }

    .css-pyvavn {
        color: #ffffff;
    }

    .css-wmzjt6 {
        background: #444445;
    }
    .css-9nzgu8,
    .css-1ua02hb,
    .css-1nmvr08,
    .css-1nuiyxl,
    .css-1cwveox,
    .css-r2eb4p,
    .css-aogond,
    .css-hjbo1r-Text,
    .css-r3vick,
    .css-r3vick > button,
    .css-1enucik,
    .css-ycpi9h,
    .css-atvnzm{
        background: #444445;
    }

    ::placeholder {
        color: #282b2f;
        font-size: 1.1em;
    }

    .css-v4qxiy-BaseStyles {
        border: 2px solid #fff;
    }

    .css-v3vynn-Text,
    .css-p6wsjo-Text,
    .css-l0108r-Text,
    .css-1gbctqn-Text,
    .css-iixjs-Text,
    .css-hjbo1r-Text,
    .css-15taevx-Text,
    .css-yr8gwo-Text,
    .css-xp8cra,
    .css-8k7370-Text,
    .css-10ksnx6-Text,
    .css-r20wym-Text,
    .css-5w2ecs-Text,
    .css-1v3xhg3-Text,
    .css-zwq7ow-Text,
    .css-7yto0w,
    .css-e2218f,
    .css-znbvx0,
    .css-15jt0u1-Text,
    .css-13c9pfk-Text,
    .css-v4qxiy-BaseStyles,
    .css-1s2d01o-Text,
    .css-1enucik,
    .css-ycpi9h,
    .css-lihuun,
    .css-1wcwrol{
        color: #ffffff;
    }
    .css-1gbctqn-Text {
        font-weight: 800;
    }

    .css-ygggrs,
    .css-1kjjac5,.css-1xqxmn3 {
        background: rgb(176 176 176);
        color: #000;
    }

    .css-1enucik,.css-ycpi9h,.css-atvnzm{
        border-color: #000;
        border-bottom-color: #000;
    }
    
    
    
    .maincategories {
        background: #282b2f;
        padding-top: 56px;
        padding-bottom: 61px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #ffffff;
        line-height: 1.0em;
        font-weight: normal;
        padding: 0px 0px 0px 0px;
    }

    .link {
        color: #ffffff;
    }

    .gallerywide .date-location {
        padding: 0;
        list-style: none;
        font-size: 12px;
        color: #ffffff;
        line-height: 1.17;
        margin-bottom: 10px;
    }

    .gallerywide > li {
        min-width: 0;
        display: flex;
        flex-direction: column;
        background: #303338;
        padding: 15px;
        position: relative;
        box-sizing: border-box;
        height: 378px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        margin-left: 15px;
        margin-top: 15px;
        width: calc(25% - 15px);
    }

    .dropdown dt a.focus {
        background-color: #282b2f;
    }

    .dropdown dd ul {
        background-color: #282b2f;
        display: none;
        left: 0;
        position: absolute;
        top: 0;
        border-top: none;
        width: 100%;
        overflow: auto;
        max-height: 182px;
        z-index: 10;
        word-wrap: break-word;
        font-size: 14px;
        line-height: 1.29;
        padding: 8px 0;
        -webkit-box-sizign: border-box;
        -moz-box-sizign: border-box;
        -ms-box-sizign: border-box;
        -o-box-sizign: border-box;
        box-sizign: border-box;
    }

    form.searchmain .input-container {
        background: #303338;
        border: none;
        border-right: 1px solid #303338;
        -webkit-border-radius: 2px 0 0 2px;
        -moz-border-radius: 2px 0 0 2px;
        -ms-border-radius: 2px 0 0 2px;
        -o-border-radius: 2px 0 0 2px;
        border-radius: 2px 0 0 2px;
    }

    form.searchmain input[type="text"] {
        background: #303338;
        border: none;
    }

    form input.light,
    form textarea.light,
    form select.light {
        background: #fff;
        border: none;
        padding: 14px 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        font-size: 16px;
        line-height: 1.25;
        color: #ffffff;
    }

    form.searchmain [data-icon="search"] {
        position: absolute;
        left: 24px;
        top: 24px;
        color: #ffffff;
        font-size: 25px;
        line-height: 1 !important;
    }

    form.searchmain [data-icon="location"] {
        left: 26px;
        top: 24px;
        font-size: 24px;
        position: absolute;
        color: #ffffff;
    }

    .regions-layer {
        border: 1px solid #f2f4f5;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 24px;
        right: 24px;
        top: 0px;
        z-index: 13;
        background: #303338;
        font-size: 16px;
        line-height: 20px;
    }

    .regions-layer .column {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0px;
        border-left: 1px solid #303338;
    }

    .regions-layer a {
        color: #ffffff;
    }

    .regions-layer .column li a {
        position: relative;
        text-decoration: underline;
        color: #303338;
    }

    .regions-layer .column li a > * {
        color: #ffffff;
    }

    .regions-layer .column li a span:after {
        font-size: 14px;
        right: 8px;
        top: 8px;
        position: absolute;
        color: #ffffff;
    }

    .regions-layer .column .letter a:first-letter {
        font-weight: bold;
        color: #fff;
    }

    #footer-container .footer-business-partner {
        background: #282b2f;
    }

    #footer-container .siteinfobox {
        background: #282b2f;
        padding: 185px 0 60px;
        display: flex;
        flex-direction: column-reverse;
        position: relative;
    }

    #footer-container .siteinfobox .text {
        width: 820px;
        margin-left: auto;
        margin-right: auto;
        color: #ffffff;
        text-align: center;
    }

    #footer-container .siteinfobox:before {
        content: '';
        position: absolute;
        top: 82px;
        width: 99px;
        height: 56px;
        left: 50%;
        background-size: contain;
        transform: translate(-50%, 0);
    }

    #footer-container .sitepopularbox__item h3,
    #footer-container .sitepopularbox__item .link.gray2,
    #footer-container .sitepopularbox__item .link.gray2 > span {
        color: #ffffff;
    }

    #footer-container .static.box ul li .link.gray,
    #footer-container .static.box ul li .link.gray > * {
        color: #ffffff;
    }

    form.searchmain input.queryfield {
        width: 621px;
        padding-left: 0;
        padding-right: 0;
        line-height: 56px;
        height: 56px;
        margin: 0 65px;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
    }

    .bgfff {
        background: #303338;
    }

    .suggestsearchmain li a.title {
        padding: 9px 22px 9px 32px;
        color: #ffffff;
        font-size: 16px;
        line-height: 1.25;
        border-top: none;
        border-bottom: 1px solid #d8dfe0;
        display: flex;
        min-height: 56px;
        flex-direction: column;
        box-sizing: border-box;
        justify-content: center;
    }

    .suggestsearchmain {
        top: 100%;
        left: 0px;
        width: 710px;
        z-index: 100;
        margin-top: -1px;
        border: 1px solid #303338 !important;
        -webkit-box-shadow: 0 2px 4px 0 rgb(48 51 56);
        -moz-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34);
        -ms-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34);
        -o-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34);
        box-shadow: 0 2px 4px 0 rgb(48 51 56);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        padding: 22px 22px 22px 32px;
    }

    .suggestsearchmain li a.title > span.gray {
        font-size: 12px;
        font-weight: normal;
        line-height: 1.17;
        color: #ffffff;
    }

    .c000 {
        color: #fff;
    }

    form.searchmain .clearbox [data-icon="close"] {
        line-height: 1;
        position: absolute;
        right: 20px;
        top: 25px;
        font-size: 22px;
        color: #ffffff;
    }

    form.searchmain .button:hover,
    form.searchmain .button.is-focused {
        background-color: #303338;
        border-color: #002f34;
        color: #fff;
    }

    #header-container .navi {
        background: #303338;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        height: 72px;
        position: fixed;
        transition: transform 0.5s cubic-bezier(0.8, 0.2, 0.2, 0.8);
    }

    .suggestsearchmain li a.title:hover,
    .suggestsearchmain li a.search-choose-selected {
        background: #282b2f;
        color: #ffffff;
    }

    .maincategories .subcategories-list {
        background: #303338;
        border: 1px solid #303338;
        padding: 23px 26px;
        margin-top: 30px;
    }

    a {
        outline: none;
        color: #ffffff;
        text-decoration: none;
    }

    .offersview div.section h2 {
        font-size: 24px;
        font-weight: 500;
        color: #...