☰

GreasyFork Dark 深色模式

GreasyFork Dark Theme (adapative css)

  1. // ==UserScript==
  2. // @name                GreasyFork Dark
  3. // @version             0.3.23
  4. // @license             MIT
  5. // @author              CY Fung
  6. // @name:ja             GreasyFork Dark ダークモード
  7. // @name:zh-TW          GreasyFork Dark 深色模式
  8. // @name:zh-CN          GreasyFork Dark 深色模式
  9. // @namespace           Violentmonkey Scripts
  10. // @match               https://gf.qytechs.cn/*
  11. // @match               https://sleazyfork.org/*
  12. // @match               https://gf.qytechs.cn/*
  13. // @grant               none
  14. // @description         GreasyFork Dark Theme (adapative css)
  15. // @description:ja      GreasyFork Dark Theme (adapative css)
  16. // @description:zh-TW   GreasyFork Dark Theme (adapative css)
  17. // @description:zh-CN   GreasyFork Dark Theme (adapative css)
  18. // @run-at              document-start
  19. // @unwrap
  20. // @inject-into         page
  21. // @require             https://cdn.jsdelivr.net/npm/stylis@4.3.4/dist/umd/stylis.min.js
  22. // ==/UserScript==
  23.  
  24.  
  25. if (!localStorage.darkMode) localStorage.darkMode = 'true';
  26.  
  27. (() => {
  28.  
  29.  
  30.     const generalCSSFn = () => `
  31.  
  32.         [dark] .user-content[class] [style*="color:"] {
  33.             filter: invert(1);
  34.         }
  35.  
  36.         [dark] .user-content[class] [style*="color:"] [style*="color:"] {
  37.             filter: initial;
  38.         }
  39.  
  40.         [dark] .user-content[class] [style*="color:"] a  {
  41.             filter: invert(1);
  42.         }
  43.  
  44.         [dark] .user-content[class] [style*="color:"] code  {
  45.             filter: invert(1);
  46.         }
  47.  
  48.         [dark] .user-content[class] code  {
  49.             color: #b3f6d1;
  50.         }
  51.  
  52.         /*
  53.             .comment-meta a.self-link,a.self-link:visited {
  54.                 opacity: 0.4;
  55.             }
  56.         */
  57.  
  58.     `;
  59.  
  60.     const cssTextFn = () => [
  61.  
  62.         // general
  63.         `
  64.  
  65.  
  66.  
  67. html {
  68.     overflow-y: scroll
  69. }
  70.  
  71. body {
  72.     margin: 0;
  73.     background-color: #24272d;
  74.     color: #e9e9e9;
  75. }
  76.  
  77. body,select,input {
  78.     font-family: Open Sans,sans-serif,"Segoe UI Emoji"
  79. }
  80.  
  81. body:lang(zh-CN),select:lang(zh-CN),input:lang(zh-CN) {
  82.     font-family: Open Sans,Microsoft YaHei UI,sans-serif,"Segoe UI Emoji"
  83. }
  84.  
  85. body:lang(zh-TW),select:lang(zh-TW),input:lang(zh-TW) {
  86.     font-family: Open Sans,Microsoft JHengHei UI,sans-serif,"Segoe UI Emoji"
  87. }
  88.  
  89. input, select {
  90.     color: #dadada;
  91.     background-color: #1e1e1e;
  92.     outline:0;
  93. }
  94.  
  95. input {
  96.     border: 1px solid #575757;
  97. }
  98.  
  99. textarea {
  100.     background-color: #1e1e1e;
  101.     color: #fff;
  102.     outline: 0;
  103. }
  104. body .preview-results{
  105.    border: 1px solid #565c70;
  106. }
  107.  
  108.  
  109. pre,code {
  110.     direction: ltr !important
  111. }
  112.  
  113. textarea {
  114.     resize: vertical
  115. }
  116.  
  117. a {
  118.     color: #f7c67f; /*#f65e5e;*/
  119. }
  120.  
  121. a:visited {
  122.     color: #c9a573; /*#e97575;*/
  123. }
  124.  
  125. input[type=checkbox],input[type=radio] {
  126.     vertical-align: middle
  127. }
  128.  
  129. .width-constraint {
  130.     margin: auto;
  131.     max-width: 1200px
  132. }
  133.  
  134. @media screen and (max-width: 1228px) {
  135.     .width-constraint {
  136.         margin:auto 1.2vw
  137.     }
  138. }
  139.  
  140. @media screen and (max-width: 400px) {
  141. 	.width-constraint {
  142. 		margin: auto 0
  143. 	}
  144. }
  145.  
  146. .inline-list,.block-list {
  147.     padding-left: 0;
  148.     padding-right: 0;
  149.     list-style: none
  150. }
  151.  
  152. .inline-list {
  153.     display: inline
  154. }
  155.  
  156. .block-list {
  157.     display: block;
  158.     margin: 0
  159. }
  160.  
  161. .inline-list li,.block-list li {
  162.     display: inline
  163. }
  164.  
  165. .inline-list li:after,.block-list li:after {
  166.     content: ", "
  167. }
  168.  
  169. body:lang(he) .inline-list li:after,body:lang(he) .block-list li:after,body:lang(ar) .inline-list li:after,body:lang(ar) .block-list li:after,body:lang(ug) .inline-list li:after,body:lang(ug) .block-list li:after,body:lang(ckb) .inline-list li:after,body:lang(ckb) .block-list li:after {
  170.     content: "،"
  171. }
  172.  
  173. .inline-list li:last-child:after,.block-list li:last-child:after {
  174.     content: ""
  175. }
  176.  
  177. dt[title]>span {
  178.     border-bottom: 1px dotted black
  179. }
  180.  
  181. .form-section {
  182.     margin-bottom: 2em
  183. }
  184.  
  185. .form-control {
  186.     margin-bottom: 1em
  187. }
  188.  
  189. .form-control textarea,#ace-editor {
  190.     width: 100%;
  191.     box-sizing: border-box;
  192.     margin-top: 1px;
  193.     margin-bottom: 1px
  194. }
  195.  
  196. .form-control textarea:not([rows]),#ace-editor {
  197.     height: 20em
  198. }
  199.  
  200. #ace-editor {
  201.     border: 1px solid #BBB;
  202.     border-style: inset;
  203.     resize: both
  204. }
  205.  
  206. .form-control input:not([type=radio]):not([type=file]):not([type=checkbox]):not([type=search]):not([type=submit]):not([size]) {
  207.     box-sizing: border-box;
  208.     width: 100%
  209. }
  210.  
  211. .radio-group input[type=radio] {
  212.     margin-left: 1em
  213. }
  214.  
  215. .form-control label {
  216.     font-weight: 700
  217. }
  218.  
  219. .form-control label.radio-label,.form-control label.checkbox-label {
  220.     font-weight: 400
  221. }
  222.  
  223. label.subselection-radio-title {
  224.     font-weight: 400;
  225.     font-size: small;
  226.     display: block;
  227.     margin-left: 3px
  228. }
  229.  
  230. .field_with_errors textarea {
  231.     background-color: #3b3535;
  232. }
  233.  
  234. .label-note {
  235.     font-size: smaller
  236. }
  237.  
  238. .screenshots-controls>*:not(label) {
  239.     padding-left: 1em
  240. }
  241.  
  242. .add-screenshot-control,.screenshot-control {
  243.     clear: left
  244. }
  245.  
  246. .screenshot-control>* {
  247.     vertical-align: middle
  248. }
  249.  
  250. .screenshot-control a {
  251.     float: left;
  252.     min-width: 150px;
  253.     text-align: center
  254. }
  255.  
  256. #script-info,.user-list,.text-content,.discussion-list,.notification-list {
  257.     padding: 0 1em 1em
  258. }
  259.  
  260. #script-info>*:last-child,.user-list>*:last-child,.text-content>*:last-child,.discussion-list>*:last-child,.notification-list>*:last-child {
  261.     margin-bottom: 0
  262. }
  263.  
  264. .script-list {
  265.     padding: 0
  266. }
  267.  
  268. .script-list,.user-list,.text-content,.discussion-list,.notification-list {
  269.     list-style-type: none;
  270.     box-shadow: 0 0 5px #101011;
  271.     background-color: #31343e;
  272.     color: #e0e0e0;
  273.     border: 1px solid #27282c;
  274.     border-radius: 5px;
  275.     box-sizing: border-box;
  276.     margin: 14px 0
  277. }
  278.  
  279. .discussion-list {
  280.     background-color: #343b4a;
  281. }
  282.  
  283. .text-content:last-child {
  284. 	margin-bottom: 0
  285. }
  286.  
  287. .user-list {
  288.     padding: 1em;
  289.     margin: 1em 0
  290. }
  291.  
  292. .script-link,.script-description,.user-link {
  293.     unicode-bidi: isolate
  294. }
  295.  
  296. .list-option-groups~ol {
  297.     width: calc(960px - 14em)
  298. }
  299.  
  300. .text-content .list-option-groups~ol {
  301.     width: calc(960px - 16em)
  302. }
  303.  
  304. @media screen and (max-width: 960px) {
  305.     #script-info,.user-list,.text-content {
  306.         padding:0 1.2vw 1.2vw
  307.     }
  308. }
  309.  
  310.  
  311. @media screen and (max-width: 400px) {
  312. 	.script-list, .user-list, .text-content, .discussion-list, .notification-list {
  313. 		border-left: 0;
  314. 		border-right: 0
  315. 	}
  316.  
  317. 	.user-list, .text-content, .discussion-list, .notification-list, .script-list-description {
  318. 		padding-left: 1em;
  319. 		padding-right: 1em
  320. 	}
  321.  
  322. 	.discussion-list-header, .user-list-header, .library-list-header {
  323. 		padding-left: 1em;
  324. 		padding-right: 1em;
  325. 		margin-top: 15px;
  326. 		margin-bottom: 10px
  327. 	}
  328.  
  329. 	#script-info {
  330. 		padding-left: 1em;
  331. 		padding-right: 1em
  332. 	}
  333.  
  334. 	#script-links {
  335. 		margin-left: -1em;
  336. 		margin-right: -1em;
  337. 		padding: 0
  338. 	}
  339.  
  340. 	#additional-info {
  341. 		margin-left: -1em;
  342. 		margin-right: -1em
  343. 	}
  344.  
  345. }
  346.  
  347. .script-list li:not(.ad-entry) {
  348.     border-bottom: 1px solid #000000;
  349.     padding: 1em
  350. }
  351.  
  352. .script-list .cf-wrapper {
  353.     margin: 0 !important
  354. }
  355.  
  356. @media screen and (max-width: 960px) {
  357.     .script-list li:not(.ad-entry) {
  358.         padding: 1.2vw
  359.     }
  360. }
  361.  
  362. .script-list h2 {
  363.     margin: 0;
  364.     font-size: 18px
  365. }
  366.  
  367. .script-list p {
  368.     margin: 0
  369. }
  370.  
  371. .script-list footer {
  372.     margin-top: .25em
  373. }
  374.  
  375. .list-current,.script-list h2 {
  376.     font-weight: 700
  377. }
  378.  
  379. .script-list .description {
  380.     font-weight: 400;
  381.     display: block;
  382.     margin: .5em 0;
  383.     font-size: smaller
  384. }
  385.  
  386. .script-list .name-description-separator {
  387.     display: none
  388. }
  389.  
  390. #script-description,.script-list h2>a,.script-list .description {
  391.     word-wrap: break-word
  392. }
  393.  
  394. @media screen and (max-width: 720px) {
  395.     .script-list,#script-content {
  396.         margin-left: unset
  397.     }
  398. }
  399.  
  400. .pagination,.script-list+.pagination,.user-list+.pagination {
  401.     font-size: 18px;
  402.     display: block;
  403.     background-color: transparent;
  404.     padding: 0;
  405.     margin: 0;
  406.     border-radius: 5px
  407. }
  408.  
  409. .pagination>*,.script-list+.pagination>*,.user-list+.pagination>* {
  410.     display: inline-block;
  411.     background-color: #1b1b1e;
  412.     padding: .5em;
  413.     border-radius: 5px;
  414.     text-decoration: none
  415. }
  416.  
  417. .pagination .disabled {
  418.     display: none
  419. }
  420.  
  421. .pagination .current {
  422.     font-style: normal;
  423.     font-weight: 700
  424. }
  425.  
  426. .pagination .current,.pagination .gap {
  427.     background-color: transparent
  428. }
  429.  
  430. .pagination>a:hover,.pagination>a:focus {
  431.     background-color: #100f0b
  432. }
  433.  
  434. @media screen and (max-width:400px) {
  435. 	.pagination, .script-list + .pagination, .user-list + .pagination {
  436. 		padding-left: 1em;
  437. 		padding-right: 1em
  438. 	}
  439. }
  440.  
  441. .good-rating-count,.ok-rating-count,.bad-rating-count {
  442.     display: inline-block;
  443.     min-width: 1em;
  444.     text-align: center;
  445.     padding: 0 .25em;
  446.     border: 1px solid #DDDDDD;
  447.     border-radius: 10px
  448. }
  449.  
  450. .good-rating-count {
  451.     background-color: #d8fff8;
  452.     border-color: #339b334d;
  453.     color: #1f7c1f
  454. }
  455.  
  456. .ok-rating-count {
  457.     background-color: #f9fec1;
  458.     border-color: #9b9b004d;
  459.     color: #626221
  460. }
  461.  
  462. .bad-rating-count {
  463.     background-color: #ffdada;
  464.     border-color: #9b33334d;
  465.     color: #7a1f1f
  466. }
  467.  
  468. .select-all,.select-none {
  469.     display: none
  470. }
  471.  
  472. .diff {
  473.     border: 2px solid black
  474. }
  475.  
  476. #help-allowed-elements,#help-allowed-styles {
  477.     -moz-column-width: 20em;
  478.     -webkit-column-width: 20em;
  479.     column-width: 20em
  480. }
  481.  
  482. #help-allowed-elements li,#help-allowed-styles li {
  483.     padding-right: 1em
  484. }
  485.  
  486. #by-site-list {
  487.     list-style-type: none;
  488.     padding: 0
  489. }
  490.  
  491. #by-site-list li {
  492.     display: inline;
  493.     vertical-align: middle
  494. }
  495.  
  496. #user_profile {
  497.     width: 100%;
  498.     height: 10em
  499. }
  500.  
  501. .preview-result {
  502.     display: none;
  503.     background-color: #ffa;
  504.     padding: .5em
  505. }
  506.  
  507. .failed-sync {
  508.     background-color: #fcc
  509. }
  510.  
  511. .alert {
  512.     font-style: italic;
  513.     background-color: #787825; /* #ffc; */
  514.     border: none;
  515.     border-left: 6px solid #d7d171; /* 6px solid #FFEB3B; */
  516.     padding: .5em
  517. }
  518.  
  519. .notice {
  520.     background-color: #2b556a;
  521.     border: none;
  522.     border-left: 6px solid #5aa5cb;
  523.     padding: .5em
  524. }
  525.  
  526. .validation-errors {
  527.     background-color: #626240;
  528.     border: none;
  529.     border-left: 6px solid #FFEB3B;
  530.     padding: .5em;
  531.     margin: .5em 0
  532. }
  533.  
  534. .validation-errors>p:first-child {
  535.     margin-top: 0
  536. }
  537.  
  538. .validation-errors>p:last-child {
  539.     margin-bottom: 0
  540. }
  541.  
  542. #install-stats-chart {
  543.     width: 100%;
  544.     height: 400px
  545. }
  546.  
  547. .stats-table {
  548.     border-collapse: collapse
  549. }
  550.  
  551. .stats-table th,.stats-table td {
  552.     border: 1px solid gray;
  553.     padding: 0 .5em
  554. }
  555.  
  556. td.numeric,th.numeric {
  557.     text-align: right
  558. }
  559.  
  560. .translation_missing {
  561.     outline: dashed red
  562. }
  563.  
  564. #edit_user>div {
  565.     margin-bottom: .5em
  566. }
  567.  
  568. #edit_user>div>label:first-child {
  569.     font-weight: 700
  570. }
  571.  
  572. .inline-form {
  573.     display: inline
  574. }
  575.  
  576. a.self-link,a.self-link:visited {
  577.     text-decoration: none;
  578.     color: #fff; /* #000; */
  579.     opacity: .2
  580. }
  581.  
  582. .indented {
  583.     padding-left: 1em
  584. }
  585.  
  586. .external-login {
  587.     padding: 2px 2px 3px 25px;
  588.     border: 1px solid black;
  589.     border-radius: 2px;
  590.     background-repeat: no-repeat;
  591.     background-size: 16px 16px;
  592.     background-position: 5px 2px
  593. }
  594.  
  595. .external-login-container {
  596.     display: inline-block;
  597.     vertical-align: top
  598. }
  599.  
  600. .external-login-container * {
  601.     text-align: center;
  602.     display: block
  603. }
  604.  
  605. .external-login-container>*:not(button) {
  606.     font-size: smaller
  607. }
  608.  
  609. .external-login-container:not(:last-child) {
  610.     margin-right: 5px
  611. }
  612.  
  613. .external-login-container .github-login {
  614.     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNTE3OEEyQTk5QTAxMUUyOUExNUJDMTA0NkE4OTA0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNTE3OEEyQjk5QTAxMUUyOUExNUJDMTA0NkE4OTA0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1MTc4QTI4OTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU1MTc4QTI5OTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+m4QGuQAAAyRJREFUeNrEl21ojWEYx895TDPbMNlBK46IUiNmPvHBSUjaqc0H8pF5+aDUKPEBqU2NhRQpX5Rv5jWlDIWlMCv7MMSWsWwmb3tpXub4XXWdPHvc9/Gc41nu+nedc7/8r/99PffLdYdDPsvkwsgkTBwsA/PADJCnzX2gHTwBt8Hl7p537/3whn04XoDZDcpBlk+9P8AFcAghzRkJwPF4zGGw0Y9QS0mAM2AnQj77FqCzrtcwB1Hk81SYojHK4DyGuQ6mhIIrBWB9Xm7ug/6B/nZrBHBegrkFxoVGpnwBMSLR9EcEcC4qb8pP14BWcBcUgewMnF3T34VqhWMFkThLJAalwnENOAKiHpJq1FZgI2AT6HZtuxZwR9GidSHtI30jOrbawxlVX78/AbNfhHlomEUJJI89O2MqeE79T8/nk8nMBm/dK576hZgmA3cp/R4l9/UeSxiHLVIlNm4nFfT0bxyuIj7LHRTKai+zdJobwMKzcZSJb0ePV5PKN+BqAAKE47UlMnERELMM3EdYP/yrd+XYb2mOiYBiQ8OQnoRBlXrl9JZix7D1pHTazu4MoyBcnYamqAjIMTR8G4FT8LuhLsexXYYjICBiqhQBvYb6fLZIJCjPypVvaOoVAW2WcasCnL2Nq82xHJNSqlCeFcDshaPK0twkAhosjZL31QYw+1rlMpWGMArl23SBsZZO58F2tlJXmjOXS+s4WGvpMiBJT/I2PInZ6lIs9/hBsNS1hS6BG0DSqmYEDRlCXQrmy50P1oDRKTSegmNbUsA0zDMwRhPJXeCE3vWLPQMvan6X8AgIa1vcR4AkGZkDR4ejJ1UHpsaVI0g2LInpOsNFUud1rhxSV+fzC9Woz2EZkWQuja7/B+jUrgtIMpy9YCW4n4K41YfzRneW5E1KJTe4B2Zq1Q5EHEtj4U3AfEzR5SVY4l7QYQPJdN2as7RKBF0BPZqqH4VgMAMBL8Byxr7y8zCZiDlnOcEKIPmUpgB5Z2ww5RdOiiRiNajUmWda5IG6WbhsyY2fx6m8gLcoJDJFkH219M3We1+cnda93pfycZpIJEL/s/wSYADmOAwAQgdpBAAAAABJRU5ErkJggg==)
  615. }
  616.  
  617. .external-login-container .gitlab-login {
  618.     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACoUlEQVRYhc3WzW+UVRQG8N/MtKKYsEFMmpo27DUEFgSiSIHSsDAxsYr6L4Cs+AMkMWiMCwgB2lQMhIWJ0Rip7owbXbhjhekGTFBQkC9rTCxBWxb3vpkzb2Y6H+00PsnN3Hve8zznzL3nfvA/xQRm8Qk2rUBnU9aYxf5OSevxF5ZyO7eCBM4Fnb/xVCekyUBawl0M9BB8EPdLWq92Qvy0RFrCvh4SmGiic7EdaZ3G6S/aVA8JzDTR+RNPLEd6JTi/h19z/zZqXQQfwB+Zex3Hg+6B5Yjng+MWnAzjl7tIYE/gncDWMP64FSkWzVVUsCsQT3WRwOnAeylr/ZzHd7Qo6v2B9GG21XAr226i2kHwKn7LnN8D56Ogv6cZcTo4bA/2qWDf2UECLwb/s8G+I9jPFMZK/q3lrJ+VCm80O8I4vs39RRxtk8CJ0B/Hd7lfxS8YlmbmuawHxjQWTcSgdBiVt1S71uwAOxW+7yqygteD05cl0iNcaPl/W+MC/i3Zvgj9g6QlqOIGhqSCGxamJqOKbXiyw+ALuNxEpyYt8ZB0tgyTCqtZ0fQLcRn2VqXLp0B5+vuBz0L/TbiWs7knFVy/UVU/4u9QP7Pn5crsM8bVl+AfeDcY/svjXu7/dhjAMY1b9Trpejxf+vA9RlYx+Ah+KMX4HBui09vSMhQO9/HaKgSfxIOgO4+3Wjlvxo+lTKeld2K3WK/xflnK2pvbEQelB8RiIF7B810EfwE/Bf5i1uxql+1Vv1aLij2kfoE1QwWHpZOw4N3MWj3hGXytcRq/wsYmvhtxqeQ7mzVWhAqO4GEQvoHdwWcs24rvC3jH8rPVNbZgTuO6vo8PNNbLXPbtC56WHpWt3gAz2afveEN64xeBH2h8U6wJRvFNbqNrHXzV8BjO7vx8x02KpQAAAABJRU5ErkJggg==)
  619. }
  620.  
  621. .external-login-container .google_oauth2-login {
  622.     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAnFJREFUOI2FU11Ik1EYfs75zvZ9c35buAKpaWaSSVZoiheBKVmYdWF1ERi7kMhFUeqNFxLURRAhFKvhTcHMioQiCBG8iOgH8QfFKZj4M81ES0fONfe5tW87XcQncw17rs7znud5f87LIUgCn8u1jQaWL2MtWMTBGZGkKUgpLvPVxolELYkn3if3ZP38ytvQ8EAZCa6RzUoK4WDBrJiXey61rtH9T4LVx86cWF/PsPp1OjVZVxpo+q6wpfSUTOz2CAAwAIg5HOJqf89QvFnI3KNQa6ab6vTB2Ir3QGRsdCeMqVw8WmbTzBsJFPNSmzo7bfpbgkI6UeWSm25dIgDXhAHn/YtgRJWvNLza1BLnIOHPWZFwVyVfrizhvjvNXVuNkAimTjVV0PADBnEBpuYiVRnfXRMvaOkMOaOcpyUz7zDgJiPRtRKtTyrBn2a3++NFg7NqnTcAXbIE1UWsjwJkY07ON6/1v4hBYlxn6tP4SHS7yTH5zFS/z/ZLix3OEDrDUVg0PjSjlioRQgBA1GGSsb1334cXsyMd5Liudd7HKuB9CeC0Zmg+azivnR92h6qVCDkGAAYd53pB7KaEgLeJ1147F1YQ4xzv5nurbvc/eoqEcZwfh0r7PWqHxvOtwlhtOQkRAHBMOsQBz9zShH/OrAky5PT1LKN1lDG6/nPdnzPu81gPyeWYGbkAA2P8zBF9YV256N6o0jr6IvvT4qB7evWbvNW75Znzo8VCU8ONk0YnkPCZWtztRp+y/Kb3x0hF4LdC4+8oIci37P9eYMmtuV5g+6DFk66txd1uRFStDarBYnAuiYLkSREMz+sLbV8StX8AjxDtgxiuzNwAAAAASUVORK5CYII=)
  623. }
  624.  
  625. .centered-sections h2,.centered-sections h3 {
  626.     text-align: center
  627. }
  628.  
  629. form.external-login-form {
  630.     position: relative;
  631.     display: table;
  632.     margin: 0 auto;
  633.     padding: 1em;
  634.     background-color: #393939;
  635.     border: 1px solid #1c242a;
  636.     border-radius: 5px;
  637.     text-align: center
  638. }
  639.  
  640. form.external-login-form .remember-me {
  641.     margin-top: 12px
  642. }
  643.  
  644. form.new_user {
  645.     position: relative;
  646.     width: 340px;
  647.     margin: 0 auto;
  648.     padding: 1em;
  649.     background-color: #393939;
  650.     border: 1px solid #1c242a;
  651.     border-radius: 5px;
  652.     text-align: start
  653. }
  654.  
  655. @media screen and (max-width: 440px) {
  656.     form.new_user {
  657.         width:unset
  658.     }
  659. }
  660.  
  661. form.new_user label,form.new_user em {
  662.     display: block;
  663.     font-size: small
  664. }
  665.  
  666. form.new_user br {
  667.     display: none
  668. }
  669.  
  670. form.new_user input[type=text],form.new_user input[type=email],form.new_user input[type=password] {
  671.     display: block;
  672.     width: 100%;
  673.     min-height: 34px;
  674.     box-sizing: border-box;
  675.     margin-top: .2em;
  676.     margin-bottom: .5em;
  677.     padding: 6px 8px;
  678.     font-size: 14px;
  679.     line-height: 20px;
  680.     vertical-align: middle;
  681.     color: #c8c8c8;
  682.     background-color: #1e1e1e;
  683.     border: 1px solid #070707;
  684.     border-radius: 3px;
  685.     outline: none;
  686.     box-shadow: inset 0 1px 2px #0000001a
  687. }
  688.  
  689. form input[type=checkbox],form input[type=checkbox]+label,form input[type=radio],form input[type=radio]+label {
  690.     display: inline-block;
  691.     font-size: small
  692. }
  693.  
  694. .radio-note {
  695.     font-size: small;
  696.     margin-top: 5px
  697. }
  698.  
  699. @media screen and (max-width: 440px) {
  700.     form input[type=checkbox]+label {
  701.         display: unset;
  702.         word-wrap: break-word
  703.     }
  704. }
  705.  
  706. form.new_user input[type=submit] {
  707.     display: block;
  708.     width: 100%;
  709.     min-height: 34px;
  710.     box-sizing: border-box;
  711.     margin: .5em 0 0;
  712.     padding: 6px 8px;
  713.     font-size: 14px;
  714.     font-weight: 700;
  715.     line-height: 20px;
  716.     text-align: center;
  717.     vertical-align: middle;
  718.     color: #fff;
  719.     background-color: #670000;
  720.     background-image: linear-gradient(#990000,#670000);
  721.     border: 0px solid #ddd;
  722.     box-shadow: 0 4px 8px #0003,0 6px 20px #00000030;
  723.     border-radius: 3px;
  724.     white-space: normal
  725. }
  726.  
  727. form.new_user~br {
  728.     display: none
  729. }
  730.  
  731. form.new_user~a {
  732.     width: 340px;
  733.     display: block;
  734.     margin: 0 auto 2em;
  735.     font-size: small
  736. }
  737.  
  738. form.new_user+a {
  739.     width: 340px;
  740.     display: block;
  741.     margin: 0 auto
  742. }
  743.  
  744. .sidebar-search,.home-search {
  745.     position: relative;
  746.     vertical-align: middle
  747. }
  748.  
  749. .sidebar-search input[type=search],.home-search input[type=search] {
  750.     padding-inline-end:20px
  751. }
  752.  
  753. .sidebar-search input[type=search] {
  754.     width: 100%;
  755.     margin: 0 0 1em
  756. }
  757.  
  758. .sidebar-search input[type=submit],.home-search input[type=submit] {
  759.     position: absolute;
  760.     -moz-appearance: none;
  761.     -webkit-appearance: none;
  762.     inset-inline-end: 0;
  763.     top: 0;
  764.     border-color: transparent;
  765.     padding-inline-start:0;padding-inline-end:6px;margin-left: 0;
  766.     margin-right: 0;
  767.     background: none;
  768.     opacity: .5
  769. }
  770.  
  771. @media screen and (max-width: 680px) {
  772.     .sidebar-search input[type=search],.home-search input[type=search] {
  773.         font-size:unset
  774.     }
  775. }
  776.  
  777. figure {
  778.     padding: 5px;
  779.     box-shadow: 0 4px 8px #00000026,0 6px 10px #00000026;
  780.     border-radius: 5px
  781. }
  782.  
  783. figcaption {
  784.     font-size: smaller;
  785.     text-align: center
  786. }
  787.  
  788. .multiform-page:not(:first-child) {
  789.     margin-top: 30px
  790. }
  791.  
  792. .multiform-page:not(:last-child) {
  793.     padding-bottom: 30px;
  794.     border-bottom: 1px solid lightgray
  795. }
  796.  
  797. summary {
  798.     cursor: pointer
  799. }
  800.  
  801. @media screen and (max-width:400px) {
  802. 	.user-list {
  803. 		padding-top: 1em;
  804. 		padding-bottom: 1em
  805. 	}
  806. }
  807.  
  808. .blocked-script-codes {
  809.     font-size: smaller;
  810.     border-collapse: collapse;
  811.     width: 100%;
  812.     text-align: left
  813. }
  814.  
  815. .blocked-script-codes .pattern-row {
  816.     font-size: medium
  817. }
  818.  
  819. .blocked-script-codes .pattern-row {
  820.     border-top: 1px solid gray
  821. }
  822.  
  823. .blocked-script-codes .info-row td:first-child {
  824.     width: 2em
  825. }
  826.  
  827. .ad {
  828.     margin-top: 1em;
  829.     margin-bottom: 1em
  830. }
  831.  
  832.  
  833. .script-list-cd-entry {
  834. 	border-bottom: 1px solid #DDDDDD
  835. }
  836.  
  837. #script-list-cd, #discussion-show-cd {
  838. 	width: 300px;
  839. 	margin-left: auto;
  840. 	margin-right: auto
  841. }
  842.  
  843. #script-list-cd {
  844. 	padding: 1em
  845. }
  846.  
  847. .ethical-ads-text .ea-placement {
  848. 	position: relative
  849. }
  850.  
  851. .ethical-ads-text .ea-callout {
  852. 	position: absolute;
  853. 	bottom: 0;
  854. 	right: 0
  855. }
  856.  
  857. .ethical-ads-text:empty {
  858. 	min-height: 46px
  859. }
  860.  
  861. .ethical-ads.text-content-top-ad {
  862. 	margin: 0 calc(-1em - 1px);
  863. 	border-radius: 5px 5px 0 0
  864. }
  865.  
  866. @media screen and (max-width:960px) {
  867. 	.ethical-ads.text-content-top-ad {
  868. 		margin: 0 calc(-1.2vw - 1px)
  869. 	}
  870.  
  871. }
  872.  
  873. @media screen and (max-width:400px) {
  874. 	.ethical-ads.text-content-top-ad {
  875. 		margin: 0 calc(-1em - 1px);
  876. 		border-radius: 5px 5px 0 0
  877. 	}
  878.  
  879. }
  880.  
  881. @media screen and (max-width:400px) {
  882. 	.script-list li.ad-entry {
  883. 		padding: 0
  884. 	}
  885.  
  886. }
  887.  
  888. #script-info .ethical-ads-text {
  889. 	margin: 0 calc(-1em - 1px)
  890. }
  891.  
  892. #script-info .ethical-ads-text .ea-content {
  893. 	border-radius: 0 !important
  894. }
  895.  
  896. @media screen and (max-width:960px) {
  897. 	#script-info .ethical-ads-text {
  898. 		margin: 0 calc(-1.2vw - 1px)
  899. 	}
  900.  
  901. }
  902.  
  903. .after-radio-chosen {
  904.     display: none;
  905.     margin-left: 29px
  906. }
  907.  
  908. input[type=radio]:checked~.after-radio-chosen {
  909.     display: block
  910. }
  911.  
  912. .announcement {
  913.     margin: 14px 0;
  914.     text-align: center;
  915.     font-size: smaller
  916. }
  917.  
  918. .announcement form {
  919.     display: inline
  920. }
  921.  
  922. .announcement input {
  923.     appearance: none;
  924.     -moz-appearance: none;
  925.     -webkit-appearance: none;
  926.     border: 0;
  927.     background: none;
  928.     margin: 0 0 0 4px;
  929.     padding: 0;
  930.     cursor: pointer
  931. }
  932.  
  933. .announcement,.announcement input {
  934.     font-size: 12px
  935. }
  936.  
  937. .badge {
  938.     margin-left: 1ex;
  939.     border-radius: 10%/25%;
  940.     font-size: 70%;
  941.     padding: 0 .5ex;
  942.     text-transform: uppercase;
  943.     position: relative;
  944.     top: -.2ex
  945. }
  946.  
  947. .badge-banned,.badge-deleted {
  948.     background-color: #e52020; /* #ff0000e6; */
  949.     color: #ebebeb; /* #fff */
  950. }
  951.  
  952. .badge-deleted {
  953.     margin-left: 0;
  954.     border-color: #ff0000e6
  955. }
  956.  
  957. .badge-moderator {
  958.     background-color: #1a1da8e6;
  959.     color: #fff
  960. }
  961.  
  962. .badge-author {
  963.     background-color: #1e971ee6;
  964.     color: #fff
  965. }
  966.  
  967. .badge-js {
  968.     background-color: #efd81d;
  969.     color: #000
  970. }
  971.  
  972. .badge-css {
  973.     background-color: #254bdd;
  974.     color: #fff
  975. }
  976.  
  977. .badge-js,.badge-css {
  978.     display: none
  979. }
  980.  
  981. .showing-all-languages .badge-js,.showing-all-languages .badge-css {
  982.     display: inline
  983. }
  984.  
  985. code {
  986.     background-color: #5c4b5e
  987. }
  988.  
  989. pre code {
  990.     background: none;
  991.     border: 0
  992. }
  993.  
  994. pre,code {
  995.     border-radius: 2px;
  996.     border: 1px solid #685c71
  997. }
  998.  
  999. pre {
  1000.     padding: 1em
  1001. }
  1002.  
  1003. .prettyprint {
  1004.     width: max-content;
  1005.     min-width: calc(100% - 6px)
  1006. }
  1007.  
  1008. .code-container {
  1009.     max-height: calc(100vh - 54px);
  1010.     overflow-x: auto;
  1011.     border-radius: 2px;
  1012.     border: 1px solid #E6DDD6
  1013. }
  1014.  
  1015. .code-container pre {
  1016.     border: 0;
  1017.     margin: 0
  1018. }
  1019.  
  1020. li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9 {
  1021.     list-style-type: decimal!important
  1022. }
  1023.  
  1024. @media screen and (max-width: 440px) {
  1025.     #code-container {
  1026.         font-size: small
  1027.     }
  1028. }
  1029.  
  1030. .diff_options input[type=number] {
  1031.     width: 10ch
  1032. }
  1033.  
  1034. .diff {
  1035.     overflow: auto
  1036. }
  1037.  
  1038. .diff ul {
  1039.     background: #343439;
  1040.     overflow: auto;
  1041.     font-size: 13px;
  1042.     list-style: none;
  1043.     margin: 0;
  1044.     padding: 0;
  1045.     display: table;
  1046.     width: 100%
  1047. }
  1048.  
  1049. .diff del,.diff ins {
  1050.     display: block;
  1051.     text-decoration: none
  1052. }
  1053.  
  1054. .diff li {
  1055.     padding: 0;
  1056.     display: table-row;
  1057.     margin: 0;
  1058.     height: 1em
  1059. }
  1060.  
  1061. .diff li.ins {
  1062.     background: #dfd;
  1063.     color: #080
  1064. }
  1065.  
  1066. .diff li.del {
  1067.     background: #fee;
  1068.     color: #b00
  1069. }
  1070.  
  1071. .diff li:hover {
  1072.     background: #ffc
  1073. }
  1074.  
  1075. .diff del,.diff ins,.diff span {
  1076.     white-space: pre;
  1077.     font-family: courier
  1078. }
  1079.  
  1080. .diff del strong {
  1081.     font-weight: 400;
  1082.     background: #fcc
  1083. }
  1084.  
  1085. .diff ins strong {
  1086.     font-weight: 400;
  1087.     background: #9f9
  1088. }
  1089.  
  1090. .diff li.diff-comment {
  1091.     display: none
  1092. }
  1093.  
  1094. .diff li.diff-block-info {
  1095.     background: none repeat scroll 0 0 gray
  1096. }
  1097.  
  1098. .diff del,.diff ins,.diff span {
  1099.     font-family: monospace
  1100. }
  1101.  
  1102. .diff {
  1103.     max-height: calc(100vh - 54px);
  1104.     overflow-y: auto
  1105. }
  1106.  
  1107. .report-diff .diff {
  1108.     max-height: 75vh
  1109. }
  1110.  
  1111. .report-diff form {
  1112.     display: inline
  1113. }
  1114.  
  1115. .ea-content,.ea-callout {
  1116.     margin: 0 !important
  1117. }
  1118.  
  1119. .expander {
  1120.     cursor: pointer;
  1121.     display: block;
  1122.     color: #670000;
  1123.     border-radius: 3px;
  1124.     background-color: #1b1b1e;
  1125.     position: absolute;
  1126.     width: 20px;
  1127.     height: 20px;
  1128.     text-align: center;
  1129.     inset-inline-end: -22px;
  1130.     bottom: 0
  1131. }
  1132.  
  1133. .expanded {
  1134.     overflow: auto
  1135. }
  1136.  
  1137. .collapsed {
  1138.     overflow: hidden
  1139. }
  1140.  
  1141. .comment {
  1142.     margin-bottom: 20px
  1143. }
  1144.  
  1145. .comment-entry {
  1146.     width: 100%;
  1147.     height: 10em
  1148. }
  1149.  
  1150. .discussion-meta,.comment-meta,.notification-meta {
  1151.     display: flex;
  1152.     align-items: flex-end
  1153. }
  1154.  
  1155. .discussion-meta,.notification-meta {
  1156.     font-size: 11px
  1157. }
  1158.  
  1159. .comment-meta {
  1160.     font-size: smaller;
  1161.     margin-bottom: 2px
  1162. }
  1163.  
  1164. .comment-meta-item-main {
  1165.     font-size: medium;
  1166.     font-weight: 700
  1167. }
  1168.  
  1169. .comment-meta-item+.comment-meta-item {
  1170.     margin-left: 15px
  1171. }
  1172.  
  1173. .discussion-meta-item,.notification-meta-item {
  1174.     flex: 1;
  1175.     text-align: left
  1176. }
  1177.  
  1178. .discussion-meta-item:not(:first-child) {
  1179.     margin-left: 8px
  1180. }
  1181.  
  1182. .discussion-meta-item:not(:last-child) {
  1183.     margin-right: 8px
  1184. }
  1185.  
  1186. .discussion-meta-item:last-child {
  1187.     text-align: right
  1188. }
  1189.  
  1190. .comment-meta-spacer {
  1191.     flex: 1
  1192. }
  1193.  
  1194. .post-reply {
  1195.     margin-top: 20px
  1196. }
  1197.  
  1198. .post-reply h3,.edit-comment-form h3 {
  1199.     margin-bottom: 0
  1200. }
  1201.  
  1202. .post-reply input[type=submit],.edit-comment-form input[type=submit] {
  1203.     margin-top: 5px
  1204. }
  1205.  
  1206. .discussion-up-level {
  1207.     font-size: smaller;
  1208.     margin-top: 0
  1209. }
  1210.  
  1211. .edit-comment-form {
  1212.     display: none
  1213. }
  1214.  
  1215. .edit-comment-mode .edit-comment-form {
  1216.     display: block
  1217. }
  1218.  
  1219. .edit-comment-mode .user-content,.edit-comment-mode .comment-meta {
  1220.     display: none
  1221. }
  1222.  
  1223. .discussion-rating {
  1224.     margin-top: 10px
  1225. }
  1226.  
  1227. .discussion-list,.notification-list {
  1228.     padding-bottom: 0
  1229. }
  1230.  
  1231. .discussion-list-item,.notification-list-item {
  1232.     padding-top: 10px;
  1233.     border-top: 1px solid #565656
  1234. }
  1235.  
  1236. .discussion-list-container:first-child .discussion-list-item {
  1237.     border-top: 0
  1238. }
  1239.  
  1240. .discussion-list-logged-in .discussion-read,.notification-read {
  1241.     background-color: #2c303a;
  1242.     margin-left: -16px;
  1243.     margin-right: -16px;
  1244.     padding-left: 16px;
  1245.     padding-right: 16px
  1246. }
  1247.  
  1248. .script-discussion-list .discussion-list-item:last-child {
  1249.     border-bottom: 1px solid #CCC
  1250. }
  1251.  
  1252. a.discussion-title,.notification-list-item a  {
  1253.     display: block;
  1254.     text-decoration: none;
  1255.     color: #d0d0d0;
  1256.     padding: 4px 0 14px;
  1257.     white-space: nowrap;
  1258.     overflow: hidden;
  1259.     text-overflow: ellipsis
  1260. }
  1261.  
  1262. .discussion-title,.notification-list-item a {
  1263.     vertical-align: middle
  1264. }
  1265.  
  1266. .discussion-title:hover,.notification-list-item a {
  1267.     color: #f6f6f6;
  1268. }
  1269.  
  1270. .rating-icon,.badge-deleted {
  1271.     border: 2px solid black;
  1272.     border-radius: 5px;
  1273.     font-size: 12px;
  1274.     text-transform: uppercase;
  1275.     font-weight: 800;
  1276.     padding: 2px 5px;
  1277.     margin-right: 5px;
  1278.     display: inline-block;
  1279.     text-align: center;
  1280.     min-width: 45px;
  1281.     position: relative;
  1282.     top: -1px
  1283. }
  1284.  
  1285. .rating-icon-good {
  1286.     border-color: #258925;
  1287.     background-color: #cce9cc;
  1288.     color: #0f4d0f
  1289. }
  1290.  
  1291. .rating-icon-ok {
  1292.     border-color: #a7a71e;
  1293.     background-color: #ffffd4;
  1294.     color: #4f4f12
  1295. }
  1296.  
  1297. .rating-icon-bad {
  1298.     border-color: #cf2929;
  1299.     background-color: #f2c7c7;
  1300.     color: #440d0d
  1301. }
  1302.  
  1303. .discussion-meta-item-script-name {
  1304.     overflow: hidden
  1305. }
  1306.  
  1307. .discussion-meta-item-script-name a {
  1308.     white-space: nowrap;
  1309.     text-overflow: ellipsis;
  1310.     overflow: hidden;
  1311.     display: block
  1312. }
  1313.  
  1314. .comment .user-content>*:first-child {
  1315.     margin-top: 0
  1316. }
  1317.  
  1318. .comment-screenshot-control {
  1319.     font-size: smaller;
  1320.     padding: .5em 0
  1321. }
  1322.  
  1323. .discussion-header,.discussion-list-header,.notification-list-header {
  1324.     display: flex;
  1325.     margin-top: 30px;
  1326.     margin-bottom: 20px
  1327. }
  1328.  
  1329. @media screen and (max-width:400px) {
  1330. 	.discussion-header, .discussion-list-header, .notification-list-header, .user-list-header {
  1331. 		margin-top: 15px;
  1332. 		margin-bottom: 10px
  1333. 	}
  1334. }
  1335.  
  1336. .discussion-header-no-script {
  1337.     margin-top: 16px
  1338. }
  1339.  
  1340. .discussion-header>*:first-child,.discussion-list-header h2,.notification-list-header>*:first-child {
  1341.     flex: 1;
  1342.     margin: 0 !important
  1343. }
  1344.  
  1345. .discussion-header h2,.discussion-header .discussion-up-level,.notification-list-header h2 {
  1346.     margin: 0
  1347. }
  1348.  
  1349. .discussion-header .badge {
  1350.     vertical-align: middle
  1351. }
  1352.  
  1353. .discussion-actions,.notification-actions {
  1354.     font-size: smaller
  1355. }
  1356.  
  1357. .discussion-subscribed .discussion-subscribe,.discussion-not-subscribed .discussion-unsubscribe {
  1358.     display: none
  1359. }
  1360.  
  1361. .post-discussion label:not(.radio-label),.post-reply label:not(.radio-label),.post-discussion .form-note,.post-reply .form-note {
  1362.     font-size: smaller
  1363. }
  1364.  
  1365. #main-header {
  1366.     background-color: #967474;
  1367.     background-image: linear-gradient(#b93030,#891b1b);
  1368.     box-shadow: 0 0 15px 2px #00000080;
  1369.     padding: .25em 0
  1370. }
  1371.  
  1372. #main-header .width-constraint {
  1373.     padding: 0 0 .25em;
  1374.     position: relative
  1375. }
  1376.  
  1377. #site-name img {
  1378.     vertical-align: bottom
  1379. }
  1380.  
  1381. #site-name-text {
  1382.     display: inline-block;
  1383.     vertical-align: top
  1384. }
  1385.  
  1386. #site-name-text h1 {
  1387.     line-height: 1.1em
  1388. }
  1389.  
  1390. #main-header,#main-header a,#main-header a:visited,#main-header a:active {
  1391.     color: #fff;
  1392. }
  1393.  
  1394. #main-header h1 {
  1395.     font-size: 72px;
  1396.     margin: 0;
  1397.     letter-spacing: -2px
  1398. }
  1399.  
  1400. #main-header h1 a {
  1401.     text-decoration: none
  1402. }
  1403.  
  1404. #main-header .subtitle {
  1405.     margin: -8px 0 0 10px;
  1406.     font-size: .7em;
  1407.     text-shadow: -1px -1px 0px #670000,1px -1px 0px #670000,-1px 1px 0px #670000,1px 1px 0px #670000
  1408. }
  1409.  
  1410. #site-nav>nav,#nav-user-info {
  1411.     text-align: right;
  1412.     position: absolute;
  1413.     right: 0
  1414. }
  1415.  
  1416. #site-nav>nav {
  1417.     bottom: 0
  1418. }
  1419.  
  1420. #nav-user-info {
  1421.     top: 0
  1422. }
  1423.  
  1424. #site-nav>nav a:hover {
  1425.     color: #fff
  1426. }
  1427.  
  1428. #site-nav>nav {
  1429.     padding: 0
  1430. }
  1431.  
  1432. #site-nav>nav>li {
  1433.     list-style-type: none;
  1434.     display: inline-block
  1435. }
  1436.  
  1437. #site-nav>nav>li+li {
  1438.     margin-left: .5em
  1439. }
  1440.  
  1441. #script-search,#language-selector {
  1442.     display: inline
  1443. }
  1444.  
  1445. #nav-user-info {
  1446.     font-size: small
  1447. }
  1448.  
  1449. #nav-user-info select,#nav-user-info input {
  1450.     font-size: 11px
  1451. }
  1452.  
  1453. nav nav {
  1454.     position: absolute;
  1455.     right: 0;
  1456.     background-color: #9c2323;
  1457.     min-width: 100%;
  1458.     display: none;
  1459.     padding: 5px 0;
  1460.     z-index: 10
  1461. }
  1462.  
  1463. nav nav li {
  1464.     white-space: nowrap;
  1465.     margin: 0
  1466. }
  1467.  
  1468. nav nav li a {
  1469.     display: block;
  1470.     padding: 5px 15px
  1471. }
  1472.  
  1473. nav a:hover+nav,nav nav:hover,nav a:focus+nav {
  1474.     display: block
  1475. }
  1476.  
  1477. .with-submenu {
  1478.     position: relative;
  1479.     padding-right: 15px
  1480. }
  1481.  
  1482. nav .with-submenu>a:after {
  1483.     content: " ▾"
  1484. }
  1485.  
  1486. @media screen and (max-width: 920px) {
  1487.     #site-name img {
  1488.         max-width:96px;
  1489.         max-height: 96px;
  1490.         width: 12%;
  1491.         height: 12%
  1492.     }
  1493.  
  1494.     #site-name-text {
  1495.         margin-top: 2.3vw
  1496.     }
  1497.  
  1498.     #main-header h1 {
  1499.         font-size: 8.3vw
  1500.     }
  1501.  
  1502.     #main-header .subtitle {
  1503.         margin: -.8em 0 0 10px;
  1504.         font-size: 2vw
  1505.     }
  1506.  
  1507.     #site-nav {
  1508.         margin-top: -1vw
  1509.     }
  1510.  
  1511.     #site-nav>nav,#nav-user-info {
  1512.         display: block;
  1513.         position: unset;
  1514.         right: unset;
  1515.         padding-top: .3em
  1516.     }
  1517.  
  1518.     #site-nav>nav {
  1519.         bottom: unset
  1520.     }
  1521.  
  1522.     #nav-user-info {
  1523.         top: unset;
  1524.         font-size: unset;
  1525.         width: 100%
  1526.     }
  1527.  
  1528.     #nav-user-info .sign-in-link {
  1529.         padding-right: .7em
  1530.     }
  1531.  
  1532.     #script-search,#language-selector {
  1533.         display: unset
  1534.     }
  1535. }
  1536.  
  1537.  
  1538. #mobile-nav {
  1539. 	display: none
  1540. }
  1541.  
  1542. .mobile-nav-opener {
  1543. 	cursor: pointer;
  1544. 	position: absolute;
  1545. 	right: 0;
  1546. 	top: 0;
  1547. 	font-size: 8.3vw;
  1548. 	padding: 0 2vw
  1549. }
  1550.  
  1551. #mobile-nav .collapsed {
  1552. 	display: none
  1553. }
  1554.  
  1555. #mobile-nav nav {
  1556. 	text-align: end;
  1557. 	position: absolute;
  1558. 	top: calc(100% + 4px);
  1559. 	right: -1.2vw;
  1560. 	background-color: #900;
  1561. 	z-index: 1000;
  1562. 	border-radius: 0 0 0 5px;
  1563. 	font-size: 24px
  1564. }
  1565.  
  1566. #mobile-nav nav li {
  1567. 	list-style-type: none
  1568. }
  1569.  
  1570. #mobile-nav nav li > a {
  1571. 	display: block;
  1572. 	padding: 10px 15px
  1573. }
  1574.  
  1575. #mobile-nav nav select {
  1576. 	margin: 10px 15px
  1577. }
  1578.  
  1579. #mobile-nav nav li.multi-link-nav {
  1580. 	padding: 10px 15px
  1581. }
  1582.  
  1583. #mobile-nav nav li.multi-link-nav a {
  1584. 	display: inline;
  1585. 	padding: 0
  1586. }
  1587.  
  1588. @media screen and (max-width:920px) {
  1589. 	#site-nav {
  1590. 		display: none
  1591. 	}
  1592.  
  1593. 	#mobile-nav {
  1594. 		display: block
  1595. 	}
  1596.  
  1597. }
  1598.  
  1599. @media screen and (max-width:400px) {
  1600. 	#site-name {
  1601. 		margin-left: 1em
  1602. 	}
  1603.  
  1604. }
  1605.  
  1606. #test-require-result-ok,#test-require-result-not-ok {
  1607.     display: none;
  1608.     font-weight: 700
  1609. }
  1610.  
  1611. #test-require-result-ok {
  1612.     color: green
  1613. }
  1614.  
  1615. #test-require-result-not-ok {
  1616.     color: red
  1617. }
  1618.  
  1619. #home-script-nav {
  1620.     max-width: 700px;
  1621.     margin: 0 auto 15px;
  1622.     padding-bottom: 20px;
  1623.     border-bottom: 1px solid #BBBBBB
  1624. }
  1625.  
  1626. .home-search input {
  1627.     font-size: large
  1628. }
  1629.  
  1630. .home-search input[type=search] {
  1631.     width: 100%
  1632. }
  1633.  
  1634. #home-top-sites {
  1635.     overflow: hidden;
  1636.     margin-top: 5px
  1637. }
  1638.  
  1639. #home-top-sites a {
  1640.     margin: 0 5px
  1641. }
  1642.  
  1643. #home-step-1,#home-step-2,#home-step-3 {
  1644.     overflow: auto
  1645. }
  1646.  
  1647. #home-step-1 figure {
  1648.     float: right;
  1649.     max-width: 50%;
  1650.     margin-inline-end:10px;margin-top: 0
  1651. }
  1652.  
  1653. #home-step-2 figure {
  1654.     float: left;
  1655.     max-width: 50%;
  1656.     margin-inline-start:7px;margin-top: 0
  1657. }
  1658.  
  1659. #home-step-2 li {
  1660.     overflow: hidden;
  1661.     white-space: nowrap;
  1662.     text-overflow: ellipsis
  1663. }
  1664.  
  1665. @media screen and (max-width: 680px) {
  1666.     #home-step-1 figure,#home-step-2 figure,#home-step-3 figure {
  1667.         float: unset;
  1668.         max-width: unset;
  1669.         width: fit-content;
  1670.         margin: 0 auto
  1671.     }
  1672.  
  1673.     [id^=home-step-] figure img {
  1674.         width: 100%;
  1675.         height: auto
  1676.     }
  1677. }
  1678.  
  1679. .super-title {
  1680.     text-align: center
  1681. }
  1682.  
  1683. .browser-list {
  1684.     display: none
  1685. }
  1686.  
  1687. #desktop-browser-list {
  1688.     display: block
  1689. }
  1690.  
  1691. .browser-list-selector:not(.browser-list-selector-active) {
  1692.     text-decoration: underline;
  1693.     cursor: pointer
  1694. }
  1695.  
  1696. .browser-list-selector-active {
  1697.     font-weight: 700
  1698. }
  1699.  
  1700. .browser-list-selector:not(:last-child) {
  1701.     margin-right: 1em
  1702. }
  1703.  
  1704. .highlight {
  1705.     background-color: #ff0
  1706. }
  1707.  
  1708. #install-area {
  1709.     margin-bottom: 1em
  1710. }
  1711.  
  1712. #install-area .install-link:hover,#install-area .install-link:focus,#install-area .install-help-link:hover,#install-area .install-help-link:focus {
  1713.     transition: box-shadow .2s;
  1714.     box-shadow: 0 8px 16px #0003,0 6px 20px #00000030
  1715. }
  1716.  
  1717. .install-link,.install-link:visited,.install-link:active,.install-link:hover,.install-help-link {
  1718.     transition: box-shadow .2s;
  1719.     display: inline-block;
  1720.     background-color: #236d23;
  1721.     padding: .5em 1em;
  1722.     color: #fff;
  1723.     text-decoration: none
  1724. }
  1725.  
  1726. .install-help-link,.install-help-link:visited,.install-help-link:active,.install-help-link:hover {
  1727.     background-color: #1e971e;
  1728.     color: #fff
  1729. }
  1730.  
  1731. .installation-instructions-modal-content-firefox,.installation-instructions-modal-content-chrome,.installation-instructions-modal-content-opera,.installation-instructions-modal-content-safari,.installation-instructions-modal-content-other {
  1732.     display: none
  1733. }
  1734.  
  1735. .installation-instructions-modal-firefox .installation-instructions-modal-content-firefox,.installation-instructions-modal-chrome .installation-instructions-modal-content-chrome,.installation-instructions-modal-opera .installation-instructions-modal-content-opera,.installation-instructions-modal-safari .installation-instructions-modal-content-safari,.installation-instructions-modal-other .installation-instructions-modal-content-other {
  1736.     display: block
  1737. }
  1738.  
  1739. .installation-instructions-modal-content-bypass,.list-option-groups {
  1740.     font-size: smaller
  1741. }
  1742.  
  1743. .list-option-group {
  1744.     margin-bottom: 1em
  1745. }
  1746.  
  1747. .list-option-group ul {
  1748.     margin: .5em 0 0;
  1749.     list-style-type: none;
  1750.     padding: 1em 0;
  1751.     box-shadow: 0 0 5px #17181b;
  1752.     border: 1px solid #1b1c1f;
  1753.     border-radius: 5px;
  1754.     background-color: #2b2f38;
  1755. }
  1756.  
  1757. .list-option-group a {
  1758.     padding: .35em 1em;
  1759.     display: block
  1760. }
  1761.  
  1762. .list-option-group a:hover,.list-option-group a:focus {
  1763.     background: linear-gradient(#3a455c,#343f53);
  1764.     text-decoration: none;
  1765.     box-shadow: inset 0 -1px #212530, inset 0 1px #1e2127;
  1766. }
  1767.  
  1768. .list-option-group .list-current {
  1769.     border-left: 7px solid #d63535;
  1770.     box-shadow: inset 0 1px #0000001a,inset 0 -1px #0000001a;
  1771.     margin: 0 0 0 -4px;
  1772.     padding: .4em 1em .4em calc(1em - 3px);
  1773.     background: linear-gradient(#495a71,#3d485a);
  1774. }
  1775.  
  1776. @media screen and (min-width: 440px) and (max-width: 960px) {
  1777.     .list-option-group a,.list-option-group .list-current {
  1778.         padding-left:1.2vw;
  1779.         padding-right: 1.2vw
  1780.     }
  1781. }
  1782.  
  1783. .list-option-button {
  1784.     display: block;
  1785.     background-color: #3c3e45;
  1786.     text-align: center;
  1787.     text-decoration: none;
  1788.     color: #d7d7d7!important;
  1789.     border: 1px solid #BBBBBB;
  1790.     padding: .5em;
  1791.     font-weight: 700
  1792. }
  1793.  
  1794. .list-option-button:hover,.list-option-button:focus {
  1795.     background: linear-gradient(#46464f,#3b424a);
  1796.     text-decoration: none
  1797. }
  1798.  
  1799. .list-option:not(.list-current) select {
  1800.     width: calc(100% - 1.4em + 3px);
  1801.     margin: .4em 1em .4em calc(1em - 3px)
  1802. }
  1803.  
  1804. .list-option.list-current select,.log-table {
  1805.     width: 100%
  1806. }
  1807.  
  1808. .log-table th {
  1809.     text-align: left
  1810. }
  1811.  
  1812. .log-table td,.log-table th {
  1813.     padding: 0 5px
  1814. }
  1815.  
  1816. .log-table td .possibly-long-text {
  1817.     max-width: 500px;
  1818.     overflow-wrap: break-word
  1819. }
  1820.  
  1821. .modal__overlay {
  1822.     position: fixed;
  1823.     top: 0;
  1824.     left: 0;
  1825.     right: 0;
  1826.     bottom: 0;
  1827.     background: rgba(0,0,0,.6);
  1828.     display: flex;
  1829.     justify-content: center;
  1830.     align-items: center;
  1831.     z-index: 100
  1832. }
  1833.  
  1834. .modal__container {
  1835.     background-color: #293142;
  1836.     padding: 30px;
  1837.     max-width: 500px;
  1838.     max-height: 100vh;
  1839.     border-radius: 4px;
  1840.     overflow-y: auto;
  1841.     box-sizing: border-box
  1842. }
  1843.  
  1844. .modal__header {
  1845.     display: flex;
  1846.     justify-content: space-between;
  1847.     align-items: center
  1848. }
  1849.  
  1850. .modal__title {
  1851.     margin-top: 0!important;
  1852.     margin-bottom: 0;
  1853.     font-weight: 600;
  1854.     font-size: 1rem;
  1855.     line-height: 1.25;
  1856.     box-sizing: border-box
  1857. }
  1858.  
  1859. .modal__close {
  1860.     background: transparent;
  1861.     border: 0
  1862. }
  1863.  
  1864. .modal__header .modal__close:before {
  1865.     content: "✕"
  1866. }
  1867.  
  1868. .modal__content {
  1869.     margin-bottom: 2rem
  1870. }
  1871.  
  1872. .modal__content q {
  1873.     font-style: italic
  1874. }
  1875.  
  1876. .modal__btn {
  1877.     font-size: .875rem;
  1878.     padding: .5rem 1rem;
  1879.     background-color: #e6e6e6;
  1880.     color: #000c;
  1881.     border-radius: .25rem;
  1882.     border-style: none;
  1883.     border-width: 0;
  1884.     cursor: pointer;
  1885.     -webkit-appearance: button;
  1886.     text-transform: none;
  1887.     overflow: visible;
  1888.     line-height: 1.15;
  1889.     margin: 0 0 0 .5rem;
  1890.     will-change: transform;
  1891.     -moz-osx-font-smoothing: grayscale;
  1892.     -webkit-backface-visibility: hidden;
  1893.     backface-visibility: hidden;
  1894.     -webkit-transform: translateZ(0);
  1895.     transform: translateZ(0);
  1896.     transition: -webkit-transform .25s ease-out;
  1897.     transition: transform .25s ease-out;
  1898.     transition: transform .25s ease-out,-webkit-transform .25s ease-out
  1899. }
  1900.  
  1901. .modal__btn:focus,.modal__btn:hover {
  1902.     -webkit-transform: scale(1.05);
  1903.     transform: scale(1.05)
  1904. }
  1905.  
  1906. .modal__btn-primary {
  1907.     background-color: #147914;
  1908.     color: #f4f4f4;
  1909. }
  1910.  
  1911. .modal__footer {
  1912.     text-align: right
  1913. }
  1914.  
  1915. @keyframes mmfadeIn {
  1916.     0% {
  1917.         opacity: 0
  1918.     }
  1919.  
  1920.     to {
  1921.         opacity: 1
  1922.     }
  1923. }
  1924.  
  1925. @keyframes mmfadeOut {
  1926.     0% {
  1927.         opacity: 1
  1928.     }
  1929.  
  1930.     to {
  1931.         opacity: 0
  1932.     }
  1933. }
  1934.  
  1935. @keyframes mmslideIn {
  1936.     0% {
  1937.         transform: translateY(15%)
  1938.     }
  1939.  
  1940.     to {
  1941.         transform: translateY(0)
  1942.     }
  1943. }
  1944.  
  1945. @keyframes mmslideOut {
  1946.     0% {
  1947.         transform: translateY(0)
  1948.     }
  1949.  
  1950.     to {
  1951.         transform: translateY(-10%)
  1952.     }
  1953. }
  1954.  
  1955. .micromodal-slide {
  1956.     display: none
  1957. }
  1958.  
  1959. .micromodal-slide.is-open {
  1960.     display: block
  1961. }
  1962.  
  1963. .micromodal-slide[aria-hidden=false] .modal__overlay {
  1964.     animation: mmfadeIn .3s cubic-bezier(0,0,.2,1)
  1965. }
  1966.  
  1967. .micromodal-slide[aria-hidden=false] .modal__container {
  1968.     animation: mmslideIn .3s cubic-bezier(0,0,.2,1)
  1969. }
  1970.  
  1971. .micromodal-slide[aria-hidden=true] .modal__overlay {
  1972.     animation: mmfadeOut .3s cubic-bezier(0,0,.2,1)
  1973. }
  1974.  
  1975. .micromodal-slide[aria-hidden=true] .modal__container {
  1976.     animation: mmslideOut .3s cubic-bezier(0,0,.2,1)
  1977. }
  1978.  
  1979. .micromodal-slide .modal__container,.micromodal-slide .modal__overlay {
  1980.     will-change: transform
  1981. }
  1982.  
  1983. .notification-widget {
  1984.     display: inline-block;
  1985.     width: 1em;
  1986.     height: 1em;
  1987.     text-align: center;
  1988.     line-height: 1em;
  1989.     padding: 2px;
  1990.     background-color: #1e3f83; 
  1991.     border-radius: 50%;
  1992.     color: #fff;
  1993.     text-decoration: none
  1994. }
  1995.  
  1996. .notification-type-consecutive_bad_ratings a {
  1997.     white-space: normal
  1998. }
  1999.  
  2000. .post-install {
  2001.     margin: 1em 0;
  2002.     border-radius: 2px;
  2003.     padding: 5px;
  2004.     max-width: 600px;
  2005.     display: none;
  2006.     align-items: center;
  2007.     background-color: #264955;
  2008.     border: 1px solid #264955;
  2009.     position: relative
  2010. }
  2011.  
  2012. .post-install-label {
  2013.     font-size: xx-small;
  2014.     position: absolute;
  2015.     top: -2px;
  2016.     left: 2px;
  2017.     opacity: .5
  2018. }
  2019.  
  2020. .post-install-text {
  2021.     text-align: center;
  2022.     align-items: center;
  2023.     flex: 1
  2024. }
  2025.  
  2026. .post-install-text p {
  2027.     margin: 0;
  2028.     padding: 0
  2029. }
  2030.  
  2031. .post-install-button {
  2032.     text-align: center;
  2033.     margin-left: 10px;
  2034.     white-space: nowrap
  2035. }
  2036.  
  2037. .preview-results {
  2038.     border: 1px solid gray;
  2039.     overflow: auto;
  2040.     box-sizing: border-box;
  2041.     margin: 0;
  2042.     padding: 16px
  2043. }
  2044.  
  2045. .preview-results>p:first-child {
  2046.     margin-top: 0
  2047. }
  2048.  
  2049. .preview-results>p:last-child {
  2050.     margin-bottom: 0
  2051. }
  2052.  
  2053. .previewable textarea {
  2054.     margin: 0
  2055. }
  2056.  
  2057. .previewable .tabs {
  2058.     margin-top: 10px;
  2059.     margin-bottom: -4px
  2060. }
  2061.  
  2062. #report_explanation {
  2063.     width: 100%;
  2064.     height: 10em
  2065. }
  2066.  
  2067. .reportable {
  2068.     position: relative
  2069. }
  2070.  
  2071. .report-link-abs {
  2072.     position: absolute;
  2073.     top: 0;
  2074.     right: 0;
  2075.     font-size: smaller;
  2076.     margin-right: 16px;
  2077.     margin-top: 8px
  2078. }
  2079.  
  2080. .report-list-item:not(:last-child) {
  2081.     padding-bottom: 20px;
  2082.     border-bottom: 1px solid gray;
  2083.     margin-bottom: 20px
  2084. }
  2085.  
  2086. .report-list-item .inline-form {
  2087.     margin-right: 5px
  2088. }
  2089.  
  2090. .report-resolution-options {
  2091.     display: inline-block;
  2092.     vertical-align: top;
  2093.     min-width: 30%
  2094. }
  2095.  
  2096. .report-resolution-options+.report-resolution-options {
  2097.     margin-left: 1em
  2098. }
  2099.  
  2100. .report-resolution-options input[type=submit] {
  2101.     margin-top: .5em
  2102. }
  2103.  
  2104. .report-resolution-options textarea {
  2105.     width: 100%
  2106. }
  2107.  
  2108. .report-screenshot-control {
  2109.     font-size: smaller;
  2110.     padding: .5em 0
  2111. }
  2112.  
  2113. .unauthorized-code-comparison th {
  2114.     text-align: left
  2115. }
  2116.  
  2117. .unauthorized-code-comparison th,.unauthorized-code-comparison td {
  2118.     padding-right: 1em
  2119. }
  2120.  
  2121. body:lang(he),body:lang(ar),body:lang(ug),body:lang(ckb) {
  2122.     direction: rtl
  2123. }
  2124.  
  2125. :not(:lang(he)):not(:lang(ar)):not(:lang(ug)):not(:lang(ckb)) {
  2126.     direction: ltr
  2127. }
  2128.  
  2129. body:lang(he) #main-header,body:lang(ar) #main-header,body:lang(ug) #main-header,body:lang(ckb) #main-header {
  2130.     direction: ltr
  2131. }
  2132.  
  2133. :lang(ar) #home-step-1 figure,:lang(he) #home-step-1 figure,:lang(ug) #home-step-1 figure,:lang(ckb) #home-step-1 figure {
  2134.     float: left
  2135. }
  2136.  
  2137. :lang(ar) #home-step-2 figure,:lang(he) #home-step-2 figure,:lang(ug) #home-step-2 figure,:lang(ckb) #home-step-2 figure {
  2138.     float: right
  2139. }
  2140.  
  2141. #script-info {
  2142.     border: 1px solid #000000;
  2143.     border-radius: 5px;
  2144.     clear: left;
  2145.     background-color: #2e3037;
  2146.     margin: 1em 0;
  2147.     box-shadow: 0 0 5px #282828;
  2148. }
  2149.  
  2150. #script-content {
  2151.     margin-top: 1.5em
  2152. }
  2153.  
  2154. #script-content>*:first-child {
  2155.     margin-top: 0
  2156. }
  2157.  
  2158. #script-info header h2 {
  2159.     margin: .25em 0 0;
  2160.     font-size: 2em;
  2161.     overflow-wrap: anywhere
  2162. }
  2163.  
  2164. #script-description {
  2165.     margin: 0
  2166. }
  2167.  
  2168. #version-note,#reported-note,#deleted-note {
  2169.     font-style: italic;
  2170.     background-color: #5b5b09;
  2171.     border: 2px dotted #CC9999;
  2172.     padding: .5em
  2173. }
  2174.  
  2175. #script-feedback-suggestion {
  2176.     margin: .75em 0
  2177. }
  2178.  
  2179. #script-content h3 {
  2180.     margin-top: 30px
  2181. }
  2182.  
  2183. .checkup-list {
  2184.     padding-inline-start: 1em
  2185. }
  2186.  
  2187. .checkup-list li {
  2188.     list-style-type: "✗";
  2189.     padding-inline-start: .5em
  2190. }
  2191.  
  2192. .checkup-list li::marker {
  2193.     color: red
  2194. }
  2195.  
  2196. .checkup-list li.good-check {
  2197.     list-style-type: "✓"
  2198. }
  2199.  
  2200. .checkup-list li.good-check::marker {
  2201.     color: green
  2202. }
  2203.  
  2204. .script-meta-block {
  2205.     max-width: 600px;
  2206.     column-count: 2
  2207. }
  2208.  
  2209. .script-meta-block>*:last-child {
  2210.     margin-bottom: 1em
  2211. }
  2212.  
  2213. .inline-script-stats {
  2214.     display: grid;
  2215.     grid-template-columns: max-content auto;
  2216.     margin: 0 22px 0 0
  2217. }
  2218.  
  2219. .inline-script-stats,.inline-script-stats dt,.inline-script-stats dd {
  2220.     vertical-align: top;
  2221.     padding: 0;
  2222.     font-size: small
  2223. }
  2224.  
  2225. .inline-script-stats dt,.inline-script-stats dd {
  2226.     box-sizing: border-box;
  2227.     overflow-wrap: break-word;
  2228.     margin: 1px 0
  2229. }
  2230.  
  2231. .inline-script-stats dt {
  2232.     font-weight: 700;
  2233.     text-align: end;
  2234.     padding-inline-end: 1em
  2235. }
  2236.  
  2237. dd.script-list-ratings {
  2238.     margin-top: 0;
  2239.     margin-bottom: 0
  2240. }
  2241.  
  2242. @media screen and (max-width: 600px) {
  2243.     .script-meta-block {
  2244.         column-count:1
  2245.     }
  2246. }
  2247.  
  2248. .script-antifeatures span[title] {
  2249.     text-decoration: underline;
  2250.     text-decoration-style: dotted
  2251. }
  2252.  
  2253. .script-show-compatibility {
  2254.     vertical-align: bottom
  2255. }
  2256.  
  2257. .browser-compatible,.browser-incompatible,.browser-incompatible-marker {
  2258.     width: 16px;
  2259.     height: 16px
  2260. }
  2261.  
  2262. .browser-incompatible {
  2263.     opacity: .5
  2264. }
  2265.  
  2266. .browser-incompatible-marker {
  2267.     position: absolute
  2268. }
  2269.  
  2270. .script-lock-appeal-actions form {
  2271.     display: inline-block;
  2272.     margin-top: 1em
  2273. }
  2274.  
  2275. .change-script-set section {
  2276.     border-bottom: 1px solid #DDDDDD;
  2277.     padding-bottom: 1em
  2278. }
  2279.  
  2280. .change-script-set textarea {
  2281.     height: 5em
  2282. }
  2283.  
  2284. .change-script-set .selection-box {
  2285.     width: 45%;
  2286.     display: inline-block;
  2287.     vertical-align: top;
  2288.     margin-bottom: 1em
  2289. }
  2290.  
  2291. @media screen and (max-width: 720px) {
  2292.     .change-script-set .selection-box {
  2293.         width:100%
  2294.     }
  2295. }
  2296.  
  2297. .change-script-set select[multiple] {
  2298.     width: 100%
  2299. }
  2300.  
  2301. .add-script-set label {
  2302.     font-weight: 700;
  2303.     display: block
  2304. }
  2305.  
  2306. .add-automatic-script-set-4>* {
  2307.     vertical-align: top
  2308. }
  2309.  
  2310. .history_versions {
  2311.     display: table;
  2312.     padding: 0
  2313. }
  2314.  
  2315. .history_versions > li {
  2316.     display: table-row
  2317. }
  2318.  
  2319. .diff-controls,.version-number,.version-date,.version-changelog {
  2320.     display: table-cell;
  2321.     padding-bottom: .5em
  2322. }
  2323.  
  2324. .diff-controls,.version-number,.version-date {
  2325.     white-space: nowrap;
  2326.     padding-right: 1em
  2327. }
  2328.  
  2329. .version-changelog {
  2330.     overflow-wrap: anywhere
  2331. }
  2332.  
  2333. .version-changelog img {
  2334.     max-width: 100%
  2335. }
  2336.  
  2337. .version-changelog p:first-child {
  2338.     margin-top: 0
  2339. }
  2340.  
  2341. .version-changelog p:last-child {
  2342.     margin-bottom: 0
  2343. }
  2344.  
  2345. .remove-attachment {
  2346.     margin-top: 20px
  2347. }
  2348.  
  2349. .remove-attachment input {
  2350.     margin-left: 0
  2351. }
  2352.  
  2353. .sidebarred {
  2354.     display: flex
  2355. }
  2356.  
  2357. .sidebarred-main-content {
  2358.     flex: 1
  2359. }
  2360.  
  2361. .sidebar {
  2362.     width: 200px;
  2363.     padding-top: 1.75em;
  2364.     padding-bottom: .75em;
  2365.     margin-inline-start:1.5em;
  2366.     flex: none
  2367. }
  2368.  
  2369. .close-sidebar, .open-sidebar {
  2370. 	cursor: pointer
  2371. }
  2372.  
  2373. .close-sidebar {
  2374. 	display: none
  2375. }
  2376.  
  2377. .open-sidebar {
  2378. 	visibility: hidden;
  2379.     float: right;
  2380.     background-color: #fff;
  2381.     padding: 2px 1.2vw;
  2382. 	margin-left: 1.2vw;
  2383.     margin-right: -1.2vw;
  2384.     border-radius: 3px 0 0 3px;
  2385.     border-width: 1px 0 1px 1px;
  2386.     border-style: solid;
  2387.     border-color: gray
  2388. }
  2389.  
  2390. .sidebar-title {
  2391.     flex: 1
  2392. }
  2393.  
  2394. @media screen and (max-width: 800px) {
  2395.     .sidebarred {
  2396.         display:block;
  2397.         position: relative
  2398.     }
  2399.  
  2400.     .sidebar {
  2401.         position: absolute;
  2402.         right: -1.2vw;
  2403.         top: 0;
  2404.         background: white;
  2405.         padding-top: 0;
  2406.         padding-left: 1em;
  2407.         padding-right: 1em;
  2408.         border-width: 1px 0 1px 1px;
  2409.         border-style: solid;
  2410.         border-color: gray;
  2411.         border-radius: 3px 0 0 3px
  2412.     }
  2413.  
  2414.     .sidebar.collapsed {
  2415.         display: none
  2416.     }
  2417.  
  2418.     .close-sidebar {
  2419.         display: flex;
  2420.         margin-bottom: 1.5em;
  2421.         background-color: #eee;
  2422.         border-bottom: 1px solid black;
  2423.         margin-left: -16px;
  2424.         margin-right: -16px;
  2425.         padding: .25em 1.2vw .25em 16px
  2426.     }
  2427.  
  2428.     .open-sidebar.sidebar-collapsed {
  2429.         display: block
  2430.     }
  2431. }
  2432.  
  2433. @media screen and (min-width: 800px) {
  2434.     .sidebarred-main-content {
  2435.         max-width:calc(100% - 224px)
  2436.     }
  2437. }
  2438.  
  2439. @media screen and (max-width:400px) {
  2440. 	.open-sidebar {
  2441. 		margin-right: 0
  2442. 	}
  2443.  
  2444. 	.close-sidebar {
  2445. 		padding-right: 2.4vw;
  2446. 		margin-right: -1em
  2447. 	}
  2448.  
  2449. }
  2450.  
  2451. .tabs {
  2452.     list-style: none;
  2453.     padding: 0 1em;
  2454.     margin: 0 -1em;
  2455.     display: flex;
  2456.     position: relative;
  2457.     top: -3.5px;
  2458.     flex-wrap: wrap
  2459. }
  2460.  
  2461. .tabs>* {
  2462.     align-items: stretch
  2463. }
  2464.  
  2465. .tabs>*>* {
  2466.     padding: .25em .5em .5em;
  2467.     display: block
  2468. }
  2469.  
  2470. .tabs a {
  2471.     text-decoration: none;
  2472.     cursor: pointer
  2473. }
  2474.  
  2475. .tabs .current,.tabs>*:not(.current) a:hover,.tabs>*:not(.current) a:focus {
  2476.     background: #ffffff08;
  2477.     box-shadow: inset 1px 0 #0000001a,inset -1px 0 #0000001a,inset 0 -1px #0000001a
  2478. }
  2479.  
  2480. .tabs .current {
  2481.     box-shadow: inset 1px 0 #ffffff1a, inset -1px 0 #ffffff1a, inset 0 -1px #ffffff1a;
  2482.     border-top: 7px solid #d63535
  2483. }
  2484.  
  2485. .tabs>*:not(.current) a {
  2486.     margin-top: 3.5px;
  2487.     padding-top: calc(.25em + 3.5px)
  2488. }
  2489.  
  2490. .user-content {
  2491.     /* outline: 1px solid transparent; */
  2492.     background: linear-gradient(to right,transparent,transparent 1em);
  2493.     border-left: 2px solid #70767d;
  2494.     padding: .5em 1em;
  2495.     overflow-x: auto
  2496. }
  2497.  
  2498. .user-content>p:first-child {
  2499.     margin-top: 0
  2500. }
  2501.  
  2502. .user-content>p:last-child {
  2503.     margin-bottom: 0
  2504. }
  2505.  
  2506. .user-content img {
  2507.     max-width: 100%
  2508. }
  2509.  
  2510. .user-screenshots * {
  2511.     vertical-align: middle
  2512. }
  2513.  
  2514. .user-screenshots a {
  2515.     text-decoration: none
  2516. }
  2517.  
  2518. .comment-screenshot-control {
  2519.     margin: 10px 0
  2520. }
  2521.  
  2522. .remove-images {
  2523.     display: flex;
  2524.     margin-top: 5px
  2525. }
  2526.  
  2527. .remove-image {
  2528.     border: 2px solid black;
  2529.     padding: 5px;
  2530.     display: flex;
  2531.     justify-content: space-between;
  2532.     flex-direction: column
  2533. }
  2534.  
  2535. .remove-image:not(:first-child) {
  2536.     margin-left: 5px
  2537. }
  2538.  
  2539. .remove-image img {
  2540.     display: block
  2541. }
  2542.  
  2543. .remove-image-selecter,.comment .user-content .user-screenshots {
  2544.     margin-top: 10px
  2545. }
  2546.  
  2547. #additional-info .user-screenshots {
  2548.     margin-top: 1em
  2549. }
  2550.  
  2551. .user-content blockquote {
  2552.     margin-left: 10px;
  2553.     padding-left: 10px;
  2554.     border-left: 2px solid #CCC
  2555. }
  2556.  
  2557. @keyframes lum-fade {
  2558.     0% {
  2559.         opacity: 0
  2560.     }
  2561.  
  2562.     to {
  2563.         opacity: 1
  2564.     }
  2565. }
  2566.  
  2567. @keyframes lum-fadeZoom {
  2568.     0% {
  2569.         transform: scale(.5);
  2570.         opacity: 0
  2571.     }
  2572.  
  2573.     to {
  2574.         transform: scale(1);
  2575.         opacity: 1
  2576.     }
  2577. }
  2578.  
  2579. @keyframes lum-loader-rotate {
  2580.     0% {
  2581.         transform: translate(-50%,-50%) rotate(0)
  2582.     }
  2583.  
  2584.     50% {
  2585.         transform: translate(-50%,-50%) rotate(-180deg)
  2586.     }
  2587.  
  2588.     to {
  2589.         transform: translate(-50%,-50%) rotate(-360deg)
  2590.     }
  2591. }
  2592.  
  2593. @keyframes lum-loader-before {
  2594.     0% {
  2595.         transform: scale(1)
  2596.     }
  2597.  
  2598.     10% {
  2599.         transform: scale(1.2) translate(6px)
  2600.     }
  2601.  
  2602.     25% {
  2603.         transform: scale(1.3) translate(8px)
  2604.     }
  2605.  
  2606.     40% {
  2607.         transform: scale(1.2) translate(6px)
  2608.     }
  2609.  
  2610.     50% {
  2611.         transform: scale(1)
  2612.     }
  2613.  
  2614.     60% {
  2615.         transform: scale(.8) translate(6px)
  2616.     }
  2617.  
  2618.     75% {
  2619.         transform: scale(.7) translate(8px)
  2620.     }
  2621.  
  2622.     90% {
  2623.         transform: scale(.8) translate(6px)
  2624.     }
  2625.  
  2626.     to {
  2627.         transform: scale(1)
  2628.     }
  2629. }
  2630.  
  2631. @keyframes lum-loader-after {
  2632.     0% {
  2633.         transform: scale(1)
  2634.     }
  2635.  
  2636.     10% {
  2637.         transform: scale(1.2) translate(-6px)
  2638.     }
  2639.  
  2640.     25% {
  2641.         transform: scale(1.3) translate(-8px)
  2642.     }
  2643.  
  2644.     40% {
  2645.         transform: scale(1.2) translate(-6px)
  2646.     }
  2647.  
  2648.     50% {
  2649.         transform: scale(1)
  2650.     }
  2651.  
  2652.     60% {
  2653.         transform: scale(.8) translate(-6px)
  2654.     }
  2655.  
  2656.     75% {
  2657.         transform: scale(.7) translate(-8px)
  2658.     }
  2659.  
  2660.     90% {
  2661.         transform: scale(.8) translate(-6px)
  2662.     }
  2663.  
  2664.     to {
  2665.         transform: scale(1)
  2666.     }
  2667. }
  2668.  
  2669. .lum-lightbox {
  2670. 	background: #0009
  2671. }
  2672.  
  2673. .lum-lightbox-inner {
  2674.     top: 2.5%;
  2675.     right: 2.5%;
  2676.     bottom: 2.5%;
  2677.     left: 2.5%
  2678. }
  2679.  
  2680. .lum-lightbox-inner img {
  2681.     position: relative
  2682. }
  2683.  
  2684. .lum-lightbox-inner .lum-lightbox-caption {
  2685.     margin: 0 auto;
  2686.     color: #fff;
  2687.     max-width: 700px;
  2688.     text-align: center
  2689. }
  2690.  
  2691. .lum-loading .lum-lightbox-loader {
  2692.     display: block;
  2693.     position: absolute;
  2694.     top: 50%;
  2695.     left: 50%;
  2696.     transform: translate(-50%,-50%);
  2697.     width: 66px;
  2698.     height: 20px;
  2699.     animation: lum-loader-rotate 1.8s infinite linear
  2700. }
  2701.  
  2702. .lum-lightbox-loader:before,.lum-lightbox-loader:after {
  2703.     content: "";
  2704.     display: block;
  2705.     width: 20px;
  2706.     height: 20px;
  2707.     position: absolute;
  2708.     top: 50%;
  2709.     margin-top: -10px;
  2710.     border-radius: 20px;
  2711. 	background: #ffffffe6
  2712. }
  2713.  
  2714. .lum-lightbox-loader:before {
  2715.     left: 0;
  2716.     animation: lum-loader-before 1.8s infinite linear
  2717. }
  2718.  
  2719. .lum-lightbox-loader:after {
  2720.     right: 0;
  2721.     animation: lum-loader-after 1.8s infinite linear;
  2722.     animation-delay: -.9s
  2723. }
  2724.  
  2725. .lum-lightbox.lum-opening {
  2726.     animation: lum-fade .18s ease-out
  2727. }
  2728.  
  2729. .lum-lightbox.lum-opening .lum-lightbox-inner {
  2730.     animation: lum-fadeZoom .18s ease-out
  2731. }
  2732.  
  2733. .lum-lightbox.lum-closing {
  2734.     animation: lum-fade .3s ease-in;
  2735.     animation-direction: reverse
  2736. }
  2737.  
  2738. .lum-lightbox.lum-closing .lum-lightbox-inner {
  2739.     animation: lum-fadeZoom .3s ease-in;
  2740.     animation-direction: reverse
  2741. }
  2742.  
  2743. .lum-img {
  2744.     transition: opacity .12s ease-out
  2745. }
  2746.  
  2747. .lum-loading .lum-img {
  2748.     opacity: 0
  2749. }
  2750.  
  2751. .lum-gallery-button {
  2752.     overflow: hidden;
  2753.     text-indent: 150%;
  2754.     white-space: nowrap;
  2755.     background: transparent;
  2756.     border: 0;
  2757.     margin: 0;
  2758.     padding: 0;
  2759.     outline: 0;
  2760.     position: absolute;
  2761.     top: 50%;
  2762.     transform: translateY(-50%);
  2763.     height: 100px;
  2764.     max-height: 100%;
  2765.     width: 60px;
  2766.     cursor: pointer
  2767. }
  2768.  
  2769. .lum-close-button {
  2770.     position: absolute;
  2771.     right: 5px;
  2772.     top: 5px;
  2773.     width: 32px;
  2774.     height: 32px;
  2775.     opacity: .3
  2776. }
  2777.  
  2778. .lum-close-button:hover {
  2779.     opacity: 1
  2780. }
  2781.  
  2782. .lum-close-button:before,.lum-close-button:after {
  2783.     position: absolute;
  2784.     left: 15px;
  2785.     content: " ";
  2786.     height: 33px;
  2787.     width: 2px;
  2788.     background-color: #fff
  2789. }
  2790.  
  2791. .lum-close-button:before {
  2792.     transform: rotate(45deg)
  2793. }
  2794.  
  2795. .lum-close-button:after {
  2796.     transform: rotate(-45deg)
  2797. }
  2798.  
  2799. .lum-previous-button {
  2800.     left: 12px
  2801. }
  2802.  
  2803. .lum-next-button {
  2804.     right: 12px
  2805. }
  2806.  
  2807. .lum-gallery-button:after {
  2808.     content: "";
  2809.     display: block;
  2810.     position: absolute;
  2811.     top: 50%;
  2812.     width: 36px;
  2813.     height: 36px;
  2814.     border-top: 4px solid rgba(255,255,255,.8)
  2815. }
  2816.  
  2817. .lum-previous-button:after {
  2818.     transform: translateY(-50%) rotate(-45deg);
  2819.     border-left: 4px solid rgba(255,255,255,.8);
  2820.     box-shadow: -2px 0 #0003;
  2821.     left: 12%;
  2822.     border-radius: 3px 0 0
  2823. }
  2824.  
  2825. .lum-next-button:after {
  2826.     transform: translateY(-50%) rotate(45deg);
  2827.     border-right: 4px solid rgba(255,255,255,.8);
  2828.     box-shadow: 2px 0 #0003;
  2829.     right: 12%;
  2830.     border-radius: 0 3px 0 0
  2831. }
  2832.  
  2833. @media (max-width: 460px) {
  2834.     .lum-lightbox-image-wrapper {
  2835.         display:flex;
  2836.         overflow: auto;
  2837.         -webkit-overflow-scrolling: touch
  2838.     }
  2839.  
  2840.     .lum-lightbox-caption {
  2841.         width: 100%;
  2842.         position: absolute;
  2843.         bottom: 0
  2844.     }
  2845.  
  2846.     .lum-lightbox-position-helper {
  2847.         margin: auto
  2848.     }
  2849.  
  2850.     .lum-lightbox-inner img {
  2851.         max-width: none;
  2852.         max-height: none
  2853.     }
  2854. }
  2855.  
  2856.  
  2857.  
  2858.  
  2859. input:-webkit-autofill,
  2860. input:-webkit-autofill:hover,
  2861. input:-webkit-autofill:focus,
  2862. textarea:-webkit-autofill,
  2863. textarea:-webkit-autofill:hover,
  2864. textarea:-webkit-autofill:focus,
  2865. select:-webkit-autofill,
  2866. select:-webkit-autofill:hover,
  2867. select:-webkit-autofill:focus {
  2868.   transition: background-color 9000000000s ease-in-out 0s, color 9000000000s ease-in-out 0s;
  2869. }
  2870.  
  2871.  
  2872.  
  2873. [style~="color:#21c"] {
  2874.     color: #35deff !important;
  2875. }
  2876. [style~="color:#601d9f"] {
  2877.     color: #a47cca !important;
  2878. }
  2879.  
  2880. [style~="color:blue"] {
  2881.     color: #39adff !important;
  2882. }
  2883.  
  2884. [style~="color:#4183c4"], [style~="color: #4183c4"], [style*="color:#4183c4;"], [style*="color: #4183c4;"]{
  2885.     color: #9fceea !important;
  2886. }
  2887.  
  2888.  
  2889.     .user-content[class] div[style*="color:"] {
  2890.         filter:invert(1);
  2891.     }
  2892.     
  2893.     .user-content[class] div[style*="color:"] a {
  2894.         filter:invert(1);
  2895.     }
  2896.  
  2897. `,
  2898.  
  2899. // https://gf.qytechs.cn/en/users/webhook-info
  2900. `
  2901.  
  2902.   
  2903.   `,
  2904.   
  2905.   // https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/prettify.css
  2906.  
  2907.   `
  2908.   
  2909.  
  2910. [dark] .pln {
  2911.     color: #d2cdcd
  2912. }
  2913.  
  2914. @media screen {
  2915.     [dark] .str {
  2916.         color: #66ac66
  2917.     }
  2918.  
  2919.     [dark] .kwd {
  2920.         color: #6f6f9f
  2921.     }
  2922.  
  2923.     [dark] .com {
  2924.         color: #ca9b9b
  2925.     }
  2926.  
  2927.     [dark] .typ {
  2928.         color: #8a608a
  2929.     }
  2930.  
  2931.     [dark] .lit {
  2932.         color: #507a7a
  2933.     }
  2934.  
  2935.     [dark] .clo,[dark] .opn,[dark] .pun {
  2936.         color: #7e7e50
  2937.     }
  2938.  
  2939.     [dark] .tag {
  2940.         color: #58588c
  2941.     }
  2942.  
  2943.     [dark] .atn {
  2944.         color: #7f4c7f
  2945.     }
  2946.  
  2947.     [dark] .atv {
  2948.         color: #528152
  2949.     }
  2950.  
  2951.     [dark] .dec,[dark] .var {
  2952.         color: #724872
  2953.     }
  2954.  
  2955.     [dark] .fun {
  2956.         color: #a64f4f
  2957.     }
  2958. }
  2959.  
  2960. @media print,projection {
  2961.     [dark] .kwd,[dark] .tag,[dark] .typ {
  2962.         font-weight: 700
  2963.     }
  2964.  
  2965.     [dark] .str {
  2966.         color: #496e49
  2967.     }
  2968.  
  2969.     [dark] .kwd {
  2970.         color: #47476d
  2971.     }
  2972.  
  2973.     [dark] .com {
  2974.         color: #774d4d;
  2975.         font-style: italic
  2976.     }
  2977.  
  2978.     [dark] .typ {
  2979.         color: #583a58
  2980.     }
  2981.  
  2982.     [dark] .lit {
  2983.         color: #466d6d
  2984.     }
  2985.  
  2986.     [dark] .clo,[dark] .opn,[dark] .pun {
  2987.         color: #636341
  2988.     }
  2989.  
  2990.     [dark] .tag {
  2991.         color: #53537d
  2992.     }
  2993.  
  2994.     [dark] .atn {
  2995.         color: #6f466f
  2996.     }
  2997.  
  2998.     [dark] .atv {
  2999.         color: #497749
  3000.     }
  3001. }
  3002.  
  3003. [dark] pre.prettyprint {
  3004.     padding: 2px;
  3005.     border: 1px solid #888
  3006. }
  3007.  
  3008. [dark] ol.linenums {
  3009.     margin-top: 0;
  3010.     margin-bottom: 0
  3011. }
  3012.  
  3013.  
  3014. [dark] li.L0,
  3015. [dark] li.L2,
  3016. [dark] li.L4,
  3017. [dark] li.L6,
  3018. [dark] li.L8 {
  3019.     background: rgb(38, 35, 35);
  3020. }
  3021.  
  3022.  
  3023. [dark] li.L1,
  3024. [dark] li.L3,
  3025. [dark] li.L5,
  3026. [dark] li.L7,
  3027. [dark] li.L9 {
  3028.     background: #161111;
  3029. }
  3030.  
  3031.  
  3032.  
  3033.  
  3034.   
  3035.   `,
  3036.  
  3037. // https://gf.qytechs.cn/en/scripts/482487-greasyfork-dark/stats
  3038. // https://github.com/greasyfork-org/greasyfork/blob/main/app/views/scripts/stats.html.erb#L28
  3039. `
  3040.  
  3041. [dark] #install-stats-chart-container,
  3042. [dark] #weekly-install-stats-chart-container,
  3043. [dark] #update-check-stats-chart-container {
  3044.     filter: invert(1) brightness(2);
  3045.     background-color: #e9e3d9;
  3046. }
  3047.  
  3048. .notification-widget {
  3049.     box-shadow: 0px 0px 6px #69d6c7; /* additional rule for making notification being easy to notice
  3050. }
  3051. `
  3052.   
  3053.   ].join('\n\n');
  3054.  
  3055.     const key01 = "7QdSEuQ5k7dH"
  3056.     const key02 = "SQwUTxgG5hhi"
  3057.  
  3058.     const removeNonColor = (text) => {
  3059.  
  3060.         const oriText = text;
  3061.         const cache01 = sessionStorage.getItem(key01);
  3062.         const cache02 = sessionStorage.getItem(key02);
  3063.         if (cache01 === `${text}` && cache02 && typeof cache02 === 'string') return cache02;
  3064.  
  3065.         let csso = stylis.compile(text);
  3066.         const ruleSet = new Set();
  3067.         const pp = new Set([
  3068.             // "overflow-y",
  3069.             // "margin",
  3070.             "background-color",
  3071.             "color",
  3072.             // "font-family",
  3073.             "outline",
  3074.             "border",
  3075.             // "direction",
  3076.             // "resize",
  3077.             // "vertical-align",
  3078.             "background-image",
  3079.             "box-shadow",
  3080.             // "padding",
  3081.             // "max-width",
  3082.             // "position",
  3083.             // "display",
  3084.             // "line-height",
  3085.             // "font-size",
  3086.             // "letter-spacing",
  3087.             // "text-decoration",
  3088.             "text-shadow",
  3089.             // "text-align",
  3090.             // "right",
  3091.             // "bottom",
  3092.             // "top",
  3093.             // "list-style-type",
  3094.             // "margin-left",
  3095.             // "min-width",
  3096.             // "z-index",
  3097.             // "white-space",
  3098.             // "padding-right",
  3099.             // "content",
  3100.             "border-radius",
  3101.             // "clear",
  3102.             // "margin-top",
  3103.             // "overflow-wrap",
  3104.             // "font-style",
  3105.             // "margin-bottom",
  3106.             "transition",
  3107.             // "padding-left",
  3108.             // "list-style",
  3109.             "border-bottom",
  3110.             // "width",
  3111.             // "box-sizing",
  3112.             // "height",
  3113.             "border-style",
  3114.             // "font-weight",
  3115.             // "float",
  3116.             // "unicode-bidi",
  3117.             // "word-wrap",
  3118.             "border-color",
  3119.             // "-moz-column-width",
  3120.             // "-webkit-column-width",
  3121.             // "column-width",
  3122.             "border-left",
  3123.             "border-collapse",
  3124.             // "opacity",
  3125.             "background-repeat",
  3126.             "background-size",
  3127.             "background-position",
  3128.             // "margin-right",
  3129.             // "min-height",
  3130.             // "padding-inline-end",
  3131.             // "-moz-appearance",
  3132.             // "-webkit-appearance",
  3133.             // "inset-inline-end",
  3134.             // "padding-inline-start",
  3135.             "background",
  3136.             // "padding-bottom",
  3137.             // "cursor",
  3138.             "border-top",
  3139.             // "appearance",
  3140.             "text-transform",
  3141.             // "overflow",
  3142.             // "max-height",
  3143.             // "overflow-x",
  3144.             // "align-items",
  3145.             // "flex",
  3146.             // "padding-top",
  3147.             "text-overflow",
  3148.             // "margin-inline-end",
  3149.             // "margin-inline-start",
  3150.             // "left",
  3151.             // "justify-content",
  3152.             "border-width",
  3153.             // "will-change",
  3154.             // "-moz-osx-font-smoothing",
  3155.             // "-webkit-backface-visibility",
  3156.             // "backface-visibility",
  3157.             "-webkit-transform",
  3158.             "transform",
  3159.             "animation",
  3160.             // "column-count",
  3161.             // "grid-template-columns",
  3162.             "text-decoration-style",
  3163.             // "flex-wrap",
  3164.             // "flex-direction",
  3165.             "animation-delay",
  3166.             "animation-direction",
  3167.             // "text-indent",
  3168.             "border-right",
  3169.             "filter"
  3170.         ]);
  3171.  
  3172.         function baseCSSO(csso) {
  3173.  
  3174.             let newCsso = new Set();
  3175.  
  3176.             for (const entry of csso) {
  3177.                 newCsso.add(entry);
  3178.                 if (entry.type === 'rule' && typeof entry.children === 'object' && (entry.children || 0).length >= 1) {
  3179.  
  3180.                     for (const childEntry of entry.children) {
  3181.                         ruleSet.add(childEntry)
  3182.                         if (childEntry.type === 'decl' && typeof childEntry.children === 'string' && typeof childEntry.props === 'string') {
  3183.                             // pp.add(childEntry.props)
  3184.  
  3185.                             if (childEntry.props === 'background-image' && childEntry.parent.value.startsWith('.external-login-container .')) {
  3186.                                 ruleSet.delete(childEntry)
  3187.                             } else if (!pp.has(childEntry.props)) ruleSet.delete(childEntry)
  3188.  
  3189.                         }
  3190.  
  3191.                     }
  3192.                     entry.children = [...ruleSet]
  3193.                     ruleSet.clear();
  3194.                 } else if (entry.type === '@media') {
  3195.  
  3196.                     if (typeof entry.children === 'object' && (entry.children || 0).length >= 1) {
  3197.                         entry.children = baseCSSO(entry.children)
  3198.                     }
  3199.  
  3200.                 } else if (entry.type === '@keyframes') {
  3201.                     newCsso.delete(entry);
  3202.                 } else {
  3203.  
  3204.                     console.log(331, entry)
  3205.                 }
  3206.             }
  3207.  
  3208.             return [...newCsso];
  3209.  
  3210.  
  3211.         }
  3212.  
  3213.         csso = baseCSSO(csso);
  3214.  
  3215.  
  3216.  
  3217.  
  3218.  
  3219.         text = stylis.serialize(csso, stylis.stringify)
  3220.  
  3221.         // console.log(stylis.compile(text))
  3222.         // console.log(text)
  3223.  
  3224.         // console.log([...pp])
  3225.  
  3226.  
  3227.         sessionStorage.setItem(key01, `${oriText}`);
  3228.         sessionStorage.setItem(key02, `${text}`);
  3229.  
  3230.         return text
  3231.  
  3232.  
  3233.  
  3234.     }
  3235.  
  3236.     const mo = new MutationObserver(() => {
  3237.         const head = document.head;
  3238.         if (!head) return;
  3239.         const css = head.querySelector('link[rel="stylesheet"][href*="/vite/assets/application-"][href*=".css"][media="screen"]');
  3240.         if (!css || css.parentNode !== head) return;
  3241.         mo.disconnect();
  3242.         mo.takeRecords();
  3243.  
  3244.         const text = `${removeNonColor(cssTextFn())}${generalCSSFn()}`;
  3245.         const blob = new Blob([text], { type: 'text/css; charset=UTF-8' });
  3246.         const blobURL = URL.createObjectURL(blob);
  3247.         const newLinkElm = document.createElement('link');
  3248.         newLinkElm.rel = 'stylesheet'
  3249.         newLinkElm.media = 'screen'
  3250.         newLinkElm.href = blobURL;
  3251.         newLinkElm.disabled = true;
  3252.         head.insertBefore(newLinkElm, css.nextSibling);
  3253.  
  3254.         const aoChange = () => {
  3255.             if (document.documentElement.hasAttribute('dark')) {
  3256.                 newLinkElm.disabled = false;
  3257.             } else {
  3258.                 newLinkElm.disabled = true;
  3259.             }
  3260.         }
  3261.  
  3262.         if (localStorage.darkMode === 'true') {
  3263.             document.documentElement.setAttribute('dark', '');
  3264.         }
  3265.         aoChange();
  3266.         let ao = new MutationObserver(aoChange);
  3267.         ao.observe(document.documentElement, { attributes: true, attributeFilter: ['dark'] });
  3268.  
  3269.  
  3270.     });
  3271.     mo.observe(document, { subtree: true, childList: true })
  3272.  
  3273.  
  3274. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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