Чёрно-белый стиль дла хабра
Чёрно-белый by bpoh

Details
Authorbpoh
LicenseNo License
Categoryhabr.com
Created
Updated
Code size4.0 kB
Code checksumbe5d7df9
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;
}
}