Greasy Fork is available in English.
远景论坛主页/分区/看帖/高级发帖页美化
当前为
// ==UserScript==
// @name 远景论坛美化
// @namespace https://bbs.pcbeta.com/
// @version 1.1
// @description 远景论坛主页/分区/看帖/高级发帖页美化
// @author kitawa
// @match https://*.pcbeta.com/*
// @match https://*.pcbeta..com/forum.php?mod=viewthread&tid=*
// @exclude https://bbs.pcbeta.com/search*
// @grant none
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_registerMenuCommand
// @license GPL-3.0 License
// @run-at document-start
// ==/UserScript==
(function () {
"use strict";
// 创建 <style> 并立即注入
const style = document.createElement("style");
style.textContent = `
/* 全局圆角 */
* {
text-decoration: none !important;
}
/* 全局背景色 */
html, body {
background: #F2F3F5 !important;
}
.pl .quote blockquote,
.quote blockquote {
background: none !important;
}
#nv.custom,
.m_l, .m_r,
.t_c, .b_c,
#postlist > table.ad,
.ad .pls,
.ad .plc,
.t_l,
.t_r,
.b_l,
.b_r,
.authicn,
#scbar_hot,
#scbar_hot strong, #scbar_hot a {
display: none;
}
.pipe {
opacity: 0;
}
.fc-l {
color: #fff !important;
}
/*---- ---- ---- ---- ---- --- ---- ---- ---1.主页---- ---- --- ---- ---- --- ---- ---- ---- -------*/
#um .usernav {
background: #1985DB;
height: 24px;
text-align: center;
padding: 0 6px 0 10px;
border-radius: 0px 0px 8px 8px;
line-height: 20px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important;
}
#ribbon {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important;
}
#scbar {
overflow: hidden;
height: 42px;
line-height: 42px;
border-radius: 8px;
border-top: 0px solid #FFF;
border-bottom: 0px solid #E9EFF5;
background: none;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important;
}
#scbar_form > table > tbody {
background: #1985dc;
border-radius: 8px;
border: none;
overflow: visible;
display: flex;
justify-content: space-around;
width: 1200px;
}
#scbar_type {
margin-left: 16px;
border-radius: 6px;
border: none;
color: #444 !important;
background: #fff;
}
.xg1, .xg1 a {
color: #444 !important;
}
#scbar_txt {
border: 1px solid #1985db;
border-radius: 6px;
}
#scbar_btn {
background: #1985DB;
border-radius: 6px;
box-shadow: none;
}
.p_pop, .p_pof, .sllt {
padding: 4px;
border: 0px solid;
min-width: 45px;
text-align: center !important;
background: #FEFEFE;
border-radius: 6px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.p_pop a:hover, .p_pop a.a, #sctype_menu .sca {
background-color: #eee;
color: #2265A9 !important;
text-decoration: none;
border-radius: 6px;
}
.fl .bm_h {
border: none;
background: #1985dc;
height: 40px;
margin-top: 0px;
border-radius: 8px 8px 0 0;
}
.bmw .bm_h a {
font-size: 15px;
font-weight: 400;
color: #fff;
margin-top: 16px;
text-shadow: none;
}
.bmw .bm_h a:hover{
color: #fff !important;
}
.bm_h {
line-height: 40px;
border-top: 0px solid #FFF;
}
.fl {
border: none;
border-top: none;
}
.fl .bm {
margin-bottom: 15px;
border: none;
border-radius: 8px;
overflow: hidden;
border: 0px solid #666 !important;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1)!important;;
}
.bmw .bm_h .y {
color: #fff;
}
#ct > div.mn > div.bm.lk,
#online {
color: #fff;
border: none;
border-radius: 8px;
overflow: hidden;
border: 1px solid #c5d3dd !important;
}
.mn {
overflow: visible;
}
/*---- ---- ---- ---- ---- --- ---- ---- ---2.分区---- ---- --- ---- ---- --- ---- ---- ---- -------*/
#threadlist {
border: 1px solid #c5d3dd;
background: #FFF;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1)!important;
border-radius: 8px;
overflow: hidden;
}
.pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp {
float: left;
margin-right: 5px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15) !important;
}
.ttp .a .num {
background: #f7f9fb;
}
.tl #forumnewshow a {
display: block;
border: 1px solid #fddc9b70;
text-indent: 25px;
height: 29px;
line-height: 29px;
color: #f26c4f;
margin-top: -10px;
border-radius: 8px!important;
overflow: hidden;
background-color: #fff0c9 !important;
}
.tl .th {
border-bottom: 1px solid #eee;
margin-top: 0px;
}
.ttp .num {
background: #fff;
padding: 0 5px;
margin-left: 5px;
border-radius: 3px;
color: #999 !important;
border-radius: 4px;
}
.ttp a, .ttp strong {
float: left;
margin-right: 5px;
padding: 4px 8px 3px;
height: 18px;
border: 1px solid #c5d3dd;
background: #fff;
overflow: visible;
white-space: nowrap;
border-radius: 6px;
/* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05) !important; */
}
.bm {
border: none;
}
.xi2, .xi2 a, .xi3 a {
color: #68AADB;
}
.pgsbtn {
padding: 10px 16px;
font-size: 14px;
line-height: 14px;
border-radius: 6px !important;
background: #1985DB;
letter-spacing: 2px;
transition: .2s background ease;
}
.pgsbtn:hover {
background: #1985dc;
}
.pg strong {
background-color: #1985dc;
color: #FFF !important;
border-radius: 6px;
}
#f_pst {
border: 1px solid #c5d3dd;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
background: #fff;
}
#f_pst > div.bm_h {
background-color: #1985dc;
color: #fff;
border-radius: 7px 7px 0 0;
padding-bottom: 6px;
}
.pn, .pgsbtn {
border-radius: 6px;
}
#ct .mn .bm.bml.pbn {
background: #fff;
border: 1px solid #c5d3dd;
border-radius: 8px;
}
.tl .th {
border-bottom: 1px solid #eee;
margin-top: 0px;
background: #1985dc;
}
.tl .th td, .tl .th th {
height: 20px;
border: none;
vertical-align: baseline;
background: #1985dc;
color: #fff;
}
.tl .th tr:hover th, .tl .th tr:hover td {
height: 20px;
border: none;
vertical-align: baseline;
background: #1985dc;
color: #fff;
}
#atarget:before, .unchk:before, .chked:before {
color: #fff;
}
.forumrefresh:after,
#filter_dateline,
#threadlist > div.th > table > tbody > tr > th > div > a:nth-child(6),
#threadlist > div.th > table > tbody > tr > th > div > a:nth-child(5),
#threadlist > div.th > table > tbody > tr > th > div > a:nth-child(4),
#threadlist > div.th > table > tbody > tr > th > div > a:nth-child(3),
.showmenu,
#atarget, .unchk, .chked {
color: #fff!important;
}
.tl th, .tl td {
padding: 10px 0;
border-bottom: 0px dashed #F5F6F7;
}
.pcb img {
max-width: 100%;
border-radius: 8px;
border: 1px solid #eee;
box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
margin: 16px;
}
.pg label .px {
padding: 1px;
width: 25px;
height: 16px;
line-height: 16px;
border: 1px solid #c5d3dd !important;
background-color: #fff;
border-radius: 6px;
}
.nvhm {
font-family: dzicon !important;
color: #c5d3dd;
}
i.fico-vote.fic6.fc-n,
i.fico-thread.fic6.fc-n {
color: #c2d5e3;
}
#number_favorite,
.fa_rss:before,
.fa_achv:before,
.fa_fav:before {
color: #c2d5e3;
}
/*---- ---- ---- ---- ---- --- ---- ---- ---3.内页---- ---- --- ---- ---- --- ---- ----*/
.t_f, .t_f td {
font-size: 14px;
}
#postlist {
border: 1px solid #c5d3dd;
background: #fff;
overflow: hidden;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1)!important;
border-radius: 8px!important;
}
tbody > tr:nth-child(2) > td > div > font > font {
font-size: 14px;
}
.pls .avatar img, .bui .m img {
max-height: 255px;
object-fit: cover;
object-position: top;
border-radius: 8px;
border: 1px solid #c5d3dd !important;
box-shadow: none;
}
.pls .avatar {
margin: 10px 15px;
}
.pl .quote {
border-top: 0px solid #77B4F4;
border-radius: 8px;
background: #f5f6f7;
border: 1px solid #e0e0e0;
}
.pls {
width: 160px;
background: #c5d3dd54;
overflow: hidden;
border-right: 1px solid #c5d3dd;
}
.pl table {
table-layout: fixed;
width: 100%;
overflow: hidden;
background: #fff;
}
.t_fsz > table {
border: none !important;
box-shadow: none !important;
}
.pi {
border-bottom: 0px dashed #c5d3dd;
color: #888;
}
.plhin {
border-top: 1px solid #c5d3dd;
}
#fwin_reply {
box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2) !important;
border-radius: 8px;
overflow: hidden;
padding: 10px;
background: #ffffffeb;
backdrop-filter: blur(50px);
}
.m_c {
background: transparent;
}
.tedt .area,
.tedt .pt,
.m_c .o {
border-top: 0px solid #CCC;
background: transparent;
}
.tedt .bar {
border-bottom: 1px solid #68AADB2b;
background: transparent;
}
.tedt {
width: 98%;
border-radius: 6px;
border: 1px solid #68AADB2b;
}
.pnc, a.pnc {
border: none !important;
background-color: #1C85DC;
}
#f_pst .tedt {
border: 1px solid #c5d3dd;
overflow: hidden;
}
#f_pst .tedt .bar {
border-bottom-color: #c5d3dd;
background-color: #ebf1f5;
}
.pls .favatar {
background: transparent;
height: auto;
border-width: 0px;
overflow: visible;
display: flex !important;
flex-direction: column;
align-items: center;
}
.pls .pi {
padding-left: 0px;
margin-bottom: -10px;
}
.pil.cl {
display: flex;
text-align: center;
flex-direction: row;
margin: 5px 15px 5px 15px;
flex-wrap: wrap;
}
a#filter_special {
color: #fff!important;
}
.pgbtn a {
border-radius: 8px;
border: 1px solid #c5d3dd;
font-size: 13px;
letter-spacing: 3px;
}
#autopbn {
border: 1px solid #c5d3dd;
border-radius: 8px;
padding-bottom: 6px;
font-size: 13px;
letter-spacing: 3px;
}
.pgbtn a:hover {
border-color: #c5d3dd;
}
.pil.cl,
.fc-n,
dd:nth-child(4) > a,
a.xi2 {
color: #848484;
}
.pi strong a,
.sign,
.sign *,
.authi > a{
color: #888;
}
.pg a, .pg strong, .pgb a, .pg label {
color: #1985db;
}
#p_btn a {
display: inline-block;
margin-right: 6px;
padding-right: 4px;
padding-left: 4px;
background: #1985db;
vertical-align: top;
color: #fff;
white-space: nowrap;
border-radius: 6px;
}
#p_btn a:hover {
color: #fff;
transform: scale(1.05);
}
#p_btn span,
#p_btn i,
#p_btn em {
color: #fff;
}
/*---- 评分--- ---- ----*/
#fwin_rate {
border: none !important;
border-radius: 8px !important;
background-color: #ffffffed !important;
box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2) !important;
backdrop-filter: blur(50px) !important;
}
/*---- ---- ---- ---- ---- --- ---- ---- ---4.回复---- ---- --- ---- ---- --- ---- ----*/
.ftid a {
color: #444 !important;
border: 1px solid;
border-color: #c5d3dd;
border-radius: 4px;
width: 84px !important;
}
.px:focus, .ps:focus, select:focus, .ftid a:focus {
outline: 0;
box-shadow: 0 0 2px #1985DB;
border-radius: 4px;
}
.px, .pt, .ps, select {
border: 1px solid;
border-color: #c5d3dd;
background: #FFF;
border-radius: 4px;
}
.sltm {
padding: 5px 11px 5px 10px;
border: 0px solid #c5d3dd;
background-color: #FFF;
text-align: left;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
/*---- ---- ---- ---- ---- --- ---- ---- ---5.搜索页---- ---- --- ---- ---- --- ---- ----*/
.slst.mtw {
border: 0px solid #c5d3dd !important;
box-shadow: none !important;
background: none!important;
}
/*---- ---- ---- ---- ---- --- ---- ---- ---6.发帖（高级模式）---- ---- --- ---- ---- --- ---- ----*/
.ct2_a, .ct3_a {
background: none;
background-image: none;
border: 1px solid #c5d3dd;
background-size: 167px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1) !important;
border-radius: 8px !important;
}
.ct2_a .mn, .ct2_a .bm {
margin: 10px;
}
.tb a {
border: none !important;
background: transparent;
}
.tb .a a, .tb .current a {
border: none;
background: transparent;
border-radius: 8px!important;
color: #333 !important;
}
.edt {
border: 1px solid #c5d3dd !important;
border-radius: 6px;
overflow: hidden;
}
.edt .bbar,
.edt .bar {
border-bottom: 1px solid #c5d3dd !important;;
}
.edt .bbar {
border-bottom: none !important;
}
.pn {
background: #ddd;
}
.pnc, a.pnc {
border: none !important;
background-color: #1C85DC;
}
.edt .bbar, .edt .bbar a {
color: #666;
}
.edt .bbar {
border-top: 1px solid #c5d3dd !important;;
}
#e_pasteword_menu,
#e_attach_menu,
#e_image_menu {
border-radius: 8px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
background: #fff;
}
#fwin_dialog {
border-radius: 8px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
background: #fff;
}
`;
document.head.appendChild(style); // 将其添加到 <head> 中
})();