☰

Pure GreasyFork

A new userstyle

  1. /* ==UserStyle==
  2. @name           Pure GreasyFork
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.1.0
  5. @description    A new userstyle
  6. @author         CWorld
  7. @var          select   COLOR1    "主配色" {
  8.     "默认红": "#e33e33",
  9.     "浅草绿": "#00bb6a",
  10.     "梦析蓝": "#00b6ff",
  11.     "幻想紫": "#8a72ff",
  12. }
  13. @var          select   COLOR2    "次配色（保持与主配色相同就行）" {
  14.     "默认红": "#e33e3330",
  15.     "浅草绿": "#00bb6a30",
  16.     "梦析蓝": "#00b6ff30",
  17.     "幻想紫": "#8a72ff30",
  18. }
  19. @var          select   AN    "动画特效" {
  20.     "非线性": ".3s ease-in-out",
  21.     "果冻弹": "cubic-bezier(0.68, -0.55, 0.27, 1.55)",
  22.     "直线型": ".3s",
  23. }
  24. ==/UserStyle== */
  25. @-moz-document domain("gf.qytechs.cn") {
  26.  
  27. 	/* 主色调：#900 */
  28. 	:root {
  29. 		/* 	--COLOR1: #20a0ff; */
  30. 		/* 	--COLOR2: #20a0ff52; */
  31. 		--COLOR3: #8492a6;
  32. 		--COLOR4: #eff2f7;
  33. 		/* 	--AN: .3s ease-in-out; */
  34. 	}
  35.  
  36.  
  37. 	/* :root {
  38. 	--COLOR1: #0ba439;
  39. 	--COLOR2: #0ba43952;
  40. 	--COLOR3: #8492a6;
  41. 	--COLOR4: #eff2f7;
  42. 	--AN: .3s ease-in-out;
  43. }
  44.  */
  45. 	body {
  46. 		background-color: #f0f2f7;
  47. 	}
  48. 	a {
  49. 		color: var(--COLOR1);
  50. 	}
  51. 	a:visited {
  52. 		color: var(--COLOR2);
  53. 	}
  54. 	input {
  55. 		outline: none;
  56. 	}
  57.  
  58.  
  59. 	/* --顶栏-- */
  60. 	#main-header {
  61. 		transition: var(--AN);
  62. 		background: #fff;
  63. 		box-shadow: 0 3px 5px rgba(31, 45, 61, .05), 0 2px 3px rgba(31, 45, 61, .08), inset 0 -1px hsla(0, 0%, 100%, .05);
  64. 		padding: 0;
  65. 		position: fixed;
  66. 		top: 0;
  67. 		left: 0;
  68. 		width: 100%;
  69. 		z-index: 999;
  70. 	}
  71. 	#main-header .width-constraint {
  72. 		padding: 10px 0;
  73. 		position: relative;
  74. 	}
  75.  
  76. 	/* 主 Logo */
  77. 	#site-name img {
  78. 		width: 40px;
  79. 		margin-right: 10px;
  80. 		height: 40px;
  81. 	}
  82. 	#main-header h1 {
  83. 		transition: var(--AN);
  84. 		font-size: 28px;
  85. 		margin-top: 3px;
  86. 		color: var(--COLOR3);
  87. 	}
  88. 	#main-header h1:hover {
  89. 		color: var(--COLOR1);
  90. 	}
  91. 	#main-header h1 a {
  92. 		color: var(--COLOR3) !important;
  93. 	}
  94.  
  95. 	/* 用户&语言 */
  96. 	#nav-user-info {
  97. 		top: auto;
  98. 		bottom: 20px;
  99. 	}
  100. 	#nav-user-info #language-selector {
  101. 		transition: var(--AN);
  102. 		background: linear-gradient(#cad1db, #d8e0ea 70%, #d8e0ea calc(100% - 8px), #eff2f7);
  103. 		border-radius: 50px;
  104. 		padding: 6px 12px;
  105. 		color: #657487;
  106. 		text-shadow: 0 1px #fff;
  107. 		border: 1px solid #99a9bf;
  108. 		box-shadow: 0 2px 4px rgba(31, 45, 61, .1);
  109. 		position: relative;
  110. 		overflow: hidden;
  111. 	}
  112. 	#nav-user-info #language-selector:hover,
  113. 	#nav-user-info #language-selector:focus {
  114. 		transition: var(--AN);
  115. 		box-shadow: 0 8px 11px rgba(31, 45, 61, .1), 0 5px 8px rgba(31, 45, 61, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .3);
  116. 		position: relative;
  117. 		overflow: hidden;
  118. 	}
  119. 	#nav-user-info #language-selector:before {
  120. 		content: "";
  121. 		height: 16px;
  122. 		background: linear-gradient(#fff, hsla(0, 0%, 100%, .2));
  123. 		display: block;
  124. 		position: absolute;
  125. 		left: 7px;
  126. 		top: 0;
  127. 		right: 7px;
  128. 		border-radius: 8px;
  129. 	}
  130. 	#nav-user-info select {
  131. 		transition: var(--AN);
  132. 		border: none;
  133. 		background: none;
  134. 		color: var(--COLOR3);
  135. 		text-shadow: 0 1px #fff;
  136. 		position: relative;
  137. 		outline: none !important;
  138. 	}
  139.  
  140. 	#nav-user-info > span {
  141. 		transition: var(--AN);
  142. 		margin-right: 6px;
  143. 		color: #fff0;
  144. 		background: #fff;
  145. 		padding: 8px 14px;
  146. 		border-radius: 50px;
  147. 		filter: drop-shadow(0 -1px 0 #fff);
  148. 	}
  149. 	#nav-user-info > span:hover {
  150. 		background: #dbe3ed 40%;
  151. 		box-shadow: inset 0 3px 5px rgba(31, 45, 61, .11), inset 0 -3px 4px rgba(255, 255, 255, .42);
  152. 	}
  153. 	#nav-user-info > span a {
  154. 		color: var(--COLOR3);
  155. 		text-decoration: none;
  156. 		text-shadow: 0 1px #fff;
  157. 	}
  158. 	span.sign-out-link {
  159. 		padding: 8px 6px !important;
  160. 	}
  161.  
  162. 	/* 导航栏 */
  163. 	#site-nav > nav {
  164. 		bottom: 18px;
  165. 		right: auto;
  166. 		left: 220px;
  167. 	}
  168. 	#main-header a {
  169. 		color: var(--COLOR3);
  170. 		text-decoration: none;
  171. 	}
  172. 	#site-nav > nav > li + li {
  173. 		margin-left: 2px;
  174. 	}
  175. 	#main-header #site-nav > nav > li a {
  176. 		transition: var(--AN);
  177. 		border-radius: 50px;
  178. 		padding: 6px 16px;
  179. 	}
  180. 	#main-header #site-nav > nav > li > a:hover {
  181. 		background: var(--COLOR1);
  182. 		box-shadow: 0 5px 10px var(--COLOR2);
  183. 		color: #fff;
  184. 	}
  185. 	#site-nav > nav {
  186. 		bottom: 18px;
  187. 		right: auto;
  188. 		left: 220px;
  189. 	}
  190. 	#main-header a {
  191. 		color: var(--COLOR3);
  192. 		text-decoration: none;
  193. 	}
  194. 	#site-nav > nav > li + li {
  195. 		margin-left: 2px;
  196. 	}
  197. 	#main-header #site-nav > nav > li a {
  198. 		transition: var(--AN);
  199. 		border-radius: 50px;
  200. 		padding: 6px 16px;
  201. 	}
  202.  
  203. 	li.with-submenu nav {
  204. 		position: absolute;
  205. 		right: 5px;
  206. 		border: 1px solid #cad1db;
  207. 		background: linear-gradient(#f0f2f7, #fff);
  208. 		text-shadow: 0 1px #fff;
  209. 		text-shadow: 0 1px var(--white_default);
  210. 		border-radius: 9px;
  211. 		overflow: hidden;
  212. 		box-shadow: 0 4px 10px #1f2d3d1a, 0 1px #ffffff inset;
  213. 		transition: .25s;
  214. 		display: none;
  215. 		padding: 5px 0;
  216. 		z-index: 10;
  217. 	}
  218. 	li.with-submenu nav {
  219. 		transition: var(--AN);
  220. 		position: absolute;
  221. 		right: 5px;
  222. 		border: 1px solid #cad1db;
  223. 		background: linear-gradient(#f0f2f7, #fff);
  224. 		text-shadow: 0 1px #fff;
  225. 		text-shadow: 0 1px var(--white_default);
  226. 		border-radius: 9px;
  227. 		overflow: hidden;
  228. 		box-shadow: 0 4px 10px #1f2d3d1a, 0 1px #ffffff inset;
  229. 		padding: 5px 0;
  230. 		z-index: 10;
  231. 		display: block !important;
  232. 		opacity: 0;
  233. 		height: 0;
  234. 	}
  235. 	nav a:hover + nav,
  236. 	li.with-submenu nav:hover {
  237. 		margin-top: 10px;
  238. 		opacity: 1;
  239. 		height: 140px;
  240. 	}
  241. 	li.with-submenu nav li a:hover {
  242. 		color: var(--COLOR3) !important;
  243. 	}
  244. 	li.with-submenu nav li a:active {
  245. 		color: #cad1db !important;
  246. 	}
  247.  
  248. 	/* --主内容-- */
  249. 	.sidebarred {
  250. 		margin-top: 60px;
  251. 	}
  252. 	section.text-content {
  253. 		margin-top: 80px;
  254. 	}
  255. 	section#script-info {
  256. 		margin-top: 80px;
  257. 	}
  258. 	.script-list,
  259. 	.user-list,
  260. 	.text-content,
  261. 	.discussion-list,
  262. 	section#script-info {
  263. 		border: none;
  264. 		box-shadow: 0 10px 13px rgba(31, 45, 61, .1), 0 0 1px rgba(31, 45, 61, .1);
  265. 		border-radius: 10px;
  266. 		overflow: hidden;
  267. 		padding: 1em;
  268. 	}
  269.  
  270. 	/* 首页优化 */
  271. 	#home-script-nav {
  272. 		padding: 0;
  273. 		border-bottom: none;
  274. 		margin: 40px auto 10px auto;
  275. 	}
  276. 	#home-script-nav:after {
  277. 		content: '';
  278. 		display: block;
  279. 		background: var(--COLOR4);
  280. 		height: 2px;
  281. 		width: 50px;
  282. 		margin: 0 auto;
  283. 		margin-top: 30px;
  284. 		border-radius: 50px;
  285. 	}
  286. 	.home-search input[type=search] {
  287. 		padding: 6px 40px 6px 12px;
  288. 		background: #f7f7fa;
  289. 		box-shadow: inset 0 -2px 5px #1f2d3d05, 0 2px #ffffff9e inset, 0 2px 4px #1f2d3d0f;
  290. 		border: 1px solid #e1e5eb;
  291. 		border-radius: 50px;
  292. 		font-size: medium;
  293. 		outline: none;
  294. 	}
  295. 	.home-search input[type=submit] {
  296. 		right: 5px;
  297. 		top: 2px;
  298. 		background: none;
  299. 		opacity: 1;
  300. 	}
  301. 	#home-top-sites {
  302. 		overflow: visible;
  303. 		margin: 10px 10px;
  304. 		color: var(--COLOR3);
  305. 	}
  306. 	#home-top-sites a {
  307. 		text-decoration: none;
  308. 		margin: 0 2px;
  309. 		padding: 1.5px 6px;
  310. 		background-color: #f5f5f5;
  311. 		color: var(--COLOR3);
  312. 		border-radius: 8px;
  313. 		box-shadow: inset 0 -2px 2px #1f2d3d0d, 0 1px 2px #1f2d3d4f;
  314. 	}
  315. 	#home-top-sites a:hover {
  316. 		box-shadow: inset 0 2px 2px #1f2d3d1a;
  317. 	}
  318. 	#home-top-sites a:active {
  319. 		color: #cad1db;
  320. 	}
  321. 	figure {
  322. 		padding: 5px;
  323. 		position: relative;
  324. 		background: linear-gradient(#e2e6ed, #e3eaf4 90%, #e2e7f4);
  325. 		box-shadow: inset 0 -4px 8px #1f2d3d2b, 0 2px 6px 0 #0000001f;
  326. 		border-radius: 10px;
  327. 	}
  328. 	figure:before {
  329. 		content: "";
  330. 		height: 25px;
  331. 		background: linear-gradient(#ffffffab, #ffffff1a);
  332. 		display: block;
  333. 		position: absolute;
  334. 		left: 4px;
  335. 		top: 0;
  336. 		right: 4px;
  337. 		border-radius: 50px;
  338. 	}
  339. 	figure:after {
  340. 		content: "";
  341. 		height: 125px;
  342. 		background: linear-gradient(#fff0, #fff6 70%, #ffffff3d);
  343. 		display: block;
  344. 		position: absolute;
  345. 		left: 4px;
  346. 		top: 40px;
  347. 		right: 4px;
  348. 		border-radius: 0 0 0 100%;
  349. 	}
  350. 	figure figcaption {
  351. 		color: var(--COLOR3);
  352. 		text-shadow: 0 1px #fff;
  353. 	}
  354. 	figure img {
  355. 		border-radius: 6px;
  356. 	}
  357.  
  358. 	/* 搜索结果 */
  359. 	.sidebarred-main-content > p {
  360. 		margin-left: 1em;
  361. 		margin-right: 1em;
  362. 	}
  363. 	.script-list li:not(.ad-entry) {
  364. 		border-bottom: 1px solid var(--COLOR4);
  365. 		padding: 1em;
  366. 	}
  367. 	.script-list li:not(.ad-entry) article h2 > a {
  368. 		text-decoration: none;
  369. 		font-weight: normal;
  370. 	}
  371. 	.script-list .description {
  372. 		font-weight: normal;
  373. 		margin: .5em 0;
  374. 		font-size: smaller;
  375. 		color: var(--COLOR3);
  376. 		word-break: break-all;
  377. 		display: -webkit-box;
  378. 		-webkit-box-orient: vertical;
  379. 		-webkit-line-clamp: 3;
  380. 		overflow: hidden;
  381. 	}
  382. 	.inline-script-stats dt {
  383. 		font-weight: normal;
  384. 		color: var(--COLOR3);
  385. 	}
  386. 	.good-rating-count,
  387. 	.ok-rating-count,
  388. 	.bad-rating-count {
  389. 		padding: 0 0.4em;
  390. 		border: none;
  391. 		border-radius: 5px;
  392. 	}
  393.  
  394. 	.sidebar {
  395. 		width: 220px;
  396. 		margin-top: 56px;
  397. 		padding: 0;
  398. 	}
  399. 	.sidebar .sidebar-search input[type=search] {
  400. 		background: #fff;
  401. 		box-shadow: 0 2px 4px #1f2d3d0f;
  402. 		border: none;
  403. 		border-radius: 50px;
  404. 		padding: 5px 35px 5px 12px;
  405. 		outline: none;
  406. 		font-size: 15px;
  407. 	}
  408. 	.sidebar .sidebar-search input[type=submit] {
  409. 		position: absolute;
  410. 		-moz-appearance: none;
  411. 		-webkit-appearance: none;
  412. 		right: 4px;
  413. 		top: 4px;
  414. 		opacity: 1;
  415. 	}
  416. 	.list-option-group {
  417. 		color: var(--COLOR3);
  418. 	}
  419. 	.list-option-group ul {
  420. 		background: #fff;
  421. 		box-shadow: 0 10px 15px rgba(31, 45, 61, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .06);
  422. 		border-radius: 10px;
  423. 		border: none;
  424. 		perspective: 650px;
  425. 		position: relative;
  426. 		margin-bottom: 30px;
  427. 	}
  428. 	.list-option-group .list-current {
  429. 		border-left: 7px solid var(--COLOR1);
  430. 		box-shadow: 0 2px 5px rgba(31, 45, 61, .1), 0 0 0 -1px var(--COLOR2), 0 0 0 -25px var(--COLOR2);
  431. 		transition: all .25s, box-shadow 0s;
  432. 		background: linear-gradient(#fff, #f0f2f794);
  433. 		border-radius: 100px;
  434. 		border: 1px solid #cad1db;
  435. 		margin: 0 8px;
  436. 	}
  437. 	.list-option-group:hover .list-current {
  438. 		color: var(--COLOR1);
  439. 		border-color: var(--COLOR1);
  440. 		box-shadow: 0 2px 5px var(--COLOR2), 0 0 0 25px rgba(32, 160, 255, 0), 0 0 0 25px rgba(32, 160, 255, 0);
  441. 		transition: all 1s, box-shadow 1s ease-out .1s;
  442. 	}
  443. 	.list-option-group li + li {
  444. 		margin: .35em 0;
  445. 	}
  446. 	.list-option-group a {
  447. 		transition: var(--AN);
  448. 		padding: .35em 1.5em;
  449. 		text-decoration: none;
  450. 		color: var(--COLOR3);
  451. 	}
  452. 	.list-option-group a:hover {
  453. 		background: none;
  454. 		box-shadow: inset 0 -2px #dddddd6e, inset 0 2px #eeeeee91;
  455. 	}
  456.  
  457. 	/* 脚本详情 */
  458. 	#script-info header h2 {
  459. 		margin: 0.25em 0 0 0;
  460. 		font-size: xx-large;
  461. 		font-weight: normal;
  462. 		color: var(--COLOR1);
  463. 	}
  464. 	#script-description {
  465. 		color: var(--COLOR3);
  466. 	}
  467. 	.install-link {
  468. 		transition: var(--AN);
  469. 		width: auto;
  470. 		height: 48px;
  471. 		position: relative;
  472. 		background: var(--COLOR1);
  473. 		border-radius: 100px;
  474. 		box-shadow: 0 4px 6px var(--COLOR2);
  475. 		padding: 0 20px !important;
  476. 		text-align: center;
  477. 		line-height: 48px !important;
  478. 		overflow: hidden;
  479. 	}
  480. 	.install-link:before {
  481. 		transition: var(--AN);
  482. 		content: "";
  483. 		height: 17px;
  484. 		background: linear-gradient(#ffffff3d, #fff0);
  485. 		display: block;
  486. 		position: absolute;
  487. 		left: 12px;
  488. 		top: 0;
  489. 		right: 12px;
  490. 		border-radius: 40px;
  491. 	}
  492. 	.install-link:hover {
  493. 		background: var(--COLOR1);
  494. 		box-shadow: 0 4px 6px var(--COLOR2) !important;
  495. 	}
  496. 	.install-link:hover:before {
  497. 		height: 17px;
  498. 		left: 15px;
  499. 		top: 1px;
  500. 		right: 15px;
  501. 	}
  502. 	.install-link:active {
  503. 		background: var(--COLOR1);
  504. 		box-shadow: inset 0 8px 13px #00000030 !important;
  505. 	}
  506. 	.install-link:active:before {
  507. 		height: 17px;
  508. 		left: 14px;
  509. 		top: 1px;
  510. 		right: 14px;
  511. 		opacity: .2;
  512. 	}
  513. 	.install-link:active:after {
  514. 		background: linear-gradient(#fff0, #ffffff17);
  515. 	}
  516. 	.install-link:focus {
  517. 		box-shadow: inset 0 8px 13px #00000030 !important;
  518. 	}
  519. 	.install-help-link {
  520. 		transition: var(--AN);
  521. 		width: 30px;
  522. 		height: 30px;
  523. 		position: relative;
  524. 		background: var(--COLOR2) !important;
  525. 		color: var(--COLOR1) !important;
  526. 		border-radius: 100px;
  527. 		box-shadow: none !important;
  528. 		padding: 0 !important;
  529. 		text-align: center;
  530. 		line-height: 30px !important;
  531. 		overflow: hidden;
  532. 		margin: 10px;
  533. 	}
  534. 	form.script-in-sets {
  535. 		color: var(--COLOR3);
  536. 	}
  537. 	form.script-in-sets select,
  538. 	form.script-in-sets input[type="submit"] {
  539. 		height: 30px;
  540. 		color: var(--COLOR3);
  541. 		border-radius: 7px;
  542. 		box-shadow: inset 0 -2px 1px #00000030;
  543. 		border: solid 1px #00000030;
  544. 		margin: 2.5px;
  545. 		outline: none;
  546. 		background: #fff0;
  547. 	}
  548. 	form.script-in-sets select:active,
  549. 	form.script-in-sets input[type="submit"]:active {
  550. 		box-shadow: inset 0 2px 1px #00000030;
  551. 		border: solid 1px #00000030;
  552. 		outline: none;
  553. 	}
  554. 	div#script-feedback-suggestion a,
  555. 	div#script-meta a {
  556. 		color: var(--COLOR3);
  557. 	}
  558.  
  559. 	.user-content {
  560. 		background: var(--COLOR4);
  561. 		border-left: none;
  562. 		padding: 1.5em;
  563. 		border-radius: 10px;
  564. 	}
  565.  
  566. 	.jslghtbx-nooverflow {
  567. 		transition: var(--AN);
  568. 	}
  569. 	.jslghtbx.jslghtbx-active {
  570. 		background-color: #000000b3;
  571. 	}
  572. 	@media screen and (min-width: 451px) {
  573. 		.jslghtbx-next.jslghtbx-no-img {
  574. 			border-top: 20px solid transparent;
  575. 			border-bottom: 20px solid transparent;
  576. 			border-left: 32px solid #ffffffd4;
  577. 			top: 50% !important;
  578. 		}
  579. 		.jslghtbx-prev.jslghtbx-no-img {
  580. 			border-top: 20px solid transparent;
  581. 			border-bottom: 20px solid transparent;
  582. 			border-right: 32px solid #ffffffd4;
  583. 			top: 50% !important;
  584. 		}
  585. 	}
  586. 	.jslghtbx-contentwrapper > img {
  587. 		background: #ffffff21;
  588. 		padding: .5em;
  589. 		padding-top: 0.5em;
  590. 		padding-right: 0.5em;
  591. 		padding-bottom: 0.5em;
  592. 		padding-left: 0.5em;
  593. 		border-radius: 6px;
  594. 	}
  595.  
  596. 	ul#script-links.tabs {
  597. 		list-style: none;
  598. 		padding: 0;
  599. 		margin: 0;
  600. 		top: 0;
  601. 	}
  602. 	ul#script-links.tabs > li {
  603. 		height: 41px;
  604. 	}
  605. 	.tabs .current {
  606. 		box-shadow: none;
  607. 		border-top: none;
  608. 		background: none;
  609. 	}
  610. 	.tabs > li > a,
  611. 	.tabs > span > a,
  612. 	.tabs > li > span {
  613. 		background: #fff;
  614. 		margin-right: 12px;
  615. 		margin-top: 0 !important;
  616. 		padding: 0 18px !important;
  617. 		color: var(--COLOR3);
  618. 		text-shadow: 0 1px #fff;
  619. 		line-height: 41px;
  620. 		border-radius: 8px;
  621. 		box-shadow: inset 0 -3px 1px #d3d8dc;
  622. 		border: 1px solid #d3d8dc;
  623. 		height: 41px;
  624. 	}
  625. 	.tabs > li > a:hover,
  626. 	.tabs > span > a:hover,
  627. 	.tabs > li > span:hover {
  628. 		box-shadow: 0 -1px 0 #0000001a, inset 0 -3px 1px #e0e2e4 !important;
  629. 	}
  630. 	.tabs > li > a:focus,
  631. 	.tabs > span > a:focus {
  632. 		background: linear-gradient(#d2dadf, #dde2ea 90%, #f2f5fb) !important;
  633. 		box-shadow: inset 0 3px 2px #0000001c !important;
  634. 	}
  635. 	.tabs > li.current > span,
  636. 	.tabs > span.current > a {
  637. 		background: #ebeef1;
  638. 		box-shadow: inset 0 1px 0 #fff, inset 0 -2px 1px #dddede;
  639. 	}
  640.  
  641. 	.script-discussion-list .discussion-list-item {
  642. 		border: none !important;
  643. 	}
  644. 	.discussion-list-container.discussion-not-read {
  645. 		border-bottom: solid 1px var(--COLOR4);
  646. 	}
  647.  
  648. 	.rating-icon {
  649. 		border: none;
  650. 		border-radius: 5px;
  651. 		font-weight: 800;
  652. 		padding: 3px 0;
  653. 		position: relative;
  654. 		top: 0;
  655. 	}
  656.  
  657. 	.pagination {
  658. 		margin-top: 15px;
  659. 	}
  660. 	.pagination > a {
  661. 		background-color: var(--COLOR4);
  662. 		color: var(--COLOR3);
  663. 		padding: 6px 14px;
  664. 		border-radius: 8px;
  665. 		text-decoration: none;
  666. 		box-shadow: inset 0 -2px 1px #00000030;
  667. 		border: solid 1px #00000030;
  668. 	}
  669. 	.pagination > a:hover {
  670. 		background-color: var(--COLOR4);
  671. 	}
  672. 	.pagination > a:active {
  673. 		background-color: var(--COLOR4);
  674. 		box-shadow: inset 0 2px 1px #00000030;
  675. 		border: solid 1px #00000030;
  676. 	}
  677. 	.pagination > a:focus {
  678. 		background-color: #d7e0e7;
  679. 	}
  680.  
  681. 	.previewable textarea {
  682. 		margin-top: 10px;
  683. 		border: solid 1px #d7e0e7;
  684. 		border-radius: 8px;
  685. 	}
  686.  
  687. 	/* 登录(不可用) */
  688. 	form.external-login-form {
  689. 		position: relative;
  690. 		display: block;
  691. 		margin: 0 auto;
  692. 		padding: 1em;
  693. 		background-color: #fff;
  694. 		border: 1px solid #d8dee2;
  695. 		border-radius: 5px;
  696. 		text-align: center;
  697. 		width: 340px;
  698. 	}
  699. 	.external-login-container {
  700. 		display: flex;
  701. 		vertical-align: middle;
  702. 	}
  703. 	.external-login-container:not(:last-child) {
  704. 		margin-right: 0;
  705. 		margin-bottom: 10px;
  706. 	}
  707. 	.external-login-container .external-login {
  708. 		padding: 5px 10px 5px 30px;
  709. 		border: 1px solid #bdcbd4;
  710. 		border-radius: 6px;
  711. 		background-repeat: no-repeat;
  712. 		background-size: 17px 17px;
  713. 		background-position: 8px 5px;
  714. 		margin: 0 auto;
  715. 		outline: none;
  716. 	}
  717. 	.external-login-container .external-login:active {
  718. 		background-color: #d8dee2;
  719. 	}
  720. 	form.external-login-form div:not(:last-child) {
  721. 		margin-bottom: 10px;
  722. 	}
  723.  
  724. 	/* --修复-- */
  725. 	#main-header,
  726. 	#main-header a,
  727. 	#main-header a:visited,
  728. 	#main-header a:active {
  729. 		color: var(--COLOR3);
  730. 	}
  731. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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