该 CSS 基于 @浮生未歇 作者的作品（百度百科 - 屏蔽和优化，https://uso.kkx.one/style/130739），上述 CSS 已经超过 5 年未更新，此版本适配了最新的百度百科页面，整体色彩搭配和上述作品保持一致，感谢原作者带来的创意。
【2024】百度百科 - 屏蔽和优化 by soxfmr
Details
Authorsoxfmr
LicenseMIT
CategoryBaidu
Created
Updated
Size26 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.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_"] {
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"] [class*="sugWrapper"] {
border: none !important;
animation: 0.5s ease-in ...