Skip to content

Чёрно-белый by bpoh

Screenshot of Чёрно-белый

Details

Authorbpoh

LicenseNo License

Categoryhabr.com

Created

Updated

Size4.0 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         habr.com
@version      20230504.00.40
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://habr.com/") {
body,
html {
    -webkit-overflow-scrolling: touch;
    background-color: #000;
    margin: 0 auto;
    min-height: 100vh;
    min-width: 320px;
    width: 100%;
    height: 100%;
}

.tm-base-layout__header {
    background-color: #000;
    border-bottom: 1px solid #8a0f0f;
}

.tm-layout__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #000;
}

.tm-company-profile-card {
    background-color: #000;
    padding: 16px 16px;
}

.tm-article-presenter__body {
    animation: fadein .3s;
    background-color: #000;
    position: relative;
    margin-bottom: 12px;
}

.article-formatted-body {
    color: #fff;
    font-size: 1rem;
    line-height: 1.56;
    overflow-wrap: break-word;
}

.tm-title_h1 {
    font-family: Fira Sans, sans-serif;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.3;
}

.tm-block {
    background-color: #000;
}

.tm-description-list__body_variant-columns,
.tm-description-list__body_variant-columns-nowrap,
.tm-description-list__body_variant-columns-numbers,
.tm-description-list__title_variant-columns,
.tm-description-list__title_variant-columns-nowrap,
.tm-description-list__title_variant-columns-numbers {
    color: #fff;
    font-size: .8125rem;
    line-height: 1rem;
    width: 50%;
    margin: 0;
}

.tm-article-title__link,
.tm-article-title__text {
    font-family: Fira Sans, sans-serif;
    color: #9b9b9b;
    font-weight: inherit;
}

.tm-article-sticky-panel__icons {
    background-color: #000;
    border-top: 1px solid #d5dddf;
    box-sizing: border-box;
    height: 48px;
    padding: 0 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    min-width: 320px;
}

.tm-articles-list__item {
    background-color: #000;
    border-bottom: 1px solid #eaeaea;
    box-sizing: border-box;
    margin-bottom: 8px;
    padding: 16px;
}

.tm-user-card {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.tm-comments-wrapper__wrapper {
    background-color: #000;
}
.tm-comment__body-content {
    color: #fff;
    font-size: .9375rem;
    line-height: 1.375rem;
    word-break: break-word;
}

.tm-section-name {
	background: #000;
	box-sizing: border-box;
	justify-content: space-between;
	padding: 14px 16px;
	white-space: nowrap;
}
.tm-tabs {
	align-items: center;
	background-color: #000;
	box-shadow: inset 0 -1px 0 0 #d5dddf;
	display: flex;
	overflow-x: hidden;
	position: relative;
	white-space: nowrap;
}
.tm-tabs::after {
	right: 0;
	background: linear-gradient(270deg,#090909 30%,hsla(0, 0%, 0%, 0));
}

.tm-tabs::before {
	left: 0;
	background: linear-gradient(90deg,#000 30%,hsla(0,0%,97%,0));
}
.tm-tabs {
	align-items: center;
	background-color: #000;
	box-shadow: inset 0 -1px 0 0 #000;
	display: flex;
	overflow-x: hidden;
	position: relative;
	white-space: nowrap;
}
.tm-navigation-filters-spoiler__button {
	align-items: center;
	background-color: black;
	border: 0;
	color: #aaa;
	cursor: pointer;
	display: flex;
	font-size: .8125rem;
	font-weight: 500;
	line-height: 1.125rem;
	padding: 12px 16px;
	padding-right: 0;
	width: 100%;
	flex: 1 1 100%;
}

.tm-title__link {
	font-family: Fira Sans,sans-serif;
	color: #a01717;
	font-size: 1.25rem;
	font-weight: inherit;
	line-height: 1.3;
}

.article-formatted-body pre {
	background: #0f0f0f;
	border: 1px solid #e5e8ec;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: .875rem;
	line-height: 1.6;
	margin: 0;
	overflow: auto;
	padding: 17px 20px;
	-moz-tab-size: 4;
	tab-size: 4;
	white-space: pre;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
}

.article-formatted-body code {
	font-family: Menlo,Monaco,Consolas,Courier New,Courier,monospace;
	background-color: #262626;
	border-radius: 4px;
	overflow-wrap: break-word;
	padding: 3px 6px;
	white-space: normal;
}
}

Reviews

No reviews yet.