API tools faq
paste
Advertisement
Jaizu85

Untitled

Jaizu85
Oct 17th, 2020
37
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.20 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2. --black-0: #060606;
  3. --black-1: #131313;
  4. --black-2: #181818;
  5. --black-3: #242424;
  6. --black-4: #333;
  7. --verde-standard: #19B89A;
  8. }
  9.  
  10. .message-responseRow {
  11. margin-top: -1px;
  12. background: var(--black-3);
  13. border: 1px solid var(--black-4);
  14. padding: 6px;
  15. }
  16.  
  17. .p-body-header {
  18. color: white;
  19. }
  20.  
  21. .input {
  22. font-size: 16px;
  23. color: white;
  24. border-width: 1px;
  25. border-style: solid;
  26. background: var(--black-3);
  27. border: 1px solid var(--black-4);
  28. border-radius: 3px;
  29. padding: 6px;
  30. display: block;
  31. width: 100%;
  32. line-height: 1.4;
  33. text-align: left;
  34. word-wrap: break-word;
  35. -webkit-appearance: none;
  36. -moz-appearance: none;
  37. appearance: none;
  38. -webkit-transition: all .25s ease;
  39. transition: all .25s ease;
  40. }
  41.  
  42. .message-signature span {
  43. color: white !important;
  44. }
  45.  
  46. .message-body span {
  47. color: white !important;
  48. }
  49.  
  50. .userBanner.userBanner--staff, .userBanner.userBanner--primary {
  51. color: white;
  52. background: var(--black-3);
  53. border-color: var(--black-4);
  54. }
  55.  
  56. .button.button--link, a.button.button--link {
  57. background: var(--black-3);
  58. color: var(--verde-standard);
  59. border-color: var(--black-4);
  60. }
  61.  
  62. .reaction--1 .reaction-text {
  63. color: var(--verde-standard);
  64. }
  65.  
  66. .memberHeader-separator {
  67. border-top: 1px solid var(--black-4);
  68. }
  69.  
  70. .header__small {
  71. background: var(--black-0);
  72. }
  73.  
  74. .header__main {
  75. background: var(--black-2);
  76. }
  77.  
  78. .p-pageWrapper {
  79. background: var(--black-3);
  80. }
  81.  
  82. .header__sections a.active:after {
  83. border-bottom: 10px solid var(--black-3);
  84. }
  85.  
  86. .block-header {
  87. background-color: var(--black-0);
  88. color: white;
  89. }
  90.  
  91. .block-container {
  92. color: white;
  93. background: var(--black-2);
  94. border: 1px solid var(--black-0);
  95. border-radius: 3px;
  96. }
  97.  
  98. .block-container .block-body>.node:nth-child(2n) {
  99. background-color: var(--black-2);
  100. }
  101.  
  102. .node-description {
  103. color: white;
  104. }
  105.  
  106. .reactionsBar {
  107. background: var(--black-3);
  108. border: 1px solid var(--black-2);
  109. }
  110. .node-title a {
  111. color: var(--verde-standard);
  112. }
  113.  
  114. a {
  115. color: var(--verde-standard);
  116. text-decoration: none;
  117. }
  118.  
  119. .block-minorHeader {
  120. background: var(--black-0);
  121. color: white;
  122. }
  123.  
  124. .node--unread .node-icon i:before {
  125. color: var(--verde-standard);
  126. }
  127.  
  128. .node-icon i:before {
  129. color: white;
  130. }
  131.  
  132. .node+.node {
  133. border-top: 1px solid #333;
  134. }
  135.  
  136. .label.label--primary {
  137. color: white;
  138. background: #111;
  139. border-color: #333;
  140. }
  141.  
  142. a.label.label--primary:hover, a:hover .label.label--primary {
  143. background: #151515 !important;
  144. border-color: #444;
  145. }
  146.  
  147. a:hover {
  148. color: #1DC7A7;
  149. }
  150.  
  151. .button, a.button {
  152. color: #edf6fd;
  153. background: #169B82;
  154. border-color: #169B82;
  155. }
  156.  
  157. .block-footer {
  158. color: white;
  159. background: var(--black-3);
  160. border-top: 1px solid var(--black-1);
  161. }
  162.  
  163. .block-filterBar {
  164. padding: 6px 10px;
  165. font-size: 15px;
  166. color: white;
  167. border-bottom: 1px solid var(--black-4);
  168. background: var(--black-1);
  169. }
  170.  
  171. .structItem {
  172. border-top: 1px solid var(--black-4);
  173. }
  174.  
  175. .stickySeparator {
  176. background: var(--black-3);
  177. }
  178.  
  179. .bbTable>table>thead>tr>td, .bbTable>table>tbody>tr>td {
  180. background: var(--black-3);
  181. border: 1px solid var(--black-4);
  182. }
  183.  
  184. .block--messages .message, .block--messages .block-row {
  185. color: #f7f7f7;
  186. background: var(--black-2);
  187. border-width: 1px;
  188. border-style: solid;
  189. border-color: var(--black-2);
  190. border-radius: 3px;
  191. }
  192.  
  193. .message-cell.message-cell--user, .message-cell.message-cell--action {
  194. position: relative;
  195. background: var(--black-1);
  196. border-right: 1px solid var(--black-1);
  197. min-width: 0;
  198. }
  199.  
  200. .message-userArrow {
  201. border-right-color: var(--black-2);
  202. }
  203.  
  204. .message-userArrow:after {
  205. border-right-color: var(--black-2);
  206. }
  207.  
  208. .message-attribution {
  209. border-bottom: 1px solid var(--black-4);
  210. }
  211.  
  212. .message-signature {
  213.  
  214. color: #969696;
  215. border-top: 1px solid var(--black-4);
  216. padding-top: 3px;
  217. }
  218.  
  219. .bbCodeBlock {
  220. margin: .75em 0;
  221. background: var(--black-3);
  222. border: 1px solid var(--black-4);
  223. border-left: 3px solid #d8861e;
  224. }
  225.  
  226. .bbCodeBlock-title {
  227. padding: 6px 10px;
  228. font-size: 15px;
  229. color: #d8861e;
  230. background: var(--black-2);
  231. }
  232.  
  233. .bbCodeBlock-expandLink {
  234. background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 80%);
  235. }
  236.  
  237. .memberHeader-main {
  238. background: var(--black-1);
  239. border-bottom: 1px solid var(--black-4);
  240. }
  241.  
  242. .block-tabHeader {
  243. color: white;
  244. background: #0d594b;
  245. border-bottom: 1px solid #d9d9d9;
  246. }
  247.  
  248. .fr-toolbar {
  249. color: white;
  250. background: var(--black-3);
  251. position: relative;
  252. z-index: 4;
  253. font-family: 'Source Sans Pro',sans-serif;
  254. -webkit-box-sizing: border-box;
  255. -moz-box-sizing: border-box;
  256. box-sizing: border-box;
  257. user-select: none;
  258. -o-user-select: none;
  259. -moz-user-select: none;
  260. -khtml-user-select: none;
  261. -webkit-user-select: none;
  262. -ms-user-select: none;
  263. padding: 0 1px;
  264. border-radius: 2px;
  265. -moz-border-radius: 2px;
  266. -webkit-border-radius: 2px;
  267. -moz-background-clip: padding;
  268. -webkit-background-clip: padding-box;
  269. background-clip: padding-box;
  270. -webkit-box-shadow: none;
  271. -moz-box-shadow: none;
  272. box-shadow: none;
  273. text-align: left;
  274. border: 1px solid var(--black-4);
  275. border-top: 3px solid var(--black-4);
  276. text-rendering: optimizelegibility;
  277. -webkit-font-smoothing: antialiased;
  278. -moz-osx-font-smoothing: grayscale;
  279. line-height: 1.2;
  280. }
  281.  
  282. .tabs--standalone {
  283. padding: 0;
  284. margin-bottom: 20px;
  285. font-weight: 400;
  286. border-width: 1px;
  287. border-style: solid;
  288. border-color: var(--black-4);
  289. font-size: 16px;
  290. color: white;
  291. background: var(--black-3);
  292. font-size: 0;
  293. }
  294.  
  295. .block-filterBar .filterBar-filterToggle {
  296. background: var(--black-3);
  297. }
  298.  
  299. .structItem.structItem--note {
  300. background: var(--black-3);
  301. color: white;
  302. }
  303.  
  304. .tabs--standalone .tabs-tab.is-active {
  305. color: #1DC7A7;
  306. border-color: #1DC7A7;
  307. }
  308.  
  309. .tabs--standalone .tabs-tab:hover {
  310. color: #1DC7A7;
  311. }
  312.  
  313. .pageNav-jump {
  314. display: inline-block;
  315. background: var(--black-2);
  316. color: white;
  317. border-color: var(--black-4);
  318. }
  319.  
  320. .block-tabHeader .tabs-tab.is-active {
  321. background: none;
  322. color: #edf6fd;
  323. border-color: #1DC7A7;
  324. }
  325.  
  326. .pageNav-page {
  327. display: table-cell;
  328. background: var(--black-2);
  329. color: white;
  330. border-color: var(--black-4);
  331. }
  332.  
  333. .pageNav-jump:hover, .pageNav-jump:active {
  334. background: var(--black-4);
  335. text-decoration: none;
  336. }
  337.  
  338. .block-filterBar .filterBar-filterToggle:hover, .block-filterBar .filterBar-menuTrigger:hover {
  339. text-decoration: none;
  340. background: var(--black-4);
  341. }
  342.  
  343. .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn {
  344. color: #f7f7f7
  345. }
  346.  
  347. .fr-box.fr-basic .fr-wrapper {
  348. background: var(--black-3);
  349. border: 1px solid var(--black-4);
  350. border-top: 0;
  351. top: 0;
  352. left: 0;
  353. }
  354.  
  355. .pageNav-page.pageNav-page--current {
  356. background: #99c4bc;;
  357. color: #000;
  358. border: 1px solid #015142;
  359. cursor: pointer;
  360. }
  361.  
  362. .fr-box.fr-basic .fr-element {
  363. color: white;
  364. }
  365.  
  366. .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn {
  367. color: #f7f7f7;
  368. }
  369.  
  370. .fr-separator {
  371. background: var(--black-4);
  372. }
  373.  
  374. .menu-content {
  375. margin: 0;
  376. padding: 0;
  377. list-style: none;
  378. text-align: left;
  379. font-size: 15px;
  380. color: white;
  381. background: var(--black-3);
  382. border-radius: 3px;
  383. border-top: 3px solid #1DC7A7;
  384. }
  385.  
  386. .menu-row.menu-row--clickable:hover{
  387. background: var(--black-4);
  388. color: white;
  389. }
  390.  
  391. .menu-linkRow {
  392. display: block;
  393. padding: 6px 15px 6px 12px;
  394. border-left: 3px solid transparent;
  395. color: white;
  396. text-decoration: none;
  397. }
  398.  
  399. .menu-row.menu-row--alt {
  400. color: white;
  401. background: var(--black-2);
  402. }
  403.  
  404. .button.is-disabled, a.button.is-disabled {
  405. color: white;
  406. background: var(--black-3);
  407. border-color: var(--black-4);
  408. }
  409.  
  410. .menu-tabHeader {
  411. color: white;
  412. background: var(--black-2);
  413. border-bottom: 1px solid var(--black-4);
  414. }
  415.  
  416. .menu-tabHeader .tabs-tab.is-active {
  417. color: #1DC7A7;
  418. border-color: #1DC7A7;
  419. }
  420.  
  421. .formRow>dt {
  422. border-right: 1px solid transparent;
  423. background: var(--black-2);
  424. border-color: var(--black-4);
  425. text-align: right;
  426. width: 33%;
  427. padding: 15px 10px 15px 10px;
  428. }
  429.  
  430. .button.button--scroll, a.button.button--scroll {
  431. background: #1dc7a7a1;
  432. padding: 0 8px;
  433. box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.25);
  434. }
  435.  
  436. .menu-header {
  437. padding: 6px 15px;
  438. margin: 0;
  439. font-weight: 400;
  440. text-decoration: none;
  441. font-size: 17px;
  442. color: #1DC7A7;
  443. background: var(--black-2);
  444. border-bottom: 1px solid var(--black-4);
  445. }
  446.  
  447. .menu-linkRow.is-selected,.menu-linkRow:hover,.menu-linkRow:focus{
  448. color:#1DC7A7;
  449. text-decoration:none;
  450. background: var(--black-4);
  451. border-left-color:#1dc7a7a1;
  452. }
  453.  
  454. .memberHeader-name {
  455. color: #1DC7A7;
  456. }
  457.  
  458. .blockLink.is-selected {
  459. font-weight: 600;
  460. background: var(--black-3);
  461. border-left: 3px solid #1DC7A7;
  462. padding-left: 7px;
  463. }
  464.  
  465. .smilieText {
  466. display: inline-block;
  467. padding: 2px 3px;
  468. min-width: 16px;
  469. text-align: center;
  470. vertical-align: text-bottom;
  471. border-radius: 3px;
  472. font-size: 13px;
  473. color: white;
  474. background: var(--black-3);
  475. border: 1px solid var(--black-4);
  476. }
  477.  
  478. .blockStatus {
  479. color: white;
  480. background: var(--black-2);
  481. border: 1px solid var(--black-3);
  482. border-left: 3px solid #d8861e;
  483. border-radius: 3px;
  484. margin: 0;
  485. padding: 6px 0;
  486. font-size: 15px;
  487. text-align: left;
  488. }
  489.  
  490. .menu-separator {
  491. margin: 0 7.5px;
  492. padding: 0;
  493. border: none;
  494. border-top: 1px solid var(--black-4);
  495. }
  496.  
  497. .p-navgroup-link.is-menuOpen {
  498. color: #edf6fd;
  499. text-decoration: none;
  500. background: #1dc7a7a1;
  501. box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
  502. opacity: 1;
  503. }
  504.  
  505. .menu-arrow {
  506. position: absolute;
  507. width: 0;
  508. height: 0;
  509. border: 0 solid transparent;
  510. top: -8px;
  511. left: 50%;
  512. margin-left: -8px;
  513. border: 8px solid transparent;
  514. border-top-width: 0;
  515. border-bottom-color: #1DC7A7;
  516. }
  517.  
  518. .menu-footer {
  519. color: white;
  520. background: var(--black-3);
  521. border-top: 1px solid var(--black-4);
  522. }
  523.  
  524. .block-body+.block-minorHeader {
  525. border-top: 1px solid var(--black-4);
  526. }
  527.  
  528. .block-minorTabHeader {
  529. padding: 0;
  530. margin: 0;
  531. font-weight: 400;
  532. font-size: 16px;
  533. color: #1DC7A7;
  534. background: var(--black-3);
  535. border-top: 1px solid var(--black-4);
  536. font-size: 0;
  537. }
  538.  
  539. .formSubmitRow-bar {
  540. position: absolute;
  541. top: 0;
  542. right: 0;
  543. bottom: 0;
  544. left: 0;
  545. background: var(--black-3);
  546. border-top: 1px solid var(--black-4);
  547. }
  548.  
  549. .inputGroup.inputGroup--joined .inputGroup-text {
  550. border-width: 1px;
  551. border-style: solid;
  552. border-top-color: var(--black-4);
  553. border-right-color: var(--black-4);
  554. border-bottom-color: var(--black-4);
  555. border-left-color: var(--black-4);
  556. background: var(--black-3);
  557. text-align: center;
  558. padding: 3px 6px;
  559. }
  560.  
  561. .subNodeLink.subNodeLink--unread:before {
  562. color: #1f8a76;
  563. }
  564.  
  565. .block-row.block-row--separated+.block-row {
  566. border-top: 1px solid var(--black-4);
  567. }
  568.  
  569. .pageNav-page:not(:first-child) {
  570. border-left-color: var(--black-4);
  571. }
  572.  
  573. .button.button--primary, a.button.button--primary {
  574. color: #fff;
  575. background: #1f8a76;
  576. min-width: 80px;
  577. border-color: #1f8a76;
  578. }
  579.  
  580. .button.button--primary:not(.button--splitTrigger):hover,a.button.button--primary:not(.button--splitTrigger):hover,.button.button--primary.button--splitTrigger>.button-text:hover,a.button.button--primary.button--splitTrigger>.button-text:hover,.button.button--primary.button--splitTrigger>.button-menu:hover,a.button.button--primary.button--splitTrigger>.button-menu:hover,.button.button--primary:not(.button--splitTrigger):focus,a.button.button--primary:not(.button--splitTrigger):focus,.button.button--primary.button--splitTrigger>.button-text:focus,a.button.button--primary.button--splitTrigger>.button-text:focus,.button.button--primary.button--splitTrigger>.button-menu:focus,a.button.button--primary.button--splitTrigger>.button-menu:focus,.button.button--primary:not(.button--splitTrigger):active,a.button.button--primary:not(.button--splitTrigger):active,.button.button--primary.button--splitTrigger>.button-text:active,a.button.button--primary.button--splitTrigger>.button-text:active,.button.button--primary.button--splitTrigger>.button-menu:active,a.button.button--primary.button--splitTrigger>.button-menu:active{
  581. background-color:#52cab4;
  582. }
  583.  
  584. .tooltip--reaction .tooltip-content {
  585. color: white;
  586. background: var(--black-3);
  587. padding: 0;
  588. text-align: center;
  589. border: 1px solid var(--black-4);
  590. border-radius: 6px;
  591. }
  592.  
  593. .overlay-title {
  594. display: none;
  595. margin: 0;
  596. font-weight: 400;
  597. font-size: 26px;
  598. color: #52cab4;
  599. background: var(--black-2);
  600. border-bottom: 1px solid var(--black-4);
  601. padding-top: 6px;
  602. padding-right: 10px;
  603. padding-bottom: 6px;
  604. padding-left: 10px;
  605. }
  606.  
  607. .block-minorTabHeader {
  608. color: #52cab4;
  609. border-bottom: 1px solid var(--black-4);
  610. }
  611.  
  612. .overlay {
  613. position: relative;
  614. margin: 40px auto 10px;
  615. margin-top: 4vh;
  616. width: 100%;
  617. max-width: 800px;
  618. background: #FFF;
  619. color: #353535;
  620. border-width: 1px;
  621. border-style: solid;
  622. border-color: var(--black-4);
  623. border-radius: 3px;
  624. box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5);
  625. outline: none;
  626. }
  627.  
  628. .structItem-pageJump a {
  629. color: white;
  630. background: var(--black-3);
  631. border: 1px solid var(--black-4);
  632. text-decoration: none;
  633. border-radius: 2px;
  634. padding: 0 3px;
  635. opacity: .5;
  636. -webkit-transition: all .25s ease;
  637. transition: all .25s ease;
  638. }
  639.  
  640. .input:focus, .input.is-focused {
  641. outline: 0;
  642. background: var(--black-4);
  643. }
  644.  
  645. .memberTooltip-header {
  646. display: table;
  647. table-layout: fixed;
  648. width: 100%;
  649. padding: 6px;
  650. background: var(--black-2);
  651. border-bottom: 1px solid var(--black-3);
  652. }
  653.  
  654. .tooltip--bookmark .tooltip-content, .tooltip--member .tooltip-content, .tooltip--share .tooltip-content {
  655. color: white;
  656. background: var(--black-2);
  657. border: 1px solid var(--black-4);
  658. }
  659.  
  660. .memberTooltip-separator {
  661. margin: -1px 6px 0;
  662. border: none;
  663. border-top: 1px solid var(--black-4);
  664. }
  665.  
  666. .memberTooltip-name {
  667. color: #52cab4;
  668. }
  669.  
  670. .tooltip--member.tooltip--bottom .tooltip-arrow {
  671. top: 0;
  672. left: 50%;
  673. margin-left: -11px;
  674. border: 11px solid transparent;
  675. border-top-width: 0;
  676. border-bottom-color: var(--black-4);
  677. }
  678.  
  679. .tooltip--member.tooltip--bottom .tooltip-arrow:after {
  680. border: 10px solid transparent;
  681. border-top-width: 0;
  682. border-bottom-color: var(--black-3);
  683. }
  684.  
  685. .tooltip--member.tooltip--top .tooltip-arrow:after {
  686. bottom: 1px;
  687. left: -10px;
  688. border: 10px solid transparent;
  689. border-bottom-width: 0;
  690. border-top-color: var(--black-3);
  691. }
  692.  
  693. .tooltip--member.tooltip--top .tooltip-arrow {
  694. border-top-color: var(--black-3);
  695. }
  696.  
  697. .button--link:hover,a.button.button--link:hover,.button.button--link:active,a.button.button--link:active,.button.button--link:focus,a.button.button--link:focus{
  698. background: var(--black-4);
  699. }
  700.  
  701. .fr-popup {
  702. background: var(--black-3);
  703. }
  704.  
  705. .formRow .iconic>i, .inputGroup .iconic>i, .inputChoices .iconic>i, .block-footer .iconic>i, .dataList-cell .iconic>i, .message-cell--extra .iconic>i, .formRow.dataList-cell--fa>a>i, .inputGroup.dataList-cell--fa>a>i, .inputChoices.dataList-cell--fa>a>i, .block-footer.dataList-cell--fa>a>i, .dataList-cell.dataList-cell--fa>a>i, .message-cell--extra.dataList-cell--fa>a>i {
  706. color: var(--verde-standard);
  707. }
  708.  
  709. .menu-row.menu-row--highlighted {
  710. color: white;
  711. background: #4a3333;
  712. }
  713.  
  714. .inputGroup.inputGroup--joined .inputGroup-text+.input {
  715. border-left: 1px solid var(--black-4);
  716. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!