Skip to content

知乎自用样式 by hhp1614

Details

Authorhhp1614

LicenseNo License

Category知乎

Created

Updated

Size5.1 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         知乎自用样式 by hhp1614
@version      20221013.06.10
@namespace    userstyles.world/user/hhp1614
@description  - 使用小字体
- 屏蔽首页视频
- 首页信息流标题标记
- 加宽内容显示区域
@author       hhp1614
@license      No License
==/UserStyle== */

@-moz-document domain("zhihu.com") {
/* 声明变量 */
:root {
    --zh-font-size: var(--hhp-size);
    --zh-main-width: 1296px;
    --zh-content-width: 1000px;
}
}

@-moz-document domain("zhihu.com") {
/* 统一字号 */
* {
    font-size: var(--zh-font-size) !important;
}
/* 首页标题 */
#root .ContentItem-title a {
    font-weight: bold;
}
/* 文章标题 */
#root h1 {
    font-weight: bold;
}
/* 侧边栏 */
#root .GlobalSideBar * {
    font-size: calc(0.8 * var(--zh-font-size)) !important;
}
}

@-moz-document domain("zhihu.com") {
/* 隐藏知乎 logo */
.css-1hlrcxk {
    display: none;
}
}

@-moz-document domain("zhihu.com") {
/* 加宽内容区域 */
/* 首页 */
#root .Topstory-container {
    width: var(--zh-main-width);
}
#root .Topstory-mainColumn {
    width: var(--zh-content-width);
}
#root .AppHeader-inner,
#root .TopstoryPageHeader {
    max-width: var(--zh-main-width);
}
#root .ContentItem .RichContent-actions {
    box-sizing: border-box;
    left: calc((100vw - var(--zh-content-width)) / 2 - 156px) !important;
}
/* 弹窗 */
.Modal--fullPage {
    width: var(--zh-content-width);
}
/* 文章页 */
#root .Post-Header,
#root .Post-RichTextContainer {
    width: var(--zh-content-width);
}
#root .Post-RichTextContainer img {
    width: 80%;
}
#root .Post-SideActions {
    right: calc((100vw - var(--zh-content-width)) / 2 - 100px);
}
#root .Post-content .RichContent-actions {
    box-sizing: border-box;
    width: var(--zh-content-width) !important;
    left: calc((100vw - var(--zh-content-width)) / 2) !important;
}
#root .Post-NormalMain>div, .Post-NormalSub>div {
    width: var(--zh-content-width);
}
/* 回答页 */
#root .Question-main {
    width: var(--zh-main-width);
}
#root .Question-mainColumn {
    width: calc(0.764 * var(--zh-main-width));
}
#root .QuestionHeader-content {
    margin: 0 auto;
    width: var(--zh-main-width);
    max-width: unset;
    padding: 0;
}
#root .QuestionHeader-footer-inner {
    width: var(--zh-main-width);
}
#root .QuestionHeader-content .QuestionHeader-main {
    flex: 1;
}
#root #QuestionAnswers-answers .RichContent-actions {
    box-sizing: border-box;
    width: calc(0.764 * var(--zh-main-width)) !important;
    left: calc((100vw - var(--zh-main-width)) / 2 - 8px) !important;
}
#root .AuthorInfo {
    max-width: 100%;
}
/* 专栏页 */
#root .css-1xhi2j9 {
    width: var(--zh-content-width);
}
#root .css-1xy3kyp {
    padding: 0;
    max-width: var(--zh-content-width);
}
#root .css-1f6hmyt {
    width: var(--zh-content-width);
}
/* 搜索页 */
#root .SearchTabs-inner {
    justify-content: space-between;
    width: var(--zh-main-width);
}
#root .Search-container {
    width: var(--zh-main-width);
}
#root .Search-container #SearchMain {
    width: var(--zh-content-width);
}
#root #SearchMain .RichContent-actions {
    box-sizing: border-box;
    padding-top: 0;
    width: var(--zh-content-width) !important;
    left: calc((100vw - var(--zh-main-width)) / 2 - 8px) !important;
}
#root #SearchMain .ContentItem-actions .ContentItem-action {
    height: auto;
    padding: 0;
}
#root .RelevantQuery li {
    margin: 0 0.5rem 0.5rem 0;
    width: 150px;
}
/* 用户页 */
#ProfileHeader {
    width: var(--zh-main-width);
}
#root .Profile-main {
    width: var(--zh-main-width);
}
#root .Profile-mainColumn {
    margin-right: 10px;
    width: var(--zh-content-width);
}
#root .PageHeader .ProfileMain-header {
    width: var(--zh-main-width);
}
/* 讨论页 */
#root .App-main > div[class^="css-"] {
    max-width: var(--zh-main-width);
}
#root .TopicFeedItem .ContentItem .RichContent-actions {
    left: calc((100vw - var(--zh-content-width)) / 2 - 153px) !important;
}
}

@-moz-document url("https://www.zhihu.com/") {
/* 屏蔽首页视频 */
#TopstoryContent .Card > div[data-za-extra-module*='"has_video":true'] {
    display: none;
}
}

@-moz-document domain("zhihu.com") {
/* 列表标题前添加「文章」、「回答」、「视频」标记 */
.ContentItem-title a[href*='zhuanlan']::before,
.ContentItem-title a[href*='answer']::before,
.ContentItem-title a[href*='video']::before {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 0.5em;
    padding: 0 0.5em;
    border-radius: 3px;
    font-size: 0.7rem;
    vertical-align: text-top;
}
.ContentItem-title a[href*='zhuanlan']::before {
    content: '文章';
    color: #ee8f00;
    border: 1px solid #ee8f00;
}
.ContentItem-title a[href*='answer']::before {
    content: '回答';
    color: #00dd76;
    border: 1px solid #00dd76;
}
.ContentItem-title a[href*='video']::before {
    content: '视频';
    color: #dd00b1;
    border: 1px solid #dd00b1;
}
}

@-moz-document domain("zhihu.com") {
/* 显示完整链接 */
.invisible {
    color: inherit !important;
}
.ellipsis {
    display: none !important;
}
}

Reviews

No reviews yet.