GreasyFork - Dark Theme

Customizable Dark theme For GreasyFork.org

目前為 2020-12-21 提交的版本,檢視 最新版本

  1. /* ==UserStyle==
  2. @name GreasyFork - Dark Theme
  3. @namespace https://greasyfork.org/en/users/124677-pabli
  4. @version 1.2.5
  5. @description Customizable Dark theme For GreasyFork.org
  6. @author Pabli
  7. @license CC-BY-SA-4.0
  8. @homepageURL https://greasyfork.org/scripts/395180-greasyfork-dark-theme
  9. @supportURL https://greasyfork.org/scripts/395180-greasyfork-dark-theme/feedback
  10. @preprocessor stylus
  11. @var number maxwidth "Width Site (px)" 960
  12. @var select theme "Theme syntax" ["Desert", "Sunburst", "Sons-Of-Obsidian", "Doxy"]
  13. @var checkbox wrap "Code wrap" 1
  14. @var checkbox scrollbar "Dark Scroll Bar" 1
  15. @var color bg-header "Header background" #640000
  16. @var color t-header "Header text" #fafafa
  17. @var color bg "Background" #111
  18. @var color t-1 "Main text" #fafafa
  19. @var color t-2 "Second text" #aeaeae
  20. @var color t-link "Link" #ff7070
  21. @var color bg-sidebar "Sidebar" #1a1a1a
  22. @var color bg-sidebar-btn "Sidebar button" #510909
  23. @var color bg-sidebar-btn-h "Sidebar button hover" #323232
  24. @var color bg-btn "Button" #1a1a1a
  25. @var color bg-btn-h "Button hover" #323232
  26. @var color t-btn "Button text" #fafafa
  27. @var color border-btn "Button border" rgba(255, 255, 255, 0.1)
  28. @var color border-btn-h "Button border hover" rgba(255, 255, 255, 0.2)
  29. @var color bg-textarea "Text area background" #1a1a1a
  30. @var color bg-usercontent "User content background" rgba(0, 0, 0, 0)
  31. ==/UserStyle== */
  32.  
  33. @-moz-document domain("greasyfork.org"), domain("sleazyfork.org") {
  34.  
  35. .width-constraint {
  36. max-width: unit(maxwidth, 'px') !important;
  37. }
  38. body, .script-list, .user-list, .text-content,
  39. #script-info,
  40. body:not(.Settings), #Content {
  41. background-color: bg;
  42. color: t-1;
  43. }
  44. .announcement input {
  45. color: t-1;
  46. }
  47. #main-header,
  48. body:not(.Settings) #Head {
  49. background-color: bg-header;
  50. background-image: linear-gradient(rgba(0, 0, 0, 0.3), bg-header);
  51. }
  52. .script-list, .user-list, .text-content,
  53. .list-option-group ul,
  54. #script-info,
  55. #Content {
  56. box-shadow: none;
  57. border: none;
  58. }
  59. a, a:visited, body:not(.Settings) a:not(.Button):not(.ChangePicture) {
  60. color: t-link;
  61. text-decoration: none;
  62. &:hover {
  63. color: t-link;
  64. text-decoration: underline;
  65. }
  66. }
  67. #Head a {
  68. text-decoration: none;
  69. &:hover {
  70. text-decoration: underline;
  71. }
  72. }
  73. #main-header, #main-header a, #main-header a:visited, #main-header a:active,
  74. #site-nav>nav a:hover {
  75. color: t-header;
  76. }
  77. #site-name-text h1 a:hover {
  78. text-decoration: none !important;
  79. }
  80. #home-script-nav {
  81. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  82. }
  83. #language-selector-locale {
  84. background: bg-header;
  85. color: t-header;
  86. border: 1px solid rgba(255, 255, 255, .5);
  87. }
  88. nav nav,
  89. .SiteMenu nav {
  90. background-color: bg-header;
  91. }
  92.  
  93. textarea, textarea:focus, select, input, input.DateBox, input.InputBox, input.SmallInput, .InputBox, .Preview, input.SmallInput:focus, input.InputBox:focus,
  94. form.new_user input[type="text"], form.new_user input[type="email"], form.new_user input[type="password"], input[type="text"] {
  95. color: t-1;
  96. background: bg-textarea;
  97. border: 1px solid rgba(255, 255, 255, .1);
  98. outline: none;
  99. }
  100. .Button, .Button.Active, .ButtonGroup.Open .Button.Handle, .Button:focus, .Button:active, .BigButton, .NewDiscussion,
  101. form.new_user input[type="submit"], button, input[type="submit"]:not([value="✖"]):not([value="🔎"]) {
  102. background: bg-btn;
  103. color: t-btn !important;
  104. border: 1px solid border-btn;
  105. text-decoration: none;
  106. box-shadow: none;
  107. cursor: pointer;
  108. &:hover {
  109. background: bg-btn-h;
  110. color: t-btn;
  111. border-color: border-btn-h;
  112. text-decoration: none;
  113. }
  114. }
  115. :focus {
  116. outline-style: none;
  117. }
  118. //search
  119. .sidebar-search input[type=submit], .home-search input[type=submit], .search-submit, .SiteSearch .Button {
  120. color: transparent !important;
  121. opacity: 1;
  122. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABYklEQVQ4T5XTu2qVQRTF8d8CMdp7AW9V7MwLaNKo7+ANe1ERK7Hy2oidmOALiMlDKIIS8QEsRLFRYqG9lyBsmThHviMnB7ObGT5m/t9ae6+JQVXVAi6hrbvwFS+xmGR1eHa0T9tU1TY8xIVJh/q3JVxN8mt4ZgR41C9/wz08wSccxDlcx04sJbk8BuiyX6BdPpHk9b8qquoonnbI/NBOqmoFp3Ajyd3NLFTVLdzEcpKzf3tQVWvYh9kkH6YAZvEea0kODAE/sR0zSdanAGbwA+tJ2n6jmoX/VXAY7/A5yf4hYBmnm78kd6YouN36hJUkZ4aA+R6W7ziZ5NWEKRzrU2jSF8am0IPUQnIRDXIfj/ERh3Ae17ADXzCXpK1/ejBI4oMOmeSieqz34E3PywZkAzCqqmpSR29hb7/UQrbYR/gMR4aQMcBmDRz8YDcaZA5vcXxLgG632Rgpeb5lwADSnsCV30xRiAuwE+OqAAAAAElFTkSuQmCC') no-repeat center !important;
  123. border: none !important;
  124. cursor: pointer;
  125. }
  126. .SiteSearch .Button {
  127. top: 6px;
  128. }
  129. .SearchForm .SiteSearch .Button {
  130. top: 10px;
  131. }
  132. #Panel input.InputBox, .AddPeople textarea.MultiComplete {
  133. border-radius: 5px;
  134. }
  135. .sidebar-search input[type=search],
  136. .home-search input[type=search] {
  137. border-radius: 5px;
  138. padding: 5px;
  139. padding-inline-end: 25px;
  140. }
  141. .sidebar-search input[type=submit],
  142. .home-search input[type=submit] {
  143. padding: 5px;
  144. }
  145. .SearchForm .InputBox {
  146. border: 1px solid rgba(255, 255, 255, .1);
  147. }
  148. // sidebar
  149. .list-option-group ul,
  150. #Panel .FilterMenu, #Panel .PanelCategories, #Panel .MeBox,
  151. .list-option-groups .carbon-ad, .list-option-groups .adsense-ad {
  152. border: 1px solid rgba(255, 255, 255, .1);
  153. background-color: bg-sidebar;
  154. box-shadow: none;
  155. }
  156. .list-option-button {
  157. background-color: bg-sidebar;
  158. color: t-1 !important;
  159. border: 1px solid rgba(255, 255, 255, .1);
  160. }
  161. .list-option-group .list-current,
  162. #Panel .FilterMenu .Active a, #Panel .PanelCategories .Active a {
  163. border-left: none;
  164. margin: unset;
  165. background: bg-sidebar-btn !important;
  166. color: t-1;
  167. }
  168. .list-option-button:hover, .list-option-button:focus,
  169. .list-option-group a:hover, .list-option-group a:focus,
  170. #Panel .FilterMenu a:hover, #Panel .PanelCategories a:hover, #Panel .FilterMenu a:focus, #Panel .PanelCategories a:focus {
  171. background: bg-sidebar-btn-h;
  172. color: t-1 !important;
  173. text-decoration: none !important;
  174. box-shadow: none;
  175. }
  176. if sidebar {
  177. #Panel {
  178. float: right;
  179. }
  180. }
  181.  
  182. #user-profile {
  183. border: 1px solid rgba(255, 255, 255, .1);
  184. background-color: rgba(0,0,0,0);
  185. }
  186. .change-script-set section {
  187. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  188. }
  189.  
  190. .install-link, .install-help-link {
  191. color: #fff !important;
  192. }
  193. .script-list li:not(.ad-entry),
  194. .DataList .Item, .NarrowList .Item {
  195. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  196. }
  197. .notice {
  198. background-color: #1c2123;
  199. border-left: 6px solid #204050;
  200. }
  201. .alert {
  202. background-color: #222211;
  203. border-left: 6px solid #a1931a;
  204. }
  205. #version-note {
  206. background-color: #4e4e0e;
  207. border: 2px dotted #bfd314;
  208. }
  209.  
  210. .rating-icon-good {
  211. border-color: #4da64d;
  212. background-color: #001b00;
  213. color: #ccffcc;
  214. }
  215. .rating-icon-ok {
  216. border-color: #d3d34d;
  217. background-color: #101000;
  218. color: #ffffcc;
  219. }
  220. .rating-icon-bad {
  221. border-color: #ff4d4d;
  222. background-color: #290000;
  223. color: #ffcccc;
  224. }
  225.  
  226. .badge-author {
  227. background-color: rgba(0,128,0,0.7);
  228. color: white;
  229. }
  230.  
  231. .good-rating-count {
  232. color: #80ff80;
  233. }
  234. .ok-rating-count {
  235. color: #ffff80;
  236. }
  237. .bad-rating-count {
  238. color: #ff8080;
  239. }
  240.  
  241. //pagination buttons
  242. .pagination>*, .script-list+.pagination>*, .user-list+.pagination>*,
  243. .Pager > * {
  244. background-color: transparent;
  245. }
  246. .pagination>a:hover, .pagination>a:focus,
  247. .Pager > a:hover, .Pager > a:focus {
  248. background-color: bg-sidebar-btn-h;
  249. color: t-1 !important;
  250. text-decoration: none !important;
  251. }
  252. body .Pager .Highlight {
  253. color: t-1 !important;
  254. }
  255. // install button
  256. .install-help-link, .install-link, .install-link:active, .install-link:hover, .install-link:visited,
  257. #install-area .install-help-link:focus, #install-area .install-help-link:hover, #install-area .install-link:focus, #install-area .install-link:hover {
  258. text-decoration: none;
  259. }
  260. // /stats script
  261. canvas {
  262. filter: invert(1) brightness(2);
  263. }
  264. //gallery
  265. .jslghtbx-contentwrapper>img {
  266. background: #000;
  267. }
  268. .jslghtbx-prev.jslghtbx-no-img {
  269. border-right-color: #aaa;
  270. }
  271. .jslghtbx-next.jslghtbx-no-img {
  272. border-left-color: #aaa;
  273. }
  274. // feedback
  275. .discussion-list-item {
  276. border-top: 1px solid rgba(255, 255, 255, .1);
  277. }
  278. .script-discussion-list .discussion-list-item:last-child {
  279. border-bottom: 1px solid rgba(255, 255, 255, .1);
  280. }
  281. .user-content {
  282. border-bottom: 1px solid rgba(255,255,255,0.1);
  283. border-left: none;
  284. background: bg-usercontent;
  285. }
  286. .script-list, .user-list, .text-content, .discussion-list {
  287. box-shadow: none;
  288. background-color: unset;
  289. border: none;
  290. }
  291. .discussion-list-logged-in .discussion-read {
  292. background-color: RGBA(255, 255, 255, 0.05);
  293. }
  294.  
  295. #version-note,
  296. #reported-note,
  297. #deleted-note {
  298. background-color: #333303;
  299. border:2px dotted #ff6969;
  300. }
  301. // history code
  302. .diff ul {
  303. background: #000;
  304. }
  305. .diff li:hover {
  306. background-color: rgba(255, 255, 255, .2) !important
  307. }
  308. .diff li.del, .diff del strong {
  309. background-color: rgba(255, 0, 0, .2);
  310. color: #fdd;
  311. }
  312. .diff li.ins, .diff ins strong {
  313. background-color: rgba(0, 255, 0, .2);
  314. color: #dfd;
  315. }
  316. .diff li.diff-block-info {
  317. background: none repeat scroll 0 0 #252525;
  318. }
  319.  
  320. .DiscussionForm label {
  321. color: t-2;
  322. }
  323.  
  324. .editor-fullpage #editor-fullpage-candidate,
  325. .editor-fullpage #editor-fullpage-candidate .editor {
  326. background-color: #000;
  327. }
  328.  
  329. code, .Message pre {
  330. background-color: #151515;
  331. }
  332. pre, code, .Message pre {
  333. border: 1px solid rgba(255, 255, 255, .1);
  334. }
  335.  
  336. if theme == Desert {
  337. /* desert scheme ported from vim to google prettify */
  338. pre.prettyprint, pre.prettyprinted, .Message pre ol { display: block; background-color: #333 }
  339. pre .nocode { background-color: none; color: #000 }
  340. pre .str { color: #ffa0a0 } /* string - pink */
  341. pre .kwd { color: #f0e68c; font-weight: bold }
  342. pre .com { color: #87ceeb } /* comment - skyblue */
  343. pre .typ { color: #98fb98 } /* type - lightgreen */
  344. pre .lit { color: #cd5c5c } /* literal - darkred */
  345. pre .pun { color: #fff } /* punctuation */
  346. pre .pln { color: #fff } /* plaintext */
  347. pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag - lightyellow */
  348. pre .atn { color: #bdb76b; font-weight: bold } /* attribute name - khaki */
  349. pre .atv { color: #ffa0a0 } /* attribute value - pink */
  350. pre .dec { color: #98fb98 } /* decimal - lightgreen */
  351.  
  352. /* Specify class=linenums on a pre to get line numbering */
  353. ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
  354. li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  355. /* Alternate shading for lines */
  356. li.L1,li.L3,li.L5,li.L7,li.L9 { background: none }
  357. }
  358. else if theme == Sunburst {
  359. /* Pretty printing styles. Used with prettify.js. */
  360. /* Vim sunburst theme by David Leibovic */
  361. pre .str, code .str { color: #65B042; } /* string - green */
  362. pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */
  363. pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */
  364. pre .typ, code .typ { color: #89bdff; } /* type - light blue */
  365. pre .lit, code .lit { color: #3387CC; } /* literal - blue */
  366. pre .pun, code .pun { color: #fff; } /* punctuation - white */
  367. pre .pln, code .pln { color: #fff; } /* plaintext - white */
  368. pre .tag, code .tag { color: #89bdff; } /* html/xml tag - light blue */
  369. pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name - khaki */
  370. pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */
  371. pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
  372.  
  373. pre.prettyprint, code.prettyprint, , pre.prettyprinted, .Message pre ol {
  374. background-color: #000;
  375. border-radius: 8px;
  376. }
  377. /* Specify class=linenums on a pre to get line numbering */
  378. ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */
  379. li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  380. /* Alternate shading for lines */
  381. li.L1,li.L3,li.L5,li.L7,li.L9 { background: none }
  382. }
  383. else if theme == Sons-Of-Obsidian {
  384. /*
  385. * Derived from einaros's Sons of Obsidian theme at
  386. * http://studiostyl.es/schemes/son-of-obsidian by
  387. * Alex Ford of CodeTunnel:
  388. * http://CodeTunnel.com/blog/post/71/google-code-prettify-obsidian-theme
  389. */
  390. .str { color: #EC7600; }
  391. .kwd { color: #93C763; }
  392. .com { color: #66747B; }
  393. .typ { color: #678CB1; }
  394. .lit { color: #FACD22; }
  395. .pun { color: #F1F2F3; }
  396. .pln { color: #F1F2F3; }
  397. .tag { color: #8AC763; }
  398. .atn { color: #E0E2E4; }
  399. .atv { color: #EC7600; }
  400. .dec { color: purple; }
  401. pre.prettyprint { border: 0px solid #888; }
  402. ol.linenums
  403. {
  404. margin-top: 0;
  405. margin-bottom: 0;
  406. }
  407. .prettyprint, , pre.prettyprinted, .Message pre ol {
  408. background: #000;
  409. }
  410. li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9
  411. {
  412. color: #555;
  413. list-style-type: decimal;
  414. }
  415. li.L1, li.L3, li.L5, li.L7, li.L9 {
  416. background: #111;
  417. }
  418. }
  419. else if theme == Doxy {
  420. /* Doxy pretty-printing styles. Used with prettify.js. */
  421. pre .str, code .str { color: #fec243; } /* string - eggyolk gold */
  422. pre .kwd, code .kwd { color: #8470FF; } /* keyword - light slate blue */
  423. pre .com, code .com { color: #32cd32; font-style: italic; } /* comment - green */
  424. pre .typ, code .typ { color: #6ecbcc; } /* type - turq green */
  425. pre .lit, code .lit { color: #d06; } /* literal - cherry red */
  426. pre .pun, code .pun { color: #8B8970; } /* punctuation - lemon chiffon4 */
  427. pre .pln, code .pln { color: #f0f0f0; } /* plaintext - white */
  428. pre .tag, code .tag { color: #9c9cff; } /* html/xml tag (bluey) */
  429. pre .htm, code .htm { color: #dda0dd; } /* html tag light purply*/
  430. pre .xsl, code .xsl { color: #d0a0d0; } /* xslt tag light purply*/
  431. pre .atn, code .atn { color: #46eeee; font-weight: normal;} /* html/xml attribute name - lt turquoise */
  432. pre .atv, code .atv { color: #EEB4B4; } /* html/xml attribute value - rosy brown2 */
  433. pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
  434. pre.prettyprint, code.prettyprint, pre.prettyprinted, .Message pre ol {
  435. font-family:'Droid Sans Mono','CPMono_v07 Bold','Droid Sans';
  436. font-weight: bold;
  437. font-size: 9pt;
  438. background-color: #0f0f0f;
  439. -moz-border-radius: 8px;
  440. -webkit-border-radius: 8px;
  441. -o-border-radius: 8px;
  442. -ms-border-radius: 8px;
  443. -khtml-border-radius: 8px;
  444. border-radius: 8px;
  445. } /* background is black (well, just a tad less dark ) */
  446. pre.prettyprint a, code.prettyprint a {
  447. text-decoration:none;
  448. }
  449. /* Specify class=linenums on a pre to get line numbering; line numbers themselves are the same color as punctuation */
  450. ol.linenums { margin-top: 0; margin-bottom: 0; color: #8B8970; } /* IE indents via margin-left */
  451. li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  452. /* Alternate shading for lines */
  453. li.L1,li.L3,li.L5,li.L7,li.L9 { background: none }
  454. }
  455. if wrap {
  456. pre.prettyprint, pre code {
  457. word-break: break-word;
  458. overflow-wrap: break-word;
  459. white-space: pre-wrap;
  460. }
  461. }
  462. // ace theme tomorrow_night_bright
  463. // Enable syntax-highlighting source editor
  464. #ace-editor {
  465. border: 1px solid rgba(255, 255, 255, 0.1);
  466. }
  467. .ace_gutter {
  468. background: #1a1a1a !important;
  469. color: #DEDEDE !important;
  470. }
  471. .ace_print-margin {
  472. width: 1px !important;
  473. background: #1a1a1a !important;
  474. }
  475. .ace_editor {
  476. background-color: #000000 !important;
  477. color: #DEDEDE !important;
  478. }
  479. .ace_cursor {
  480. color: #9F9F9F !important;
  481. }
  482. .ace_marker-layer .ace_selection {
  483. background: #424242 !important;
  484. }
  485. .ace_multiselect .ace_selection.ace_start {
  486. box-shadow: 0 0 3px 0px #000000 !important;
  487. }
  488. .ace_marker-layer .ace_step {
  489. background: rgb(102, 82, 0) !important;
  490. }
  491. .ace_marker-layer .ace_bracket {
  492. margin: -1px 0 0 -1px !important;
  493. border: 1px solid #888888 !important;
  494. }
  495. .ace_marker-layer .ace_highlight {
  496. border: 1px solid rgb(110, 119, 0) !important;
  497. border-bottom: 0 !important;
  498. box-shadow: inset 0 -1px rgb(110, 119, 0) !important;
  499. margin: -1px 0 0 -1px !important;
  500. background: rgba(255, 235, 0, 0.1) !important;
  501. }
  502. .ace_marker-layer .ace_active-line {
  503. background: #2A2A2A !important;
  504. }
  505. .ace_gutter-active-line {
  506. background-color: #2A2A2A !important;
  507. }
  508. .ace_stack {
  509. background-color: rgb(66, 90, 44) !important;
  510. }
  511. .ace_marker-layer .ace_selected-word {
  512. border: 1px solid #888888 !important;
  513. }
  514. .ace_invisible {
  515. color: #343434 !important;
  516. }
  517. .ace_keyword,
  518. .ace_meta,
  519. .ace_storage,
  520. .ace_storage.ace_type,
  521. .ace_support.ace_type {
  522. color: #C397D8 !important;
  523. }
  524. .ace_keyword.ace_operator {
  525. color: #70C0B1 !important;
  526. }
  527. .ace_constant.ace_character,
  528. .ace_constant.ace_language,
  529. .ace_constant.ace_numeric,
  530. .ace_keyword.ace_other.ace_unit,
  531. .ace_support.ace_constant,
  532. .ace_variable.ace_parameter {
  533. color: #E78C45 !important;
  534. }
  535. .ace_constant.ace_other {
  536. color: #EEEEEE !important;
  537. }
  538. .ace_invalid {
  539. color: #CED2CF !important;
  540. background-color: #DF5F5F !important;
  541. }
  542. .ace_invalid.ace_deprecated {
  543. color: #CED2CF !important;
  544. background-color: #B798BF !important;
  545. }
  546.  
  547. .ace_fold {
  548. background-color: #7AA6DA !important;
  549. border-color: #DEDEDE !important;
  550. }
  551. .ace_entity.ace_name.ace_function,
  552. .ace_support.ace_function,
  553. .ace_variable {
  554. color: #7AA6DA !important;
  555. }
  556. .ace_support.ace_class,
  557. .ace_support.ace_type {
  558. color: #E7C547 !important;
  559. }
  560. .ace_heading,
  561. .ace_markup.ace_heading,
  562. .ace_string {
  563. color: #B9CA4A !important;
  564. }
  565. .ace_entity.ace_name.ace_tag,
  566. .ace_entity.ace_other.ace_attribute-name,
  567. .ace_meta.ace_tag,
  568. .ace_string.ace_regexp,
  569. .ace_variable {
  570. color: #D54E53 !important;
  571. }
  572. .ace_comment {
  573. color: #969896 !important;
  574. }
  575. .ace_c9searchresults.ace_keyword {
  576. color: #C2C280 !important;
  577. }
  578. .ace_indent-guide {
  579. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYFBXV/8PAAJoAXX4kT2EAAAAAElFTkSuQmCC') right repeat-y !important;
  580. }
  581.  
  582.  
  583. form.external-login-form,
  584. form.new_user {
  585. background-color: bg;
  586. border: none;
  587. }
  588. form.new_user input[type="text"], form.new_user input[type="email"], form.new_user input[type="password"] {
  589. color: texxt-color;
  590. background-color: textarea-color;
  591. border: 1px solid rgba(255, 255, 255, .1);
  592. box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  593. }
  594.  
  595. .external-login {
  596. border: 1px solid border-btn;
  597. background-repeat: no-repeat !important;
  598. background-size: 16px 16px !important;;
  599. background-position: 5px 2px !important;;
  600. }
  601. .external-login-container .github-login {
  602. background-image:url("data:image/png;base64,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YzR4bXBFeHQvMjAwOC0wMi0yOS8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgIHhtbG5zOnBsdXM9Imh0dHA6Ly9ucy51c2VwbHVzLm9yZy9sZGYveG1wLzEuMC8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxNzhBMkI5OUEwMTFFMjlBMTVCQzEwNDZBODkwNEQiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODgyZmQ3ZmYtYmM0Ni00M2E4LTkzZDQtNzJlNDc4NjIyOTNlIgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzQwZmUyNTUtOGNmZi00Y2U5LWE1OTAtYjdkY2VkMjNiYjQ2IgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJXaW5kb3dzIgogICBHSU1QOlRpbWVTdGFtcD0iMTU5OTc0MjQzNjI5MDAxOCIKICAgR0lNUDpWZXJzaW9uPSIyLjEwLjIwIgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiPgogICA8aXB0Y0V4dDpMb2NhdGlvbkNyZWF0ZWQ+CiAgICA8cmRmOkJhZy8+CiAgIDwvaXB0Y0V4dDpMb2NhdGlvbkNyZWF0ZWQ+CiAgIDxpcHRjRXh0OkxvY2F0aW9uU2hvd24+CiAgICA8cmRmOkJhZy8+CiAgIDwvaXB0Y0V4dDpMb2NhdGlvblNob3duPgogICA8aXB0Y0V4dDpBcnR3b3JrT3JPYmplY3Q+CiAgICA8cmRmOkJhZy8+CiAgIDwvaXB0Y0V4dDpBcnR3b3JrT3JPYmplY3Q+CiAgIDxpcHRjRXh0OlJlZ2lzdHJ5SWQ+CiAgICA8cmRmOkJhZy8+CiAgIDwvaXB0Y0V4dDpSZWdpc3RyeUlkPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmYmE2MjhjZi1jNGQ1LTQ2OTQtODkxOS1jMjg1NGM0Yjg5OGYiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoV2luZG93cykiCiAgICAgIHN0RXZ0OndoZW49IjIwMjAtMDktMTBUMTQ6NTM6NTYiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogICA8eG1wTU06RGVyaXZlZEZyb20KICAgIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxNzhBMjk5OUEwMTFFMjlBMTVCQzEwNDZBODkwNEQiCiAgICBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1MTc4QTI4OTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIi8+CiAgIDxwbHVzOkltYWdlU3VwcGxpZXI+CiAgICA8cmRmOlNlcS8+CiAgIDwvcGx1czpJbWFnZVN1cHBsaWVyPgogICA8cGx1czpJbWFnZUNyZWF0b3I+CiAgICA8cmRmOlNlcS8+CiAgIDwvcGx1czpJbWFnZUNyZWF0b3I+CiAgIDxwbHVzOkNvcHlyaWdodE93bmVyPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6Q29weXJpZ2h0T3duZXI+CiAgIDxwbHVzOkxpY2Vuc29yPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6TGljZW5zb3I+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz7Yke/zAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AkKDDU4oIXybQAAAxZJREFUWMPN11+IF1UUB/DPThtluJYSd64EtVEUBBpm9lQPLVEh4ZL2EPTY9u8hCCwIe6gI1kCTiqAIeuxt1UqCIDEIpYfaFvLBinLRkmZ+iuUfwv7Y9nJ/NP6Y2WZ//RY6MA9zzr3f8z1n7jn3zJCWUnTKKzGOO7Ea12JpMp/FLL7CJ3g/hvxEG9yhFo7X4FlsxHBLvn9iF16OIZ/pi0DRKS/HdjzchmiDzOEdPB1Dfqo1gRT1zpTmQcgsNtVlY6jG+Rh2Y5nBymncH0O+r5FA0SnXYt8iOK+SGIshn+4qsorz5ZjqcX4oHabTfTrblTC6sgxTydeFBPAKRntAJmPINyFgAmWl7A7i0/QcTDppzQRC2jvZgzmafP3zCYpOeSs+r4libQz5lz2VsRLfxpD/1fP5MtyAn6onvuiUt2C6BntdDPkX3bre0pDGi6ovCbi2nBKhr/8NoyJbsDErOmXEhoZFNw3g4DVhbCg6ZcxSe61j+SP2DIDAHvzQkJnxDGMNG5+PIT/5X70njBcazGMZVtUYzqdOOCjZmTB7ZVVWU3pwrKl395mFUzhWYxrNsKTG8PsidME/anRLsobF+SIQCHXKDGdq9CNFpwyD8pywRmpMZzIcbth37wCjb8I6nDW0SdhcdMrhAUQ/jM0N5ukMexuMq7FtANFvS1h1sneo6JQjKHBZw6IpPBlDXiww8pV4HQ80LPkVsXsbvonHK4w/xEu4o1JC7+FjzGAmhvx8TarX4Wbcjftw8Twc34ohf6JL4Gp8g0vTIPkM3kh3/W09G3en+W6uh8BQso23SNA53BhDfjRLneootlZmhO1YgwdrLpIdvc4Txhx2tPxCW5PPCyaiSRyovL8YQz6bDtAEnsM9+Gwe4EMtnB+oTkm9Q2nEflyXVE/FkL+2gIN3BX6eZ8n3uL16oOvG8mtSaV6fVPvxAY4j4tUY8nN9EPgOd8WQH2nzY7IC7zZ0sOUx5L8skMBHeKhuvsjmGSLW45EUeb9yAo9ifdNw0+bndCkeS88KXBVD/lvD2kvSvX8Sb6daP+v/LH8DK5b3MVUbKO4AAAAASUVORK5CYII=")
  603. }
  604. .external-login-container .gitlab-login {
  605. background-image:url("data:image/png;base64,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")
  606. }
  607.  
  608. //
  609. .tabs>*:not(.current) a {
  610. margin-top: unset;
  611. padding-top: unset;
  612. }
  613. .tabs .current {
  614. border-top: none;
  615. }
  616. .tabs>*>* {
  617. padding: 0.25em .5em .5em!important;
  618. }
  619. .current {
  620. font-weight: bold;
  621. }
  622.  
  623. .PageControls {
  624. margin: 0px;
  625. }
  626.  
  627. #Content .HomepageTitle {
  628. border-top: none;
  629. margin: 0px;
  630. padding: 0px;
  631. }
  632.  
  633. img[src*="images/defaulticon.png"] {
  634. opacity: 0.5;
  635. }
  636.  
  637. if scrollbar {
  638. //chrome
  639. ::-webkit-scrollbar {
  640. width: 8px;
  641. background-color: rgba(0, 0, 0, 0);
  642. }
  643. ::-webkit-scrollbar-thumb {
  644. background-color: #444;
  645. }
  646. ::-webkit-scrollbar-thumb:hover {
  647. background: #777 !important;
  648. }
  649. ::-webkit-scrollbar-corner {
  650. background: #444;
  651. }
  652. //firefox
  653. html {
  654. scrollbar-color: #444 bg !important;
  655. scrollbar-width: thin !important;
  656. }
  657. }
  658.  
  659.  
  660. //ads
  661. div#cf, div#cf span.cf-wrapper {
  662. background-color: rgba(255, 255, 255, .03) !important;
  663. }
  664. div#cf span.cf-wrapper span.cf-text,
  665. div#cf span.cf-wrapper a.cf-text,
  666. div#cf span.cf-wrapper a.cf-powered-by {
  667. color: hsla(0,0%,100%,.7) !important;
  668. }
  669. div#cf span.cf-wrapper a.cf-text span.cf-cta {
  670. color: #fff !important;
  671. }
  672. #script-show-info-ad #carbonads {
  673. background-color: unset;
  674. }
  675.  
  676. }