Complete, slick and decluttered Dark theme for autoblog.nl with Ad-suppression since 2018. Designed to be easy on the eyes and fast.
Autoblog.nl | Autoblog Dark by skilla
Details
Authorskilla
LicenseCreative Commons Attribution-ShareAlike
Categoryautoblog.nl autoblog
Created
Updated
Size18 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Changelog:
v2.61 | 2023-12-07
- Bugfix: Darkened Podcast iframe caused videos to be colour-inverted too; undid the v2.60 change.
v2.60 | 2023-11-19
- Styled the updated F1 Race Results Team-names properly.
- Darkened Podcast iframe.
v2.59 | 2023-06-13
- Styled the updated photo gallery.
v2.58 | 2022-10-19
- Supressed white block at the footer of article pages.
v2.57 | 2022-10-14
- Updated Ad-suppression on articles.
v2.56 | 2022-10-09
- Suppressed new Ad in main-page header.
v2.55 | 2022-09-14
- Suppressed new white background for 'Must login' box below articles when not logged on.
- Suppressed gray border below top-banner.
- Removed margin-fix for 'Mijn Autoblog' top menu item on the right, as it's now fixed by the site.
- Removed top-menu background-gradient; menu text looks a bit 'bolder' as a result.
- Removed transition-markup from scrollbar CSS.
v2.54 | 2022-07-02
- Added some red glow (text-shadow) to article links to make them stand out more.
v2.53 | 2022-06-15
- Fixed submenu font-size being too large.
v2.52 | 2022-01-27
- Updated 'spot' text-color for license-plate styling from white to black.
- Removed the hardcoded inline-style black borders from the 'spot' page photo gallery.
- Removed white border-line below site-header / above top menu-bar.
v2.51 | 2022-01-09
- Updated submenu, dropdown menu's and header styles to be fully compatible with new layout.
v2.50 | 2021-12-06
- Support for rebranded/restyled autoblog.nl theming (new menu, pagination).
- Published theme to userstyles.world too.
v2.42 | 2021-10-30
- Minor fix to the pagination-button hover-color.
For legacy release-changelogs, please check the details of this theme on userstyles.org.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==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 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 Branded Content articles. <b>Note:</b> Moved to userstyles.world and Stylus as primary styler; this might not be the most recent version.
@version 20231119.15.24
@license CC-BY-SA-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain("autoblog.nl") {
html { margin: 0 !important }
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 }
.admin-bar .nav-primary { 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,
.RaceSingleRaceDriverTablePostWrapper h3 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 { background-color: #333 }
.comment-reply-link { color: #ccc; padding: 5px 10px }
.full-width-content .content { width: 100% }
.full-width-content .entry-content .alignwide,
img.centered, .aligncenter,
.wp-block-image { margin: 0 0 5px; max-width: 100% }
.wp-block-image img { width: 100% }
.home p.entry-meta,
.home p.entry-meta a { color: #ccc; font-weight: 400; font-size: 13px }
p.entry-meta, .entry-meta a { color: #ccc; font-weight: 400; font-size: 16px }
div.entry-content p { margin-bottom: 20px }
.entry-comments, .entry-pings { margin-bottom: 50px }
input[type=submit] { background-color: #282828 }
button { background-color: #333 }
select[disabled] { color: #888 !important }
textarea,
input[type=text], input[type=email] { padding: 10px 15px; background-color: #222; color: #eee !important; border-color: #333 !important; border-radius: 5px }
button, input[type=button],
input[type=reset], input[type=submit],
.site-container div.wpforms-container-full .wpforms-form input[type=submit],
.site-container div.wpforms-container-full .wpforms-form button[type=submit],
.button, .more-link { margin-top: 0 }
.ab_search_bar .ab_search_filter { height: 30px; width: 100%; background-position: 100%; border: 1px solid #282828; border-radius: 5px }
.ab_select { border: 1px solid #282828; height: 30px; border-radius: 5px; background: Transparent }
.ab_search_bar { padding-top: 1px; background: Transparent; }
.ab_search_bar .ab_left_bar { margin-top: 1px; height: auto; top: auto }
.ab_search_bar input[type=button] { background-color: #333; border-rad...