Greasy Fork is available in English.

GreasyFork - Dark Theme

Customizable Dark theme For GreasyFork.org

目前為 2020-10-26 提交的版本,檢視 最新版本

  1. /* ==UserStyle==
  2. @name GreasyFork - Dark Theme
  3. @namespace https://greasyfork.org/en/users/124677-pabli
  4. @version 1.2.3
  5. @description Customizable Dark theme For GreasyFork.org
  6. @author Pabli
  7. @license CC-BY-SA-4.0
  8. @homepageURL https://greasyfork.org/en/scripts/395180-greasyfork-dark-theme
  9. @supportURL https://greasyfork.org/en/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") {
  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. // /stats script
  256. canvas {
  257. filter: invert(1) brightness(2);
  258. }
  259. //gallery
  260. .jslghtbx-contentwrapper>img {
  261. background: #000;
  262. }
  263. .jslghtbx-prev.jslghtbx-no-img {
  264. border-right-color: #aaa;
  265. }
  266. .jslghtbx-next.jslghtbx-no-img {
  267. border-left-color: #aaa;
  268. }
  269. // feedback
  270. .discussion-list-item {
  271. border-top: 1px solid rgba(255, 255, 255, .1);
  272. }
  273. .script-discussion-list .discussion-list-item:last-child {
  274. border-bottom: 1px solid rgba(255, 255, 255, .1);
  275. }
  276. .user-content {
  277. border-bottom: 1px solid rgba(255,255,255,0.1);
  278. border-left: none;
  279. background: bg-usercontent;
  280. }
  281. .script-list, .user-list, .text-content, .discussion-list {
  282. box-shadow: none;
  283. background-color: unset;
  284. border: none;
  285. }
  286. .discussion-list-logged-in .discussion-read {
  287. background-color: RGBA(255, 255, 255, 0.05);
  288. }
  289.  
  290. #version-note,
  291. #reported-note,
  292. #deleted-note {
  293. background-color: #333303;
  294. border:2px dotted #ff6969;
  295. }
  296. // history code
  297. .diff ul {
  298. background: #000;
  299. }
  300. .diff li:hover {
  301. background-color: rgba(255, 255, 255, .2) !important
  302. }
  303. .diff li.del, .diff del strong {
  304. background-color: rgba(255, 0, 0, .2);
  305. color: #fdd;
  306. }
  307. .diff li.ins, .diff ins strong {
  308. background-color: rgba(0, 255, 0, .2);
  309. color: #dfd;
  310. }
  311. .diff li.diff-block-info {
  312. background: none repeat scroll 0 0 #252525;
  313. }
  314.  
  315. .DiscussionForm label {
  316. color: t-2;
  317. }
  318.  
  319. .editor-fullpage #editor-fullpage-candidate,
  320. .editor-fullpage #editor-fullpage-candidate .editor {
  321. background-color: #000;
  322. }
  323.  
  324. code, .Message pre {
  325. background-color: #151515;
  326. }
  327. pre, code, .Message pre {
  328. border: 1px solid rgba(255, 255, 255, .1);
  329. }
  330.  
  331. if theme == Desert {
  332. /* desert scheme ported from vim to google prettify */
  333. pre.prettyprint, pre.prettyprinted, .Message pre ol { display: block; background-color: #333 }
  334. pre .nocode { background-color: none; color: #000 }
  335. pre .str { color: #ffa0a0 } /* string - pink */
  336. pre .kwd { color: #f0e68c; font-weight: bold }
  337. pre .com { color: #87ceeb } /* comment - skyblue */
  338. pre .typ { color: #98fb98 } /* type - lightgreen */
  339. pre .lit { color: #cd5c5c } /* literal - darkred */
  340. pre .pun { color: #fff } /* punctuation */
  341. pre .pln { color: #fff } /* plaintext */
  342. pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag - lightyellow */
  343. pre .atn { color: #bdb76b; font-weight: bold } /* attribute name - khaki */
  344. pre .atv { color: #ffa0a0 } /* attribute value - pink */
  345. pre .dec { color: #98fb98 } /* decimal - lightgreen */
  346.  
  347. /* Specify class=linenums on a pre to get line numbering */
  348. ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
  349. li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  350. /* Alternate shading for lines */
  351. li.L1,li.L3,li.L5,li.L7,li.L9 { }
  352. }
  353. else if theme == Sunburst {
  354. /* Pretty printing styles. Used with prettify.js. */
  355. /* Vim sunburst theme by David Leibovic */
  356. pre .str, code .str { color: #65B042; } /* string - green */
  357. pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */
  358. pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */
  359. pre .typ, code .typ { color: #89bdff; } /* type - light blue */
  360. pre .lit, code .lit { color: #3387CC; } /* literal - blue */
  361. pre .pun, code .pun { color: #fff; } /* punctuation - white */
  362. pre .pln, code .pln { color: #fff; } /* plaintext - white */
  363. pre .tag, code .tag { color: #89bdff; } /* html/xml tag - light blue */
  364. pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name - khaki */
  365. pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */
  366. pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
  367.  
  368. pre.prettyprint, code.prettyprint, , pre.prettyprinted, .Message pre ol {
  369. background-color: #000;
  370. border-radius: 8px;
  371. }
  372. /* Specify class=linenums on a pre to get line numbering */
  373. ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */
  374. li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  375. /* Alternate shading for lines */
  376. li.L1,li.L3,li.L5,li.L7,li.L9 { }
  377. }
  378. else if theme == Sons-Of-Obsidian {
  379. /*
  380. * Derived from einaros's Sons of Obsidian theme at
  381. * http://studiostyl.es/schemes/son-of-obsidian by
  382. * Alex Ford of CodeTunnel:
  383. * http://CodeTunnel.com/blog/post/71/google-code-prettify-obsidian-theme
  384. */
  385. .str { color: #EC7600; }
  386. .kwd { color: #93C763; }
  387. .com { color: #66747B; }
  388. .typ { color: #678CB1; }
  389. .lit { color: #FACD22; }
  390. .pun { color: #F1F2F3; }
  391. .pln { color: #F1F2F3; }
  392. .tag { color: #8AC763; }
  393. .atn { color: #E0E2E4; }
  394. .atv { color: #EC7600; }
  395. .dec { color: purple; }
  396. pre.prettyprint { border: 0px solid #888; }
  397. ol.linenums
  398. {
  399. margin-top: 0;
  400. margin-bottom: 0;
  401. }
  402. .prettyprint, , pre.prettyprinted, .Message pre ol {
  403. background: #000;
  404. }
  405. li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9
  406. {
  407. color: #555;
  408. list-style-type: decimal;
  409. }
  410. li.L1, li.L3, li.L5, li.L7, li.L9 {
  411. background: #111;
  412. }
  413. }
  414. else if theme == Doxy {
  415. /* Doxy pretty-printing styles. Used with prettify.js. */
  416. pre .str, code .str { color: #fec243; } /* string - eggyolk gold */
  417. pre .kwd, code .kwd { color: #8470FF; } /* keyword - light slate blue */
  418. pre .com, code .com { color: #32cd32; font-style: italic; } /* comment - green */
  419. pre .typ, code .typ { color: #6ecbcc; } /* type - turq green */
  420. pre .lit, code .lit { color: #d06; } /* literal - cherry red */
  421. pre .pun, code .pun { color: #8B8970; } /* punctuation - lemon chiffon4 */
  422. pre .pln, code .pln { color: #f0f0f0; } /* plaintext - white */
  423. pre .tag, code .tag { color: #9c9cff; } /* html/xml tag (bluey) */
  424. pre .htm, code .htm { color: #dda0dd; } /* html tag light purply*/
  425. pre .xsl, code .xsl { color: #d0a0d0; } /* xslt tag light purply*/
  426. pre .atn, code .atn { color: #46eeee; font-weight: normal;} /* html/xml attribute name - lt turquoise */
  427. pre .atv, code .atv { color: #EEB4B4; } /* html/xml attribute value - rosy brown2 */
  428. pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
  429. pre.prettyprint, code.prettyprint, pre.prettyprinted, .Message pre ol {
  430. font-family:'Droid Sans Mono','CPMono_v07 Bold','Droid Sans';
  431. font-weight: bold;
  432. font-size: 9pt;
  433. background-color: #0f0f0f;
  434. -moz-border-radius: 8px;
  435. -webkit-border-radius: 8px;
  436. -o-border-radius: 8px;
  437. -ms-border-radius: 8px;
  438. -khtml-border-radius: 8px;
  439. border-radius: 8px;
  440. } /* background is black (well, just a tad less dark ) */
  441. pre.prettyprint a, code.prettyprint a {
  442. text-decoration:none;
  443. }
  444. /* Specify class=linenums on a pre to get line numbering; line numbers themselves are the same color as punctuation */
  445. ol.linenums { margin-top: 0; margin-bottom: 0; color: #8B8970; } /* IE indents via margin-left */
  446. li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  447. /* Alternate shading for lines */
  448. li.L1,li.L3,li.L5,li.L7,li.L9 { }
  449. }
  450. if wrap {
  451. pre.prettyprint, pre code {
  452. word-break: break-word;
  453. overflow-wrap: break-word;
  454. white-space: pre-wrap;
  455. }
  456. }
  457. // ace theme tomorrow_night_bright
  458. // Enable syntax-highlighting source editor
  459. #ace-editor {
  460. border: 1px solid rgba(255, 255, 255, 0.1);
  461. }
  462. .ace_gutter {
  463. background: #1a1a1a !important;
  464. color: #DEDEDE !important;
  465. }
  466. .ace_print-margin {
  467. width: 1px !important;
  468. background: #1a1a1a !important;
  469. }
  470. .ace_editor {
  471. background-color: #000000 !important;
  472. color: #DEDEDE !important;
  473. }
  474. .ace_cursor {
  475. color: #9F9F9F !important;
  476. }
  477. .ace_marker-layer .ace_selection {
  478. background: #424242 !important;
  479. }
  480. .ace_multiselect .ace_selection.ace_start {
  481. box-shadow: 0 0 3px 0px #000000 !important;
  482. }
  483. .ace_marker-layer .ace_step {
  484. background: rgb(102, 82, 0) !important;
  485. }
  486. .ace_marker-layer .ace_bracket {
  487. margin: -1px 0 0 -1px !important;
  488. border: 1px solid #888888 !important;
  489. }
  490. .ace_marker-layer .ace_highlight {
  491. border: 1px solid rgb(110, 119, 0) !important;
  492. border-bottom: 0 !important;
  493. box-shadow: inset 0 -1px rgb(110, 119, 0) !important;
  494. margin: -1px 0 0 -1px !important;
  495. background: rgba(255, 235, 0, 0.1) !important;
  496. }
  497. .ace_marker-layer .ace_active-line {
  498. background: #2A2A2A !important;
  499. }
  500. .ace_gutter-active-line {
  501. background-color: #2A2A2A !important;
  502. }
  503. .ace_stack {
  504. background-color: rgb(66, 90, 44) !important;
  505. }
  506. .ace_marker-layer .ace_selected-word {
  507. border: 1px solid #888888 !important;
  508. }
  509. .ace_invisible {
  510. color: #343434 !important;
  511. }
  512. .ace_keyword,
  513. .ace_meta,
  514. .ace_storage,
  515. .ace_storage.ace_type,
  516. .ace_support.ace_type {
  517. color: #C397D8 !important;
  518. }
  519. .ace_keyword.ace_operator {
  520. color: #70C0B1 !important;
  521. }
  522. .ace_constant.ace_character,
  523. .ace_constant.ace_language,
  524. .ace_constant.ace_numeric,
  525. .ace_keyword.ace_other.ace_unit,
  526. .ace_support.ace_constant,
  527. .ace_variable.ace_parameter {
  528. color: #E78C45 !important;
  529. }
  530. .ace_constant.ace_other {
  531. color: #EEEEEE !important;
  532. }
  533. .ace_invalid {
  534. color: #CED2CF !important;
  535. background-color: #DF5F5F !important;
  536. }
  537. .ace_invalid.ace_deprecated {
  538. color: #CED2CF !important;
  539. background-color: #B798BF !important;
  540. }
  541.  
  542. .ace_fold {
  543. background-color: #7AA6DA !important;
  544. border-color: #DEDEDE !important;
  545. }
  546. .ace_entity.ace_name.ace_function,
  547. .ace_support.ace_function,
  548. .ace_variable {
  549. color: #7AA6DA !important;
  550. }
  551. .ace_support.ace_class,
  552. .ace_support.ace_type {
  553. color: #E7C547 !important;
  554. }
  555. .ace_heading,
  556. .ace_markup.ace_heading,
  557. .ace_string {
  558. color: #B9CA4A !important;
  559. }
  560. .ace_entity.ace_name.ace_tag,
  561. .ace_entity.ace_other.ace_attribute-name,
  562. .ace_meta.ace_tag,
  563. .ace_string.ace_regexp,
  564. .ace_variable {
  565. color: #D54E53 !important;
  566. }
  567. .ace_comment {
  568. color: #969896 !important;
  569. }
  570. .ace_c9searchresults.ace_keyword {
  571. color: #C2C280 !important;
  572. }
  573. .ace_indent-guide {
  574. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYFBXV/8PAAJoAXX4kT2EAAAAAElFTkSuQmCC') right repeat-y !important;
  575. }
  576.  
  577.  
  578. form.external-login-form,
  579. form.new_user {
  580. background-color: bg;
  581. border: none;
  582. }
  583. form.new_user input[type="text"], form.new_user input[type="email"], form.new_user input[type="password"] {
  584. color: texxt-color;
  585. background-color: textarea-color;
  586. border: 1px solid rgba(255, 255, 255, .1);
  587. box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  588. }
  589.  
  590. .external-login {
  591. border: 1px solid border-btn;
  592. background-repeat: no-repeat !important;
  593. background-size: 16px 16px !important;;
  594. background-position: 5px 2px !important;;
  595. }
  596. .external-login-container .github-login {
  597. 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=")
  598. }
  599. .external-login-container .gitlab-login {
  600. background-image:url("data:image/png;base64,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")
  601. }
  602.  
  603. //
  604. .tabs>*:not(.current) a {
  605. margin-top: unset;
  606. padding-top: unset;
  607. }
  608. .tabs .current {
  609. border-top: none;
  610. }
  611. .tabs>*>* {
  612. padding: 0.25em .5em .5em!important;
  613. }
  614. .current {
  615. font-weight: bold;
  616. }
  617.  
  618. .PageControls {
  619. margin: 0px;
  620. }
  621.  
  622. #Content .HomepageTitle {
  623. border-top: none;
  624. margin: 0px;
  625. padding: 0px;
  626. }
  627.  
  628. img[src*="images/defaulticon.png"] {
  629. opacity: 0.5;
  630. }
  631.  
  632. if scrollbar {
  633. //chrome
  634. ::-webkit-scrollbar {
  635. width: 8px;
  636. background-color: rgba(0, 0, 0, 0);
  637. }
  638. ::-webkit-scrollbar-thumb {
  639. background-color: #444;
  640. }
  641. ::-webkit-scrollbar-thumb:hover {
  642. background: #777 !important;
  643. }
  644. ::-webkit-scrollbar-corner {
  645. background: #444;
  646. }
  647. //firefox
  648. html {
  649. scrollbar-color: #444 bg !important;
  650. scrollbar-width: thin !important;
  651. }
  652. }
  653.  
  654.  
  655. //ads
  656. div#cf, div#cf span.cf-wrapper {
  657. background-color: rgba(255, 255, 255, .03) !important;
  658. }
  659. div#cf span.cf-wrapper span.cf-text,
  660. div#cf span.cf-wrapper a.cf-text,
  661. div#cf span.cf-wrapper a.cf-powered-by {
  662. color: hsla(0,0%,100%,.7) !important;
  663. }
  664. div#cf span.cf-wrapper a.cf-text span.cf-cta {
  665. color: #fff !important;
  666. }
  667. #script-show-info-ad #carbonads {
  668. background-color: unset;
  669. }
  670.  
  671. }