Skip to content

抽屉轻(chouti clean) by senluo-liam

Screenshot of 抽屉轻(chouti clean)

Details

Authorsenluo-liam

LicenseNo License

Categorychouti.com

Created

Updated

Size4.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

抽屉新热榜(chouti.com)的样式优化

  1. 整理社交模块及footer
  2. 浮动元素静态化
  3. 字体调轻
  4. 一些其他样式调整

Notes

Source code

/* ==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;
}
}

Reviews

No reviews yet.