Greasy Fork is available in English.
我在，不用担心。 —— 瑶瑶·加入队伍·其三
/* ==UserStyle==
@name 虎扑 - 瑶瑶主题
@namespace https://greasyfork.org/en/scripts/462550
@version 1.0.3
@description 我在，不用担心。 —— 瑶瑶·加入队伍·其三
@author 云浮鱼
@license MIT
==/UserStyle== */
@-moz-document domain("bbs.hupu.com"),
domain("my.hupu.com") {
/*==================================================================
帖子内部 - display:none 部分
====================================================================*/
.post_topic th,
.test-img-list-model .list-font-item .font-item-Topic,
.hp-pc-rc-SuperMenu-sub-menu,
.post-user_post-user-comp-info-bottom__CqR2O,
.post-user_post-user-comp-avatar-wrapper__Dg3nG .post-user_avatar-main__Qa5cS {
display: none;
}
.bbs-sl-web-intro-detail-desc-text {
flex-basis: auto;
}
.hp-pc-footer,
.hp-footer p:nth-child(2),
.hp-footer p:nth-child(3),
.hp-header.hp-header-B,
#hp-topbarNav {
display: none;
}
.hp-pc-menu-sub-menu,
img.avatar {
display: none;
}
.hp-pc-rc-TopMenu-top-container {
background-color: #E9E9E9;
}
.hp-pc-rc-TopMenu-top {
background: transparent;
}
.bbs-sl-web-topic-wrap {
margin-top: 2px;
margin-right: 16px;
margin-bottom: 5px;
}
/*置顶，最热帖和右侧广告和标题*/
.index_backToTop__rx3__,
.post-operate_post-operate-comp-wrapper___odBI .post-operate-comp .todo-list.post-operate-comp-main-share,
.hp-pc-rc-SuperMenu-sub-menu .rc-menu,
.index_bbs-post-web-body-right-wrapper__WvQ4Q {
display: none;
}
/*隐藏回帖点亮和浏览*/
.index_bbs-post-web-main-title__MJTN5 .index_reply__GP3PX,
.index_bbs-post-web-main-title__MJTN5 .index_light__M2WPs,
.index_bbs-post-web-main-title__MJTN5 .index_read__7h1Dm {
display: none;
}
/*隐藏这些回帖亮了*/
.post-wrapper_bbs-post-wrapper__UdhwQ.post-wrapper_light__fi4Jz {
display: none;
}
.index_bbs-post-web__2_mmZ .index_br__hJajv,
.post-wrapper_bbs-post-wrapper__UdhwQ.post-wrapper_gray__HNv4A .post-wrapper_bbs-post-wrapper-title__TLQdd {
border: none;
}
.thread-content-detail > p {
margin-top: 0
}
.post-reply_post-reply__D1M4P .post-reply-list-content .m-c {
width: unset;
}
.hp-pc-rc-TopMenu-banner,
.bbs-sl-web-post-layout div:nth-child(3),
.bbs-sl-web-post-layout div:nth-child(2) {
display: none;
}
.hp-pc-rc-TopMenu-top {
justify-content: start;
padding-top: 2vh;
}
/*==================================================================
帖子内部 - css调整 部分
====================================================================*/
.index_bbs-post-web-main__D_K6v .index_post-wrapper__IXkg_ {
padding: 0 20px 20px 20px;
}
p[class*="image-wrapper"] {
max-width: 8% !important;
}
.post-reply-list_post-reply-list-wrapper__o4_81 .post-reply-list .post-reply-list-container {
display: unset;
}
.post-operate_post-operate-comp-wrapper___odBI .post-operate-comp-main {
justify-content: space-between;
}
.post-user_post-user-comp__3azJ2 {
min-height: 0;
display: block;
}
.post-content_bbs-post-content__cy7vN .post-content_main-post-info__qCbZu {
margin: 0;
}
/*==================================================================
帖子外部 - display:none 部分
====================================================================*/
/*顶部导航栏*/
/*
.hp-pc-rc-TopMenu {
display: none;
}
*/
.hp-pc-rc-TopMenu {
height: 20px;
position: relative;
}
/* .hp-pc-rc-TopMenu-top .hp-topLogin-info .hasLogin .hp-topNotificat {
display: none;
}*/
.hp-pc-rc-TopMenu-top .mobileclientDown:nth-child(5),
.hp-quickNav > .mobileclientDown:nth-child(3) > a,
.hp-pc-rc-TopMenu-top .mobileWeb,
.hp-pc-rc-TopMenu-top > .hp-quickNav > .line:nth-child(4),
.hp-pc-rc-TopMenu-top > .hp-quickNav > .line:nth-child(2) {
display: none;
}
/*私信*/
/*
html > :nth-child(2) > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(1) > :nth-child(9) {
display: none;
}
*/
/*前往发帖、传送至顶部和投诉的div隐藏*/
.backToTop_2mZa6 {
display: none;
}
.hu-pc-navigation-type,
.hu-pc-navigation-my-focus-item {
border-bottom: none;
}
.index_bbs-post-web-main-title__MJTN5 {
background: transparent;
}
.tagselect-wrapper .tagselect-box > div {
border-top: none;
}
/*==================================================================
美观设置 - 添加media query - 屏幕宽度小于940px时
====================================================================*/
@media only screen and (max-width: 940px) {
.hp-pc-rc-SuperMenu-sub-menu,
.index_bbs-post-web-container___cRHg {
padding: 2vw 2vw 2vw 2vw;
}
.bbs-index-web-middle,
.cardInfoContainer {
margin-left: 2vw;
}
.cardInfoContainer .leftInfo {
display: -webkit-box;
}
.cardInfoContainer .rightInfo {
flex-direction: column-reverse;
}
.cardInfoContainer .rightInfo .red {
margin-right: 0 !important;
}
.text-list-model .list-item {
width: unset;
}
.text-list-model {
padding-left: 20px;
padding-right: 20px;
}
/*帖子宽度缩小*/
#container, .hp-wrap,
.cardInfoContainer,
.bbs-index-web-middle,
.personalWarp .prersonbody .prersonbodymiddle,
.bbs-message-web-container .my-message,
.bbs-sendPost-wrapper .tagselect-box,
.bbs-sendPost-wrapper .editor-container,
.bbs-sl-web-topic-wrap,
.index_bbs-post-web-body-left-wrapper__O14II {
width: 94vw !important;
flex: none;
}
.hu-pc-navigation-wrap {
display: none;
}
.post-content_main-post-info__qCbZu .thread-content-detail > p {
margin-right: 0;
text-align: justify;
}
/*标题部分*/
.post-fix-title_post-fix-title-wrapper__7VZgk .post-fix-title-content-wrapper .main-c {
width: 2px;
}
.post-fix-title_post-fix-title-wrapper__7VZgk .post-fix-title-title {
flex: 0 0 64vw;
}
.bbs-sl-web-post-layout div:last-child {
text-align: end;
}
.bbs-sendPost-wrapper .editor-container {
margin: 0;
margin-left: 3vw;
margin-top: 3vh;
}
.postFooter .footerBox .footerLeft .autosaveTip {
margin-left: 5vw;
}
.tagselect-wrapper .tagselect-box > div {
margin-left: 2vw;
}
.bbs-sendPost-wrapper #hupu-editor-plus-toolbar {
padding-left: 0;
}
.hupu-editor-plus-toolbar {
justify-content: flex-start;
}
.hupu-editor-plus-toolbar > .group > div {
margin: 0;
}
.bbs-post-web .newpost-rc-tab .rc-tabs-nav-wrap .rc-tabs-nav-list {
margin-left: 5vw;
}
.postFooter .footerBox {
width: unset;
}
.postFooter .footerBox .footerRight .submitVideo {
margin-right: 5vw;
}
.bbs-sendPost-wrapper .tagselect-box {
margin-left: 3vw;
}
.hupu-editor-plus-wrapper .editor-container {
padding: 30px 100px 12px;
}
}
}
@-moz-document url-prefix("https://bbs.hupu.com/newpost") {
.hp-pc-rc-TopMenu-top {
display: none;
}
}
@-moz-document domain("bbs.hupu.com"),
domain("my.hupu.com") {
/*================================================================
总体设置，粗暴地覆盖格式
==================================================================*/
/*!important从来不是一个好选择，但是只有魔法才能面对魔法*/
html {
--theme-color: #A8A85D;
--link-color: #F5DD77;
--text-color: #633E2D;
--bg-color: #f5f2dd;
--sec-bg-color: #fffcee;
/*--hover-color: hwb(58 79% 5%);*/
--hover-color: hwb(49 60% 3% / .3);
--visited-color: #e3e3e4;
--undecided: white;
}
body {
background-color: var(--bg-color);
}
/*文字颜色*/
span,
div {
color: var(--text-color) !important;
}
/*圆圆框框*/
div {
border-radius: 20px;
}
/*条杠杠颜色*/
*:before {
border-color: var(--theme-color) !important;
}
/*勾选框颜色*/
input[type*="checkbox"] {
accent-color: var(--theme-color);
}
/*svg的颜色*/
span:before,
i:before {
color: var(--theme-color) !important;
}
/*按钮颜色*/
button {
background-color: var(--theme-color) !important;
border-radius: 20px !important;
}
/*active时的颜色*/
.active {
border-color: var(--theme-color) !important;
border-radius: 0;
}
/*链接颜色*/
a {
color: var(--theme-color) !important;
}
a:hover {
background: var(--hover-color) !important;
}
/*================================================================
隐藏元素
==================================================================*/
.hp-pc-rc-TopMenu-top .hp-topLogin-info .hasLogin .line,
i[class*="tip-topBubble"],
.hu-pc-navigation-topic-type-wrap,
.hu-pc-navigation-type:before,
.bbs-sl-web-body .hu-pc-navigation-type:nth-child(3),
.hu-pc-navigation-my-focus-item > a > .hot,
.bbs-index-web-body .hu-pc-navigation-type:nth-child(3),
.bbs-index-web-right .download-app,
.bbs-sl-web-intro-detail > .bbs-sl-web-intro-detail-desc:nth-child(3),
.bbs-sl-web-post-header {
display: none;
}
/*================================================================
个人主页设置
==================================================================*/
.teamCardCarouseListWarp-small,
.hotSearch,
.cardInfoContainer,
.test-img-list-model {
background: var(--sec-bg-color);
border-radius: 20px;
box-shadow: 2px 2px 2px var(--theme-color);
}
.ant-btn:hover {
border-color: var(--theme-color);
}
.hp-pc-rc-TopMenu-top-container,
.bbs-index-web-middle,
.hp-pc-rc-TopMenu,
.hp-pc-rc-TopMenu-top {
background: var(--bg-color);
}
.cardInfoContainer .leftInfo .leftInfo-content .tagTitleList .tagItem {
background: var(--hover-color);
}
.test-img-list-model,
.cardInfoContainer {
border-radius: 20px !important;
}
.test-img-list-model * {
border-radius: 0;
}
.test-img-list-model .list-font-item:hover {
background: var(--hover-color);
}
.teamCardCarouseListWarp-small .headTitleWarp,
.activeBorder {
border-color: var(--theme-color) !important;
border-radius: 0;
}
.hotSearch:hover .hotItem, .hotSearch:hover .hotTitle, .hotSearch:hover .hotValue {
background: transparent !important;
}
a.list-item-title {
color: var(--text-color) !important;
}
/*================================================================
社区主页设置
==================================================================*/
.bbs-index-web {
background: var(--bg-color);
}
.text-list-model,
.list-item-wrap,
.bbs-index-web-middle .middle-module {
background: var(--sec-bg-color);
}
.bbs-index-web-middle .middle-label,
.list-wrap,
.text-list-model .list-item:hover,
.text-list-model .list-item {
border-radius: 0;
}
.list-wrap:hover {
background: var(--hover-color) !important;
}
.list-wrap a:hover {
background: transparent !important;
}
.entranceLayout {
border-radius: 20px !important;
background: var(--sec-bg-color) !important;
}
.right-post,
.hot-search {
background: var(--sec-bg-color);
}
.right-post div {
border-radius: 0;
}
.right-post,
.hot-search,
.bbs-index-web-right .entranceLayout,
.bbs-index-web-middle .middle-module{
box-shadow: 2px 2px 2px var(--theme-color);
}
/*================================================================
主板设置
==================================================================*/
.hp-pc-rc-TopMenu-top a {
vertical-align: bottom !important;
}
/*背景颜色*/
.hp-pc-footer,
.hp-pc-menu,
.hp-pc-rc-TopMenu-top-container,
.hp-pc-rc-TopMenu,
.bbs-sl-web,
.bbs-sl-web-holder {
background: var(--bg-color) !important;
}
/*板块的颜色*/
.bbs-sl-web-intro,
.bbs-sl-web-topic-wrap {
background: var(--sec-bg-color) !important;
}
/*版头去除边框*/
.bbs-sl-web-intro {
border: none;
}
/*帖子背景和链接颜色设置*/
a.p-title {
color: var(--text-color) !important;
}
a.p-title:visited {
color: var(--visited-color) !important;
}
.bbs-sl-web-post-body:hover {
background: var(--hover-color);
}
/*关注发帖按钮 字体颜色*/
.bbs-sl-web-intro-detail-button.active:after,
span.bbs-sl-web-intro-icon:before {
color: var(--undecided) !important;
}
/*左侧导航栏修改*/
.hu-pc-navigation-wrap {
background: var(--sec-bg-color);
}
.hu-pc-navigation-my-focus-item > a > .title {
border-radius: 0;
}
/*一些框加阴影*/
.hu-pc-navigation-wrap,
.bbs-sl-web-topic-wrap {
box-shadow: 2px 2px 2px var(--theme-color);
}
/*主板 页面跳转栏（这玩意咋称呼草）*/
.hupu-rc-pagination .hupu-rc-pagination-prev,
.iconContainerDisabled_mtFkC,
.hupu-rc-pagination *[tabindex] {
background: var(--theme-color) !important;
border-radius: 20px;
border-color: transparent !important;
}
.iconContainer_2ZI3F i:before,
.hupu-rc-pagination a,
.iconContainer_2ZI3F .text_MtRno,
.hupu-rc-pagination-next i:before {
color: var(--undecided) !important;
}
ul[class*="pagination"] * {
vertical-align: bottom !important;
}
.hupu-rc-pagination .hupu-rc-pagination-item:hover a,
.hupu-rc-pagination .hupu-rc-pagination-next:hover a,
.hupu-rc-pagination .hupu-rc-pagination-prev:hover a {
border-radius: 20px;
background: var(--hover-color) !important;
color: var(--theme-color) !important;
}
/*================================================================
帖内设置
==================================================================*/
/*楼主两个字的颜色*/
.post-user_post-user-comp-info-top-tip__3Av0L {
background: var(--theme-color);
color: var(--undecided) !important;
}
/*背景设置*/
body[hupu-ui-theme="light"],
.index_bbs-post-web__2_mmZ,
.index_bbs-post-web-container___cRHg {
background: var(--bg-color);
}
/*页码栏设置*/
.index_pagination__wvE_f {
display: flex;
vertical-align: bottom !important;
}
.index_jumpToPage__GC8jx .index_input__9ge6K {
top: -2px;
border-radius: 20px;
}
.index_pagination__wvE_f .hupu-rc-pagination .hupu-rc-pagination-item,
.index_pagination__wvE_f .hupu-rc-pagination .hupu-rc-pagination-next,
.index_pagination__wvE_f .hupu-rc-pagination .hupu-rc-pagination-prev {
border-radius: 20px;
}
.index_pagination__wvE_f .hupu-rc-pagination .hupu-rc-pagination-item a:hover {
color: var(--undecided) !important;
}
.index_iconContainer__odKRy .index_text__89JcF,
.iconxialax:before {
color: var(--undecided) !important;
}
.index_jumpToPage__GC8jx .index_button__KWQvz:hover {
background: var(--theme-color);
border-color: var(--theme-color);
}
.index_jumpToPage__GC8jx .index_button__KWQvz,
.index_jumpToPage__GC8jx .index_button__KWQvz:hover {
border-radius: 20px;
cursor: pointer;
}
.index_iconContainerDisabled__9ZTW8:hover,
.index_iconContainerDisabled__9ZTW8 {
background: var(--theme-color);
border-color: transparent !important;
}
/*框框（鬼知道为什么这时又变成div了，很神奇8*/
div:before {
background: var(--theme-color) !important;
}
/*帖子的颜色*/
.index_bbs-post-web-main__D_K6v .index_post-wrapper__IXkg_,
.index_bbs-post-web-main__D_K6v,
.index_bbs-post-web-body-left-wrapper__O14II {
background: var(--sec-bg-color);
}
/*被删除的评论的颜色*/
.post-reply_post-reply__D1M4P div:has(>p[class*="illegal"]) {
background: var(--visited-color) !important;
}
.post-reply_post-reply__D1M4P div[class*="base-info"],
.index_bbs-thread-comp-container__QkBRG * {
border-radius: 0;
}
/*引用评论颜色*/
.index_bbs-thread-comp-container__QkBRG {
background: radial-gradient(farthest-side, transparent) no-repeat fixed var(--hover-color);
}
h1,
h2 {
color: var(--text-color) !important;
}
/*快速回复*/
#hupu-compact-editor {
background: radial-gradient(farthest-side, transparent) no-repeat fixed var(--hover-color) !important;
}
.index_compact__osaGi {
background: radial-gradient(farthest-side, transparent) no-repeat fixed var(--hover-color) !important;
}
.index_operatorButtonContainer__6G3JA .index_operatorButton__ijSnG:hover,
.index_operatorButtonContainer__6G3JA .index_operatorButton__ijSnG {
background: var(--theme-color) !important;
border-radius: 20px !important;
color: var(--undecided) !important;
}
#hupu-compact-editor p {
color: var(--text-color) !important;
}
/*置顶标题*/
.post-fix-title {
background: var(--hover-color) !important;
border-radius: 0;
}
.post-fix-title_post-fix-title-wrapper__7VZgk .post-fix-title-config .fixed-btn {
border-color: transparent;
}
.post-fix-title_post-fix-title-wrapper__7VZgk .post-fix-title-config .fixed-btn.main:hover,
.post-fix-title_post-fix-title-wrapper__7VZgk .post-fix-title-config .fixed-btn.main {
background: var(--theme-color);
color: var(--undecided) !important;
}
.main-c div[class*="read-author"]:hover {
background: var(--theme-color) !important;
color: var(--undecided) !important;
}
/*评论区背景色*/
.post-wrapper_bbs-post-wrapper__UdhwQ.post-wrapper_gray__HNv4A {
background: var(--bg-color);
}
/*标题色*/
.index_bbs-post-web-main-title-provider__uHAn9 .index_name__M5qqs {
color: var(--text-color) !important;
}
.postFooter .footerBox,
.bbs-sendPost-wrapper #hupu-editor-plus-toolbar,
.bbs-post-web .newpost-rc-tab,
.bbs-post-web .newpost-rc-tab .rc-tabs-nav-wrap,
.tagselect-wrapper,
.rc-tabs-tabpane {
background: var(--bg-color) !important;
}
.postFooter .footerBox {
border-radius: 0;
}
svg {
color: var(--theme-color) !important;
background: var(--bg-color);
}
.hupu-editor-plus-svg-button {
background: transparent !important;
}
div[class*="tooltip"]:after {
background: white !important;
}
.bbs-post-web .newpost-rc-tab .rc-tabs-nav-wrap,
.bbs-sendPost-wrapper #hupu-editor-plus-toolbar {
background: var(--bg-color);
border-radius: 0;
}
button[class*=button] {
background: transparent;
}
.hupu-editor-plus-wrapper,
button[class*=button]:hover {
background: var(--bg-color);
}
.hupu-editor-plus-toolbar > .group > div > button > svg:hover {
background: var(--bg-color);
color: var(--theme-color);
}
.postFooter .footerBox .footerRight .submitVideo,
.bbs-post-web .newpost-rc-tab .rc-tabs-ink-bar {
background: var(--theme-color);
}
.postFooter {
border-radius: 0;
background: var(--bg-color);
}
.submitVideo {
color: white !important;
}
.hupu-editor-plus-title > input,
.hupu-editor-plus-wrapper .editor-container {
background: var(--sec-bg-color);
}
.hupu-editor-plus-title {
border-radius: 0;
}
.tagselect-wrapper,
.bbs-post-web-holder {
background: var(--bg-color);
}
.tagselect-wrapper .tagselect-box {
background: var(--sec-bg-color);
}
.selectTagStyle .topicZone {
background: none;
}
span[class*=ant-tag] {
background: url(https://w1.hoopchina.com.cn/editor/icon/pc/squareLight.png) 6px 7px / 20px 20px no-repeat !important;
color: var(--text-color) !important;
}
.bbs-post-web .newpost-rc-tab .rc-tabs-nav .rc-tabs-tab .rc-tabs-tab-btn,
.hupu-editor-plus-toolbar-color .font-color-icon svg,
.hupu-editor-plus-toolbar > .group > div > button > svg,
.hupu-editor-plus-title > input,
.postFooter .footerBox .footerLeft .autosaveTip,
p {
color: var(--text-color);
}
.papers-activity {
display: none;
}
div[id*="tippy"] div {
color: var(--theme-color) !important;
background: var(--undecided) !important;
}
}
@-moz-document url-prefix("https://bbs.hupu.com/newpo") {
.hp-pc-rc-TopMenu-top {
display: none;
}
}