☰

getBaiduCssLib

pc端百度双列显示Css

目前为 2022-12-11 提交的版本。查看 最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/455643/1127399/getBaiduCssLib.js 

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