Autoblog.nl | Autoblog Dark by skilla

/* ==UserStyle==
@name         Autoblog.nl Dark
@namespace    USO Archive
@author       Dawwwg
@description  Modern, light-weight dark theme for autoblog.nl with a decluttered design and easy on the eyes.    <b>Features:</b>  * Total dark make-over while respecting the original brand-styling.  * A decluttered and more consistent layout; easy on the eyes.  * Optimized primary-content width and font-styling for improved readability.  * Round-borders, subtle shadows, transparency and a themed scrollbar    &nbsp; make it more slick & modern looking.  * Removes the large, redundant 'floormat' footer.  * Effective Ad-suppression even without a dedicated Ad-Blocker plugin.  * It does not block tracking, but does suppress the display of all Ads including    &nbsp; Branded Content articles.    <b>Note:</b>  Moved to userstyles.world and Stylus as primary styler; this might not be the most recent version.
@version      20231004.10.14
@license      CC-BY-SA-4.0
@preprocessor uso
==/UserStyle== */
/* ==UserStyle==
@name           Autoblog.nl Dark
@namespace      USO Archive
@author         Dawwwg
@description    `Modern dark theme for autoblog.nl. For the best experience combine with the 'Autojunk.nl Dark' theme as both sites are part of the same 'network' and deeplink to eachother.  <b>Features:</b>&bullet; Total dark make-over while respecting the original brand-styling.&bullet; A decluttered and more consistent layout; easy on the eyes.&bullet; Optimized primary-content width and font-styling for improved readability.&bullet; Round-borders, subtle shadows, transparency and a themed scrollbar  &nbsp; make it more slick & modern looking.&bullet; Removes the large, redundant 'floormat' footer.&bullet; Effective Ad-suppression even without a dedicated Ad-Blocker plugin. &nbsp; It does not block tracking, but does suppress the display of all Ads including  &nbsp; Branded Content articles.<b>Note:</b>Moved to userstyles.world and Stylus as primary styler; this might not be the most recent version.`
@version        20221014.19.48
@license        CC-BY-SA-4.0
@preprocessor   uso
==/UserStyle== */
/* ==UserStyle==
@name           Autoblog.nl Dark
@namespace      USO Archive
@author         Dawwwg
@description    `Modern dark theme for autoblog.nl. For the best experience combine with the 'Autojunk.nl Dark' theme as both sites are part of the same 'network' and deeplink to eachother.  <b>Features:</b>&bullet; Total dark make-over while respecting the original brand-styling.&bullet; A decluttered and more consistent layout; easy on the eyes.&bullet; Optimized primary-content width and font-styling for improved readability.&bullet; Round-borders, subtle shadows, transparency and a themed scrollbar make it more slick & modern looking.&bullet; Removes the large, redundant 'floormat' footer.&bullet; Effective Ad-suppression even without a dedicated Ad-Blocker plugin. &nbsp; It does not block tracking, but does suppress the display of all Ads including Branded Content articles.`
@version        20211206.10.15
@license        CC-BY-SA-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("autoblog.nl") {
body, body.home-page,
.ab_search_bar, .site-header,
.ab_search_bar .ab_right_bar,
.fa-search,
.site-inner, .site-container            { background-color: #181818; color: #eee }
.bb-mode-video, .must-log-in            { background-color: Transparent !important }
.site-inner                             { margin-bottom: 0; max-width: 950px }
body                                    { line-height: 1.75; background-color: Transparent; font-weight: 300 }
h1, h2, h3, h4, h5, h6, .entry-title    { margin: 0 0 5px; font-size: 24px !important; font-weight: 400 !important }
h4, h5, h6                              { font-size: 18px !important }
.widget_rest-featured-content .title-linked { font-size: 16px; font-weight: 300 }

.custom-logo-link .custom-logo          { margin-left: 10px }
.ab_search_bar fieldset                 { margin-right: -9px }
b, strong                               { font-weight: 400; letter-spacing: -0.5px }

blockquote,
.site-container .wp-block-pullquote,
.site-container .wp-block-quot          { background-color: #222; border-radius: 10px; margin: 0 0 1em 0; padding: 1em 1em 0.1em 2em }
.site-container .wp-block-pullquote cite,
.site-container .wp-block-quote cite    { color: #888; padding: 0 0 0.5em 0.5em }
.site-header                            { border-bottom: 1px solid #333 }
.content                                { width: 617px }
.content-sidebar .content               { padding: 20px 30px 20px 0px }
.entry-image-link img                   { width: 100% }
.more-link-wrap                         { display: none }
.nav-primary, 
.archive-description .entry-title, 
.archive-title                          { background-color: #181818; margin-top: 0; padding-left: 0 }
#genesis-mobile-nav-primary             { background-color: #181818 !important }
.genesis-nav-menu .sub-menu             { transition: none !important } 

.nav-primary                            { border-top: 0 }
.nav-primary .genesis-nav-menu a        { color: #ed1c24; transition: color 0.3s ease; font-size: 14px }
.nav-primary .genesis-nav-menu a:focus,
.nav-primary .genesis-nav-menu a:hover  { color: #eee; background-color: Transparent }
.nav-primary .genesis-nav-menu .sub-menu a          { padding: 7px 15px; font-size: 18px; background-color: Transparent !important }
.nav-primary .genesis-nav-menu .sub-menu li         { background-color: #222D !important}
.nav-primary .genesis-nav-menu .sub-menu a:focus,
.nav-primary .genesis-nav-menu .sub-menu a:hover    { color: #fff }

.genesis-nav-menu a, 
.genesis-nav-menu .toggle-header-search { font-weight: 600 !important }
.genesis-nav-menu>.menu-item>.sub-menu  { top: 45px }
.genesis-nav-menu>.menu-item .sub-menu>.menu-item:first-child,
.genesis-nav-menu>.menu-item>.sub-menu>.menu-item:last-child, 
.genesis-nav-menu .sub-menu a,
.archive-pagination a                   { background-color: #222; font-size: 13px !important; letter-spacing: 0.5px }
.archive-pagination a:hover, 
.archive-pagination a:focus, 
.archive-pagination li.active a,
.rp4wp_component a:hover                { color: #eee }

.archive-description                    { padding: 0 }
.archive-description .archive-title     { background-color: #181818; margin-bottom: 0 }
.site-container .wp-block-pullquote p, 
.site-container .wp-block-quote p       { color: #eee; font-size: 18px; font-style: italic; background-color: #222; border-radius: 10px; padding: 10px  }

.genesis-nav-menu>.menu-item .sub-menu>.menu-item             { border: 1px solid #333; border-bottom: 0; border-top: 0; transition: none }
.genesis-nav-menu>.menu-item .sub-menu>.menu-item:first-child { border: 1px solid #333; border-bottom: 0 }
.genesis-nav-menu>.menu-item>.sub-menu>.menu-item:last-child  { border: 1px solid #333; border-top: 0; margin-bottom: 5px }

#custom_html-2 .custom-html-widget      { height: auto }
#mailpoet_form_iframe                   { min-height: 210px; margin-top: 20px }
#mailpoet_form_1 .mailpoet_form         { background-color: #222 }
#mailpoet_form_1 .mailpoet_form input   { background-color: #444; color: #ccc; border-radius: 5px; width: 95% }
#mailpoet_form_1 .mailpoet_paragraph:nth-of-type(3) { text-align: center; margin: 0 60px; padding: 4px }
#mailpoet_form_1 input[type="submit"]   { padding: 10px 10px 8px 10px }
#mailpoet_form_1 .mailpoet_form input.mailpoet_submit:hover,
.wpulike-default .wp_ulike_btn:hover    { background-color: #ed1c24; color: #eee }
.wpulike-default .wp_ulike_btn          { min-width: 20px; min-height: 30px }
.wpulike .wp_ulike_btn                  { padding: 5px 20px 10px 20px }
.wpulike-default .count-box             { background-color: #444; color: #ccc; box-shadow: 0 0 0 1px #333; border-left: 0.5px solid #444 }
.wpulike-default .count-box:before      { border-color: #444; background-color: #444 }
.wpulike-default .wp_ulike_put_image.wp_ulike_btn_is_active:after { filter: invert(44%) sepia(40%) saturate(5000%) hue-rotate(330deg) brightness(85%) contrast(120%) }
.tablepress, .mailpoet_text_label       { color: #eee }
.tablepress .odd  td,
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #222 }
.wp-block-table.is-style-stripes        { border-bottom: 0 }
.tablepress .even td                    { background-color: #282828 }
.tablepress tbody td, 
.tablepress tfoot th                    { border-bottom: 1px solid #444 }
.tablepress .row-hover tr:hover td      { background-color: #444 }

.sidebar                                { margin-top: 30px; padding-right: 5px; width: 333px; line-height: 1.5 }
.sidebar .widget                        { background-color: #222; border-radius: 10px; width: 100%; box-sizing: border-box; max-width: 100% !important }

.entry, .ab_search_bar                  { border: 0 }
.entry-title a, 
.sidebar .widget-title a,
.sidebar .widget li a,
.sidebar .widget a.rsswidget,
.rp4wp_component a,
.entry-content a,
.rest-featured-content.title-linked, 
.rp4wp_component_title a,
.archive-pagination a:hover,
.archive-paginationli a                 { color: #eee; transition: color 0.3s ease }
.entry-content a:hover,
.entry-title a:hover, 
.sidebar .widget-title a:hover,
.home p.entry-meta a:hover,
.rp4wp_component a:hover,
.rest-featured-content.title-linked:hover, 
.rp4wp_component_title a:hover          { color: #ed1c24 }
.archive-pagination a                   { padding: 8px 12px }
.archive-pagination li                   { padding: 0 1px 0 0 }
    
.sidebar .widget.widget_rest-featured-content ul li,
.sidebar .widget ul li                  { margin-bottom: 10px }

.sidebar .widget .menu-service-container ul li a,
.ab_widget_check_je_kenteken .widget-btn,
.wpulike-default .wp_ulike_btn,
.comment-reply-link                     { backgrou...