抽屉新热榜(chouti.com)的样式优化
- 整理社交模块及footer
- 浮动元素静态化
- 字体调轻
- 一些其他样式调整
Authorsenluo-liam
LicenseNo License
Categorychouti.com
Created
Updated
Size4.3 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
抽屉新热榜(chouti.com)的样式优化
配合油猴脚本 抽屉眼不见为净 还能过滤内容或评论哦
/* ==UserStyle==
@name 抽屉轻(chouti clean)
@namespace chouti.com
@author senluo
@version 2.0.1
==/UserStyle== */
@-moz-document domain("chouti.com") {
/* 全局字体和链接样式 */
body {
font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, "Lucida Grande", "Luxi Sans", sans-serif;
}
.link-title:hover,
.top-ten-title:hover {
color: #396 !important;
}
.link-info-con .link-detail .link-title,
.operate-con .recommend .recommend-num,
.operate-con .comment .comment-num,
.header nav .nav-ul .nav-li spa {
font-weight: 400 !important;
}
/* 顶部浮动元素固定化 */
.header-fix {
position: static !important;
}
.header-fix-shadow {
box-shadow: none !important;
}
.search-header-fix {
position: static !important;
}
.search-header {
box-shadow: none !important;
}
#refreshLink {
position: static !important;
}
/* 右侧栏 */
.extra,
.content,
.sub {
min-height: 300px !important;
}
.side-tool,
.extra .extra-report-con,
.extra .extra-attention-recommend-con,
.extra .extra-attention-recommend-con + div,
.extra .another-batch,
.extra .extra-common-topic,
.extra > a,
.extra > div:not(.extra-common-con),
.top-ten-matching-con > .circle,
.top-ten-matching-con > .top-shadow {
display: none !important;
}
.extra .extra-common-con,
.extra .extra-common-con > * {
background-color: #f9f9f9 !important;
}
/* 底部 */
.footer {
display: none !important;
}
main > div > .main-container {
margin-top: 18px;
margin-bottom: 40px;
}
/* 个人中心 */
.profile-header-container {
display: none !important;
}
.tabs {
height: 44px;
margin-top: 18px !important;;
}
.tabs .tabs-tab {
line-height: 44px !important;;
}
.personal-nav-fixed {
position: static !important;
margin-left: -100% !important;
}
.empty-data {
padding: 0;
}
.empty-data>img{
height: 240px;
object-fit: cover;
}
/* 首页卡片 */
.operate-con > .share,
.operate-con > .dot,
.publish-btn,
.author-con .category-icon,
.author-con .separate-line {
display: none !important;
}
.link-con .link-large-item .link-info-con .operate-author-con .operate-con {
margin-top: 0 !important;
float: right !important;
width: inherit !important;
}
.link-con .link-large-item .link-info-con .link-detail {
min-height: 176px !important;;
}
.link-con .link-item .operate-author-con {
margin-top: 20px !important;;
}
/* 详情页+评论区 */
.comment-area {
padding-bottom: 14px;
}
.comment-container .comment-con {
padding-bottom: 0px !important;;
}
.original-link-top-area .link-info-con .link-detail .link-title {
font-size: 17px !important;;
}
.original-link-operate-con .time-enter,
.original-link-operate-con .author-name,
.original-link-operate-con .recommend-num,
.original-link-operate-con .comment-num {
font-size: 14px !important;
top: 0 !important;
}
.original-link-operate-con {
padding-top: 0 !important;
}
.original-link-operate-con .separate-line,
.original-link-operate-con .category-icon {
display: none !important;
}
.original-link-operate-con .author-avatar,
.original-link-operate-con .recommend-icon,
.original-link-operate-con .recommend-icon-img,
.original-link-operate-con .comment-icon,
.original-link-operate-con .save-icon,
.original-link-operate-con .save-icon-img {
width: 16px !important;
height: 16px !important;
margin-top: 0px !important;
}
.operate-author-con .recommend-icon-img,
.operate-author-con .save-icon-img,
.original-link-operate-con .recommend-icon-img-animate,
.original-link-operate-con .save-icon-img-animate {
width: 44px !important;
height: 44px !important;
top: -15px !important;
left: -15px !important;
}
.original-link-operate-con .operate-author-con .author-con,
.original-link-operate-con .operate-author-con .operate-con,
.original-link-operate-con .operate-author-con .operate-con a {
line-height: 16px !important;
}
.author-con .time-enter {
font-size: 12px !important;
}
.author-avatar-name .author-name {
color: #999 !important;
}
/* 屏蔽顶部tab-屏蔽 */
header nav {
display: none !important;
}
}