修改知乎网页版的样式。懂的都懂。不懂的就去研究stylus是怎么一回事。
做成了仿手机版的样式,字体大便于观看。无需把电脑上的浏览器设置成手机模式,体验更佳。
/* ==UserStyle==
@name zhihu.com - 2022/6/22 23:47:10
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
/* 在此插入代码... */
.QuestionRichText{font-size: 35px;}
.QuestionHeader-title{margin-top: 18px;margin-bottom: 13px;font-size: 35px;font-weight: 600;line-height: 45px;color: #121212;}
body{font-size: 35px; color: #121212;text-align: justify;}
.Button{font-size: 23px;}
.ContentItem-time{font-size: 27px;}
.CommentItemV2{font-size: 18px;}
.CommentItemV2-meta .UserLink-link{font-weight: 700;}
.CommentItemV2-time{font-size: 23px;}
.AuthorInfo-head{font-size: 26px;}
.AuthorInfo-badge{font-size: 22px;}
.Sticky .is-fixed{display: none;}
.css-ql0744 .LinkCard .new{width: 540px;min-height: 300px;}
.CommentContent .css-1tww9qq .css-74475r .css-ql0744 .LinkCard .new .LinkCard-title{font-size: 18px;}
.css-82fsyv .css-82fsyv .css-12cl38p .css-ql0744 .LinkCard .new .css-1rd0h6f .LinkCard-desc{font-size: 18px;height: 20px;line-height: 22px;}
.css-1rd0h6f{font-size:21px;}
.css-g9ynb2{font-size:29px;}
.RichContent .is-collapsed .RichContent-inner{max-height: 155px;}
h1{font-size: 30px;}
.ContentItem-title{font-size: 35px;}
.Post-Title{font-size: 40px;}
.QuestionMainAction{font-size: 20px;}
.css-1ygdre8{font-size: 26px;line-height:34PX;}
.ColumnPageHeader-Wrapper{display:none;}
.AppHeader{display:none;}
.GlobalSideBar{display:none;}
.is-fixed{display:none;}
.LegacyUserStatus{display:none;}
.Question-sideColumn{display:none;}
.QuestionHeader-actions{display:none;}
.QuestionHeader-side{display:none;}
.Recommendations-Main{display:none;}
.css-ql0744{line-height: 1.8;}
.css-1rd84oj { font-size: 24px;}
.List-item+.List-item:after{border-bottom: 7px solid #026ae5;}
.Post-Main .Post-Title {font-size: 30px;}
.List-item {padding: 33px 20px;position: relative;}
.css-1fo89v5 {display: none;}
.css-plbgu {margin: 28px 0px 0px;}
.ContentItem-actions {margin: -12px -20px -10px;}
.ContentItem-time {margin-top: 18px;}
.css-805ti0 { display: none;}
.Reward {display: none;}
.css-1t9bp9f {font-size: 25px;line-height: 33px;margin: 13px 0px 8px;}
.css-1p9g937{font-size: 33px;line-height: 42px;margin: 19px 0px 8px;}
.css-vpssrj{font-size: 19px;}
.css-x9dm90{font-size: 22px;}
.css-1j8bif6{font-size: 17px;line-height: 28px;}
.css-8hxn0r{font-size: 23px;}
.css-nm6sok{font-size: 23px;}
.css-1hnxfhy { font-size: 14px;}
.css-vr7jd6 {font-size: 18px;height: 47px;}
.sticker { width: 26px;height: 26px;}
.css-1s1htbw { width: 30px; height: 30px;}
.css-2wzedv,.css-alvukd{ width: 44px; height: 44px;border-radius: 8px;}
.css-1oqflzh {width: 50px;height: 50px;}
.css-1yeqy9h { font-size: 21px;}
.css-z07uxh,.css-1ki0pxd {border: 3px solid rgb(219 217 217);}
.css-2ovwuy::before {border-bottom: 3px solid rgb(235, 235, 235);}
.KfeCollection-IntroCard-newStyle-pc {font-size: 20px;line-height: 30px;padding:15px 15px;padding: 12px 18px;}
.KfeCollection-OrdinaryLabel-content {color: #175199;font-size: 18px;}
.css-9mu7l2 { font-size: 18px;line-height: 27px;color: rgb(23, 81, 153);border-radius:20px;padding: 4px 12px;}
.ZdfrHW7Ef5ZjwFiiBJuS{display:none;}
.css-1vgu1pu hr,.css-117anjg hr {width: 529px;border-top: 2px solid #aba8a8;margin: 2.5em auto;}
.RichContent--unescapable.is-collapsed {font-size: 24px;}
.css-1p04wnp {height: 42px;}
.css-5gbrzs {height: 46px;}
.LinkCard.new {width: 482px;background-color: #f6e3e3;font-size: 18px;line-height: 35px;height: 31px;}
.css-1qyytj7{display: none;}
.css-f4xpr5{display: none;}
.Popover {display: none;position: relative;}
.css-we6n55::before {border-bottom: 1px solid rgb(136 133 133);}
.css-1ir6a8u {font-size: 23px;}
.css-1hx3fyn {width: 60px;height: 60px;border-radius: 10px;}
.css-kt4t4n {display: none;}
.css-117anjg {word-break: break-word;line-height: 1.4;}
.css-117anjg p {margin: 0.8em 0;}
.FEfUrdfMIKpQDJDqkjte {font-size: 23px;line-height: 32px;padding: 4px 16px;}
.css-11v6bw0 {width: 55px;height: 28px;background-color: rgb(255, 255, 255);}
.css-33kuns {color: rgb(255, 150, 7);height: 16px;line-height: 16px;box-sizing: border-box;font-size: 20px;margin: 0px 4px;}
.css-v3bcki {box-sizing: border-box;min-width: 0px; display: flex; align-items: center; justify-content: center; color: rgb(132, 147, 165); font-size: 24px; padding: 20px 0px; margin: 0px 20px;cursor: pointer; position: relative;}
.css-h9ndtl { position: relative; padding: 0px 6px; color: rgb(156 155 155); height: 24px;line-height: 24px;box-sizing: border-box;margin-left: 4px;font-size: 17px;}
.css-117anjg .LinkCard.new .LinkCard-title { display: -webkit-box;font-size: 22px; font-weight: 500;line-height: 1.4;margin-bottom: 4px;}
.css-117anjg .LinkCard.new .LinkCard-desc { font-size: 20px; height: 20px; line-height: 18px; color: #999999;}
.FollowButton {display: none;}
.css-1p9g937 .sticker { width: 31px; height: 31px; margin-bottom: -4px;}
.TopstoryItem .ContentItem-actions .Button:not(.Button--plain):not(.Button--link) { line-height: 30px; padding: 4px 12px;}