该 CSS 基于 @浮生未歇 作者的作品（百度百科 - 屏蔽和优化，https://uso.kkx.one/style/130739），上述 CSS 已经超过 5 年未更新，此版本适配了最新的百度百科页面，整体色彩搭配和上述作品保持一致，感谢原作者带来的创意。
【2024】百度百科 - 屏蔽和优化 by soxfmr
Details
Authorsoxfmr
LicenseMIT
CategoryBaidu
Created
Updated
Size27 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Changelog
12-Oct-2024
- NEW: 增加针对待编辑提示元素的优化
- FIXED: 调整同义词元素位置，避免与 lemmaDesc 元素产生重叠
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name 【2024】百度百科 - 屏蔽和优化
@namespace USO Archive
@author Soxfmr && 浮生未歇
@description `该 CSS 基于 @浮生未歇 作者的作品（百度百科 - 屏蔽和优化，https://uso.kkx.one/style/130739），上述 CSS 已经超过 5 年未更新，此版本适配了最新的百度百科页面，整体色彩搭配和上述作品保持一致，感谢原作者带来的创意。`
@version 20240227.20.22
@license MIT
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://baike.baidu.com/item"), url-prefix("https://baike.baidu.com/link") {
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
/* 对不需要的内容屏蔽 */
.declare-wrap,
.posterFlag,
.after-content,
.help,
[class*="helpBtn"],
.right-ad,
.wgt-footer-main,
.promotion_viewport,
[class*="topbar"],
.userbar_message,
.userbar_mall,
.layout>a,
.pinzhuanWrap,
.wiki-lemma .lemmaWgt-secondsKnow,
.lemmaWgt-promotion-slide .promotion_viewport,
.lemmaWgt-promotion-vbaike,
.professional-con,
.pc-header-new .topbar,
.zhidao-diversion,
.configModuleDown,
[class*="btnList"],
[class*="fixedWrapper"],
[class*="navBarWrapper"],
[class*="secondLogo"],
.navbar-wrapper,
#lemmaWgt-secondsKnow,
#tashuo_bottom,
#tashuo_right,
#side-auth,
#side-share,
#hotspotmining_s,
#J-lemma-video-list, [class*="contentBottom"],
[class*="declareWrap_"],
[class*="sendFlower_"],
[class*="tashuoWrap_"],
[class*="relatedSearch_"] {
display: none!important;
}
/****************** 全局设置 ******************/
body {
background: #333;
}
[class*="pageWrapper"] [class*="mainContent"],
.content-wrapper .content {
font-family: Microsoft YaHei, WenQuanYi Micro Hei, sans-serif!important;
}
/************* header **********************/
[class*="polysemantContainer"] {
width: 1150px;
background: transparent;
margin: 0 auto;
}
[class*="polysemantContainerBrand_"] [class*="headerWrapper_"],
[class*="polysemantContainer"] [class*="headerWrapper_"],
[class*="polysemantContainer"] [class*="headerWrapper"] [class*="headerTitle"] {
font-size: 13px;
padding: 5px 0;
border: 0;
width: 100% !important;
}
[class*="polysemantContainer"] [class*="listWrapper"] {
background: white;
border: none !important;
box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
background: #fefefe;
border-radius: 5px;
padding: 10px 15px 10px;
margin-bottom: 10px;
animation: 0.5s ease-in 0s 1 fadeIn forwards;
}
[class*="polysemantContainer_"] [class*="listWrapper_"] [class*="item_"] a:hover {
text-decoration: underline;
}
/****************** 导航栏 ******************/
/* .polysemantContainerBrand_W9nsH .headerWrapper_f4AYJ, .polysemantContainerNormal_dWym_ .headerWrapper_f4AYJ */
[class*="pageHeader"], [class*="headerWrapper"], #J-lemma-main-wrapper {
width: 100% !important;
}
[class*="pageHeader"] {
border: none !important;
margin-bottom: 20px !important;
}
*:has([class*="polysemantContainer"]) {
[class*="pageHeader"] {
margin-bottom: 0px !important;
}
}
*:has([class*="pageBgWrap"]) {
[class*="pageHeader"] {
margin-bottom: 0px !important;
}
}
[class*="pageWrapper"] [class*="pageHeader"] {
background-color: #547b8e !important;
z-index: 1;
}
/* ------------------------------------------ */
/* ------------------------------------------ */
.logo {
content:url("http://www.baidu.com/img/flexible/logo/pc/peak-result.png");
}
/* 下拉选项 */
.wgt-searchbar-new.wgt-searchbar .search .form .suggestion li {
padding: 0 8px;
height: 30px;
line-height: 30px;
font-size: 16px;
cursor: pointer;
}
/* 搜索栏 */
@keyframes glowing {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }
}
@media screen and (min-width: 1441px) {
[class*="lemmaSearchBar"] {
width: 950px;
}
}
[class*="lemmaSearchBar"] {
padding: 15px 0 25px;
height: 60px;
display: flex;
justify-content: center;
}
[class*="searchBar"] [class*="rightWrapper"] {
z-index: 100;
}
[class*="searchBar"] [class*="logoWrapper"] {
margin-top: -9px;
}
[class*="searchBar"] [class*="rightWrapper"] {
padding-top: 0px;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="inputWrapper"]:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="inputWrapper"]:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgb(151, 169, 181);
left: 0;
top: 0;
border-radius: 10px;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="inputWrapper"]:hover:before {
opacity: 1;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="inputWrapper"] [class*="searchInput"] {
border: none;
background: hsla(0, 0%, 100%, .2);
border-radius: 5px;
color: rgba(254, 254, 254, 0.76);
padding: 6px 36px 4px 10px;
transition: .5s color;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="inputWrapper"] [class*="searchInput"]:hover,
[class*="searchBar"] [class*="rightWrapper"] [class*="inputWrapper"] [class*="searchInput"]:active {
box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
color: #fff;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="inputWrapper"] [class*="closeIcon"] {
color: rgba(254, 254, 254, 0.76);
}
/***********************************/
[class*="searchBar"] [class*="rightWrapper"] [class*="lemmaBtn"],
[class*="searchBar"] [class*="rightWrapper"] [class*="siteBtn"] {
margin-left: 8px;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="lemmaBtn"],
[class*="searchBar"] [class*="rightWrapper"] [class*="siteBtn"] {
color: rgba(254, 254, 254, 0.76);
background: hsla(0, 0%, 100%, .2);
border: none;
border-radius: 5px;
z-index: 0;
position: relative;
transition: .5s color;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="lemmaBtn"]:before,
[class*="searchBar"] [class*="rightWrapper"] [class*="siteBtn"]:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="lemmaBtn"]:after,
[class*="searchBar"] [class*="rightWrapper"] [class*="siteBtn"]:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgb(151, 169, 181);
left: 0;
top: 0;
border-radius: 10px;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="lemmaBtn"]:hover,
[class*="searchBar"] [class*="rightWrapper"] [class*="lemmaBtn"]:active,
[class*="searchBar"] [class*="rightWrapper"] [class*="siteBtn"]:hover,
[class*="searchBar"] [class*="rightWrapper"] [class*="siteBtn"]:active {
color: #fff;
box-shadow: 0 5px 35px 0px rgba(0, 0, 0, .1);
}
[class*="searchBar"] [class*="rightWrapper"] [class*="lemmaBtn"]:hover:before,
[class*="searchBar"] [class*="rightWrapper"] [class*="siteBtn"]:hover:before {
opacity: 1;
}
/**********************************/
/**********************************/
@media screen and (min-width: 1441px) {
[class*="searchBar"] [class*="rightWrapper"] [class*="resultWrapper"] {
width: 535px;
}
}
[class*="searchBar"] [class*="rightWrapper"] [class*="resultWrapper"] {
backround: #fefefe;
}
[class*="searchBar"] [class*="resultBox"] {
margin: 6px 0 10px 0;
}
[class*="searchBar"] [class*="resultBox"] [class*="resultItem"] {
/* color: rgba(254, 254, 254, 0.76); */
background-color: #fff;
transition: all .22s ease-in-out;
}
[class*="searchBar"] [class*="resultBox"] [class*="resultItem"]:hover {
/* background: #efefef; */
color: #fff;
background-color: #547b8e;
}
[class*="searchBar"] [class*="rightWrapper"] [class*="resultWrapper"] {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
background: #fefefe;
border-radius: 5px;
}
[class*="searchBar"] [...