Skip to content

The Race I Improved readability by falafelheight

Screenshot of The Race I Improved readability

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

Removes ads and distractions. Focus on the reading experience.

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;
}
















}

Reviews

No reviews yet.