getBaiduCssLib

pc端百度双列显示Css

สคริปต์นี้ไม่ควรถูกติดตั้งโดยตรง มันเป็นคลังสำหรับสคริปต์อื่น ๆ เพื่อบรรจุด้วยคำสั่งเมทา // @require https://update.greasyfork.org/scripts/455643/1176992/getBaiduCssLib.js

  1. // ==UserScript==
  2. // @name getBaiduCssLib
  3. // @namespace http://tampermonkey.net/
  4. // @version 2022121206
  5. // @description pc端百度双列显示Css
  6. // @author tutu辣么可爱(greasyfork)/IcedWatermelonJuice(github)
  7. // @grant GM_info
  8. // @license MIT
  9. // ==/UserScript==
  10. function getBaiduCssLib(k){
  11. var version="2022121206";
  12. var common=`
  13. /**Store BaiduCommonStyle**/
  14. iframe:not([src*='chrome']),
  15. .res_top_banner #foot,
  16. #page .fk,
  17. #head .headBlock,
  18. #rs_top_new,
  19. #wrapper #content_left > table,
  20. #wrapper #content_left .c-recommend,
  21. #wrapper #content_left .leftBlock,
  22. #wrapper #content_left .rrecom-btn-parent,
  23. #demo,
  24. #wrapper #gotoPage,
  25. body > div.result-op,
  26. .rrecom-container,
  27. .chunwan-wrapper {
  28. display: none !important;
  29. }
  30. body {
  31. background-color: #f5f5f5;
  32. /*transition: all ease-out 0.8s;*/
  33. }
  34. #ala_img_results {
  35. overflow: hidden;
  36. }
  37. body a,
  38. body a em,
  39. #u a,
  40. #wrapper #content_left .result h3 a em {
  41. text-decoration: none;
  42. }
  43. body a:hover,
  44. body a:hover em {
  45. text-decoration: none;
  46. }
  47. #wrapper #s_tab {
  48. border-bottom: #e0e0e0 1px solid;
  49. background-color: #f8f8f8;
  50. }
  51. body #head {
  52. top: 0;
  53. background-color: rgba(248, 248, 248, 0.4);
  54. border-bottom: none;
  55. backdrop-filter: blur(10px);
  56. }
  57. form.fm {
  58. background-color: unset;
  59. }
  60. form.fm .s_btn {
  61. background: #3476d2;
  62. border-bottom: 1px solid #3476d2;
  63. }
  64. form.fm .s_btn:hover {
  65. background: #4F7FbF;
  66. border-bottom: 1px solid #3476d2;
  67. }
  68. form.fm .bdsug li {
  69. width: auto;
  70. color: #000;
  71. font: 15px arial;
  72. line-height: 26px;
  73. }
  74. form.fm .s_ipt_wr.bg {
  75. background: #fff;
  76. width: 66%;
  77. min-width: 570px;
  78. }
  79. #content_left .new-pmd .c-span9,
  80. #content_left .new-pmd .c-span10 {
  81. width: unset;
  82. float: unset;
  83. }
  84. /***fix 2k+ problem***/
  85. #head .head_wrapper {
  86. width: unset;
  87. /*edit: fix baidu banner position*/
  88. }
  89. #wrapper #s_tab b {
  90. color: #3476d2;
  91. border-bottom: 3px #3476d2 solid;
  92. }
  93. #wrapper .head_nums_cont_outer .search_tool_conter,
  94. #wrapper .head_nums_cont_outer .nums {
  95. width: 630px;
  96. }
  97. #wrapper #content_left {
  98. animation-name: ani_topTobuttom;
  99. animation-duration: 0.1s;
  100. animation-timing-function: ease;
  101. }
  102. #head .head_wrapper {
  103. animation-name: ani_leftToright;
  104. animation-duration: 0.2s;
  105. animation-timing-function: ease-in;
  106. }
  107. #wrapper #rs,
  108. #wrapper #content_left .result,
  109. #wrapper #content_left .result-op,
  110. #wrapper #content_left > .c-container {
  111. width: 670px;
  112. padding: 0 8px 15px 20px;
  113. margin-top: 0;
  114. margin-left: 0;
  115. margin-bottom: 30px;
  116. border-radius: 15px;/* 圆角 */
  117. background-color: #fff;
  118. box-sizing: border-box;
  119. border: 1px solid rgba(0, 0, 0, 0.1);
  120. }
  121. #wrapper #rs div[class*='single-card-wrapper'],
  122. #wrapper #content_left .result div[class*='single-card-wrapper'],
  123. #wrapper #content_left .result-op div[class*='single-card-wrapper'],
  124. #wrapper #content_left > .c-container div[class*='single-card-wrapper'] {
  125. width: 98%;
  126. }
  127. #wrapper #content_left > .c-container:hover,
  128. #wrapper #content_left > .result:hover,
  129. #wrapper #content_left > .result-op:hover,
  130. #wrapper #content_left > .c-container:hover article {
  131. border: 1px solid rgba(0, 0, 0, 0.3);
  132. box-shadow: 0 0 1px grey;
  133. }
  134. #wrapper #rs[ac-needhide],
  135. #wrapper #content_left > .result[ac-needhide],
  136. #wrapper #content_left > .result-op[ac-needhide],
  137. #wrapper #content_left > .c-container[ac-needhide] {
  138. padding: 5px;
  139. padding-left: 15px;
  140. }
  141. #wrapper #content_left > .result[tpl='soft'] .op-soft-title,
  142. #wrapper #content_left > .result h3[class~='t'],
  143. #wrapper #content_left > .c-container h3[class~='t'] {
  144. background-color: #f8f8f8;
  145. margin: 0px -8px 10px -20px;
  146. padding: 8px 20px 5px;
  147. border-radius: 15px 15px 0 0;/* 圆角 */
  148. }
  149. #wrapper #content_left .f13 a,
  150. #wrapper #content_left .f13 em,
  151. #wrapper #content_left .c-span18 a,
  152. #wrapper #content_left .subLink_factory a,
  153. #wrapper #content_left .subLink_answer a,
  154. #wrapper #content_left .c-tabs-content a,
  155. #wrapper #content_left .op_offical_weibo_content a,
  156. #wrapper #content_left .op_offical_weibo_pz a,
  157. #wrapper #content_left .op_tieba2_tablinks_container a,
  158. #wrapper #content_left .op-tieba-general-right,
  159. #wrapper #content_left .op_dq01_title,
  160. #wrapper #content_left .op_dq01_table a,
  161. #wrapper #content_left .op_dq01_morelink a,
  162. #wrapper #content_left .op-tieba-general-mainpl a,
  163. #wrapper #content_left .op-se-listen-recommend,
  164. #wrapper #content_left .c-offset > div a {
  165. text-decoration: none;
  166. color: #3476d2;
  167. }
  168. #wrapper #content_left .f13 a:hover,
  169. #wrapper #content_left .f13 em:hover,
  170. #wrapper #content_left .c-span18 a:hover,
  171. #wrapper #content_left .subLink_factory a:hover,
  172. #wrapper #content_left .subLink_answer a:hover,
  173. #wrapper #content_left .c-tabs-content a:hover,
  174. #wrapper #content_left .op_offical_weibo_content a:hover,
  175. #wrapper #content_left .op_offical_weibo_pz a:hover,
  176. #wrapper #content_left .op_tieba2_tablinks_container a:hover,
  177. #wrapper #content_left .op-tieba-general-right:hover,
  178. #wrapper #content_left .op_dq01_title:hover,
  179. #wrapper #content_left .op_dq01_table a:hover,
  180. #wrapper #content_left .op_dq01_morelink a:hover,
  181. #wrapper #content_left .op-tieba-general-mainpl a:hover,
  182. #wrapper #content_left .op-se-listen-recommend:hover,
  183. #wrapper #content_left .c-offset > div a:hover {
  184. text-decoration: underline !important;
  185. }
  186. #wrapper #content_left .f13 a {
  187. color: #008000;
  188. }
  189. #wrapper #content_left .c-span18,
  190. #wrapper #content_left .c-span24 {
  191. width: 100%;
  192. min-width: unset;
  193. }
  194. #wrapper #content_left #wrapper #content_left .op_jingyan_list,
  195. #wrapper #content_left #wrapper #content_left .se_com_irregular_gallery ul li,
  196. #wrapper #content_left #wrapper #content_left .result .op-img-address-link-type {
  197. display: inline-block;
  198. margin-left: 10px;
  199. }
  200. #wrapper #content_left #wrapper #content_left .c-border {
  201. width: auto;
  202. border: none;
  203. border-bottom-color: transparent;
  204. border-right-color: transparent;
  205. box-shadow: 0 0 0 transparent;
  206. }
  207. #wrapper #content_left .op-soft-title h3[class~='t'],
  208. #wrapper #content_left .result h3[class~='t'],
  209. #wrapper #content_left .result-op h3[class~='t'],
  210. #wrapper #content_left > .c-container h3[class~='t'] {
  211. font-weight: bold;
  212. font-size: medium;
  213. }
  214. #wrapper #content_left .op-soft-title a,
  215. #wrapper #content_left .result a,
  216. #wrapper #content_left .result-op a,
  217. #wrapper #content_left > .c-container a {
  218. color: #3476d2;
  219. position: relative;
  220. }
  221. #wrapper #content_left .op-soft-title a em,
  222. #wrapper #content_left .result a em,
  223. #wrapper #content_left .result-op a em,
  224. #wrapper #content_left > .c-container a em {
  225. color: #f73131;
  226. font-weight: bold;
  227. }
  228. #wrapper #content_left .op-soft-title a:visited,
  229. #wrapper #content_left .result a:visited,
  230. #wrapper #content_left .result-op a:visited,
  231. #wrapper #content_left > .c-container a:visited {
  232. color: #660099;
  233. }
  234. #wrapper #content_left .op-soft-title a:after,
  235. #wrapper #content_left .result a:after,
  236. #wrapper #content_left .result-op a:after,
  237. #wrapper #content_left > .c-container a:after,
  238. #wrapper #content_left .op-soft-title a:visited:after,
  239. #wrapper #content_left .result a:visited:after,
  240. #wrapper #content_left .result-op a:visited:after,
  241. #wrapper #content_left > .c-container a:visited:after {
  242. content: "";
  243. position: absolute;
  244. border-bottom: 2px solid #3476d2;
  245. bottom: -2px;
  246. left: 100%;
  247. width: 0;
  248. transition: width 350ms, left 350ms;
  249. }
  250. #wrapper #content_left .op-soft-title a:hover:after,
  251. #wrapper #content_left .result a:hover:after,
  252. #wrapper #content_left .result-op a:hover:after,
  253. #wrapper #content_left > .c-container a:hover:after,
  254. #wrapper #content_left .op-soft-title a:visited:hover:after,
  255. #wrapper #content_left .result a:visited:hover:after,
  256. #wrapper #content_left .result-op a:visited:hover:after,
  257. #wrapper #content_left > .c-container a:visited:hover:after {
  258. left: 0;
  259. width: 100%;
  260. transition: width 350ms;
  261. }
  262. #wrapper #content_left .c-group-wrapper {
  263. padding: 30px;
  264. margin: 0 0 20px 0;
  265. min-width: 610px;
  266. }
  267. #wrapper #content_left .c-group-wrapper > .c-container {
  268. min-width: unset;
  269. }
  270. #wrapper #content_left .c-group-wrapper .c-group {
  271. margin: 0;
  272. padding-top: 10px;
  273. }
  274. #wrapper #rs {
  275. padding: unset;
  276. margin: 20px;
  277. border-radius: 5px;
  278. z-index: 1;
  279. }
  280. #wrapper #rs .new-pmd {
  281. padding: 20px;
  282. }
  283. #wrapper #rs .tt {
  284. margin: -20px -20px 5px -20px;
  285. padding: 15px 20px;
  286. background-color: #f8f8f8;
  287. border-radius: 5px 5px 0px 0px;
  288. }
  289. #wrapper #rs table {
  290. width: 630px;
  291. padding: 5px 15px;
  292. }
  293. #wrapper #rs table tr a {
  294. margin-top: 5px;
  295. margin-bottom: 5px;
  296. color: #3476d2;
  297. }
  298. #wrapper #rs table tr a:hover {
  299. text-decoration: underline;
  300. }
  301. .wrapper_new #form .bdsug-new {
  302. padding-right: 11px;
  303. }
  304. #wrapper #page {
  305. min-width: 710px;
  306. height: 40px;
  307. line-height: 40px;
  308. padding-top: 5px;
  309. margin-bottom: 50px;
  310. margin-left: 0;
  311. }
  312. #wrapper #page a,
  313. #wrapper #page strong {
  314. color: #3476d2;
  315. height: auto;
  316. }
  317. #wrapper #page .n {
  318. height: 34px;
  319. }
  320. #wrapper #page .n:hover,
  321. #wrapper #page a:hover .pc {
  322. background: #d8d8d8;
  323. color: #0057da;
  324. filter: brightness(1.1);
  325. }
  326. #wrapper #page strong .pc {
  327. background: #3476d2;
  328. color: white;
  329. }
  330. .op-img-address-desktop-cont {
  331. overflow: hidden;
  332. }
  333. .op-img-address-divide-high {
  334. overflow: hidden;
  335. }
  336. #wrapper #kw {
  337. width: 94%;
  338. }
  339. #container.sam_newgrid .c-container .t .AC-faviconT ~ a,
  340. #container.sam_newgrid .c-container .t .c-icon ~ a {
  341. display: inline;
  342. }
  343. body #wrapper #content_left a[href*='official'] {
  344. color: white;
  345. }
  346. #content_left .c-group-middle,
  347. #content_left .c-group-top {
  348. margin-bottom: 30px !important;
  349. }
  350. #container.sam_newgrid #content_left .c-container .c-container {
  351. width: auto;
  352. min-width: unset;
  353. }
  354. #container.sam_newgrid #content_right .right-ceiling {
  355. position: unset;
  356. }
  357. .c-container .c-result-content {
  358. padding-top: 20px;
  359. }
  360. #wrapper #content_left > .c-container article {
  361. padding-top: 15px;
  362. border: unset !important;
  363. box-shadow: unset !important;
  364. }
  365. body .wrapper_new #head.fix-head .s_form {
  366. height: 70px;
  367. }
  368. .AC.sp-separator {
  369. margin-top: -10px;
  370. width: 650px;
  371. }
  372. #wrapper #content_right {
  373. width: 0;
  374. height: 0;
  375. overflow: hidden;
  376. opacity: 0;
  377. }
  378. body.showRight #wrapper #content_right {
  379. width: 400px;
  380. height: unset;
  381. overflow: unset;
  382. opacity: 1;
  383. }
  384. .result-molecule #page > div {
  385. width: unset;
  386. }
  387. #wrapper #content_left > .c-container[tpl='recommend_list'] {
  388. padding-top: 10px;
  389. display: flex;
  390. align-items: center;
  391. }
  392. #content_left .hit-toptip {
  393. grid-column-start: 1;
  394. grid-column-end: xmain-end;
  395. }
  396. @media screen and (max-width: 1280px) {
  397. #u .toindex,
  398. #u #imsg {
  399. display: none;
  400. }
  401. }
  402. .wrapper_new #s_tab.s_tab .s_tab_inner {
  403. align-items: center;
  404. }
  405. .wrapper_new #s_tab.s_tab .s_tab_inner > *:after {
  406. display: none;
  407. }
  408. @media screen and (min-width: 1921px) {
  409. /*Baidu in 2K screen default in : center*/
  410. #head .head_wrapper {
  411. transform: translateX(-100px);
  412. justify-content: center;
  413. display: flex;
  414. }
  415. body .wrapper_new #s_tab.s_tab .s_tab_inner {
  416. padding-left: 180px;
  417. align-items: center;
  418. }
  419. body .wrapper_new #s_tab.s_tab .s_tab_inner > *:after {
  420. display: none;
  421. }
  422. body #container.sam_newgrid {
  423. padding-left: 316px;
  424. }
  425. form.fm .s_ipt_wr.bg {
  426. min-width: 480px;
  427. }
  428. body.showRight #head .head_wrapper {
  429. transform: translateX(120px);
  430. }
  431. }
  432. `
  433. var dbpage=`
  434. /**Store BaiduTowPageStyle**/
  435. #wrapper_wrapper #container {
  436. width: auto;
  437. margin-left: unset;
  438. }
  439. form.fm {
  440. position: relative;
  441. background-color: unset;
  442. }
  443. #s_tab b,
  444. #s_tab a {
  445. position: relative;
  446. }
  447. #wrapper #s_tab {
  448. padding-left: 0;
  449. margin-left: 0;
  450. display: flex;
  451. justify-content: center;
  452. }
  453. #wrapper .head_nums_cont_outer .search_tool_conter,
  454. #wrapper .head_nums_cont_outer .nums {
  455. width: 80%;
  456. margin-left: 10%;
  457. }
  458. #wrapper .head_nums_cont_outer,
  459. .hint_common_restop,
  460. #header_top_bar {
  461. position: relative;
  462. left: 10%;
  463. width: 80%;
  464. }
  465. #wrapper #content_left,
  466. #container .result-molecule {
  467. margin: 0 auto !important;
  468. padding-left: unset !important;
  469. }
  470. #wrapper #header_top_bar {
  471. margin-bottom: 0px;
  472. }
  473. body #container.sam_newgrid #content_left {
  474. width: 80%;
  475. }
  476. #wrapper #content_left {
  477. display: grid;
  478. grid-template-columns: 50% 50%;
  479. grid-template-areas: "xmain xmain";
  480. margin: 0 auto;
  481. position: relative;
  482. padding-left: 5%;
  483. float: unset;
  484. width: 80%;
  485. margin-left: 7%;
  486. margin-bottom: 30px;
  487. }
  488. body[news] #wrapper #content_left > div:not([class]):not([id]) {
  489. display: grid;
  490. grid-template-columns: 50% 50%;
  491. grid-template-areas: "xmain xmain";
  492. }
  493. #wrapper #content_right {
  494. width: 0 !important;
  495. height: 0 !important;
  496. overflow: hidden !important;
  497. opacity: 0;
  498. }
  499. #wrapper_wrapper #container #rs {
  500. position: relative;
  501. margin: 0 auto;
  502. }
  503. #wrapper #page {
  504. min-width: 710px;
  505. height: 40px;
  506. line-height: 40px;
  507. padding: 5px 10px;
  508. margin: 0 auto;
  509. text-align: center;
  510. position: relative;
  511. }
  512. #wrapper #page .page-inner {
  513. padding-left: 0;
  514. }
  515. #wrapper #content_left .result,
  516. #wrapper #content_left .result-op,
  517. #wrapper #content_left div[class*='vmp-project'],
  518. #wrapper #content_left > .c-container {
  519. width: unset !important;
  520. max-width: 100%;
  521. margin-left: 0;
  522. margin-right: 15px;
  523. }
  524. #wrapper #content_left > *:not([class*='result']):not([class*='c-group-wrapper']) {
  525. grid-column-start: 1;
  526. grid-column-end: xmain-end;
  527. }
  528. .c-container h3 a {
  529. z-index: 1;
  530. }
  531. .AC.sp-separator {
  532. width: auto;
  533. }
  534. /*search engine jump*/
  535. #sej-container {
  536. padding-left: 0;
  537. margin-left: 0;
  538. text-align: center;
  539. }
  540. .s_form_wrapper {
  541. justify-content: center;
  542. display: flex;
  543. }
  544. .result-molecule.new-pmd {
  545. margin: 0 auto;
  546. min-width: 800px;
  547. width: 40% !important;
  548. padding-left: 20px;
  549. }
  550. .result-molecule.new-pmd #page > div {
  551. width: unset;
  552. padding-left: unset;
  553. }
  554. .result-molecule.new-pmd #rs_new {
  555. background-color: white;
  556. width: calc(100% - 20px);
  557. padding: 10px 0 10px 20px;
  558. }
  559. .result-molecule.new-pmd #rs_new table {
  560. width: 100%;
  561. margin-top: 12px;
  562. }
  563. #wrapper .head_nums_cont_outer .search_tool_conter,
  564. #wrapper .head_nums_cont_outer .nums {
  565. width: 80%;
  566. }
  567. @media screen and (max-width: 1500px) {
  568. form.fm .s_ipt_wr.bg {
  569. min-width: 450px;
  570. }
  571. .wrapper_new .head_wrapper #result_logo {
  572. margin-left: -170px;
  573. }
  574. }
  575. @media screen and (min-width: 1921px) {
  576. #head .head_wrapper {
  577. transform: unset;
  578. }
  579. #head .head_wrapper #u {
  580. right: 30px;
  581. }
  582. #s_tab.s_tab .s_tab_inner {
  583. width: 900px;
  584. }
  585. form.fm .s_ipt_wr.bg {
  586. min-width: 900px;
  587. }
  588. }
  589. `
  590. var fit=`
  591. /*****Baidu-AutoFit*****/
  592. body #wrapper .result-molecule.new-pmd[tpl="app/head-tab"] {
  593. width: 100% !important;
  594. }
  595. body #wrapper .result-molecule.new-pmd[tpl="app/head-tab"] #s_tab {
  596. background-color: transparent;
  597. padding-top: 66px;
  598. }
  599. body #wrapper .result-molecule.new-pmd[tpl="app/head-tab"] #s_tab a:before {
  600. color: inherit;
  601. }
  602. body #wrapper #content_left .result,
  603. body #wrapper #content_left .result-op {
  604. background-color: rgba(255, 255, 255, 0.7);
  605. }
  606. body #wrapper #content_left .result h3,
  607. body #wrapper #content_left .result-op h3 {
  608. background-color: rgba(248, 248, 248, 0.4);
  609. }
  610. body #wrapper #content_right {
  611. padding: 20px 15px 15px !important;
  612. border-radius: 5px;
  613. background-color: #FFFFFF66;
  614. box-sizing: border-box;
  615. box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  616. -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  617. -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  618. }
  619. body #wrapper .new-pmd #rs_new {
  620. background-color: rgba(255, 255, 255, 0.7);
  621. }
  622. body #wrapper .result-molecule.new-pmd[tpl="app/page"] #page {
  623. background-color: transparent;
  624. }
  625. body #wrapper .result-molecule.new-pmd[tpl="app/page"] #page a {
  626. background-color: rgba(255, 255, 255, 0.7);
  627. }
  628. body #wrapper .result-molecule.new-pmd #foot {
  629. background-color: rgba(255, 255, 255, 0.7);
  630. }
  631. /*****COMMON*****/
  632. .sp-separator.AC {
  633. background-color: rgba(255, 255, 255, 0.9) !important;
  634. }
  635. .button.ghhider {
  636. background-color: rgba(255, 255, 255, 0.7);
  637. }
  638. `
  639. var other=`
  640. #content_left>div:not([class]) {
  641. display: none;
  642. }
  643. #content_left>[tpl=translation] .op_translation_canvas textarea {
  644. width: calc(100% - 18px) !important;
  645. background-position-x: 400px;
  646. }
  647. #content_left>div[tpl*=bjh] {
  648. display: none;
  649. }
  650. #content_left [class^=single-card],
  651. #content_left [class^=re-box] {
  652. box-shadow: none;
  653. }
  654. #content_left [class^=image-normal-card] {
  655. overflow: hidden;
  656. }
  657. #content_left .new-pmd .c-span12 {
  658. width: 100%;
  659. }
  660. #content_left [class^=gameinfo] [class^=listcontent],
  661. #content_left [class^=table-container] {
  662. width: 100%;
  663. overflow: auto;
  664. }
  665. #content_left [class^=gameinfo] [class^=listcontent]::-webkit-scrollbar,
  666. #content_left [class^=table-container]::-webkit-scrollbar {
  667. display: none;
  668. }
  669. #foot {
  670. visibility: hidden;
  671. }
  672. #container>.result-molecule[tpl="app/rs"] {
  673. display: none;
  674. }
  675. #container>.result-molecule[tpl="app/rs"]>#rs_new {
  676. margin: 0;
  677. background: transparent;
  678. }
  679. #container>.result-molecule[tpl="app/rs"]>#rs_new>div {
  680. margin: 0;
  681. }
  682. #container>.result-molecule[tpl="app/rs"]>#rs_new>table {
  683. display: none;
  684. }
  685. #container>.result-molecule[tpl="app/rs"]>#rs_new>table a {
  686. text-align: center;
  687. }
  688. #container .current-page-notice {
  689. text-align: center;
  690. width: calc(100% - 17px) !important;
  691. height: 30px;
  692. line-height: 30px;
  693. margin: 15px 15px 15px 0;
  694. padding: 8px 0;
  695. background-color: rgba(255, 255, 255, 0.7);
  696. border: 1px solid rgba(0, 0, 0, 0.1);
  697. border-radius: 24px;
  698. }
  699. #container .current-page-notice span {
  700. font-weight: bold;
  701. }
  702. .auto-loading-notice[data-pos] span {
  703. background-image: -webkit-linear-gradient(right, #0000007f, #0000005f 25%, #0000007f 50%, #0000005f 75%, #0000007f 100%);
  704. -webkit-text-fill-color: transparent;
  705. -webkit-background-clip: text;
  706. -webkit-background-size: 200% 100%;
  707. -webkit-animation: streamer-text-animation 1s linear infinite;
  708. text-align: center;
  709. }
  710. .auto-loading-notice[data-pos=bottom] {
  711. text-align: center;
  712. margin: 0 155px 30px 140px;
  713. }
  714. @keyframes streamer-text-animation {
  715. 0% {
  716. background-position: 0 0;
  717. }
  718. 100% {
  719. background-position: -100% 0;
  720. }
  721. }
  722. .auto-loading-notice[data-pos=center] {
  723. width: 200px;
  724. height: 50px;
  725. position: fixed;
  726. left: 50%;
  727. top: 40%;
  728. transform: translateX(-50%);
  729. color: white;
  730. line-height: 50px;
  731. backdrop-filter: blur(10px);
  732. background-color: rgba(34, 34, 34, .3);
  733. border-radius: 15px;
  734. text-align: center;
  735. }
  736. .current-page-notice:hover {
  737. border: 1px solid rgba(0, 0, 0, 0.3);
  738. box-shadow: 0 0 1px grey;
  739. }
  740. .current-page-notice span[data-name] {
  741. cursor: pointer;
  742. }
  743. .current-page-notice a[data-name] {
  744. color: #9195a3;
  745. }
  746. .current-page-notice a[data-name]:hover {
  747. color: #315efb;
  748. }
  749. #searchTag {
  750. display: none;
  751. }
  752. `
  753. var map={
  754. "version":version,
  755. "common":common,
  756. "dbpage":dbpage,
  757. "fit":fit,
  758. "other":other,
  759. toCssString(){
  760. var css=""
  761. for(let i in this){
  762. if(typeof this[i]==="string"){
  763. css+=this[i];
  764. }
  765. }
  766. return css
  767. }
  768. }
  769. return k?map[k]:map
  770. }