Чёрно-белый стиль дла хабра
Чёрно-белый by bpoh
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;
}
}