cleanwhite | habr.com by quaritexa

/* ==UserStyle==
@name         cleanwhite | habr.com
@version      2024.10.06
@namespace    userstyles.world/user/quaritexa
@description  just clean & white
@author       quaritexa
@license      No License
==/UserStyle== */
@-moz-document domain("habr.com") {
	/* remove bg */
	:root {
		--mine-shaft: grey;
	}
	.publication-type-label,
	.similar-and-daily__tab-view,
	.tm-articles-list__item,
	.tm-article-presenter__body,
	.tm-article-sticky-panel,
	.tm-article-sticky-panel__icons,
	.tm-block,
	.tm-comment-form,
	.tm-comments-wrapper__wrapper,
	.tm-footer-menu,
	.tm-header,
	.tm-page__top,
	.tm-project-block,
	.tm-section-name,
	.tm-tabs,
	.tm-user-card,
	_ {
		background-color: transparent;
	}

	/* remove borders */
	.tm-article-list-block__item:not(:first-child),
	.tm-block__header,
	.tm-block__footer,
	.tm-comment-form,
	.tm-flow__subheader,
	.tm-navigation-panel,
	.tm-navigation-filters__wrapper,
	.tm-navigation-sorting,
	.tm-tabs,
	_ {
		box-shadow: none;
		border: none;
	}

	/* hide */
	:is(h1, h2, h3, h4, h5, h6, p, div) + br,
	.tm-publication-hubs__container::after,
	_ {
		display: none;
	}

	/* header */
	.tm-base-layout__header {
		border: none;
	}
	.tm-base-layout__header-wrapper {
		height: 2.5em;
	}
	.tm-base-layout__header {
		opacity: .9;
	}

	/* text */
	.article-formatted-body :is(h1, h2, h3, h4, h5, h6),
	_ {
		font-family: serif;
		font-weight: bold;
		line-height: 1.4;
	}
	
	.tm-article-presenter,
	.tm-article-presenter__footer,
	.tm-article-snippet__cover_cover, 
	_ {
		max-width: initial;
		margin: 0 35px;
	}
	.tm-page-width {
		margin: initial;
	}
	.tm-page-width {
		max-width: initial;
	}

	.article-formatted-body h1 {
		font-size: 2.7rem;
	}
	.article-formatted-body h2 {
		font-size: 2.5rem;
	}
	.article-formatted-body h3 {
		font-size: 2.3rem;
	}
	.article-formatted-body h4 {
		font-size: 2.1rem;
	}
	.article-formatted-body h5 {
		font-size: 1.9rem;
	}
	.article-formatted-body h6 {
		font-size: 1.7rem;
	}

	.article-formatted-body,
	.article-formatted-body p,
	_ {
		font-family: serif;
		font-size: 1.9rem;
		line-height: 1.4;
	}

	pre * {
		font-family: PragmataPro, monospace;
		font-size: 1rem !important;
		line-height: 1.4;
	}
	
	/* image caption */
	.article-formatted-body_version-2 .persona__heading + p, 
	.article-formatted-body_version-2 .persona__text,
	.article-formatted-body_version-2 figure figcaption,
	_ {
		font-size: .9rem;
		font-family: sans-serif;
		line-height: 1.4;
	}

	/* comments */
	.tm-comment__body-content_v2 p,
	.tm-comment__body-content,
	_ {
		font-family: serif;
		font-size: 1.5rem;
		line-height: 1.4;
	}

	/* sidebar */
	.tm-block__header {
		padding-bottom: 0;
	}
	.tm-block__footer {
		padding-top: 0;
	}
	.tm-companies-rating__item {
		margin-top: 10px !important;
	}
	.tm-article-list-block__item:not(:first-child) {
		padding-top: 0;
	}
	.tm-article-title_sidebar {
		margin: 0;
	}
	.tm-data-icons {
		transform: scale(.8);
		opacity: .5;
		width: 1%;
	}
	
	/* userscript: habr-best-comments */
	.hbc {
		background-color: #0000 !important;
		right: 21rem !important;
		padding-right: 15px;
		width: 3.5rem !important;
	}
	.hbc>* {
		background-color: transparent !important;
	}
}
@-moz-document domain("qna.habr.com") {
	#question_show,
	.question__text {
		font-family: serif;
		font-size: 1.6rem;
		line-height: 1.4;
	}

	.answer__text,
	.answer__text :not(pre):not(code) {
		font-family: serif;
		font-size: 1.4rem;
		line-height: 1.4;
	}

	.comment__text,
	.comment__text :not(pre):not(code) {
		font-family: serif;
		font-size: 1.4rem;
		line-height: 1.4;
	}
}