Removes ads and distractions. Focus on the reading experience.
The Race I Improved readability by falafelheight
Details
Authorfalafelheight
LicenseNo License
Categorythe-race
Created
Updated
Size3.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name The Race I Improved readability
@version 20241102.19.36
@namespace https://userstyles.world/user/falafelheight
@description Removes ads and distractions. Focus on the reading experience.
@author falafelheight
@license No License
==/UserStyle== */
@-moz-document domain("www.the-race.com") {
/* Get improved fonts for reading */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
/* remove ads and distractions */
#countdown-article,
.single-comments.single-block,
.therace_related_single,
#single-wrapper iframe,
.vsly-player,
#vsly-player-container,
.vsly-placeholder,
.viously,
#article-banner,
#disqus_thread,
#therace_nextprev,
#single-wrapper #therace_related_a,
#single-wrapper #therace_trend_read,
#ss-floating-bar,
.twitter-tweet,
.youtube-responsive-container {
display: none!important;
}
/* LOGIN TOP NAV */
.home .therace_login_signup,
.home #sidebarCollapse i,
.archive .therace_login_signup,
.archive #sidebarCollapse i {
text-shadow: none;
}
.home #main-nav .therace_login_signup a, .archive #main-nav .therace_login_signup a {
color: var(--dark);
}
/* Basic first. fixing width and rows */
#therace-content {
padding: 1rem;
}
/* Front page */
.excerpt {
padding-top: 2rem;
}
#post-header #carouselHeader .post-header-title h1 {
font-size: 45px !important;
}
#post-header .post-header-image {
height: 500px;
}
/* Article post header */
.single-post #main-nav .black-logo,
#post-header {
display: block !important;
}
.single-post #main-nav .white-logo {
display: none !important;
}
.post-header-category {
text-transform: uppercase;
font-size: 16px;
color: var(--orange);
margin: 3rem 0 1rem;
padding: 0;
font-family: "lato", serif !important;
font-weight: 900;
}
#post-header {
margin: 120px auto 2rem;
max-width: 1200px;
}
#post-header .post-header-title {
height: auto;
padding: 0;
}
#post-header .post-header-title h1 {
max-width: 700px;
margin: auto;
text-transform: initial;
font-family: "lato", serif !important;
font-weight: 900;
letter-spacing: -1px;
line-height: 1.2em;
font-size: 47px;
}
.single-post .post-header-wrapper, .single-writer .post-header-wrapper {
position: relative;
padding: 0;
max-width: 700px;
margin: auto;
}
/* Article tekst */
.wrapper {
padding: 0;
margin: 0;
}
.container {
max-width: 1000px !important;
padding: 0;
}
article.post .row {
display: block;
}
.col-lg-4,
.col-lg-8 {
display: block !important;
max-width: initial !important;
padding: 0;
}
#therace-post-content {
width: 700px;
margin: 2rem auto;
}
#entry-meta {
max-width: 700px;
margin: auto;
line-height: 1.5em;
font-family: "lato", serif !important;
}
/* Text */
#therace-post-content p,
#therace-post-content ol{
line-height: 1.6em;
margin-bottom: 1.8rem;
font-size: 18px;
}
/* pictures */
figure {
margin: 2rem 0;
}
article h2 + figure,
article h3 + figure{
display: none;
}
/* headlines */
article h2,
article h3 {
padding-top: 2rem;
padding-bottom: 0.1em;
text-transform: lowercase;
font-family: "lato", serif !important;
font-weight: 900;
letter-spacing: -1px;
font-size: 25px;
}
article h2:first-letter,
article h3:first-letter{
text-transform: initial;
}
/* Race result table */
.results_container th {
font-family: "lato", serif !important;
font-size: 12px;
text-transform: uppercase;
}
.results_container td {
font-family: "lato", serif !important;
font-size: 16px;
}
.results_container .col-points,
.results_container td:nth-child(4),
.results_container td:nth-child(5),
.results_container td:nth-child(8),
.results_container td:nth-child(9) {
text-align: center;
}
}