SS.lv Dark Mode by salimsket

/* ==UserStyle==
@name         SS.lv Dark Mode
@version      20210924.17.57
@namespace    userstyles.world/user/salimsket
@description  https://www.ss.lv/

Simple transition to dark mode using mostly invert method.
@author       salimsket
@license      No License
==/UserStyle== */
@-moz-document domain("ss.lv"),
domain("ss.com") {
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
    * {
        font-family: 'Inter', sans-serif !important;
    }
    body {
        color: #171717;
        filter: invert(0.94);
        background: #0f0f0f;
        opacity: 0.9;
    }
    .page_header > table > tbody > tr > td > div {
        float: none !important;
    }
    .page_header > table > tbody > tr > td > div:last-child {
        display: none;
    }
    .page_header {
        width: 1220px;
        background-color: white;
        padding: 0;
    }
    .filter_second_line_dv,
    #filter_tbl {
        background: #ffffff;
    }
    input,
    select {
        background: white;
        border: 1px solid #999;
    }
    ::selection {
        background: peru;
    }
    input:not([type="checkbox"]):focus,
    select:focus {
        outline: 2px solid peru;
    }
    .ads_color_opt {
        filter: invert(1);
    }
    .filter_txt,
    input[type=""],
    select {
        border-radius: 5px;
        padding: 2px;
    }
    input[type="checkbox"]:checked {
        filter: invert(1);
    }
    #head_line {
        position: sticky;
        top: 0px;
        text-transform: capitalize;
        z-index: 999;
    }
    #page_main {
        width: 100%;
    }
    #main_table {
        filter: hue-rotate(190deg);
    }
    .menu_main {
        font-size: 15px;
        background: unset;
    }
    .msg_column_td {
        padding: 2px 10px 2px 10px;
        min-width: 60px;
    }
    .msg_column,
    .msg_column_td {
        background-color: #171717;
    }
    .msg_column {
        width: unset !important;
    }
    table {
        table-layout: auto !important;
    }
    table tbody tr[id^="tr_"] td input[type="checkbox"] {
        margin: 0;
    }
    table tbody tr[id^="tr_"] td {
        padding: 5px 10px 5px 10px;
    }
    table tbody tr[id^="tr_"] {
        transition: 0.1s ease;
        background-color: #ffffff !important;
    }
    table tbody tr[id^="tr_"]:hover {
        background-color: #e4e4e4 !important;
    }
    table tbody tr[id^="tr_"] td a:hover {
        color: inherit;
        text-decoration: none;
    }
    table tbody tr[id^="tr_"] td:first-child {
        padding-right: 0;
        padding-left: 5px;
    }
    b {
        font-weight: inherit;
    }
    .foto_list {
        width: 80px;
        height: auto;
        display: block;
        border: none;
    }
    .ads_cat_names {
        margin: 0 0 2px;
        padding: 0;
        line-height: 1;
        font-size: 0.75rem;
    }
    .a_menu,
    .a_menu:hover{
        color: #000000;
        opacity: 0.8;
    }
    .a_menu:hover{
        text-decoration: dotted underline;
        opacity: 1;
    }
    .a_menu_active,
    .a_menu_active:hover{
        color: #000000;
    }
    img {
        filter: invert(1);
    }
    #page_main_full img {
        filter: hue-rotate(180deg);
    }
    .msg_column_td {
        text-align: left;
    }
    .msg_column_td:last-child {
        text-align: right;
    }
    .msga2,
    .msg2,
    .msga2-r,
    .msga2-o {
        border-bottom-style: dashed;
    }
    .msga2-r,
    .msga2-o {
        border-left: none;
    }
    .msga2-r,
    .msga2-o {
        text-align: left;
    }
    .msga2-r,
    .msga2-o:last-child {
        text-align: right;
    }
    .d1 {
        height: auto;
        margin-left: unset;
        line-height: 1.15;
    }
    .d1 .am {
        font-weight: 600;
    }
    .am {
        color: #171717;
    }
    .am:visited,
    .amopt:visited,
    .am:visited:hover,
    .amopt:visited:hover {
        color: #777;
    }
    #filter_frm table:not(:first-child) tbody tr[id^="tr_"] td:last-child {
        font-weight: bold;
    }
    .a_category {
        color: #171717;
        transition: .1s ease;
    }
    .a_category:hover {
        color: #3F8EFC;
    }
    select option:checked {
        background: peru linear-gradient(0deg, peru 0%, peru 100%);
    }
    #filter_frm select option {
        background: #0f0f0f;
        color: white;
    }
    .category_cnt {
        color: #d978c9;
    }
    .main_head {
        filter: hue-rotate(180deg);
    }
    .main_images {
        z-index: 1;
    }
    #page_footer {
        border-color: #be73b1;
    }
    a {
        transition: .1s ease;
    }
    .a9a {
        color: black;
        text-decoration: underline dotted;
    }
    a:hover,
    .a9a:hover,
    .a_category:hover,
    .a1:hover {
        color: peru;
        text-decoration: underline dotted;
    }
    [id^="tr_bnr_"],
    [id*="banner"] {
        display: none !important;
    }
    .ads_price,
    .td1 {
        color: black !important;
    }
    .alert_dv {
        filter: hue-rotate(180deg);
    }
    #cookie_confirm_dv {
        display: none !important;
    }
    .main_head .a1 {
        color: black;
    }
    table[style="border:1px #418c4e solid;"] {
        border-color: peru !important;
    }
}