☰

Pure CSDN 社区

Pure CSDN - 重塑开发者社区

  1. /* ==UserStyle==
  2. @name           Pure CSDN 社区
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.0.1
  5. @description    Pure CSDN - 重塑开发者社区
  6. @author         CWorld
  7. @license        GPL-3.0-only
  8. @var          select   COLOR1    "主配色" {
  9.     "默认红": "#e33e33",
  10.     "浅草绿": "#00bb6a",
  11.     "梦析蓝": "#00b6ff",
  12.     "幻想紫": "#8a72ff",
  13. }
  14. @var          select   COLOR2    "次配色" {
  15.     "默认红": "#e33e3330",
  16.     "浅草绿": "#00bb6a30",
  17.     "梦析蓝": "#00b6ff30",
  18.     "幻想紫": "#8a72ff30",
  19. }
  20. @var          select   AN    "动画特效" {
  21.     "非线性": ".3s ease-in-out",
  22.     "果冻弹": "cubic-bezier(0.68, -0.55, 0.27, 1.55)",
  23.     "直线型": ".3s",
  24. }
  25. ==/UserStyle== */
  26.  
  27. @-moz-document domain("csdn.net") {
  28. /* 定义变量 */
  29. :root{
  30. 	--AN: .3s ease-in-out;
  31. 	--AN-APPE: AN-APPE .3s;
  32. 	--COLOR1: #8a72ff;
  33. 	--COLOR2: #8a72ff30;
  34. 	--COLOR3: #efefef;
  35. 	--COLOR4: #ddd;
  36. 	--COLOR5: #0000007a;
  37. }
  38. @keyframes AN-APPE
  39. {
  40. from {transform: translatey(-10px)}
  41. to {transform: translatey(0)}
  42. }
  43.  
  44. /* 引入MD图标 */
  45. @font-face {
  46.   font-weight: 400;
  47.   font-family: 'Material Icons';
  48.   font-style: normal;
  49.   src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/icons/material-icons/MaterialIcons-Regular.woff2) format('woff2'), url(https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/icons/material-icons/MaterialIcons-Regular.woff) format('woff');
  50. }
  51.  
  52.  
  53. /* 广告 */
  54. .pulllog-box, #kp_box_476, .meau-gotop-box, .right-item,
  55. .mb8, .t0, .blog_star_enter, .csdn-toolbar .container li.vip-caise,
  56. a.btn-maimai.low-height.hover-box.btn-comments,
  57. .banner-ad-box, .right_top, .indexSuperise,
  58. main ul.feedlist_mod li[data-type="ad"],
  59. .slide-outer.right_top,div#kp_box_434,
  60. .right_extension.slide-outer,.other_company.clearfix,div#ad-div,
  61. .csdn-toolbar .container .app-control .appControl {
  62.     display:none !important;
  63. }
  64.  
  65. /* 自动展开文章 */
  66. .comment-list-box,.article_content{height:100%!important;max-height:100% !important;}.opt-box.text-center{display:none;}
  67.  
  68. /* 最新文章 */
  69. #asideNewArticle{
  70.     display:none !important;
  71. }
  72.  
  73. /* 个人分类 */
  74. #asideCategory{
  75.     display:none !important;
  76. }
  77.  
  78. /* 热门文章 */
  79. #asideHotArticle{
  80.     display:none !important;
  81. }
  82.  
  83. /* 最新评论 */
  84. #asideNewComments{
  85.     display:none !important;
  86. }
  87.  
  88. /* 联系我们 */
  89. #asideFooter{
  90.     display:none !important;
  91. }
  92.  
  93. /* --顶栏-- */
  94.  
  95. /* 图标修正 */
  96.  
  97. .csdn-toolbar .container .pull-right .write-bolg-btn:before,
  98. #csdn_tool_otherPlace .pull-right .gitChat.liCollection a:before,
  99. .csdn-toolbar .container .pull-right .gitChat.liCollection a:before,
  100. #csdn_tool_otherPlace .pull-right .gitChat a:before,
  101. .csdn-toolbar .container .pull-right .gitChat a:before
  102. {
  103.   /* stylelint-disable-next-line */
  104.   font-family: 'Material Icons';
  105.   /* Support for all WebKit browsers. */
  106.   -webkit-font-smoothing: antialiased;
  107.   /* Support for Safari and Chrome. */
  108.   text-rendering: optimizeLegibility;
  109.   /* Support for Firefox. */
  110.   -moz-osx-font-smoothing: grayscale;
  111. }
  112.  
  113. .csdn-toolbar .container .pull-right .write-bolg-btn:before {
  114. 	content: 'edit';
  115. 	font-size: 19px;
  116. 	position: relative;
  117. 	top: 0;
  118. 	left: 34px;
  119. 	color: var(--COLOR1);
  120. }
  121.  
  122. #csdn_tool_otherPlace .pull-right .gitChat.liCollection a i.collection, .csdn-toolbar .container .pull-right .gitChat.liCollection a i.collection,
  123. #csdn_tool_otherPlace .pull-right .gitChat a i.message, .csdn-toolbar .container .pull-right .gitChat a i.message {
  124.     opacity: 0;
  125. }
  126. #csdn_tool_otherPlace .pull-right .gitChat.liCollection a:before,
  127. .csdn-toolbar .container .pull-right .gitChat.liCollection a:before {
  128. 	content: 'star_border';
  129. 	font-size: 20px;
  130. 	position: absolute;
  131. 	top: 0;
  132. 	left: 8px;
  133. 	color: #525252;
  134. }
  135. #csdn_tool_otherPlace .pull-right .gitChat a:before,
  136. .csdn-toolbar .container .pull-right .gitChat a:before {
  137. 	content: 'notifications_none';
  138. 	font-size: 20px;
  139. 	position: absolute;
  140. 	top: 0;
  141. 	left: 8px;
  142. 	color: #525252;
  143. }
  144.  
  145. /* 顶栏美化 */
  146. body .csdn-toolbar .container .left-menu a[title="商城"],
  147. body .csdn-toolbar .container .left-menu a[title="活动"],
  148. body .csdn-toolbar .container .left-menu a[title="专题"],
  149. body .csdn-toolbar .container .left-menu a[title="招聘"],
  150. body .csdn-toolbar .container .left-menu a[title="直播"],
  151. body .csdn-toolbar .container .left-menu a[title="VIP会员"]
  152. {
  153. 	transition: var(--AN);
  154.     opacity: 0;
  155. }
  156.  
  157. body .csdn-toolbar .container .left-menu:hover a[title="商城"],
  158. body .csdn-toolbar .container .left-menu:hover a[title="活动"],
  159. body .csdn-toolbar .container .left-menu:hover a[title="专题"],
  160. body .csdn-toolbar .container .left-menu:hover a[title="招聘"],
  161. body .csdn-toolbar .container .left-menu:hover a[title="直播"],
  162. body .csdn-toolbar .container .left-menu:hover a[title="VIP会员"] {
  163.     opacity: .2;
  164. }
  165.  
  166. body .csdn-toolbar .container .left-menu li:hover a[title="商城"],
  167. body .csdn-toolbar .container .left-menu li:hover a[title="活动"],
  168. body .csdn-toolbar .container .left-menu li:hover a[title="专题"],
  169. body .csdn-toolbar .container .left-menu li:hover a[title="招聘"],
  170. body .csdn-toolbar .container .left-menu li:hover a[title="直播"],
  171. body .csdn-toolbar .container .left-menu li:hover a[title="VIP会员"] {
  172.     opacity: 1;
  173. }
  174. #csdn_tool_otherPlace li, .csdn-toolbar .container li {
  175.     border-left: none;
  176.     border-right: none;
  177.     width: auto;
  178.     padding-left: 10px;
  179.     padding-right: 10px;
  180.     -webkit-transition: var(--AN);
  181. 	transition: var(--AN);
  182. }
  183. .csdn-toolbar .container .left-menu li .active {
  184.     border-bottom: none;
  185. }
  186. .csdn-toolbar .container .left-menu li:not(.app-app) a:after {
  187. 	transition: var(--AN);
  188. 	content: '';
  189. 	display: block;
  190. 	height: 0;
  191. 	background: var(--COLOR1);
  192.     width: 90%;
  193. 	margin-left: 5%;
  194. 	opacity: 0;
  195. 	border-radius: 3px 3px 0 0;
  196. }
  197. .csdn-toolbar .container .left-menu li:not(.app-app) a:hover:after {
  198. 	opacity: .4;
  199. 	margin-top: -3px;
  200. 	height: 3px !important;
  201. }
  202. .csdn-toolbar .container .left-menu li .active:after {
  203. 	opacity: 1 !important;
  204. 	margin-top: -3px;
  205. 	height: 3px !important;
  206. }
  207.  
  208. .csdn-toolbar {
  209.     background: #fff;
  210. 	
  211.     box-shadow: 0 4px 8px 0 #0001;
  212. }
  213. #csdn_tool_otherPlace .pull-right .write-bolg-btn #blogClick, .csdn-toolbar .container .pull-right .write-bolg-btn #blogClick {
  214.     height: 32px;
  215.     width: 92px;
  216.     margin-top: 6px;
  217.     border-radius: 50px;
  218.     color: var(--COLOR1);
  219.     background: var(--COLOR2);
  220. 	padding: 0 7px;
  221. }
  222. #csdn_tool_otherPlace .pull-right .gitChat a span, #csdn_tool_otherPlace .pull-right .write-bolg-btn a span, .csdn-toolbar .container .pull-right .gitChat a span, .csdn-toolbar .container .pull-right .write-bolg-btn a span {
  223.     color: var(--COLOR1);
  224.     margin-left: 0;
  225. }
  226. #csdn_tool_otherPlace .pull-right .write-bolg-btn a i.csdn-write, .csdn-toolbar .container .pull-right .write-bolg-btn a i.csdn-write {
  227. 	background: none;
  228. 	
  229. }
  230. #csdn_tool_otherPlace .search_bar, .csdn-toolbar .container .search_bar {
  231.     width: 320px;
  232.     height: 32px;
  233.     border-radius: 50px;
  234.     background-color: var(--COLOR3);
  235.     margin: 6px 8px;
  236. }
  237. #csdn_tool_otherPlace .search_bar .input_search, .csdn-toolbar .container .search_bar .input_search {
  238.     caret-color: #767676;
  239.     color: #767676;
  240.     width: 270px;
  241.     padding-left: 16px;
  242.     border: 0;
  243.     height: 32px;
  244.     border-radius: 0;
  245. }
  246. #csdn_tool_otherPlace .search_bar .btn-search, #csdn_tool_otherPlace .search_bar .btn_clear, .csdn-toolbar .container .search_bar .btn-search, .csdn-toolbar .container .search_bar .btn_clear {
  247. 	transition: var(--AN);
  248.     background-color: var(--COLOR4) !important;
  249. 	border-radius: 50px;
  250. }
  251. #csdn_tool_otherPlace .search_bar .btn-search, #csdn_tool_otherPlace .search_bar .btn_clear[style="background: rgb(227, 62, 51);"],.csdn-toolbar .container .search_bar .btn-search[style="background: rgb(227, 62, 51);"], .csdn-toolbar .container .search_bar .btn_clear[style="background: rgb(227, 62, 51);"] {
  252.     background-color: var(--COLOR1) !important;
  253. }
  254. #csdn_tool_otherPlace .search_bar .drop-down-menu, .csdn-toolbar .container .search_bar .drop-down-menu {
  255. 	transition: var(--AN);
  256.     background: rgb(255, 255, 255);
  257.     box-shadow: 0 4px 8px 0 #0001;
  258.     position: absolute;
  259.     top: 39px;
  260.     width: 100%;
  261.     padding: 0;
  262.     display: block !important;
  263. 	opacity: .5;
  264. 	border-radius: 0 0 10px 10px;
  265. 	height: 0;
  266. 	overflow: hidden;
  267. 	transform: translatey(-5px);
  268. }
  269. #csdn_tool_otherPlace .search_bar .drop-down-menu[style="display: block;"], .csdn-toolbar .container .search_bar .drop-down-menu[style="display: block;"] {
  270.     display: block !important;
  271. 	opacity: 1;
  272. 	height: 1100%;
  273.     padding: 8px 0 12px 0;
  274. 	transform: translatey(0);
  275. }
  276.  
  277. .csdn-toolbar .container .sub-menu-box .sub-menu {
  278.     background-color: rgb(255, 255, 255);
  279.     border-radius: 8px;
  280.     box-shadow: 0 4px 8px 0 #0001;
  281. }
  282.  
  283.  
  284. /* --修正-- */
  285. ul.pub_recommend .pub_recom_item .pr_i_d em, ul.pub_recommend .pub_recom_item .pr_i_t em, .recommend-box .recommend-item-box h4 em, .article-list .recommend-item-box h4 em, .recommend-box .article-item-box h4 em, .article-list .article-item-box h4 em, .recommend-box .baiduSearch .desc a em, .article-list .baiduSearch .desc a em, .markdown_views a, .markdown_views a:visited, .resource_box .resource_box_info .resource_box_dl dd .resource_box_desc .resource_box_b .resource_tags a:hover, .recommend-box .type_blog .content .desc a em, .article-list .type_blog .content .desc a em {
  286.     color: var(--COLOR1);
  287. }
  288. .opt-letter-watch-box .personal-watch:hover, .download_box .download_content .resource_dl_btn .dl_btn:active, .download_box .download_content .resource_dl_btn .dl_btn:hover, .download_box .download_content .resource_dl_btn .dl_btnvisited, .resource_user .user_fn .attention:hover, .recommend-box-ident:before {
  289.     background-color: var(--COLOR1);
  290. }
  291.  
  292.  
  293.  
  294.  
  295. }
  296.  
  297. @-moz-document domain("www.csdn.net") {
  298. /* --去除繁杂元素-- */
  299. .right_box.csdn-tracking-statistics, .enterprise_blog,
  300. .csdn-side-toolbar a.option-box[data-type="app"],
  301. .csdn-side-toolbar a.option-box[data-type="cs"] {
  302. 	display: none;
  303. }
  304.  
  305. /* 卡片 */
  306. aside .right_box, main ul.feedlist_mod, nav {
  307.     background-color: #fff;
  308.     border-radius: 10px;
  309.     box-shadow: 0 4px 8px 0 #0001 !important;
  310. }
  311.  
  312. /* --左侧栏-- */
  313. nav div div ul li {
  314.     background-color: #fff0 !important;
  315. }
  316. nav div div ul .active a {
  317.     background-color: var(--COLOR1);
  318. }
  319. nav .clearfix .nav_com ul li a {
  320. 	transition: var(--AN);
  321.     border-radius: 5px;
  322. 	width: auto;
  323. 	margin: 2px 6px;
  324. }
  325. nav .clearfix .nav_com ul li:hover a {
  326.     color: var(--COLOR1);
  327. 	background-color: var(--COLOR2);
  328. }
  329.  
  330.  
  331. /* --主内容-- */
  332.  
  333. /* 滚动banner */
  334. main .carousel .carousel-left {
  335.     position: relative;
  336.     width: 496px;
  337.     height: 216px;
  338. }
  339. main .carousel {
  340.     width: 760px;
  341.     height: 224px;
  342.     background: #fff0;
  343. 	overflow: visible;
  344. }
  345. main .carousel .carousel-left .carousel-inner {
  346.     position: relative;
  347.     width: 97%;
  348. 	margin-left: 3%;
  349. 	border-radius: 8px;
  350.     box-shadow: 0 4px 8px 0 #0001 !important;
  351. }
  352. main .carousel .carousel-left .carousel-inner .carousel-item {
  353.     height: 224px;
  354. }
  355.  
  356. main .carousel .carousel-left .carousel-indicators {
  357.     display: list-item;
  358. 	position: absolute;
  359.     right: auto;
  360.     bottom: 10px;
  361.     left: 0;
  362.     padding-left: 0;
  363.     margin-right: 0;
  364.     margin-left: -2px;
  365.     list-style: none;
  366. 	top: 0;
  367. 	width: 10px;
  368. }
  369. main .carousel .carousel-left .carousel-indicators li {
  370. 	transition: var(--AN);
  371. 	transition-delay: 0s;
  372.     display: list-item;
  373. 	background-color: var(--COLOR2);
  374. 	margin: 0;
  375. 	margin-bottom: 8px;
  376. 	width: 10px;
  377. 	height: 30px;
  378. 	border-radius: 10px;
  379. }
  380. main .carousel .carousel-left .carousel-indicators li.active {
  381.     margin-left: 0;
  382.     width: 10px;
  383.     height: 50px;
  384. 	background-color: var(--COLOR1) !important;
  385. }
  386. main .carousel .carousel-left .carousel-control.left, main .carousel .carousel-left .carousel-control.right, main .carousel .carousel-left .carousel-inner .carousel-item .cover {
  387. 	display: none;
  388. }
  389. main .carousel .carousel-left .carousel-inner .carousel-item img {
  390. 	transition: var(--AN);
  391. }
  392. main .carousel .carousel-left .carousel-inner .carousel-item:hover img {
  393. 	scale: 1.05;
  394. }
  395.  
  396. main .carousel .carousel-left .carousel-inner .carousel-item .carousel-caption {
  397. 	transition: var(--AN);
  398.     position: absolute;
  399.     bottom: 0;
  400.     left: 0;
  401.     z-index: 10;
  402.     width: 100%;
  403.     height: 15px;
  404.     padding: 10px 0;
  405.     color: #fff;
  406.     font-size: 13px;
  407.     line-height: 13px;
  408.     text-align: center;
  409.     text-shadow: none;
  410.     background: var(--COLOR5);
  411. 	box-sizing: content-box;
  412. 	border-radius: 8px 8px 0 0;
  413. 	opacity: 0;
  414. }
  415. main .carousel .carousel-left .carousel-inner .carousel-item:hover .carousel-caption {
  416. 	opacity: 1;
  417. }
  418.  
  419. main .carousel .carousel-right .carousel-right-u:first-child {
  420.     margin-bottom: 16px;
  421. }
  422. main .carousel .carousel-right .carousel-right-u {
  423. 	border-radius: 8px;
  424.     box-shadow: 0 4px 8px 0 #0001 !important;
  425. }
  426.  
  427.  
  428. /* 内容推荐 */
  429. main .feed-fix-box {
  430.     height: 40px;
  431. }
  432. main .feed-fix-box .scroll-fixbar a {
  433. 	transition: var(--AN);
  434.     width: auto;
  435. 	margin: 0 36%;
  436.     color: var(--COLOR1);
  437. 	border-radius: 50px;
  438.     background-color: var(--COLOR2);
  439. }
  440. main .feed-fix-box .scroll-fixbar a:hover {
  441.     background-color: var(--COLOR1);
  442. }
  443. main .feed-fix-box .fix-style-toolbar-suspension {
  444. 	overflow: visible;
  445.     top: 61px;
  446. }
  447. main .feed-fix-box .fix-style-toolbar-suspension a {
  448. 	transition: var(--AN);
  449.     width: auto;
  450. 	margin: 0 36%;
  451.     color: var(--COLOR1);
  452. 	border-radius: 50px;
  453.     background-color: #fff;
  454.     box-shadow: 0 4px 8px 0 #0001;
  455. }
  456.  
  457. main ul.feedlist_mod {
  458. 	overflow: hidden;
  459. }
  460. main ul.feedlist_mod li {
  461. 	transition: var(--AN);
  462.     padding: 18px 24px;
  463.     background: #fff;
  464.     border-bottom: none;
  465.     position: relative;
  466.     -webkit-box-shadow: none;
  467.     box-shadow: none;
  468. }
  469. main ul.feedlist_mod li:hover {
  470.     background: var(--COLOR3);
  471. }
  472. main ul.feedlist_mod li .list_con h2 a {
  473. 	transition: var(--AN);
  474. }
  475. main ul.feedlist_mod li:hover .list_con h2 a {
  476.     color: var(--COLOR1);
  477. }
  478.  
  479. main ul.feedlist_mod li .list_con h2 a span.recommend {
  480.     border-radius: 8px;
  481.     border: none;
  482.     background-color: var(--COLOR2);
  483.     color: var(--COLOR1);
  484. }
  485.  
  486. /* --右侧栏-- */
  487. aside .right_box {
  488.     margin-bottom: 16px;
  489. }
  490. h3.feed_new_tit .line {
  491. 	transition: var(--AN);
  492.     width: 3px;
  493.     background: var(--COLOR1);
  494.     overflow: hidden;
  495.     margin-right: 5px;
  496. 	border-radius: 50px;
  497. }
  498. h3.feed_new_tit:hover .line {
  499.     width: 16px;
  500.     height: 16px;
  501.     background: var(--COLOR2);
  502. }
  503. .feed_company ul.company_list li div.content h3.company_name a {
  504. 	transition: var(--AN);
  505. }
  506. .feed_company ul.company_list li div.content h3.company_name a:hover {
  507.     color: var(--COLOR1);
  508. }
  509. .feed_company ul.company_list li div.img_box img {
  510.     border-radius: 8px;
  511. }
  512.  
  513. /* --修复-- */
  514. .container {
  515.     padding: 16px 0 0;
  516. }
  517. .csdn-side-toolbar a.option-box {
  518. 	transition: var(--AN);
  519.     border: none;
  520.     -webkit-box-shadow: 0 4px 8px 0 #0001;
  521.     box-shadow: 0 4px 8px 0 #0001;
  522.     background-color: #fff;
  523.     height: 44px;
  524.     border-radius: 10px;
  525. 	overflow: hidden;
  526. }
  527. .csdn-side-toolbar a.option-box:hover {
  528. 	transition: var(--AN);
  529.     border: none;
  530.     -webkit-box-shadow: 0 0 #0000;
  531.     box-shadow: 0 0 #0000;
  532.     background-color: #fff;
  533.     height: 44px;
  534.     border-radius: 10px;
  535. }
  536. .csdn-side-toolbar a.option-box img {
  537. 	transition: var(--AN);
  538. 	opacity: 1;
  539. }
  540. .csdn-side-toolbar a.option-box.active img, .csdn-side-toolbar a.option-box:hover img {
  541.     display: block;
  542. 	transform: translatey(-44px);
  543. 	opacity: 0;
  544. }
  545. .csdn-side-toolbar a.option-box .show-txt {
  546.     transition: var(--AN);
  547.     color: var(--COLOR1);
  548.     background-color: var(--COLOR2);
  549.     opacity: 0;
  550. 	display: -webkit-box;
  551.     display: -ms-flexbox;
  552.     display: flex;
  553. 	transform: translatey(44px);
  554.     border-radius: 10px;
  555. }
  556. .csdn-side-toolbar a.option-box.active .show-txt, .csdn-side-toolbar a.option-box:hover .show-txt {
  557.     opacity: 1;
  558. 	transform: translatey(0);
  559. }
  560.  
  561.  
  562.  
  563.  
  564. }
  565.  
  566. @-moz-document domain("blog.csdn.net") {
  567. /*
  568. ----------
  569. 自建
  570. ----------
  571. */
  572.  
  573. /* --图标修正-- */
  574.  
  575. .more-toolbox .tool-active.is-like:before,
  576. .more-toolbox .tool-active.tool-item-comment:before,
  577. .more-toolbox .tool-active.tool-QRcode:before,
  578. .more-toolbox .tool-active.is-collection:before,
  579. .more-toolbox .tool-active.tool-more:before,
  580. aside #asideSearchArticle .aside-search .btn-search-blog:before,
  581. .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-like:before
  582.  
  583.  
  584. {
  585.   /* stylelint-disable-next-line */
  586.   font-family: 'Material Icons';
  587.   /* Support for all WebKit browsers. */
  588.   -webkit-font-smoothing: antialiased;
  589.   /* Support for Safari and Chrome. */
  590.   text-rendering: optimizeLegibility;
  591.   /* Support for Firefox. */
  592.   -moz-osx-font-smoothing: grayscale;
  593. }
  594.  
  595. .more-toolbox .tool-active img, aside #asideSearchArticle .aside-search .btn-search-blog img, .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-like img {
  596.     opacity: 0;
  597. }
  598. .more-toolbox .tool-active:before {
  599. 	font-size: 21px;
  600. 	position: absolute;
  601. 	top: 2px;
  602. 	left: 10px;
  603. }
  604. .more-toolbox .tool-active.is-like:before {
  605. 	content: 'favorite_border';
  606. }
  607. .more-toolbox .tool-active.tool-item-comment:before {
  608. 	content: 'message';
  609. }
  610. .more-toolbox .tool-active.tool-QRcode:before {
  611. 	content: 'share';
  612. }
  613. .more-toolbox .tool-active.is-collection:before {
  614. 	content: 'star_border';
  615. }
  616. .more-toolbox .tool-active.tool-more:before {
  617. 	content: 'more_horiz';
  618. }
  619. aside #asideSearchArticle .aside-search .btn-search-blog:before {
  620. 	content: 'search';
  621. 	font-size: 21px;
  622. }
  623.  
  624. .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-like:before {
  625. 	content: 'favorite_border';
  626. 	font-size: 21px;
  627. 	margin-right: -13px;
  628. 	color: #999aaa;
  629. }
  630.  
  631.  
  632.  
  633. /* 去除繁杂元素 */
  634. .profile-intro-name-boxOpration>.opt-letter-watch-box:nth-child(1) .personal-letter,
  635. aside #asideProfile>div:nth-child(2)>.text-center:nth-child(4),
  636. .csdn-userTooltip-pos:after, aside #asideProfile .badge-box,
  637. .person_deliver.person_deliver_letter_un, .more-toolbox .tool-phong,
  638. .more-toolbox .tool-item a.tool-bt-attend,
  639. .first-recommend-box, .second-recommend-box,
  640. main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top #blog_detail_zk_collection,
  641. .nodata .recommend-right_aside .kind_person
  642. {
  643. 	display: none !important;
  644. }
  645.  
  646. /* 隐藏某些博主的自定义图片背景 */
  647. body {
  648.     background:#f4f4f4 !important;
  649. }
  650.  
  651. /* 卡片 */
  652. div.aside-box, main div.blog-content-box,
  653. .more-toolbox .left-toolbox, .comment-box,
  654. .recommend-box, .article-list, .filter-box {
  655.     background-color: #fff;
  656.     border-radius: 10px;
  657.     box-shadow: 0 4px 8px 0 #0001 !important;
  658. }
  659. aside div.aside-box {
  660.     margin-bottom: 18px;
  661. }
  662. aside div.aside-box h3.aside-title {
  663.     background: #00000003;
  664.     color: #000000c2;
  665. }
  666. #csdn-userTooltip {
  667.     background-color: #fff;
  668.     border: none;
  669.     border-radius: 10px;
  670.     -webkit-box-shadow: rgba(0,0,0,.2) 0 4px 8px 0;
  671.     box-shadow: rgba(0,0,0,.2) 0 4px 8px 0;
  672. 	animation: var(--AN-APPE);
  673. 	transition: var(--AN);
  674. }
  675.  
  676. /* --左侧栏-- */
  677.  
  678. /* 个人信息 */
  679. aside #asideProfile {
  680. 	overflow: hidden;
  681. }
  682. aside #asideProfile .profile-intro .avatar-box {
  683.     position: absolute;
  684.     width: 100px;
  685.     height: 100px;
  686. 	left: 0px;
  687. 	top: 0px;
  688. 	z-index: 2;
  689.     border-radius: 0 0 50% 0;
  690. }
  691. aside #asideProfile .profile-intro .avatar-box img.avatar_pic {
  692. 	transition: var(--AN);
  693.     display: block;
  694.     width: 100px;
  695.     height: 100px;
  696.     border-radius: 0 0 80% 0;
  697.     position: relative;
  698. 	z-index: 1;
  699. }
  700. aside #asideProfile .profile-intro .avatar-box:hover img.avatar_pic {
  701. 	transform: translatex(-2px) translatey(-1px);
  702. }
  703. aside #asideProfile .profile-intro .avatar-box:before {
  704. 	transition: var(--AN);
  705.     position: absolute;
  706. 	display: block;
  707. 	content:'';
  708.     width: 105px;
  709.     height: 135px;
  710. 	background: #00000008;
  711.     border-radius: 0 0 80% 0;
  712. 	z-index: 0;
  713. }
  714. aside #asideProfile .profile-intro .avatar-box:hover:before {
  715.     width: 130px;
  716.     height: 110px;
  717. }
  718. aside #asideProfile .profile-intro .avatar-box:after {
  719. 	transition: var(--AN);
  720.     position: absolute;
  721. 	display: block;
  722. 	content:'';
  723.     width: 115px;
  724.     height: 110px;
  725. 	background: #e33e330f;
  726.     border-radius: 0 0 80% 0;
  727. 	z-index: 0;
  728. }
  729. aside #asideProfile .profile-intro .avatar-box:hover:after {
  730.     width: 105px;
  731.     height: 135px;
  732. }
  733. aside #asideProfile .data-info {
  734.     position: relative;
  735. 	z-index: 1;
  736. }
  737.  
  738. aside #asideProfile .profile-intro .user-info {
  739.     margin-left: 120px;
  740.     width: 156px;
  741.     position: relative;
  742. 	z-index: 1;
  743. }
  744.  
  745. aside #asideProfile>div:nth-child(2) {
  746. 	padding-left: 70px;
  747. }
  748.  
  749. .profile-intro-name-boxOpration {
  750.     margin-left: 60px;
  751. }
  752. .opt-letter-watch-box {
  753.     width: 60px;
  754. }
  755. .opt-letter-watch-box .personal-watch {
  756. 	transition: var(--AN);
  757.     background: var(--COLOR2);
  758.     color: var(--COLOR1);
  759. 	border-radius: 50px;
  760. }
  761. .opt-letter-watch-box .personal-letter {
  762. 	transition: var(--AN);
  763.     border: none;
  764.     background: var(--COLOR3);
  765. 	border-radius: 50px;
  766. }
  767.  
  768. /* 搜索 */
  769. aside #asideSearchArticle .search-comter {
  770.     padding: 0;
  771. }
  772. aside #asideSearchArticle .aside-search {
  773.     background: #fff0;
  774.     margin: 8px;
  775. }
  776. aside #asideSearchArticle .aside-search .btn-search-blog {
  777. 	transition: var(--AN);
  778.     background-color: var(--COLOR3);
  779.     border-radius: 50px;
  780. }
  781. aside #asideSearchArticle .aside-search .btn-search-blog:before {
  782. 	transition: var(--AN);
  783.     color: #7e7e7e;
  784. }
  785. aside #asideSearchArticle .aside-search .btn-search-blog-active {
  786.     background-color: var(--COLOR2);
  787. }
  788. aside #asideSearchArticle .aside-search .btn-search-blog-active:before {
  789.     color: var(--COLOR1);
  790. }
  791.  
  792. /* --主内容-- */
  793.  
  794. /* 正文 */
  795. main div.blog-content-box {
  796.     position: relative;
  797.     padding: 0 24px 16px;
  798.     background: #fff;
  799. }
  800. main div.blog-content-box .article-header-box .article-header div.article-info-box {
  801.     background-color: var(--COLOR3);
  802.     border-radius: 10px;
  803.     padding: 10px;
  804. }
  805. .htmledit_views pre code {
  806.     background-color: var(--COLOR3);
  807.     border-radius: 10px;
  808.     padding: 8px;
  809. }
  810. .hljs-button {
  811.     display: block;
  812.     right: 5px;
  813.     top: 5px;
  814.     background-color: white;
  815.     border-radius: 6px;
  816.     cursor: pointer;
  817.     box-shadow: none;
  818. }
  819. .markdown_views pre>code .hljs-button {
  820. 	transition: var(--AN);
  821.     opacity: 0;
  822. }
  823. .markdown_views pre>code:hover .hljs-button {
  824.     opacity: 1;
  825. }
  826. main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box {
  827.     margin-bottom: 10px;
  828. }
  829. main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box.artic-tag-box a.tag-link {
  830.     margin-right: 8px;
  831.     padding: 2px 10px 3px 10px;
  832.     background-color: #fff;
  833.     color: var(--COLOR1);
  834.     border: none;
  835.     height: 23px;
  836.     line-height: 17px;
  837.     border-radius: 50px;
  838. }
  839. .markdown_views blockquote {
  840.     border-left: 8px solid var(--COLOR4);
  841.     background: var(--COLOR3);
  842.     border-radius: 0 10px 10px 0;
  843. }
  844. .blogger-info-card {
  845.     padding: 16px;
  846.     border: none;
  847.     border-radius: 8px;
  848.     background-color: var(--COLOR3);
  849. }
  850. .blogger-info-card .card-rt .card-rt-header .tag {
  851.     color: var(--COLOR1);
  852.     padding: 2px 8px;
  853.     border: none;
  854.     border-radius: 50px;
  855.     background-color: var(--COLOR2);
  856. }
  857. .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .is_bloger, .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .is_bloger {
  858.     margin-bottom: 3px;
  859. }
  860.  
  861. main div.blog-content-box article #content_views img {
  862.     border-radius: 10px;
  863. }
  864.  
  865. /* 操作栏 */
  866. .more-toolbox .left-toolbox {
  867. 	transition: margin var(--AN);
  868.     background-color: #f7f7f7;
  869. 	border-radius: 0 0 10px 10px !important;
  870. 	margin: 0 20px;
  871. 	margin-bottom: 8px;
  872. }
  873. .more-toolbox.more-toolbox-active .left-toolbox {
  874. 	width: 770px !important;
  875. 	margin: 20px;
  876.     background-color: var(--COLOR3);
  877. 	border-radius: 10px !important;
  878. }
  879. .more-toolbox .toolbox-list {
  880.     padding-left: 20px;
  881. }
  882. .more-toolbox .tool-item {
  883.     background: none;
  884. }
  885. .more-toolbox .tool-item a {
  886.     border-radius: 50px;
  887.     height: 30px;
  888.     -webkit-box-align: center;
  889.     -ms-flex-align: center;
  890.     align-items: center;
  891.     padding: 0 10px !important;
  892. 	margin: 3px 0;
  893. }
  894. .more-toolbox .tool-active a {
  895. 	transition: var(--AN);
  896. 	border-radius: 50px;
  897. }
  898. .more-toolbox .tool-active a:hover {
  899.     background-color: var(--COLOR4);
  900. }
  901.  
  902. /* 评论区 */
  903. .comment-box {
  904.     margin-bottom: 15px;
  905. 	padding-bottom: 20px;
  906. }
  907. .comment-box .comment-edit-box {
  908. 	position: relative;
  909. 	transition: var(--AN);
  910.     margin: 0 24px 24px 24px;
  911. 	padding: 0;
  912. 	transform: translatey(16px);
  913. 	background-color: var(--COLOR3);
  914.     border-radius: 19px;
  915. 	border: 1px solid #dadde0;
  916. }
  917.  
  918. .comment-box .comment-edit-box form .comment-content {
  919. 	transition: var(--AN);
  920.     padding: 6px;
  921. 	border: none;
  922.     height: 36px;
  923. 	background-color: #fff0;
  924. }
  925. .comment-box .comment-edit-box form .comment-content.open {
  926. 	padding: 6px 8px;
  927.     height: 75px;
  928.     background-color: #fff;
  929.     -webkit-box-shadow: none;
  930.     box-shadow: none;
  931.     border: none;
  932.     border-radius: 10px;
  933. 	margin: 10px 0;
  934. 	transform: translatex(-10px);
  935. }
  936. .comment-box .comment-edit-box form .opt-box {
  937.     display: none;
  938.     margin: 10px 10px 10px 0;
  939. 	transform: translatex(-10px);
  940. }
  941. .comment-box .comment-edit-box .user-img {
  942. 	z-index: 1;
  943. 	padding-left: 1px;
  944. 	margin-right: 20px;
  945. }
  946. .comment-box .comment-edit-box .bt-comment-show {
  947. 	background-color: var(--COLOR4);
  948.     border-radius: 50px;
  949.     color: #000;
  950.     border: none;
  951. }
  952. .comment-box .comment-edit-box form .comment-content.open + .opt-box .dropdown .dropdown-face {
  953. 	transition: var(--AN);
  954.     -webkit-box-shadow: none;
  955.     box-shadow: none;
  956.     border: none;
  957. 	background-color: var(--COLOR4);
  958.     border-radius: 16px;
  959. 	width: 130px;
  960. 	padding: 0 8px 0 16px;
  961. }
  962. .comment-box .comment-edit-box form .comment-content.open + .opt-box .dropdown .dropdown-face[aria-expanded="true"] {
  963. 	background-color: var(--COLOR2);
  964.     border-radius: 16px 16px 0 0;
  965. }
  966. .dropdown-face > svg.icon {
  967. 	transition: var(--AN);
  968. }
  969. .open > .dropdown-face > svg.icon {
  970.     -webkit-transform: rotate(-180deg);
  971.     transform: rotate(-180deg);
  972.     fill: var(--COLOR1);
  973. }
  974. .dropdown-menu {
  975. 	transition: var(--AN);
  976.     display: block !important;
  977.     padding: 8px;
  978.     background-color: #fff;
  979.     border: none;
  980.     border-radius: 0 0 16px 16px;
  981.     -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
  982.     box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
  983. 	opacity: 0;
  984. 	height: 0;
  985. 	transform: translatey(-3px);
  986. 	overflow: hidden;
  987. }
  988. .open > .dropdown-menu {
  989.     display: block;
  990.     height: 192px;
  991. 	opacity: 1;
  992. 	transform: translatey(0);
  993. }
  994. .dropdown-menu::-webkit-scrollbar {
  995.   	width : 8px;
  996.   	height: 1px;
  997. }
  998. .dropdown-menu::-webkit-scrollbar-thumb {
  999.   	border-radius: 10px;
  1000.   	background-color: var(--COLOR2);
  1001. }
  1002. .dropdown-menu::-webkit-scrollbar-track {
  1003. 	background: var(--COLOR3);
  1004.   	border-radius: 0 0 16px 0;
  1005. }
  1006. .comment-box .comment-edit-box form .opt-box .right-box .btn-comment {
  1007.     border: none;
  1008.     background-color: var(--COLOR2);
  1009.     color: var(--COLOR1);
  1010. 	transform: translatex(10px);
  1011.   	border-radius: 50px;
  1012. 	padding: 0 13px;
  1013. }
  1014.  
  1015. .comment-box .comment-list-container .comment-list-box>ul.comment-list {
  1016.     margin-top: 10px;
  1017. 	padding: 15px;
  1018.     border: none;
  1019.     background-color: var(--COLOR3);
  1020. 	border-radius: 10px;
  1021. }
  1022. .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box .comment-tag img.comment-tag-img {
  1023. 	display: none;
  1024. }
  1025. .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box .comment-tag {
  1026.     background-color: var(--COLOR2);
  1027.     border-radius: 4px 0 0 4px;
  1028.     padding: 3px 3px 3px 5px;
  1029.     margin-right: 0;
  1030.     color: var(--COLOR1);
  1031. }
  1032. .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box>a:nth-child(2) {
  1033.     background-color: var(--COLOR2);
  1034.     border-radius: 0 4px 4px 0;
  1035.     padding: 0 3px 0 5px;
  1036.     margin-right: 0;
  1037. }
  1038.  
  1039. .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .new-opt-box-bg, .comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .new-opt-box-bg {
  1040.     right: -7px;
  1041.     top: -9px;
  1042.     background: rgba(255,255,255);
  1043.     -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
  1044.     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
  1045.     border-radius: 50px;
  1046.     border: none;
  1047. 	padding: 0 5px;
  1048. }
  1049.  
  1050. /* 推荐图文列表 */
  1051. .recommend-box .recommend-item-box,
  1052. .article-list .recommend-item-box,
  1053. .recommend-box .article-item-box,
  1054. .article-list .article-item-box {
  1055.     border-top: none;
  1056.     padding: 15px 24px 15px 24px;
  1057.     background-color: #fff0;
  1058. }
  1059. .recommend-box .recommend-item-box h4,
  1060. .article-list .recommend-item-box h4,
  1061. .recommend-box .article-item-box h4,
  1062. .article-list .article-item-box h4
  1063. {
  1064. 	overflow: visible;
  1065. }
  1066. .recommend-box .recommend-item-box h4 a,
  1067. .article-list .recommend-item-box h4 a,
  1068. .recommend-box .article-item-box h4 a,
  1069. .article-list .article-item-box h4 a {
  1070. 	position: relative;
  1071.     transition: var(--AN);
  1072. }
  1073. .recommend-box .recommend-item-box h4 a:before,
  1074. .article-list .recommend-item-box h4 a:before,
  1075. .recommend-box .article-item-box h4 a:before,
  1076. .article-list .article-item-box h4 a:before {
  1077. 	position: absolute;
  1078. 	content: '';
  1079. 	width: 100%;
  1080. 	padding: 3px 12px;
  1081.     transition: var(--AN);
  1082. 	height: 24px;
  1083. 	box-sizing: content-box;
  1084. 	margin-left: -12px;
  1085. 	margin-top: -3px;
  1086.     border-radius: 50px;
  1087. }
  1088. .recommend-box .recommend-item-box h4:hover a,
  1089. .article-list .recommend-item-box h4:hover a,
  1090. .recommend-box .article-item-box h4:hover a,
  1091. .article-list .article-item-box h4:hover a {
  1092.     color: var(--COLOR1);
  1093. }
  1094. .recommend-box .recommend-item-box h4:hover a:before,
  1095. .article-list .recommend-item-box h4:hover a:before,
  1096. .recommend-box .article-item-box h4:hover a:before,
  1097. .article-list .article-item-box h4:hover a:before {
  1098.     background: var(--COLOR2);
  1099. }
  1100. .recommend-box .recommend-item-box h4 a:active:before,
  1101. .article-list .recommend-item-box h4 a:active:before,
  1102. .recommend-box .article-item-box h4 a:active:before,
  1103. .article-list .article-item-box h4 a:active:before {
  1104.     background: var(--COLOR2);
  1105. 	height: 3px;
  1106. 	margin-top: 22px;
  1107. 	margin-left: -5px;
  1108. 	padding: 0 5px;
  1109. }
  1110. .recommend-box .type_blog .content .desc, .article-list .type_blog .content .desc, .recommend-box .baiduSearch .desc a, .article-list .baiduSearch .desc a {
  1111. 	margin-top: 7px;
  1112. }
  1113.  
  1114.  
  1115. /* --博客页面-- */
  1116. div#mainBox.container.clearfix.pt0 {
  1117. 	transform: translatey(-16px);
  1118. }
  1119. .filter-box {
  1120. 	margin-bottom: 16px;
  1121. }
  1122. .filter-box dl.filter-sort-box dd a:hover, .filter-box dl.filter-sort-box dd a.active {
  1123.     color: var(--COLOR1);
  1124. }
  1125.  
  1126. /* --修复-- */
  1127. .main_father {
  1128.     padding: 16px 0 0 0;
  1129. }
  1130. .blog_container_aside {
  1131. 	top: 60px !important;
  1132. 	transform: translatex(-10px);
  1133. }
  1134. .nodata .recommend-right {
  1135.     margin-left: 18px;
  1136. }
  1137. .recommend-right .recommend-list-box, div#recommend-right {
  1138. 	top: 60px !important;
  1139. }
  1140. .article-list .article-item-box h4 a {
  1141. 	width: max-content;
  1142. }
  1143.  
  1144.  
  1145. }
  1146.  
  1147. @-moz-document domain("me.csdn.net") {
  1148. /* --去除繁杂元素-- */
  1149. .me_wrap .me_wrap_r>div.me_r[style="margin-top: 8px;"], .me_wrap .me_wrap_l .me_wrap_lt .lt_main .job .add_certification
  1150. {
  1151. 	display: none !important;
  1152. }
  1153.  
  1154. /* 卡片 */
  1155. .me_wrap .me_wrap_l .me_wrap_lt, .me_wrap .me_wrap_r .me_r,
  1156. .me_wrap .me_wrap_r .me_fans, .my_tab_page .my_tab_page_con {
  1157.     background-color: #fff;
  1158.     border-radius: 10px;
  1159.     box-shadow: 0 4px 8px 0 #0001 !important;
  1160. }
  1161.  
  1162.  
  1163. /* --主内容-- */
  1164. .me_wrap .me_wrap_l .me_chanel_bar, .me_wrap .me_wrap_l .me_chanel_det {
  1165.     background-color: #fff0;
  1166.     margin-bottom: 0;
  1167. }
  1168. .me_wrap .me_wrap_l .me_wrap_lt .lt_button .message, .me_wrap .me_wrap_l .me_wrap_lt .lt_button .watch_btn {
  1169. 	transition: var(--AN);
  1170.     border: none !important;
  1171.     border-radius: 50px;
  1172.     color: var(--COLOR1);
  1173. 	background-color: var(--COLOR2);
  1174. }
  1175. .me_wrap .me_wrap_l .me_wrap_lt .lt_button .message, .me_wrap .me_wrap_l .me_wrap_lt .lt_button .watch_btn:hover {
  1176.     border-radius: 50px;
  1177.     color: #fff;
  1178. 	background-color: var(--COLOR1);
  1179. }
  1180. .me_wrap .me_wrap_l .me_wrap_lt .lt_button .watched:before {
  1181. 	border: none !important;
  1182.     color: #fff !important;
  1183. }
  1184. .me_wrap .me_wrap_l .me_wrap_lt .lt_button .watched {
  1185. 	padding: 0 4px;
  1186. }
  1187. .me_wrap .me_wrap_l .me_wrap_lt .lt_button .watched span {
  1188.     color: #a8a8a8;
  1189. }
  1190.  
  1191. .show_wrap .show_more {
  1192. 	transition: var(--AN);
  1193.     background-color: var(--COLOR2);
  1194.     color: var(--COLOR1);
  1195.     border: none;
  1196.     border-radius: 50px;
  1197. }
  1198.  
  1199.  
  1200. /* --右侧栏-- */
  1201. .me_wrap .me_wrap_r .me_r, .me_wrap .me_wrap_r .me_fans {
  1202. 	margin-bottom: 16px;
  1203. }
  1204.  
  1205.  
  1206. /* --修复-- */
  1207. .me_wrap {
  1208.     width: 1216px;
  1209. }
  1210. .me_wrap .me_wrap_r {
  1211.     margin-left: 16px;
  1212. }
  1213.  
  1214. .me_wrap .me_wrap_r .me_fans .att:hover span, .me_wrap .me_wrap_r .me_fans .fans:hover span, .me_wrap .me_wrap_l .me_chanel_bar .me_chanel_list .tab_item_click label, .me_wrap .me_wrap_l .me_chanel_bar .me_chanel_list .tab_item_click label .count, .me_wrap .me_wrap_l .me_chanel_bar .me_chanel_list .tab_item:hover label, .me_wrap .me_wrap_l .me_chanel_bar .me_chanel_list .tab_item:hover .count, .me_wrap .me_wrap_l .me_wrap_lt .lt_main .job .icon, .icon, .my_tab_page .my_tab_page_con .tab_page_list dt h3 a:hover {
  1215.     color: var(--COLOR1);
  1216. }
  1217. .me_wrap .me_wrap_l .me_chanel_bar .me_chanel_list .tab_item_click label, .me_wrap .me_wrap_r .me_r .me_r_t, .me_wrap .me_wrap_l .me_chanel_bar .me_chanel_list .tab_item:hover label {
  1218.     border-color: var(--COLOR1);
  1219. }
  1220.  
  1221.  
  1222. }
  1223.  
  1224. @-moz-document domain("download.csdn.net") {
  1225. /*
  1226. ----------
  1227. 自建
  1228. ----------
  1229. */
  1230.  
  1231. /* --图标修正-- */
  1232.  
  1233.  
  1234.  
  1235. /* 去除繁杂元素 */
  1236. .main_r .upload, .main_r .medal-box, .content_recom.right_plate_con,
  1237. .resource_box .resource_box_fn .left_fn .c_dl_btn.open_authentication {
  1238. 	display: none !important;
  1239. }
  1240.  
  1241. /* 卡片 */
  1242. .resource_user, .main .resource_box, .dl_comm, .resource_recommend, nav,
  1243. .alert-box, ul.pub_recommend {
  1244.     background-color: #fff;
  1245.     border-radius: 10px;
  1246.     box-shadow: 0 4px 8px 0 #0001 !important;
  1247. }
  1248.  
  1249. /* --左侧栏-- */
  1250. nav div div ul li {
  1251.     background-color: #fff0 !important;
  1252. }
  1253. nav .clearfix .nav_com ul li a {
  1254. 	transition: var(--AN);
  1255.     border-radius: 5px;
  1256. 	width: auto;
  1257. 	margin: 2px 6px;
  1258. }
  1259. nav .clearfix .nav_com ul li:hover a {
  1260.     color: var(--COLOR1);
  1261. 	background-color: var(--COLOR2);
  1262. }
  1263.  
  1264.  
  1265. /* --主内容-- */
  1266.  
  1267. /* 资源详情 */
  1268. .main .resource_box {
  1269.     margin-bottom: 16px;
  1270. }
  1271. .dl_bread_score {
  1272.     background-color: var(--COLOR3);
  1273.     border-radius: 10px;
  1274.     padding: 6px 12px;
  1275. }
  1276. .resource_box .resource_box_fn .left_fn .c_dl_btn {
  1277. 	transition: var(--AN);
  1278.     height: 32px;
  1279.     line-height: 32px;
  1280.     padding: 0 15px;
  1281.     border-radius: 50px;
  1282.     border: none;
  1283.     margin-right: 10px;
  1284.     color: var(--COLOR1);
  1285. 	background-color: var(--COLOR2);
  1286. }
  1287. .resource_box .resource_box_fn .left_fn .c_dl_btn:hover {
  1288.     color: #fff;
  1289. 	background-color: var(--COLOR1);
  1290. }
  1291. .download_box .download_content .resource_img {
  1292.     margin: -70px auto 0;
  1293.     border-radius: 100%;
  1294.     background-color: var(--COLOR3);
  1295. }
  1296. .download_box .download_content .pop_close {
  1297.     border-radius: 50%;
  1298.     top: 70px;
  1299.     background-color: var(--COLOR3);
  1300. }
  1301. .download_box .download_content .pop_close:after {
  1302. 	transition: var(--AN);
  1303.     content: '';
  1304.     display: block;
  1305.     width: 28px;
  1306.     height: 28px;
  1307.     background-color: #fff0;
  1308. 	border: 1px solid var(--COLOR3);
  1309.     position: relative;
  1310.     left: 0px;
  1311. 	top: 0px;
  1312.     border-radius: 50%;
  1313. 	opacity: 1;
  1314. }
  1315. .download_box .download_content .pop_close:hover:after {
  1316.     border-radius: 50%;
  1317. 	transform: scale(1.5);
  1318. 	opacity: 0;
  1319. 	border-color: var(--COLOR1);
  1320. }
  1321. .download_box .download_content .normal_tips ul {
  1322.     background-color: var(--COLOR3);
  1323. 	margin: 0 40px 15px 40px;
  1324. 	padding: 10px 0;
  1325.     border-radius: 10px;
  1326. }
  1327. .download_box .download_content .resource_dl_btn .dl_btn {
  1328. 	transition: var(--AN);
  1329.     padding: 0 20px;
  1330.     background: var(--COLOR2);
  1331.     font-size: 16px;
  1332.     color: var(--COLOR1);
  1333.     border-radius: 50px;
  1334. }
  1335.  
  1336. /* 评论区 */
  1337. .dl_comm .comm_t .comm_list .comm_list_t .comm_list_t_l .dl_user {
  1338.     font-size: 14px;
  1339.     color: #fff0;
  1340. 	position: relative;
  1341. 	margin-right: 3px;
  1342. }
  1343. .dl_comm .comm_t .comm_list .comm_list_t .comm_list_t_l .dl_user span {
  1344.     color: var(--COLOR1);
  1345. }
  1346. .dl_comm .comm_t .comm_list .comm_list_t .comm_list_t_l .dl_user span,
  1347. .dl_comm .comm_t .comm_list .comm_list_t .comm_list_t_l .comm_avatar {
  1348. 	position: relative;
  1349.    	z-index: 2;
  1350. }
  1351. .dl_comm .comm_t .comm_list .comm_list_t .comm_list_t_l .dl_user:after {
  1352.     content: '';
  1353. 	display: block;
  1354. 	background-color: var(--COLOR2);
  1355. 	height: 24px;
  1356. 	width: 100%;
  1357. 	padding: 0 14px;
  1358. 	position: absolute;
  1359. 	margin-top: -24px;
  1360. 	margin-left: -32px;
  1361. 	z-index: 0;
  1362. 	box-sizing: content-box;
  1363.     border-radius: 50px;
  1364. }
  1365.  
  1366. /* 推荐图文列表 */
  1367. ul.pub_recommend .pub_recom_item {
  1368.     background-color: #fff0;
  1369.     box-sizing: border-box;
  1370.     padding: 14px 24px;
  1371.     border: none;
  1372. }
  1373.  
  1374. /* --右侧栏-- */
  1375. .resource_user .user_fn .user_btn {
  1376. 	transition: var(--AN);
  1377.     width: auto;
  1378. 	padding: 0 15px;
  1379.     height: 28px;
  1380.     border-radius: 50px;
  1381.     border: none;
  1382.     background: var(--COLOR3);
  1383. }
  1384. .resource_user .user_fn .attention {
  1385. 	transition: var(--AN);
  1386.     background: var(--COLOR2);
  1387. 	color: var(--COLOR1);
  1388. }
  1389. .resource_user .user_fn .attention:hover {
  1390. 	color: #fff;
  1391. }
  1392.  
  1393. /* --修复-- */
  1394. .home_page_wrap, .resource_recommend {
  1395.     margin-top: 16px;
  1396. }
  1397. .main {
  1398.     width: 1210px;
  1399. }
  1400. .main .main_r {
  1401.     transform: translatex(10px);
  1402. }
  1403.  
  1404.  
  1405. }
  1406.  
  1407. @-moz-document domain("so.csdn.net") {
  1408. /* 去除繁杂元素 */
  1409. 。 {
  1410. 	display: none !important;
  1411. }
  1412.  
  1413. /* 卡片 */
  1414. .search-list-con, .business-sidebar, .left-nav, .relation-search,  .search-result-pagination {
  1415.     background-color: #fff;
  1416.     border-radius: 10px;
  1417.     box-shadow: 0 4px 8px 0 #0001 !important;
  1418. }
  1419.  
  1420. /* --左侧栏-- */
  1421. .left-nav li {
  1422. 	transition: var(--AN);
  1423.     border-radius: 5px;
  1424. 	width: auto;
  1425. 	margin: 3px 6px;
  1426. }
  1427. .left-nav li:hover {
  1428.     color: var(--COLOR1);
  1429. 	background-color: var(--COLOR2);
  1430. }
  1431. .left-nav li.active {
  1432.     color: #fff;
  1433. 	background-color: var(--COLOR1);
  1434. }
  1435.  
  1436.  
  1437. /* --主内容-- */
  1438. .search-list-con, .relation-search,  .search-result-pagination {
  1439. 	margin-bottom: 16px;
  1440. }
  1441.  
  1442.  
  1443.  
  1444. /* --右侧栏-- */
  1445. .business-sidebar {
  1446.     margin-bottom: 16px;
  1447. }
  1448.  
  1449.  
  1450. /* --修复-- */
  1451. .main-container {
  1452.     margin: 16px auto 0;
  1453. }
  1454. .main-container, .con-l {
  1455. 	overflow: visible;
  1456. }
  1457. .con-l-left {
  1458.     transform: translatex(-8px);
  1459. }
  1460. .con-r {
  1461.     transform: translatex(8px);
  1462. 	overflow: visible;
  1463. }
  1464. .business-sidebar .business-sidebar-item dt em, .business-sidebar .business-sidebar-item dd em, .search-list .search-detail em,
  1465. .search-list dt a em, .search-list dt:first-child a:hover, .relation-search ul li a {
  1466. 	color: var(--COLOR1);
  1467. }
  1468.  
  1469.  
  1470. }
  1471.  
  1472. @-moz-document domain("bbs.csdn.net") {
  1473. /*
  1474. ----------
  1475. 自建
  1476. ----------
  1477. */
  1478.  
  1479. a {
  1480.     text-decoration: none !important;
  1481. }
  1482.  
  1483. ::-webkit-scrollbar-button {
  1484.     display: none;
  1485.     height: 13px;
  1486.     border-radius: 0px;
  1487.     background-color: #AAA;
  1488. }
  1489.  
  1490. ::-webkit-scrollbar-button:hover {
  1491.     background-color: #808080cc;
  1492. }
  1493.  
  1494. ::-webkit-scrollbar-thumb {
  1495.     background-color: #a6a6a642;
  1496.     border-radius: 10px;
  1497. }
  1498.  
  1499. ::-webkit-scrollbar-thumb:hover {
  1500.     background-color: #71717194;
  1501. }
  1502.  
  1503. ::-webkit-scrollbar-track {
  1504.     background-color: #fbfbfb0d;
  1505.     border-radius: 10px;
  1506. }
  1507.  
  1508. ::-webkit-scrollbar-track:hover {
  1509.     background-color: #f5f5f517;
  1510. }
  1511.  
  1512. ::-webkit-scrollbar {
  1513.     width: 10px;
  1514. }
  1515.  
  1516. /*广告等元素*/
  1517. .advice, .honour_t.bbs_model, img.user-years,
  1518. .honour_list_wrap>.honour_c:nth-last-child(1)
  1519. {
  1520.     display:none !important;
  1521. }
  1522.  
  1523. /*顶栏*/
  1524. .csdn-toolbar{
  1525.     position: relative;
  1526.     z-index: 999;
  1527.     box-shadow: none;;
  1528. }
  1529. .news-nav {
  1530.     position: relative;
  1531.     z-index: 998;
  1532.     background: #f9f9f9;
  1533.     box-shadow: 0px 2px 10px 0px #00000029;
  1534. }
  1535.  
  1536. /*板块*/
  1537. .bbs_main_wrap {
  1538.     overflow: visible;
  1539. }
  1540. .bbs_left_box,.fixed_dl {
  1541.     position: relative;
  1542.     transition: 0.5s;
  1543.     background-color:#fdfdfd;
  1544.     box-shadow: 0px 1rem 1rem 0px #30373814;
  1545.     margin-bottom: 12px;
  1546. }
  1547. .bbs_left_box:hover,.fixed_dl:hover {
  1548.     background-color:#fff;
  1549.     box-shadow: 0px 1rem 2rem 0px rgba(48, 55, 66, 0.25);
  1550.     transform: translate(0,-1px);
  1551. }
  1552. .bbs_left_box .com_title {
  1553.     transition: .3s;
  1554. }
  1555. .bbs_left_box:hover .com_title {
  1556.     background-color: #d92e2e3d;
  1557. }
  1558.  
  1559. /*正文*/
  1560. .bbs_left_box .bbs_cow_c .cow_c_list dt a img {
  1561.     border-radius: 50%;
  1562. }
  1563.  
  1564. .bbs_left_box .bbs_cow_c .cow_c_list dd .att {
  1565.     transition: .3s;
  1566.     border-radius: 3px;
  1567.     background: #d92e2e12;
  1568.     color: #d92e2e;
  1569.     border: none;
  1570. }
  1571. .bbs_left_box .bbs_cow_c .cow_c_list dd .att:hover {
  1572.     background: #d92e2e;
  1573.     color: #fff;
  1574.     border: none;
  1575. }
  1576.  
  1577. /*侧栏*/
  1578. .left_menu .btn_toggle_hide, .left_menu .btn_toggle_show {
  1579.     transition: .3s;
  1580.     border-radius: 0 5px 5px 0;
  1581.     background: #d92e2e12;
  1582.     color: #d92e2e;
  1583.     padding: 10px 3px;
  1584.     position: absolute;
  1585.     right: -26px;
  1586. }
  1587. .left_menu .btn_toggle_hide:hover, .left_menu .btn_toggle_show:hover {
  1588.     transition: .3s;
  1589.     background: #d92e2e;
  1590.     color: #fff;
  1591.     box-shadow: 0 0 15px 0 #f4444494;
  1592. }
  1593.  
  1594. .left_main {
  1595.     overflow: hidden;
  1596.     box-shadow: 0px 2px 10px 0px #00000029;
  1597. }
  1598. .left_side .tree {
  1599.     padding: 10px 0 0 0;
  1600. }
  1601.  
  1602. .left_side .left_main .search_bbs {
  1603.     transition: .3s;
  1604.     border-radius: 100px;
  1605.     background: #eee;
  1606.     height: 32px;
  1607.     border: none;
  1608. }
  1609. .left_side .left_main .search_bbs:hover,
  1610. .left_side .left_main .search_bbs:focus {
  1611.     transition: .3s;
  1612.     border-radius: 100px;
  1613.     background: #fff;
  1614.     height: 32px;
  1615.     border: none;
  1616.     box-shadow: 0 1px 4px 0 #00000029;
  1617. }
  1618. .left_main .tree .search_bbs .sear_input {
  1619.     transition: .3s;
  1620.     margin-left: 0.1px;
  1621.     background: #fff0;
  1622.     color: #4d4d4d;
  1623. }
  1624.  
  1625. .left_side #menu {
  1626.     overflow: visible;
  1627. }
  1628. .left_side .tree .search_bbs_tree {
  1629.     transition: .3s;
  1630.     border-radius: 3px;
  1631.     background: #fff;
  1632.     box-shadow: 0 1px 4px 0 #00000029;
  1633.     margin-top: 10px;
  1634.     margin-bottom: 20px;
  1635.     border: none;
  1636.     border-top: 0;
  1637.     padding: 5px 5px 5px;
  1638. }
  1639. .left_side .tree .curSelectedNode span {
  1640.     background: #fff0;
  1641. }
  1642.  
  1643. .left_side #menu li {
  1644.     transition: .3s;
  1645.     position: relative;
  1646.     left: -1px;
  1647.     padding: 2px 0 2px 10px;
  1648. }
  1649. .left_side #menu li:hover {
  1650.     transition: .3s;
  1651.     padding: 2px 0 2px 15px;
  1652.     background: #e6e6e6;
  1653. }
  1654.  
  1655. .left_side #menu li a {
  1656.     color: #3e3e3e;
  1657. }
  1658.  
  1659. /*讨论*/
  1660. .hide_topic_box {
  1661.     display: none;
  1662. }
  1663. div#bbs_detail_wrap{
  1664.     max-height: 100% !important;
  1665. }
  1666.  
  1667. }
  1668.  
  1669. @-moz-document url-prefix("https://passport.csdn.net/login"), url-prefix("http://passport.csdn.net/login") {
  1670. #app {
  1671.     background-image: url(http://wx3.sinaimg.cn/large/0065PkNmgy1ffm1ccv8scj31kw0zke82.jpg) !important;
  1672.     background-size: cover;
  1673. }
  1674.  
  1675. .main-login {
  1676.     float: right;
  1677.     width: 450px;
  1678.     height: 480px;
  1679.     position: relative;
  1680.     padding: 30px 0;
  1681.     background-color: #ffffffad;
  1682.     backdrop-filter: blur(7px);
  1683.     border: none;
  1684.     border-radius: 4px 4px;
  1685.     box-shadow: none;
  1686. }
  1687.  
  1688. .dropdown-select .dropdown-text, .form-control {
  1689.     background-color: #fff0;
  1690. }
  1691.  
  1692. .main-select {
  1693.     position: absolute;
  1694.     bottom: 80px;
  1695.     width: 100%;
  1696.     text-align: center;
  1697. }
  1698.  
  1699. .main-download-btn {
  1700.     transition: .3s;
  1701.     position: absolute;
  1702.     bottom: 20px;
  1703.     left: auto;
  1704.     right: 20px;
  1705.     display: block;
  1706.     width: 150px;
  1707.     height: 35px;
  1708.     line-height: 40px;
  1709.     color: #000;
  1710.     background-color: #ffffffad;
  1711. }
  1712.  
  1713. .main-download-btn:hover {
  1714.     color: #000;
  1715.     background-color: #ca0c162e;
  1716. }
  1717.  
  1718. .main-qr-mark {
  1719.     display: none;
  1720. }
  1721. .main-qr-mark.app-transition-move {
  1722.     display: block;
  1723. }
  1724. .main-qr-mark:before,.main-qr-mark:after {
  1725.     display:none;
  1726. }
  1727. .main-qr-mark {
  1728.     background-color: #ffffffad;
  1729.     backdrop-filter: blur(15px);
  1730.     border-radius: 4px 4px;
  1731.     transition: all .3s ease;
  1732.     z-index: 10;
  1733.     overflow: hidden;
  1734.     opacity: 0;
  1735. }
  1736.  
  1737. .main-code .app-wrap {
  1738.     background: #fff;
  1739. }
  1740. }
  1741.  
  1742. @-moz-document domain("mp.csdn.net") {
  1743. .navigation-bar__inner--edit-pagedownButtons .navigation-bar__button, .navigation-bar__inner--edit-pagedownButtons .navigation-bar__spacer
  1744. {
  1745.     transition: .1s;
  1746. }
  1747. nav {
  1748.     z-index: 99;
  1749.     position: relative;
  1750.     transition: 0.5s;
  1751.     background-color: #fdfdfd;
  1752.     box-shadow: 0px 0.25rem 0.25rem 0px #30373814;
  1753.     margin-bottom: 2em;
  1754. }
  1755. nav:hover {
  1756.     background-color: #fff;
  1757.     box-shadow: 0px 0.25rem 0.5rem 0px rgba(48, 55, 66, 0.25);
  1758.     transform: translate(0,-1px);
  1759. }
  1760.  
  1761. #labelTitle,.article-bar__user-box .user-box .user-option-box {
  1762.     z-index: 999;
  1763. }
  1764. .side-title__button {
  1765.     transition: .3s;
  1766.     border-radius: 100%;
  1767.     margin: 4px 0 0;
  1768. }
  1769. .side-title__button:hover {
  1770.     opacity: 0.7;
  1771. }
  1772. .side-title__button:active {
  1773.     opacity: 1;
  1774. }
  1775. .side-title__button .icon {
  1776.     vertical-align: 0;
  1777.     margin-right: 0;
  1778. }
  1779.  
  1780. .article-bar__input-box .article-bar__title--input {
  1781.     background-color: #fff0;
  1782. }
  1783. .article-bar__input-box {
  1784.     display: flex;
  1785.     width: 40%;
  1786.     margin: 8px 16px 8px 8px;
  1787.     border: none;
  1788.     border-radius: 4px;
  1789.     background-color: #0000000f;
  1790. }
  1791. .article-bar__user-box {
  1792.     position: absolute;
  1793.     right: -20px;
  1794. }
  1795.  
  1796. .article-bar__user-box .btn-save {
  1797.     transition: .3s;
  1798.     background-color: #fde3e4;
  1799.     color: #ca0c16;
  1800.     border: 1px solid #fff0;
  1801.     border-radius: 4px;
  1802. }
  1803. .article-bar__user-box .btn-save:hover {
  1804.     border: 1px solid #ca0c162e;
  1805. }
  1806. .article-bar__user-box .btn-publish {
  1807.     transition:.5s;
  1808. }
  1809. .article-bar__user-box .btn-publish:hover {
  1810.     background-color: #ca0c16b0;
  1811.     box-shadow: 0 2px 8px 0 #f4444494;
  1812. }
  1813.  
  1814.  
  1815. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址