Skip to content

Readable Habr.com by freetz13

Screenshot of Readable Habr.com

Details

Authorfreetz13

LicenseNo License

Categoryhabr.com

Created

Updated

Code size3.1 kB

Code checksum6930fa91

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Make habr.com more readable

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         habr.com readable
@version      20250405.14.06
@namespace    https://userstyles.world/user/freetz13
@description  Make habr.com more readable
@author       freetz13
@license      No License
==/UserStyle== */

@-moz-document domain("habr.com") {
:root {
    --a: #3584E4;
    --a_hover: #62A0EA;
    --a_visited: #9141AC;
}

* {
    hyphens: unset;
    transition: none;
}

.article-formatted-body li,
.article-formatted-body figure figcaption {
    padding: 0px;
    font-size: large;
    line-height: 1.5;
}

.tm-article-snippet__title_h1 {
    overflow: unset;
}

.article-formatted-body h1,
.article-formatted-body h1 code {
    font-size: 2rem;
}

.article-formatted-body h2,
.article-formatted-body h2 code {
    font-size: 1.9rem;
}

.article-formatted-body h3,
.article-formatted-body h3 code {
    font-size: 1.7rem;
}

.article-formatted-body h4,
.article-formatted-body h4 code {
    font-size: 1.5rem;
}

.article-formatted-body h5,
.article-formatted-body h5 code {
    font-size: 1.3rem;
}

.article-formatted-body h6,
.article-formatted-body h6 code {
    font-size: 1.1rem;
}

.article-formatted-body h1,
.article-formatted-body h2,
.article-formatted-body h3,
.article-formatted-body h4,
.article-formatted-body h5,
.article-formatted-body h6,
.tm-title_h1,
.tm-title_h2,
.tm-title_h3,
.tm-title_h4,
.tm-title_h5,
.tm-title_h6 {
    font-family: serif;
    line-height: 1.5;
}

#post-content-body {
    text-align: justify;
    hyphens: auto;
    font-family: serif;
}


.article-formatted-body img {
    margin: 0 auto;
}

figcaption {
    text-wrap: balance;
}

.article-formatted-body,
#post-content-body p,
.tm-comment__body-content_v2 p,
.tm-comment__body-content {
    font-size: 14pt;
    line-height: 1.5;
    font-family: serif;
    color: #333;
}

.article-formatted-body_version-2 hr {
    margin: 1em auto;
}

body {
    font-family: initial;
}

.article-formatted-body code,
.article-formatted-body pre code {
    font-family: monospace;
    background-color: unset;
    font-weight: bold;
}

font[color] {
    color: #333;
}

.tm-title {
    font-size: xx-large;
    text-wrap: balance;
    text-align: center;
    hyphens: unset;
}

br + br {
    margin: 0;
}

.tm-comment__body-content {
    text-align: justify;
}

.article-formatted-body a {
    color: var(--a);
}

.article-formatted-body a:hover {
    color: var(--a_hover);
}

.article-formatted-body a:visited {
    color: var(--a_visited)
}

font[color] {
    color: #333;
}

.tm-page__sidebar {
    display: none;
}

.tm-page__main,
.tm-article-presenter {
    max-width: 100%;
}

img {
    display: block;
}

img[data-tex="inline"] {
    margin: auto;
    display: inline-block;
}

.tm-article-presenter__footer {
    max-width: unset;
}

@media print {
    .article-formatted-body code,
    .article-formatted-body pre code {
        font-weight: normal;
        white-space: pre-wrap;
    }

    .tm-header,
    .tm-company-profile-card,
    .tm-base-layout__header,
    .tm-block__body,
    .tm-comment-form,
    .tm-footer-menu,
    .tm-footer,
    .tm-layout-sidebar {
        display: none;
    }
}
}

Reviews

No reviews yet.