Ars Technica userstyle

ars.css

/*** This most likely *will not* be updated with any further changes I make to my local version, so just copy-paste import it. ***/

/* Hide junk */

.sticky_support .site-header {
    position: unset;
}
.inline-playlist {
    display: none;
}
.prev-next-links,
.recommendations-footer {
    /*display: none;*/
    width: calc(100% - 460px);
    margin-left: 120px;
}
#story-recommendations {
    display: none;
}
footer.site-footer {
    width: calc(100% - 460px);
    margin-left: 120px;
    --ars-green: #01cd74;
    border-top: 3px solid var(--ars-green);
    background: unset;
    color: gray;
}
footer.site-footer .footer-terms-logo #copyright-terms a {
    color: black;
    text-decoration: underline;
}

/* Remove the dark side borders */

body {
    background-color: unset;
    background-color: #f0f1f2;
}
.site-wrapper {
    background-color: unset;
}

/* Underline links */

.article-single .article-content a:link {
    text-decoration: underline;
}

/* Tweak body font */

body, .article-single .article-content {
    font: 11pt/1.4 sans-serif;
}
body, .article-single .article-content p {
    /*
    text-align: justify;
    */
}

/* Tweak other fonts */

.article-single .article-header h1 {
    font: 25pt sans-serif;
    /*font-size: 30px;*/
    margin-top: 0.2em;
}
.article-single .article-header h2 {
    font: 15pt sans-serif;
}
.article-single .article-header h4.post-upperdek {
    font-family: sans-serif;
}
.article-single .article-content {
    padding-top: unset;
}
.article-single .article-content h2 {
    font: 16pt sans-serif;
}

/* Hide 'comment' bubble (avoids overlapping after intro-image tweaks) */

.article-single #social-left {
    display: none;
}
li.article.tease .comments-hotness {
    display: none;
}

/* Shrink the intro image and put it to the side */

/*
.article-single figure.intro-image {
    width: 40% !important;
    float: left;
    margin-top: 2em;
    margin-right: 1.5em;
    margin-bottom: 2em;
}
*/

/* Alternative, shrink the intro image *and* re-align the body column */


.article-single .column-wrapper .left-column {
    /* default: calc(100% - 460px); */
    /*width: calc(100% - 460px);*/
    /* default: 120px */
    /*margin-left: 0;*/
}
.article-single .article-header {
    margin-left: 0;
}
.article-single figure.intro-image {
    width: 40% !important;
    float: right;
    margin-top: 0;
    margin-left: 1.7em;
    margin-bottom: 0.8em;
}
@media (min-width: 1000px) {
    .article-single figure.intro-image {
        margin-right: -120px;
    }
}
.article-single figure.intro-image figcaption {
    text-align: right;
}
.article-single figure.intro-image figcaption .caption-text {
    border-bottom: none;
}
.article-single figure.intro-image figcaption a:link {
    text-decoration: none;
}
.article-single figure .caption-credit a.caption-link {
    text-decoration: none;
}