☰

GreasyFork | Modernized ( Optional Dark Theme )

A much cleaner and more modern version of GreasyFork!

目前为 2022-08-25 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2.  -- THEME STUFF --
  3. @name           GreasyFork | Modernized ( Optional Dark Theme )
  4. @version        1.3.15
  5. @description    A much cleaner and more modern version of GreasyFork!
  6.  
  7.  -- AUTHOR STUFF --
  8. @namespace      Freeplay
  9. @author         Freeplay (https://freeplay.codeberg.org/)
  10. @homepageURL    https://codeberg.org/Freeplay/UserStyles
  11. @supportURL     https://codeberg.org/Freeplay/UserStyles/issues
  12. @preprocessor   stylus
  13.  
  14.  
  15. --- SETTINGS ---
  16. @var checkbox darkmode "Dark Mode" 0 
  17.  
  18. ==/UserStyle== */
  19.  
  20.  
  21. @-moz-document domain("gf.qytechs.cn") {
  22. 	:root {
  23. 		if darkmode {
  24. 			/* DARK MODE COLORS */
  25. 			--color-primary: #272b36bd;
  26. 			--color-secondary: #072b3a ;
  27. 			--color-tertiary: #2c3242;
  28. 			--color-bg: #1c1f28;
  29. 			--color-text: #d1d1d1;
  30. 			--color-link: #00b3ff;
  31. 			--color-link-visited: cyan;
  32. 			--color-highlighted #287721;
  33. 			--shadow-normal: 0 0px 3px rgba(0,0,0,0.5);
  34. 			--shadow-button: none;
  35. 			--border-button:  1px solid rgba(150,150,150,.1);
  36. 		} else {
  37. 			/* LIGHT MODE COLORS */
  38. 			--color-primary: #980000bd;
  39. 			--color-secondary: white;
  40. 			--color-tertiary: white;
  41. 			--color-bg: #F6F6F6;
  42. 			--color-text: black;
  43. 			--color-link: #0265be;
  44. 			--color-link-visited: #cf2525;
  45. 			--color-highlighted: #9fefa3;
  46. 			--shadow-normal: 0 0 10px rgba(0, 0, 0, .01);
  47. 			--shadow-button: 0px 0px 0px 20px var(--color-bg) inset;
  48. 			--border-button:  1px #dcdcdc solid;
  49. 		}
  50. 	}
  51. 	* {
  52. 		transition: background .2s;
  53. 	}
  54. 		
  55. 		/* TEXT */
  56. 		h3, h2 {
  57. 			color: var(--color-text);
  58. 		}
  59. 		h3 {
  60. 			margin-bottom: 1em !important;
  61. 		}
  62. 		p {
  63. 			color: var(--color-text);
  64. 		}
  65. 		pre, textarea, .preview-results {
  66. 			background-color: var(--color-secondary) !important;
  67. 			border: var(--border-button) !important;
  68. 			border-radius: .3rem;
  69. 			color: var(--color-text);
  70. 		}
  71. 		.code-container {
  72. 			max-height: none !important;
  73. 			border: none !important;
  74. 			border-radius: 4px !important;
  75. 			filter  invert(90%)
  76. 		}
  77. 		pre.prettyprint {
  78. 			background-color: white !important;
  79. 			max-height: none;
  80. 			margin-top: 0;
  81. 			color: black;
  82. 		}
  83. 		
  84. 		.post-discussion > p:first-child,
  85. 		.sidebarred-main-content > p,
  86. 		{
  87. 			font-size: 0;
  88. 		}
  89. 		.sidebarred-main-content > h2 + p {
  90. 			font-size: inherit !important;
  91. 			margin-top: 0 !important;
  92. 		}
  93. 		
  94. 		/* BUTTONS/LINKS */
  95. 		select, option, input, button:not(.lum-gallery-button), code, #user-control-panel > li, .sign-in-link a,
  96. 		.pagination > *, .script-list + .pagination > *, .user-list + .pagination > *, 
  97. 		a.list-option-button, #script-links > li > *, #script-feedback-suggestion a, .discussion-actions a, .report-link, .edit-comment, .post-discussion > p:first-of-type a, .discussion-up-level a, .post-discussion > div > .inline-list > li a,
  98. 		#script-content > ul li a,
  99. 		#about-user > p:last-child > *, #about-user > a:first-child,
  100.  		#install-area a, .expander, #contribution > a,  #support-url > a, .script-in-sets > a,
  101.  		.sidebarred-main-content > p:last-child a, .sidebarred-main-content > p:first-of-type a,
  102.  		#home-top-sites a,
  103.  		#by-site-list > li > a {			
  104. 			border: var(--border-button) !important;
  105. 			text-decoration: none !important;
  106. 			border-radius: .3rem !important;
  107. 			padding: 5px 14px;
  108. 			font-size: 14px;
  109. 			font-family: Segoe UI, Helvetica, Arial, sans-serif, Segoe UI Emoji !important;
  110. 			transition: all .2s;
  111. 			background-color: var(--color-secondary) !important;
  112. 			color: var(--color-text) !important;
  113. 			list-style: none;
  114. 			outline: none !important;
  115. 		}
  116. 		code {
  117. 			padding: 2px 4px !important;
  118. 		}
  119. 		select:hover, input:hover, input:focus, button:not(.lum-gallery-button):hover, #user-control-panel > li:hover,  .sign-in-link a:hover,
  120. 		a.list-option-button:hover, #script-links > li > *:hover, #script-feedback-suggestion a:hover, #script-links .current span, .discussion-actions a:hover, .report-link:hover, .edit-comment:hover, .post-discussion > p:first-of-type a:hover, .discussion-up-level a:hover, .post-discussion > div > .inline-list > li a:hover,
  121. 		#script-content > ul li a:hover,
  122. 		#about-user > p:last-child > *:hover, #about-user > a:first-child:hover,
  123. 		.pagination > *:hover, .script-list + .pagination > *:hover, .user-list + .pagination > *:hover, .pagination > *:focus, .script-list + .pagination > *:focus, .user-list + .pagination > *:focus, 
  124.  		#install-area a:hover, .expander:hover, #contribution > a:hover, #support-url > a:hover, .script-in-sets > a:hover,
  125.  		.sidebarred-main-content > p:last-child a:hover, .sidebarred-main-content > p:first-of-type a:hover,
  126.  		#home-top-sites a:hover,
  127.  		#by-site-list > li > a:hover {
  128. 			box-shadow: var(--shadow-button) !important;
  129. 			background-color: var(--color-tertiary) !important;
  130. 			text-decoration: none !important;
  131. 		}
  132. 		
  133. 		select:not(#remove-scripts-included) { /* Contributed by https://codeberg.org/Riedler */
  134. 			appearance:none;
  135. 			background-image:url("https://riedler.wien/sfto/darklearning/double_triangles_top_bottom_AAA.svg");
  136. 			background-repeat:no-repeat;
  137. 			background-position:center right 7px !important;
  138. 			background-size:auto 50%;
  139. 		}
  140. 		
  141. 		
  142. 		nav > li > a, .pagination > a, #user-control-panel > li > a, #script-links > li > a, div[class="list-option-group"] > ul > li > a, h2 > a ,
  143. 		.comment-meta-item-main a {
  144. 			text-decoration: none;
  145. 			color: var(--color-text);
  146. 		}
  147. 		.pagination {
  148. 			margin-bottom: 20px;
  149. 		}
  150. 		a {
  151. 			display: inline-block;
  152. 		}
  153. 		a, a.discussion-title, a.discussion-title:hover {
  154. 			text-underline-offset: .25em;
  155. 			color: var(--color-link);
  156. 		}
  157. 		a:hover, a.discussion-title:hover {
  158. 			text-decoration: underline;
  159. 		}
  160. 		a:visited {
  161. 			color: var(--color-link-visited);
  162. 		}
  163. 		body, html {
  164. 			background-color: var(--color-bg);
  165. 			font-family: Segoe UI, Helvetica, Arial, sans-serif, Segoe UI Emoji !important;
  166. 		}
  167. 		body > .width-constraint {
  168. 			max-width: 100% !important;
  169. 			margin: 0;
  170. 			padding: 10px;
  171. 			display: flex;
  172. 			flex-direction column
  173. 			// flex-wrap: wrap;
  174. 		}
  175. 		body > .width-constraint > * {
  176. 			width: 100%;
  177. 		}
  178. 		body > .width-constraint > section, .notice, .alert, .announcement {
  179. 			max-width: 80rem;
  180. 			margin: auto !important;
  181. 		}
  182. 		body > .width-constraint > section:first-child, .notice, .alert {
  183. 			margin-top: 20px !important;
  184. 		}
  185. 		body > .width-constraint > section:last-of-type {
  186. 			margin-bottom: 40px !important;
  187. 		}
  188. 		.alert, .announcement {
  189. 			background-color: var(--color-secondary);
  190. 			margin-bottom: 20px !important;
  191. 		}
  192. 		.alert *, .announcement {
  193. 			color: var(--color-text) !important;
  194. 			padding: 10px;
  195. 		}
  196. 		.announcement {
  197. 			margin-top: 10px !important;
  198. 			border-radius: .3rem;
  199. 		}
  200. 		section {
  201. 			border: none !important;
  202. 		}
  203. 		
  204. 		.notice {
  205. 			background-color: var(--color-secondary);
  206. 		}
  207. 		
  208. 		
  209. 		.text-content, .discussion-list, #browse-user-list, .inline-form, #new_user,
  210. 		#script-meta, #additional-info, #script-show-info-ad, #script-content .script-discussion-list, canvas, 
  211. 		/*.multiform-page*/, #script-content form:not(.script-in-sets), table, .comment,
  212.  		#script-content > ul {
  213. 			padding: 1rem !important;
  214. 			margin: 0 auto !important;
  215. 			margin-bottom: 20px !important;
  216. 			border: var(--border-button) !important;
  217. 			box-shadow: var(--shadow-normal) !important;
  218. 			background-color: var(--color-tertiary) !important;
  219. 			color: var(--color-text);
  220. 			border-radius: .5rem;
  221. 		}
  222. 		.text-content > *:first-child {
  223. 			margin-top: 0 !important;
  224. 		}
  225. 		.text-content > *:last-child, #script-meta > *:last-child {
  226. 			margin-bottom: 0 !important;
  227. 		}
  228. 		
  229. 		
  230. 	@media only screen and (min-width: 940px) { 
  231. 		
  232. 		
  233. 		body {
  234. 			margin-top: 44px;
  235. 		}
  236. 		
  237. 		
  238. 		
  239. 		
  240.  
  241. 		/* HEADER */
  242. 		#main-header {
  243. 			position: fixed;
  244. 			top: 0;
  245. 			width: 100%;
  246. 			height: 44px;
  247. 			padding: 0;
  248. 			z-index: 5;
  249. 			background-image: none;
  250. 			background-color: var(--color-primary);
  251. 			backdrop-filter: blur(10px);
  252. 		}
  253. 		#main-header > .width-constraint {
  254. 			max-width: 100%;
  255. 			padding-left: 10px;
  256. 			padding-right: 10px;
  257. 			display: flex !important;
  258. 			align-items: center;
  259. 			margin: auto !important;
  260. 		}
  261. 		#site-name {
  262. 			position: absolute;
  263. 			width: 200px;
  264. 			min-width: 200px;
  265. 			height: 30px;
  266. 			margin-top: auto;
  267. 			margin-bottom: auto;
  268. 		}
  269. 		#site-name img {
  270. 			height: 30px;
  271. 		}
  272. 		#site-name-text {
  273. 			margin-top: 0 !important;
  274. 		}
  275. 		#site-name-text > h1 {
  276. 			height: 30px;
  277. 			font-size: 25px;
  278. 			font-weight: 600;
  279. 		}
  280.  
  281. 		#site-nav {
  282. 			display: flex !important;
  283. 			height: 40px;
  284. 			padding-top: 1px;
  285. 			width: auto;
  286. 			align-items: center;
  287. 			margin-top: 0 !important;
  288. 			width: 100%;
  289. 			justify-content: flex-end;
  290. 		}
  291. 		#site-nav > * {
  292. 			position: relative !important;
  293. 		}
  294. 		#site-nav > nav {
  295. 			width: 100% !important;
  296. 			height: 20px;
  297. 			display: flex;
  298. 			align-items: center;
  299. 			justify-content: flex-end;
  300. 		}
  301. 		#nav-user-info {
  302. 			width: auto;
  303. 			order: 2;
  304. 			height: 20px;
  305. 			display: flex;
  306. 			align-items: center;
  307. 		}
  308. 		#nav-user-info .sign-out-link, #nav-user-info .sign-in-link {
  309. 			width: max-content !important;
  310. 		}
  311. 		#nav-user-info > form > select {
  312. 			margin: 0 0 0 26px;
  313. 			height: 32px;
  314. 		}
  315. 		
  316. 		#site-nav > nav > li + li {
  317. 			margin-left: 1em;
  318. 		}
  319. 		#nav-user-info .user-profile-link a, #nav-user-info .sign-out-link a {
  320. 			text-decoration: none;
  321. 			font-size: 16px;
  322. 		}
  323. 		#nav-user-info .sign-out-link {
  324. 			font-size: 0;
  325. 			margin-left: 16px;
  326. 		}
  327. 		#nav-user-info .with-submenu {
  328. 			padding-right: 16px;
  329. 		}
  330. 		#nav-user-info a:hover {
  331. 			text-decoration: underline;
  332. 		}
  333. 		.with-submenu > nav {
  334. 			background-color: var(--color-primary);
  335. 			backdrop-filter: blur(10px);
  336. 		}
  337. 		
  338. 		/* SIDEBAR */
  339. 		.sidebar ~ div {
  340. 			max-width: 50rem;
  341. 		}
  342. 		.sidebar {
  343. 			position: sticky;
  344. 			top: 44px;
  345. 			order: -1;
  346. 			margin: -10px 15px -10px -10px;
  347. 			padding: 20px 0 20px 10px;
  348. 			height: calc(100vh - 84px);
  349. 			max-height: calc(100vh - 84px);
  350. 			overflow-y: auto;
  351. 			overflow-x: hidden;
  352. 			z-index: 6;
  353. 			text-decoration: none !important;
  354. 			
  355. 			scrollbar-color: var(--color-primary) transparent;
  356. 			scrollbar-width: thin;
  357. 		}
  358. 			.sidebar-search {
  359. 				position: fixed;
  360. 				top: 5px;
  361. 				left: 180px;
  362. 				
  363. 			}
  364. 				.sidebar-search input[type="search"] {
  365. 					height: 32px;
  366. 					border: none !important;
  367. 					border-radius: .3rem !important;
  368. 					width: 170px;
  369. 					text-align: center;
  370. 					color: var(--color-text) !important;
  371. 					padding-inline-end: 30px;
  372. 					box-shadow: 0px 0px 2px rgba(0,0,0,0.1) !important;
  373. 					background-color: var(--color-primary) !important;
  374. 					color: white !important;
  375. 					font-weight: 700;
  376. 					filter: opacity(.5);
  377. 					transition: width .2s, background-color .5s, color .5s, filter .2s; 
  378. 				}
  379. 				.sidebar-search input[type="search"]:focus, .sidebar-search input[type="search"]:hover {
  380. 					width: calc(100vw - 450px);
  381. 					transition: width .5s, background-color .2s, color .2s, filter .2s; 
  382. 					filter: opacity(1);
  383. 					background-color: var(--color-secondary) !important;
  384. 					color: var(--color-text) !important;
  385. 				}
  386. 				.sidebar-search input[type="submit"] {
  387. 					display: none;
  388. 				}
  389. 			#script-list-option-groups > div, .list-option-group {
  390. 				padding: 10px;
  391. 				color: var(--color-text);
  392. 				
  393. 				background-color: var(--color-secondary);
  394. 				border-radius: .3rem;
  395. 				box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
  396. 			}
  397. 				#script-list-option-groups > div > ul, .list-option-group > ul {
  398. 					background-color: transparent;
  399. 					box-shadow: none;
  400. 					border: none;
  401. 					margin: -10px;
  402. 				}
  403. 				.list-current {
  404. 					border-left-color: var(--color-primary) !important;
  405. 					border-left-width: 4px !important;
  406. 				}
  407. 				if darkmode {
  408. 					.list-current {
  409. 						background: none !important;
  410. 						background-color: var(--color-tertiary) !important;
  411. 						color: var(--color-text);
  412. 					}
  413. 					.list-option-group a:hover, .list-option-group a:focus {
  414. 						background: none !important;
  415. 						background-color: var(--color-tertiary) !important;
  416. 						box-shadow: none !important;
  417. 					}
  418. 				}
  419. 					
  420. 					
  421. 	
  422. 					
  423. 					
  424. 					
  425. 		/* LISTS */
  426. 		.sidebarred-main-content {
  427. 			margin-top: 10px !important;
  428. 		}
  429. 		.sidebarred-main-content > h2 {
  430. 			margin-top: 0;
  431. 		}
  432. 		#browse-script-list {
  433. 			margin-top: 0;
  434. 		}
  435. 		#browse-script-list, #user-script-list, #user-deleted-script-list, .script-list {
  436. 			display: grid;
  437. 			grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  438. 			grid-gap: 10px;
  439. 			border: none !important;
  440. 			box-shadow: none !important;
  441. 			background-color: transparent;
  442. 		}
  443. 		
  444. 		
  445. 	}
  446. 		
  447. 		
  448. 			#browse-script-list > li, #user-script-list > li, #user-deleted-script-list > li, #user-unlisted-script-list > li,
  449.  			#user-library-script-list > li {
  450. 				border: var(--border-button) !important;
  451. 				border-radius: .5rem;
  452. 				background-color: var(--color-tertiary);
  453. 				transition: box-shadow .2s;
  454. 				color: var(--color-text);
  455. 				display: flex;
  456. 				&:hover {
  457. 					box-shadow: 0px 2px 20px rgba(0,0,0,0.1);
  458. 				}
  459. 			}
  460. 				#browse-script-list > li > article, #user-script-list > li > article, #user-deleted-script-list > li > article, #user-unlisted-script-list > li > article {
  461. 					height: 100%;
  462. 					display: flex;
  463. 					flex-wrap: wrap;
  464. 					width: auto !important;
  465. 					flex-grow: 1 !important;
  466. 					max-width: 100% !important;
  467. 				}
  468. 					#browse-script-list > li > article > h2 {
  469. 						overflow: hidden;
  470. 						max-height: 100px;
  471. 					}
  472. 					.inline-script-stats {
  473. 						margin-top: auto;
  474. 						width: 100%;
  475. 					}
  476. 					.inline-script-stats dd {
  477. 						max-width: 100%;
  478. 					}
  479. 					#browse-script-list > li > article > h2 > a {
  480. 						font-weight: 600;
  481. 					}
  482. 					#browse-script-list > li > article > h2::before {
  483. 						content: "";
  484. 						display: flex;
  485. 						position: relative;
  486. 						z-index: 2;
  487. 						width: 100%;
  488. 						height: 40px;
  489. 						color: var(--color-tertiary);
  490. 						background: linear-gradient(transparent, currentColor);
  491. 						box-shadow: 0 10px 0 var(--color-tertiary);
  492. 						margin-top: -40px;
  493. 						transform: translateY(100px);
  494. 						pointer-events: none;
  495. 					}
  496. 					/* Greasy Fork镜像 Tweaks Thumbnail Images */
  497. 					#browse-script-list > li > article ~ div,
  498.  					#user-script-list > li > article ~ div,
  499. 					#user-deleted-script-list > li > article ~ div {
  500. 						max-height: 185px !important;
  501. 						height: calc(100% + 2em) !important;
  502. 						width: auto !important;
  503. 						max-width: 40% !important;
  504. 						margin-right: -1em !important;
  505. 						margin-top: -1em !important;
  506. 						margin-bottom: -1em !important;
  507. 						margin-left: 1em !important;
  508. 						border-top-right-radius: .5rem !important;
  509. 						border-bottom-right-radius: .5rem !important;
  510. 						padding: 0 !important;
  511. 						transition: max-width .5s, width .5s;
  512. 						display: flex !important;
  513. 						transition: max-width .5s;
  514. 						justify-content: center;
  515. 					}
  516. 					#browse-script-list > li > article ~ div > img,
  517.  					#user-script-list > li > article ~ div > img,
  518. 					#user-deleted-script-list > li > article ~ div > img {
  519. 						max-width: 100% !important;
  520. 						width: 100% !important;
  521. 						align-self: center;
  522. 					}
  523. 					#browse-script-list #script-list-ea {
  524. 						width: 100%;
  525. 					}
  526. 					#browse-script-list #script-list-ea + div:last-of-type {
  527. 						display: none !important;
  528. 						width: 0 !important;
  529. 					}
  530. 				
  531. 			.script-list li:not(.ad-entry) {
  532. 				border-right: 1px solid #DDDDDD;
  533. 			}
  534. 			.ad-entry, #codefund {
  535. 				grid-column: 1/-1;
  536. 			}
  537. 			.ad-entry > div {
  538. 				height: auto !important;
  539. 				padding: 0 !important;
  540. 			}
  541. 			[data-ea-publisher].loaded .ea-content a:link, [data-ea-type].loaded .ea-content a:link {
  542. 				color: var(--color-link) !important;
  543. 			}
  544. 			
  545. 			
  546. 		.sidebarred-main-content {
  547. 			display: flex;
  548. 			flex-wrap: wrap;
  549. 			height: min-content;
  550. 		}
  551. 		.sidebarred-main-content > * {
  552. 			width: 100%;
  553. 			
  554. 		}
  555. 		.sidebarred-main-content > p {
  556. 			width: auto;
  557. 			margin: 1em 0 0;
  558. 		}
  559. 		.sidebarred-main-content > p:last-child {
  560. 			order: -1;
  561. 		}
  562. 			
  563. 		/*** FILTER BY SITES PAGE ***/
  564. 		
  565. 		#by-site-list > li > a {
  566. 			font-size: inherit !important;
  567. 		}
  568.  
  569. 		/*** SCRIPT DETAILS PAGE ***/
  570. 		
  571. 		#script-info {
  572. 			display: flex;
  573. 			flex-wrap: wrap;
  574. 			
  575. 			background: none !important;
  576. 		}
  577. 		#script-info > * {
  578. 			width: 100%;
  579. 		}
  580. 		#script-info, #additional-info, #user-profile {
  581. 			background: none;
  582. 			background-color: var(--color-tertiary);
  583. 			box-shadow: none;
  584. 			color: var(--color-text);
  585. 		}
  586. 		#script-info > header {
  587. 			order: -1;
  588. 			width: 100%;
  589. 		}
  590. 		#script-info header h2 {
  591. 			font-weight: 600;
  592. 		}
  593. 		#script-links {
  594. 			margin: 12px 0;
  595. 			padding-top: 12px !important;
  596. 			padding: 0;
  597. 			display: flex;
  598. 			flex-wrap: wrap;
  599. 			
  600. 			position: sticky;
  601. 			top: 45px;
  602. 			display: inline;
  603. 			width: 150px;
  604. 			height: min-content;
  605. 			max-height: calc(100vh - 58px);
  606. 			overflow-y: auto;
  607. 		}
  608. 		#script-links .current {
  609. 			border: none !important;
  610. 			box-shadow: none;
  611. 		}
  612. 		#script-links li {
  613. 			margin: 8px 0px;
  614. 		}
  615. 		.script-show-applies-to .inline-list {
  616. 			display: flex;
  617. 			flex-wrap: wrap;
  618. 		}
  619. 		#script-content {
  620. 			margin: 20px;
  621. 			width: calc(100% - 200px);
  622. 			display: flex;
  623. 			flex-wrap: wrap;
  624. 			height: min-content;
  625. 		}
  626. 		#script-content > * {
  627. 			width: 100%;
  628. 		}
  629. 		.install-link {
  630. 			background-color: var(--color-highlighted) !important;
  631. 		}
  632. 		#script-feedback-suggestion, .script-in-sets, #install-area {
  633. 			margin: 0;
  634. 			width: auto !important;
  635. 			display: flex;
  636. 			flex-wrap: wrap;
  637. 			font-size: 0;
  638. 		}
  639. 		#script-feedback-suggestion a, .script-in-sets *, #install-area a,
  640.  		.post-discussion > p:first-child a,
  641.  		.sidebarred-main-content > p a {
  642. 			font-size: 14px;
  643. 			margin: 0;
  644. 			margin-right: 8px;
  645. 			margin-bottom: 1em;
  646. 		}
  647. 		.discussion-snippet {
  648. 			white-space: normal !important;
  649. 		}
  650. 		.script-in-sets {
  651. 			order: 1;
  652. 			width: 100% !important;
  653. 		}
  654. 		#script-meta {
  655. 			order: 2;
  656. 			max-width: none;
  657. 			flex: 1 1 600px;
  658. 		}
  659. 		#script-meta dt {
  660. 			max-width: none !important;
  661. 		}
  662. 		
  663. 		#script-show-info-ad {
  664. 			order: 3;
  665. 			margin-left: 1em !important;
  666. 			flex: 1 1 200px;
  667. 		}
  668. 		#additional-info {
  669. 			order: 3;
  670. 			display: flex;
  671. 			flex-wrap: wrap;
  672. 		}
  673. 		#additional-info > * {
  674. 			width: 100%;
  675. 		}
  676. 		.user-screenshots {
  677. 			order: -1;
  678. 			margin-top: 0 !important;
  679. 			margin-bottom: 1em;
  680. 			width: 100%;
  681. 		}
  682. 		.post-discussion {
  683. 			width: 100%;
  684. 		}
  685. 		
  686. 		section > *:first-child, #script-content > *:first-child, #script-content p, #script-content h3, form > p:first-of-type,
  687.  		.discussion-header {
  688. 			margin-top: 0 !important;
  689. 		}
  690. 		.multiform-page {
  691. 			padding: 0 !important;
  692. 		}
  693. 		
  694. 		canvas {
  695. 			background-color: white !important;
  696. 		}
  697. 		
  698. 		/*** FORUMS ***/
  699. 		.discussion-read {
  700. 			background-color: var(--color-secondary) !important;
  701. 		}
  702. 		.discussion-list-item {
  703. 			border-top: var(--border-button) !important;
  704. 			border-bottom: var(--border-button) !important;
  705. 		}
  706. 		.user-content {
  707. 			background: none;
  708. 		}
  709. 		.comment-meta-item a {
  710. 			margin-bottom: -100px;
  711. 		}
  712. 		.discussion-header h2 {
  713. 			margin-top: .5rem;
  714. 		}
  715. 		
  716. 		/* FAVORITES LIST */
  717. 		.post-discussion > div:last-of-type {
  718. 			order: 5;
  719. 		}
  720. 			
  721. 		/*** USER PAGE ***/
  722. 		/* About User */
  723. 		
  724. 		a.report-link.report-link-abs {
  725. 			margin-top: 1em !important;
  726. 		}
  727. 		/* Control Panel */
  728. 		#user-control-panel, #script-content > ul {
  729. 			display: flex;
  730. 			flex-wrap: wrap;
  731. 			grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  732. 			grid-gap: 10px;
  733. 			padding: 10px;
  734. 			list-style: none;
  735. 		}
  736. 			#user-control-panel > li {
  737. 				text-decoration: none;
  738. 				list-style: none;
  739. 				text-align: center;
  740. 				background-color: var(--color-secondary);
  741. 				padding: 5px 16px;
  742. 				border-radius: .3rem;
  743. 			}
  744. 			
  745. 		.post-discussion > div > .inline-list {
  746. 			display: grid;
  747. 			grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  748. 			grid-gap: 4px 6px;
  749. 		}
  750. 			.post-discussion > div > .inline-list > li a {
  751. 				display: block;
  752. 				white-space: nowrap;
  753. 				overflow: hidden;
  754. 				text-overflow: ellipsis;
  755. 			}
  756. 		
  757.  
  758.  
  759. 		/*** HOMEPAGE ***/
  760. 		body .width-constraint > .text-content > h2 {
  761. 			z-index: 2;
  762. 			position: relative;
  763. 			margin-bottom: 1rem;
  764. 			margin-top: 2rem !important;
  765. 		}
  766. 		#home-script-nav {
  767. 			margin-bottom: 60px;
  768. 			z-index: 1;
  769. 			width: max-content;
  770. 			max-width: none;
  771. 			border: none !important;
  772. 		}
  773. 		
  774. 		#home-top-sites {
  775. 			margin-top: 1rem;
  776. 			z-index: 2;
  777. 			position: relative;
  778. 			font-size: 0;
  779. 		}
  780.  
  781. 		/*** POPUPS ***/
  782. 		.lum-lightbox {
  783. 			z-index: 100;
  784. 		}
  785.  
  786.  
  787. 		
  788. 	}

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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