API tools faq
paste
Advertisement
T1cKz

CSS BlastHack PupleNeon Style

T1cKz
Jan 8th, 2022
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 79.51 KB | None | 0 0
raw download clone embed print report
  1. /* original colors:
  2. --color-white: #ffffff;
  3. --color-dark-white: #f5f5f5;
  4. --color-darkest-white: #dadada;
  5. --color-style: #e6b980;
  6. --color-style-glow: #e6b98085;
  7. --color-style-hover: #e2c49d;
  8. --background-main: #191919;
  9. --block-main: #212121;
  10. --block-main-darkest: #252525;
  11. --main-hover: #313131;
  12. --button-gradient-first: #e6b980;
  13. --button-gradient-second: #eacda3;
  14. --button-glow: #eacda366;
  15. --seperator: #1d1d1d;
  16. --header: #272727;
  17. */
  18. :root {
  19. --color-white: #ffffff;
  20. --color-white-glow: #ffffff85;
  21. --color-dark-white: #f5f5f5;
  22. --color-darkest-white: #dadada;
  23. --color-very-dark-white: #a9a9a9;
  24. --color-style: #e600ff;
  25. --color-style-glow: #e600ff85;
  26. --color-style-hover: #e600ff;
  27. --background-main: #19191970;
  28. --block-main: #21212190;
  29. --block-main-darkest: #25252570;
  30. --main-hover: #31313195;
  31. --button-gradient-first: #e600ff;
  32. --button-gradient-second: #e600ff;
  33. --button-glow: #e600ff6;
  34. --seperator: #1d1d1d88;
  35. --header: #27272788;
  36. }
  37. .lfs .tabGroup .structItem--lfsItem:hover {
  38. background: var(--block-main-darkest);
  39.  
  40. }
  41.  
  42. .fr-box.fr-basic {
  43. background: var(--block-main);
  44. }
  45.  
  46. .fr-box.fr-box.fr-basic.is-focused {
  47. background: var(--block-main);
  48. --input-border-heavy: var(--block-main);
  49. --input-border-light: var(--block-main);
  50. }
  51. .fr-box.fr-basic.is-focused .fr-toolbar.fr-top { background: var(--block-main); }
  52.  
  53. .fr-box.fr-basic.is-focused .fr-element .fr-top { background: var(--block-main); }
  54. .block--messages.block .message, .js-quickReply.block .message, .block--messages .block-row, .js-quickReply .block-row {
  55. background-color: var(--block-main);
  56. }
  57.  
  58. .subNodeLink.subNodeLink--unread:before, .subNodeLink.subNodeLink--unread .subNodeLink-icon {
  59. color: var(--color-style);
  60. text-shadow: var(--color-style) 0 0 10px;
  61. }
  62.  
  63. .notice.notice--accent .uix_noticeIcon, .notice-content {
  64. background: var(--block-main);
  65. }
  66.  
  67. .notice.notice--accent {
  68. border: none;
  69. }
  70.  
  71. .notice.notice--accent a:not(.button--notice) {
  72. color: var(--color-style);
  73. text-shadow: var(--color-style) 0 0 10px;
  74. }
  75.  
  76. .uix_pageWrapper--fixed {
  77. background-image: url(https://wallpapercave.com/wp/wp9139427.jpg)!important;
  78. background-attachment: fixed!important;
  79. background-repeat: no-repeat!important;
  80. background-size: cover!important;
  81. background-image: blur(8px)!important;
  82. }
  83.  
  84. .lfs .tabs .tab.is-selected {
  85. border-bottom-color: var(--color-style-hover);
  86. color: var(--color-style);
  87. }
  88.  
  89. .lfs .tabGroup .structItem--lfsItem.is-unread .structItem-cell--title a {
  90. color: var(--button-gradient-first);
  91. border-bottom-color: #000;
  92. font-weight: 700;
  93. }
  94. .lfs .tabGroup .structItem--lfsItem.is-unread .structItem-cell--title a:hover {
  95. color: var(--color-white);
  96. font-weight: 700;
  97. }
  98. .lfs .tabGroup {
  99. color: var(--color-white-glow);
  100. background: var(--block-main);
  101. border-width: 0;
  102. border-style: solid;
  103. border-top-color: #505662;
  104. border-right-color: #505662;
  105. border-bottom-color: #505662;
  106. border-left-color: #505662;
  107. border-radius: 8px;
  108. padding: 0;
  109. margin-right: 6px;
  110. display: -webkit-flex;
  111. display: flex;
  112. -webkit-flex-direction: column;
  113. flex-direction: column;
  114. flex: 1 1 100%;
  115. max-width: 100%;
  116. overflow: hidden;
  117. }
  118.  
  119. .message-cell {
  120. background-color: var(--block-main);
  121. }
  122. .block--messages .message-inner:last-of-type .message-cell:last-child, .js-quickReply .message-inner:last-of-type .message-cell:last-child
  123. {
  124. border-bottom-right-radius: 7px;
  125. background:var(--block-main);
  126. }
  127. /*logo*/
  128. .uix_logo {
  129. content: url(https://i.imgur.com/xtbj1af.png);
  130. max-height: calc(68px);
  131. transition: ease-in .1s max-height;
  132. max-width: 100%;
  133. height: auto;
  134. }
  135. /*logo*/
  136. .username--style5 { /*проверенные*/
  137. background: linear-gradient(90deg, #2A79E0, #205eaf);
  138. -webkit-background-clip: text;
  139. -webkit-text-fill-color: transparent;
  140. text-shadow: #2a79e096 0px 0px 10px;
  141. }
  142. .userBanner.userBanner--royalBlue {
  143. color: var(--color-white);
  144. border-color: transparent;
  145. background: linear-gradient(120deg, #3f61ca, #2265b9);
  146. border-radius: 8px;
  147. box-shadow: 0px 0px 10px 0 #4169e1;
  148. background-size: 601% 30%;
  149. }
  150. .username--style6 {
  151. /*друзья*/
  152. color: #00DD00;
  153. background: linear-gradient(90deg, #51b937 0%, #30de05 100%, #0095dd);
  154. -webkit-background-clip: text;
  155. -webkit-text-fill-color: transparent;
  156. text-shadow: 0px 0px 10px #4bff00b8;
  157. }
  158. .userBanner.userBanner--lightGreen {
  159. color: #000;
  160. background: linear-gradient(90deg, #45dc15 0%, #30de05 100%, #0095dd);
  161. border-radius: 8px;
  162. border-color: transparent;
  163. box-shadow: 0px 0px 10px #4bff00ba;
  164. }
  165. .username--style8 {
  166. /*bh team*/
  167. background: linear-gradient(45deg, #f1b64a, #bf7c00);
  168. -webkit-background-clip: text;
  169. -webkit-text-fill-color: transparent;
  170. text-shadow: #ffa500b8 0px 0px 10px;
  171. }
  172. .userBanner.userBanner--orange {
  173. color: #000;
  174. border-color: transparent;
  175. border-radius: 8px;
  176. background: linear-gradient(45deg, #f1b64a, #ffa500);
  177. box-shadow: #ffa500b8 0px 0px 10px;
  178. }
  179. .username--style3 {
  180. /*adm*/
  181. background: linear-gradient(45deg, #ff0000, #a50000);
  182. -webkit-background-clip: text;
  183. -webkit-text-fill-color: transparent;
  184. text-shadow: #ff0000ad 0px 0px 10px;
  185. }
  186. .username--style14 {
  187. /*модераторы*/
  188. background: linear-gradient(45deg, #11806a, #16b192);
  189. -webkit-background-clip: text;
  190. -webkit-text-fill-color: transparent;
  191. text-shadow: #11806a 0px 0px 10px;
  192. }
  193. .userBanner.userBanner--cyan {
  194. color: var(--color-white);
  195. background: linear-gradient(45deg, #11806a, #11816b);
  196. border-color: transparent;
  197. border-radius: 8px;
  198. box-shadow: 0px 0px 10px #11806a;
  199. }
  200. .username--style4 {
  201. /*всефорум*/
  202. background: linear-gradient(45deg, #17bb17, #1ca51c);
  203. -webkit-background-clip: text;
  204. -webkit-text-fill-color: transparent;
  205. text-shadow: #17bb17 0px 0px 10px;
  206. }
  207. .userBanner.userBanner--green {
  208. color: var(--color-white);
  209. background: linear-gradient(90deg, #1ca51c, #1ca51c);
  210. border-color: transparent;
  211. border-radius: 8px;
  212. box-shadow: 0px 0px 10px #1ca51c;
  213. }
  214. .username--deactivated {
  215. /*бичи*/
  216. color: #b3a2e0;
  217. text-decoration: line-through;
  218. }
  219. .username--style7 {
  220. text-decoration: line-through;
  221. background: linear-gradient(45deg, #000000, #000000);
  222. -webkit-background-clip: text;
  223. text-shadow: #000000 0px 0px 10px;
  224. }
  225.  
  226. /*дальше сам сайт*/
  227.  
  228. html {
  229. background: var(--background-main);
  230. }
  231. .p-nav {
  232. color: var(--color-white);
  233. font-weight: 400;
  234. background: var(--block-main);
  235. transition: ease-in-out .15s all;
  236. }
  237. .p-nav-list .p-navEl {
  238. font-size: 1.3rem;
  239. color: var(--header);
  240. text-decoration: none;
  241. text-transform: uppercase;
  242. line-height: 1;
  243. border-top-left-radius: 4px;
  244. border-top-right-radius: 4px;
  245. height: 80px;
  246. -webkit-transition: all .2s ease;
  247. transition: all .2s ease;
  248. }
  249. .p-nav-list .p-navEl.is-selected {
  250. color: var(--color-white);
  251. font-weight: 700;
  252. text-shadow: 0px 0px 10px var(--color-style-glow);
  253. transition: all .2s ease-in-out;
  254. }
  255. .p-nav-list .p-navEl.is-selected:after {
  256. position: absolute;
  257. bottom: 10px;
  258. left: 12px;
  259. right: 12px;
  260. height: 4px;
  261. border-radius: 8px;
  262. display: block;
  263. transition: ease-in .2s right;
  264. background: var(--block-main);
  265. box-shadow: 0 0px 10px 0 var(--color-white)75;
  266. }
  267. .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover, .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-splitTrigger:hover {
  268. text-decoration: none;
  269. transition: ease-in-out .2s right;
  270. color: var(--color-white);
  271. font-size: 1.3rem;
  272. }
  273. .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover {
  274. color: var(--color-white);
  275. text-decoration: none;
  276. }
  277. .p-nav-list .p-navEl:hover:after {
  278. position: absolute;
  279. bottom: 10px;
  280. left: 12px;
  281. right: 12px;
  282. height: 4px;
  283. border-radius: 8px;
  284. background: var(--block-main);
  285. display: block;
  286. transition: ease-in-out .2s right;
  287. }
  288. .p-navEl-splitTrigger {
  289. opacity: .75;
  290. }
  291. .fsp .tabGroup {
  292. color: var(--color-white);
  293. background: var(--color-style);
  294. border-width: 0;
  295. border-style: solid;
  296. border-top-color: transparent;
  297. border-right-color: transparent;
  298. border-bottom-color: transparent;
  299. border-left-color: transparent;
  300. border-radius: 0;
  301. padding: 8px;
  302. display: -webkit-flex;
  303. display: flex;
  304. -webkit-flex-direction: column;
  305. flex-direction: column;
  306. flex: 1 1 100%;
  307. -webkit-transition: all .25s ease;
  308. transition: all .25s ease;
  309. -webkit-transition-property: border margin;
  310. transition-property: border margin;
  311. margin-right: 2px;
  312. max-width: 100%;
  313. overflow: hidden;
  314. box-shadow: 0 4px 10px 0 var(--color-style) 75;
  315. }
  316. .fsp .tabs--list {
  317. font-size: 1.3rem;
  318. color: #eaeaea;
  319. background: var(--color-style);
  320. border-bottom: 1px solid #f9c2c4;
  321. margin-bottom: 5px;
  322. min-height: 27px;
  323. width: 100%;
  324. display: block;
  325. }
  326. .fsp .tabs .tab:not(.is-selected):hover {
  327. border-bottom: 3px solid var(--color-style);
  328. transition: all .2s ease-in-out;
  329. }
  330. .structItem-title a {
  331. color: #eaeaea;
  332. }
  333. .structItem-minor {
  334. font-size: 1.2rem;
  335. color: var(--color-white);
  336. }
  337. .fsp .structItem-counters {
  338. float: right;
  339. margin-left: 4px;
  340. color: var(--color-white);
  341. font-size: 1.2rem;
  342. }
  343. .fsp .changeLimit {
  344. color: var(--color-style);
  345. text-shadow: 0px 0px 10px var(--color-style-glow);
  346. background: transparent;
  347. position: absolute;
  348. top: 10px;
  349. right: 40px;
  350. z-index: 50;
  351. }
  352. .fsp .refreshButton {
  353. color: var(--color-style);
  354. text-shadow: 0px 0px 10px var(--color-style-glow);
  355. background: transparent;
  356. position: absolute;
  357. top: 10px;
  358. right: 15px;
  359. z-index: 50;
  360. }
  361. .block--category .block-header {
  362. display: flex;
  363. align-items: center;
  364. font-size: 1.6rem;
  365. color: var(--color-white);
  366. font-weight: 700;
  367. background: var(--color-style);
  368. border-bottom-width: 0;
  369. border-bottom-style: solid;
  370. padding: 16px;
  371. line-height: 1;
  372. background-size: cover;
  373. background-position: center;
  374. text-shadow: 0 0 1px rgba(0,0,0,0.7);
  375. position: relative;
  376. transition: ease-in .15s border-bottom-left-radius,ease-in .15s border-bottom-right-radius;
  377. }
  378. .block-container {
  379. color: var(--header);
  380. background: var(--color-style);
  381. border-width: 0;
  382. border-style: solid;
  383. border-top-color: transparent;
  384. border-right-color: transparent;
  385. border-bottom-color: transparent;
  386. border-left-color: transparent;
  387. border-radius: 8px;
  388. box-shadow: 0 4px 15px 0 rgba(0,0,0,0.2);
  389. }
  390. .node-body {
  391. table-layout: fixed;
  392. width: 100%;
  393. transition: all cubic-bezier(.4, 0, .2, 1) .15s;
  394. background: var(--color-style);
  395. overflow: hidden;
  396. border-radius: 8px;
  397. }
  398. .node-title a {
  399. color: var(--color-white);
  400. text-shadow: var(--color-white)a6 0px 0px 10px;
  401. }
  402. .node-subNodeFlatList>li a {
  403. color: var(--header);
  404. }
  405. .subNodeLink.subNodeLink--unread:before {
  406. color: var(--header);
  407. }
  408. .node--unread .node-icon i:before {
  409. opacity: 1;
  410. color: var(--color-style);
  411. text-shadow: 0px 0px 10px var(--color-style-glow);
  412. text-shadow: var(--color-style-glow) 75 0px 0px 10px;
  413. }
  414. .node-extra .node-extra-title:not(:hover) {
  415. color: var(--color-white);
  416. }
  417. .pairs>dt {
  418. padding: 0;
  419. margin: 0;
  420. color: var(--header);
  421. }
  422. .node-extra-row {
  423. overflow: hidden;
  424. white-space: nowrap;
  425. word-wrap: normal;
  426. text-overflow: ellipsis;
  427. color: var(--header);
  428. max-width: 100%;
  429. }
  430. .node-description {
  431. font-size: 1.2rem;
  432. color: #ccc;
  433. line-height: 1.5;
  434. }
  435. .block-container .uix_newIndicator {
  436. font-size: 12px;
  437. color: var(--color-white);
  438. background: var(--color-style);
  439. border-radius: 4px;
  440. padding-top: 1px;
  441. padding-right: 6px;
  442. padding-bottom: 3px;
  443. padding-left: 6px;
  444. box-shadow: 0 0px 15px 0 rgb(235, 46, 74);
  445. margin-left: 5px;
  446. }
  447. .label.label--primary {
  448. color: var(--color-white);
  449. background: var(--color-style);
  450. border-color: transparent;
  451. }
  452. .label {
  453. display: inline-block;
  454. padding: 1px .35em;
  455. border: 1px solid transparent;
  456. border-radius: 4px;
  457. font-size: 80%;
  458. line-height: 1.26;
  459. text-decoration: none;
  460. padding-bottom: 2px;
  461. }
  462. .node-stats>dl.pairs.pairs--rows {
  463. width: 50%;
  464. float: left;
  465. margin: 0;
  466. padding: 0 5px;
  467. border-right: 1px solid var(--color-style);
  468. }
  469. .subNodeLink:before {
  470. font-family: 'Font Awesome 5 Pro';
  471. font-style: normal;
  472. font-weight: 400;
  473. display: inline-block;
  474. font: normal normal normal 18px/1 "Material Design Icons";
  475. font-size: inherit;
  476. text-rendering: auto;
  477. line-height: 1;
  478. -webkit-font-smoothing: antialiased;
  479. -moz-osx-font-smoothing: grayscale;
  480. transform: translate(0, 0);
  481. width: auto !important;
  482. width: 1em;
  483. padding-right: .3em;
  484. text-decoration: none;
  485. color: var(--color-style);
  486. text-shadow: 0px 0px 10px var(--color-style-glow);
  487. }
  488. .block-minorHeader {
  489. padding: 10px 16px;
  490. margin: 0;
  491. font-weight: 400;
  492. text-decoration: none;
  493. font-size: 1.3rem;
  494. color: var(--color-style);
  495. text-shadow: 0px 0px 10px var(--color-style-glow);
  496. font-weight: 700;
  497. }
  498. .block[data-widget-id] .block-minorHeader:before, .p-body-sideNav .block-minorHeader:before, .p-body-sidebar .block-minorHeader:before, .uix_extendedFooterRow .block-minorHeader:before, .columnContainer-sidebar .block-minorHeader:before, .block[data-widget-id] .block-header:before, .p-body-sideNav .block-header:before, .p-body-sidebar .block-header:before, .uix_extendedFooterRow .block-header:before, .columnContainer-sidebar .block-header:before {
  499. font-size: 18px !important;
  500. padding-right: 10px;
  501. color: var(--color-style);
  502. text-shadow: 0px 0px 10px var(--color-style-glow);
  503. background-image: url(https://c.wallhere.com/images/43/00/afe6133f9a31547c35170733da64-1954757.jpg!d)!important;
  504. }
  505. .uix_nodeList .block-container {
  506. border-width: 0;
  507. border-style: solid;
  508. box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
  509. }
  510. .uix_nodeList .block-container {
  511. border-width: 0;
  512. border-style: solid;
  513. box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
  514. }
  515. .fsp .tabs--list {
  516. font-size: 1.3rem;
  517. background: var(--block-main);
  518. color: var(--color-dark-white);
  519. border-bottom: 1px solid #f42c4a61;
  520. margin-bottom: 5px;
  521. min-height: 27px;
  522. width: 100%;
  523. display: block;
  524. }
  525. .structItem-title a {
  526. color: var(--color-dark-white);
  527. }
  528. .fsp .structItem-counters {
  529. float: right;
  530. margin-left: 4px;
  531. color: var(--color-dark-white);
  532. font-size: 1.2rem;
  533. }
  534. .structItem-status--watched::before {
  535. color: var(--color-style);
  536. text-shadow: 0px 0px 10px var(--color-style-glow);
  537. text-shadow: 0px 0px 10px var(--color-style-glow);;
  538. content: "\f06e";
  539. display: inline-block;
  540. font: normal normal normal 18px/1 "Material Design Icons";
  541. font-size: inherit;
  542. text-rendering: auto;
  543. line-height: 1;
  544. -webkit-font-smoothing: antialiased;
  545. -moz-osx-font-smoothing: grayscale;
  546. transform: translate(0, 0);
  547. width: auto !important;
  548. content: 'watched';
  549. content: '\f208';
  550. text-shadow: var(--color-style-glow) 75 0px 0px 10px;
  551. }
  552. .block-container {
  553. color: var(--color-dark-white);
  554. background: var(--block-main);
  555. border-width: 0;
  556. border-style: solid;
  557. border-top-color: transparent;
  558. border-right-color: transparent;
  559. border-bottom-color: transparent;
  560. border-left-color: transparent;
  561. border-radius: 8px;
  562. box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
  563. }
  564. .node-body {
  565. table-layout: fixed;
  566. width: 100%;
  567. transition: all cubic-bezier(.4, 0, .2, 1) .15s;
  568. background: var(--block-main);
  569. overflow: hidden;
  570. border-radius: 8px;
  571. }
  572. .node-title a {
  573. color: var(--color-style);
  574. text-shadow: 0px 0px 10px var(--color-style-glow);
  575. text-shadow: var(--color-style-glow) 78 0px 0px 10px;
  576. }
  577. .fsp .tabGroup {
  578. color: var(--color-dark-white);
  579. background: var(--block-main);
  580. border-width: 0;
  581. border-style: solid;
  582. border-top-color: transparent;
  583. border-right-color: transparent;
  584. border-bottom-color: transparent;
  585. border-left-color: transparent;
  586. border-radius: 0;
  587. padding: 8px;
  588. display: -webkit-flex;
  589. display: flex;
  590. -webkit-flex-direction: column;
  591. flex-direction: column;
  592. flex: 1 1 100%;
  593. -webkit-transition: all .25s ease;
  594. transition: all .25s ease;
  595. -webkit-transition-property: border margin;
  596. transition-property: border margin;
  597. margin-right: 2px;
  598. max-width: 100%;
  599. overflow: hidden;
  600. box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
  601. }
  602. .pairs>dt {
  603. padding: 0;
  604. margin: 0;
  605. color: var(--color-dark-white);
  606. }
  607. .node-extra-row {
  608. overflow: hidden;
  609. white-space: nowrap;
  610. word-wrap: normal;
  611. text-overflow: ellipsis;
  612. color: var(--color-dark-white);
  613. max-width: 100%;
  614. }
  615. .node-extra .node-extra-title:not(:hover) {
  616. color: var(--color-style);
  617. text-shadow: 0px 0px 10px var(--color-style-glow);
  618. }
  619. .node-subNodeFlatList>li a {
  620. color: var(--color-dark-white);
  621. }
  622. .subNodeLink:before {
  623. font-family: 'Font Awesome 5 Pro';
  624. font-style: normal;
  625. font-weight: 400;
  626. display: inline-block;
  627. font: normal normal normal 18px/1 "Material Design Icons";
  628. font-size: inherit;
  629. text-rendering: auto;
  630. line-height: 1;
  631. -webkit-font-smoothing: antialiased;
  632. -moz-osx-font-smoothing: grayscale;
  633. transform: translate(0, 0);
  634. width: auto !important;
  635. width: 1em;
  636. padding-right: .3em;
  637. text-decoration: none;
  638. color: var(--color-dark-white);
  639. }
  640. .subNodeLink.subNodeLink--unread:before {
  641. color: var(--color-style);
  642. text-shadow: 0px 0px 10px var(--color-style-glow);
  643. }
  644. .node-description {
  645. font-size: 1.2rem;
  646. color: #7d7d7d;
  647. line-height: 1.5;
  648. }
  649. .uix_sidebarInner:not(.offCanvasMenu-content) .block .block-body {
  650. color: var(--color-dark-white);
  651. background: var(--block-main);
  652. border-width: 0;
  653. border-style: solid;
  654. border-top-color: transparent;
  655. border-right-color: transparent;
  656. border-bottom-color: transparent;
  657. border-left-color: transparent;
  658. border-radius: 8px;
  659. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  660. }
  661. .block-footer {
  662. padding: 10px 16px;
  663. font-size: 1.2rem;
  664. color: var(--color-white);
  665. background: var(--color-style);
  666. border-top: transparent;
  667. padding-top: 10px;
  668. padding-bottom: 10px;
  669. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  670. }
  671. .username {
  672. color: var(--color-dark-white);
  673. }
  674. .badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted:after {
  675. display: inline-block;
  676. color: #f22c4a;
  677. background: var(--block-main);
  678. }
  679. .p-navgroup-link.badgeContainer:after {
  680. position: absolute;
  681. right: 1px;
  682. top: 2px;
  683. padding: 0px 4.5px;
  684. margin: 0;
  685. font-size: 10px;
  686. line-height: 14px;
  687. border-color: #f22c4a;
  688. border-width: 1px;
  689. border-style: solid;
  690. border-radius: 16px;
  691. }
  692. .p-footer {
  693. display: flex;
  694. flex-direction: column;
  695. font-size: 1.2rem;
  696. color: var(--color-dark-white);
  697. background: var(--color-style);
  698. }
  699. .uix_socialMedia li a {
  700. margin: 6px;
  701. line-height: 1;
  702. display: inline-block;
  703. font-size: 22px;
  704. color: var(--color-white);
  705. }
  706. .u-concealed, .u-concealed a, .u-cloaked, .u-cloaked a, .u-concealed--icon, .u-concealed--icon a {
  707. text-decoration: inherit !important;
  708. color: var(--color-white) !important;
  709. }
  710. a {
  711. color: var(--color-white);
  712. text-decoration: none;
  713. }
  714. .p-footer-copyrightRow {
  715. order: 20;
  716. color: var(--color-white);
  717. padding-top: 16px;
  718. padding-bottom: 16px;
  719. }
  720. .p-footer-inner {
  721. order: 30;
  722. padding-top: 10px;
  723. padding-bottom: 10px;
  724. background: var(--color-style);
  725. padding-top: 0;
  726. }
  727. .p-footer-linkList.p-footer-choosers a {
  728. margin: 6px;
  729. color: var(--color-white);
  730. border: transparent;
  731. background: var(--color-style);
  732. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  733. }
  734. .p-footer-inner a {
  735. color: var(--color-white);
  736. }
  737. .p-footer-rssLink>span {
  738. position: relative;
  739. top: -1px;
  740. display: inline-block;
  741. width: 1.44em;
  742. height: 1.44em;
  743. line-height: 1.44em;
  744. text-align: center;
  745. font-size: .8em;
  746. background-color: transparent;
  747. border-radius: 2px;
  748. }
  749. .button.button--scroll:active, a.button.button--scroll:active {
  750. background: var(--color-style-hover);
  751. }
  752. .button.button--scroll:hover, a.button.button--scroll:hover, .button.button--scroll:focus, a.button.button--scroll:focus {
  753. color: var(--color-white);
  754. box-shadow: 0 4px 15px 0 rgba(0,0,0,0.2);
  755. background: var(--color-style-hover);
  756. }
  757. a[data-nav-id="siropuChat"] .badge--highlighted {
  758. background: transparent;
  759. color: transparent;
  760. }
  761. .badge, .badgeContainer:after {
  762. padding: 0px;
  763. margin: 0px
  764. }
  765. .memberHeader-main {
  766. background: var(--header);
  767. border-bottom: none;
  768. }
  769. .button.button--link, a.button.button--link {
  770. font-size: 1.2rem;
  771. padding: 0;
  772. padding-right: 8px;
  773. padding-left: 8px;
  774. height: 28px;
  775. line-height: 28px;
  776. background: var(--color-style);
  777. border: 1px solid transparent;
  778. text-transform: initial;
  779. }
  780. .button, a.button {
  781. color: var(--color-white);
  782. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  783. }
  784. .memberHeader-separator {
  785. margin: 16px 0;
  786. border: none;
  787. border-top: 1px solid var(--seperator);
  788. }
  789. .u-concealed, .u-concealed a, .u-cloaked, .u-cloaked a, .u-concealed--icon, .u-concealed--icon a {
  790. text-decoration: var(--color-darkest-white) !important;
  791. color: var(--color-darkest-white) !important;
  792. }
  793. .block-tabHeader .tabs-tab.is-active {
  794. background: none;
  795. color: var(--color-style);
  796. text-shadow: 0px 0px 10px var(--color-style-glow);
  797. border-color: var(--color-style);
  798. }
  799. .tabs-tab {
  800. display: inline-block;
  801. cursor: pointer;
  802. white-space: nowrap;
  803. color: var(--color-darkest-white);
  804. }
  805. .block--messages .message, .js-quickReply .message, .block--messages .block-row, .js-quickReply .block-row {
  806. color: var(--color-darkest-white);
  807. background: var(--block-main);
  808. border-width: 0;
  809. border-style: solid;
  810. border-top-color: #505662;
  811. border-right-color: #505662;
  812. border-bottom-color: #505662;
  813. border-left-color: #505662;
  814. border-radius: 8px;
  815. border-radius: 0;
  816. border: none;
  817. }
  818. .message-cell.message-cell--user, .message-cell.message-cell--action {
  819. position: relative;
  820. background: var(--block-main);
  821. border-right: 0 solid;
  822. min-width: 0;
  823. }
  824. .message:not(:last-child):after {
  825. content: '';
  826. position: absolute;
  827. bottom: 0;
  828. left: 16px;
  829. right: 16px;
  830. height: 4px;
  831. border-radius: 8px;
  832. background: var(--header);
  833. display: block;
  834. }
  835. .input {
  836. font-size: 1.3rem;
  837. color: var(--color-darkest-white);
  838. background: var(--header);
  839. border-width: 0;
  840. border-style: solid;
  841. border-top-color: #d1d5da;
  842. border-right-color: #505662;
  843. border-bottom-color: #505662;
  844. border-left-color: #505662;
  845. border-radius: 8px;
  846. padding: 6px;
  847. display: block;
  848. width: 100%;
  849. line-height: 1.4;
  850. text-align: left;
  851. word-wrap: break-word;
  852. -webkit-appearance: none;
  853. -moz-appearance: none;
  854. appearance: none;
  855. -webkit-transition: all .2s ease;
  856. transition: all .2s ease;
  857. }
  858. .message-responses .message-responseRow {
  859. border: none;
  860. border-bottom: 1px solid var(--block-main-darkest);
  861. }
  862. .message-responseRow {
  863. margin-top: -1px;
  864. background: var(--block-main-darkest);
  865. border: 1px solid #505662;
  866. padding: 16px;
  867. }
  868. a {
  869. color: var(--color-darkest-white);
  870. text-decoration: none;
  871. }
  872. .reactionsBar .reactionSummary>li, .message-responseRow .reactionSummary>li {
  873. background: transparent;
  874. }
  875. .notice.notice--primary {
  876. color: var(--color-darkest-white);
  877. background: var(--block-main);
  878. border: 2px solid transparent;
  879. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  880. }
  881. .notice.notice--primary .uix_noticeIcon {
  882. background: var(--color-style);
  883. border: 0px solid transparent;
  884. border-radius: 10px 10px 10px 10px;
  885. }
  886. .notices .uix_noticeIcon {
  887. display: flex;
  888. align-items: center;
  889. padding: 0px 10px;
  890. color: rgba(255,255,255,0.5);
  891. font-size: 24px;
  892. }
  893. .p-body-header .p-title-value {
  894. padding: 0;
  895. margin: 0 0 3px 0;
  896. font-size: 3.6rem;
  897. font-weight: 400;
  898. margin-right: auto;
  899. min-width: 0;
  900. font-size: 2em;
  901. color: var(--color-darkest-white);
  902. font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
  903. }
  904. .p-breadcrumbs>li:last-child a {
  905. font-weight: 700;
  906. color: var(--color-darkest-white);
  907. }
  908. .p-breadcrumbs>li a {
  909. display: inline-block;
  910. vertical-align: bottom;
  911. max-width: 300px;
  912. overflow: hidden;
  913. white-space: nowrap;
  914. word-wrap: normal;
  915. text-overflow: ellipsis;
  916. color: var(--color-darkest-white);
  917. }
  918. .p-breadcrumbs {
  919. color: var(--color-style);
  920. }
  921. .button.button--cta, a.button.button--cta {
  922. color: var(--color-white);
  923. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  924. border: none;
  925. background: linear-gradient(#ff2a4a, var(--color-style) );
  926. border-color: transparent;
  927. }
  928. .p-body-header .p-description {
  929. margin: 0;
  930. padding: 0;
  931. font-size: inherit;
  932. color: var(--color-darkest-white);
  933. }
  934. .pageNav-page>a {
  935. display: block;
  936. padding: 0 8px;
  937. text-decoration: none;
  938. color: var(--color-white);
  939. }
  940. .pageNav-page.pageNav-page--current {
  941. box-shadow: none;
  942. background: var(--color-style);
  943. color: var(--color-white);
  944. border-color: transparent;
  945. }
  946. .pageNav-page:not(:first-child) {
  947. border-left-color: var(--block-main);
  948. }
  949. .pageNav-page {
  950. display: table-cell;
  951. background: var(--block-main);
  952. color: #959fb4;
  953. border-width: 0;
  954. border-style: solid;
  955. border-top-color: #505662;
  956. border-right-color: #505662;
  957. border-bottom-color: #505662;
  958. border-left-color: #505662;
  959. border-radius: 0;
  960. border: 1px solid var(--block-main);
  961. white-space: nowrap;
  962. height: 24px;
  963. line-height: 24px;
  964. }
  965. .pageNav-jump {
  966. background: var(--block-main);
  967. color: var(--color-white);
  968. border: 1px solid var(--block-main);
  969. line-height: 24px;
  970. }
  971. .message .reactionsBar {
  972. margin-top: 16px;
  973. background: var(--header);
  974. border-width: 0;
  975. border-style: solid;
  976. border-radius: 20px;
  977. padding: 16px;
  978. padding-top: 10px;
  979. padding-bottom: 10px;
  980. margin: 0 0 16px;
  981. }
  982. .bbCodeSpoiler-button {
  983. border: 1px solid transparent;
  984. min-height: 30px;
  985. line-height: 1em;
  986. background: var(--color-style);
  987. }
  988. .message-lastEdit {
  989. margin-top: .5em;
  990. color: var(--color-darkest-white);
  991. font-size: 1.1rem;
  992. text-align: right;
  993. padding: 0 16px 16px;
  994. }
  995. .message-signature {
  996. margin-top: 16px;
  997. font-size: 1.2rem;
  998. color: var(--color-darkest-white);
  999. border-top: 1px solid var(--header);
  1000. padding-top: 16px;
  1001. padding-bottom: 16px;
  1002. margin-top: 0;
  1003. }
  1004. .bbCodeBlock {
  1005. margin: .75em 0;
  1006. background: var(--header);
  1007. border: 0px solid transparent;
  1008. border-left: 2px solid var(--color-style);
  1009. }
  1010. .bbCodeBlock-title {
  1011. padding: 10px 16px;
  1012. font-size: 1.2rem;
  1013. color: var(--color-white);
  1014. background: var(--color-style);
  1015. }
  1016. .message-signature--expandable .uix_signatureExpand {
  1017. padding-bottom: 16px;
  1018. background: linear-gradient(to bottom, rgba(49,55,66,0), var(--color-white) 40%);
  1019. text-align: center;
  1020. display: flex;
  1021. justify-content: center;
  1022. align-items: flex-end;
  1023. height: 60px;
  1024. position: absolute;
  1025. bottom: 0;
  1026. left: 0;
  1027. right: 0;
  1028. color: var(--color-style);
  1029. text-shadow: 0px 0px 10px var(--color-style-glow);
  1030. }
  1031. .notices .uix_noticeIcon {
  1032. display: flex;
  1033. align-items: center;
  1034. padding: 0px 10px;
  1035. color: rgb(255, 255, 255);
  1036. font-size: 24px;
  1037. }
  1038. .reaction--1 .reaction-text {
  1039. color: var(--color-style);
  1040. text-shadow: 0px 0px 10px var(--color-style-glow);
  1041. }
  1042. .blockMessage.blockMessage--error {
  1043. border-left: 2px solid var(--color-style);
  1044. background: #e6e9ec;
  1045. color: var(--color-darkest-white);
  1046. }
  1047. .blockMessage {
  1048. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  1049. }
  1050. .fr-toolbar {
  1051. background: var(--header);
  1052. border: 0px solid transparent;
  1053. border-top: 2px solid var(--color-style);
  1054. }
  1055. .fr-box.fr-basic .fr-wrapper {
  1056. background: #dfe1e5;
  1057. border: 1px solid var(--header);
  1058. border-top: 0;
  1059. top: 0;
  1060. left: 0;
  1061. }
  1062. .fr-box.fr-basic .fr-element {
  1063. color: var(--color-darkest-white);
  1064. }
  1065. .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn {
  1066. color: var(--color-darkest-white);
  1067. }
  1068. .fr-wrapper .fr-placeholder {
  1069. color: var(--color-darkest-white);
  1070. }
  1071. .button.button--primary, a.button.button--primary {
  1072. color: var(--color-white);
  1073. background: var(--color-style-hover);
  1074. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  1075. border: none;
  1076. border-color: #496f86;
  1077. }
  1078. .button, a.button {
  1079. color: var(--color-white);
  1080. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  1081. background: var(--color-style);
  1082. }
  1083. .bbCodeBlock--code .bbCodeBlock-content {
  1084. background-color: var(--header);
  1085. color: var(--color-darkest-white);
  1086. }
  1087. .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header {
  1088. display: flex;
  1089. justify-content: center;
  1090. align-items: center;
  1091. flex-wrap: wrap;
  1092. background: var(--color-style);
  1093. border-bottom: 0px solid var(--color-style);
  1094. }
  1095. .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action:active {
  1096. transition: color 0s;
  1097. color: #e0e0e0;
  1098. }
  1099. .message-signature {
  1100. margin-top: 16px;
  1101. font-size: 1.2rem;
  1102. color: var(--color-white);
  1103. border-top: 1px solid var(--header);
  1104. padding-top: 16px;
  1105. padding-bottom: 16px;
  1106. margin-top: 0;
  1107. }
  1108. .structItem--thread:hover {
  1109. background-color: var(--header);
  1110. }
  1111. .structItem-title a:hover {
  1112. color: var(--color-style-hover);
  1113. }
  1114. .node-body:hover {
  1115. background: var(--block-main-darkest);
  1116. position: relative;
  1117. cursor: pointer;
  1118. }
  1119. .node--depth2:nth-child(even) .node-body:hover {
  1120. background: #dedede;
  1121. position: relative;
  1122. }
  1123. .structItem-minor {
  1124. font-size: 1.2rem;
  1125. color: var(--color-darkest-white);
  1126. }
  1127. .memberOverviewBlock-seeMore {
  1128. background: var(--header);
  1129. border: 0px solid #505662;
  1130. padding: 4px;
  1131. text-align: center;
  1132. margin-top: auto;
  1133. }
  1134. .block-header {
  1135. padding: 10px 16px;
  1136. margin: 0;
  1137. font-weight: 400;
  1138. text-decoration: none;
  1139. font-size: 1.6rem;
  1140. color: var(--color-style);
  1141. text-shadow: 0px 0px 10px var(--color-style-glow);
  1142. background: transparent;
  1143. border-bottom: 0px solid #505662;
  1144. }
  1145. .blockLink.is-selected {
  1146. color: lighter(#3b596c);
  1147. font-weight: 700;
  1148. background: var(--header);
  1149. border-left: 0px solid #3b596c;
  1150. padding-left: 14px;
  1151. }
  1152. .blockLink {
  1153. display: block;
  1154. padding: 5px 16px;
  1155. color: var(--color-darkest-white);
  1156. text-decoration: none;
  1157. background: var(--block-main);
  1158. cursor: pointer;
  1159. }
  1160. .siropuChatMessageText {
  1161. color: var(--color-darkest-white);
  1162. }
  1163. #siropuChatEditor .fr-wrapper {
  1164. background: var(--header);
  1165. border-width: 0;
  1166. border-style: solid;
  1167. }
  1168. #siropuChatEditor .fr-toolbar {
  1169. border-top: 1px solid var(--color-white);
  1170. border-right-width: 0;
  1171. border-right-style: solid;
  1172. border-bottom: 1px solid var(--seperator);
  1173. border-left-width: 0;
  1174. border-left-style: solid;
  1175. }
  1176. .fr-separator {
  1177. background: var(--seperator);
  1178. display: block;
  1179. vertical-align: top;
  1180. float: left;
  1181. }
  1182. #siropuChatTabs {
  1183. display: flex;
  1184. flex-wrap: wrap;
  1185. align-items: center;
  1186. border-bottom: 1px solid var(--seperator);
  1187. padding-right: 10px;
  1188. padding-left: 10px;
  1189. }
  1190. #siropuChatTabs a {
  1191. font-size: 14px;
  1192. color: var(--color-dark-white);
  1193. padding-top: 10px;
  1194. padding-bottom: 10px;
  1195. }
  1196. #siropuChatTabs a.siropuChatActiveTab {
  1197. color: var(--color-dark-white);
  1198. font-weight: 700;
  1199. }
  1200. .siropuChatUsers {
  1201. border-left: 0px solid #505662;
  1202. }
  1203. .siropuChatRoom::-webkit-scrollbar-thumb {
  1204. background-color: var(--color-style);
  1205. border-radius: 8px;
  1206. }
  1207. .siropuChatRoom::-webkit-scrollbar-track {
  1208. box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  1209. border-radius: 8px;
  1210. margin: 8px;
  1211. }
  1212. .overlay-title {
  1213. display: none;
  1214. margin: 0;
  1215. font-weight: 400;
  1216. font-size: 1.8rem;
  1217. color: var(--color-white);
  1218. background: var(--color-style);
  1219. border-bottom: 0px solid transparent;
  1220. padding-top: 10px;
  1221. padding-right: 16px;
  1222. padding-bottom: 10px;
  1223. padding-left: 16px;
  1224. }
  1225. .block-row.block-row--separated+.block-row {
  1226. border-top: 1px solid var(--seperator);
  1227. }
  1228. .block-textHeader {
  1229. margin: 5px 0;
  1230. padding: 0;
  1231. font-weight: 400;
  1232. font-size: 1.6rem;
  1233. color: var(--color-style);
  1234. text-shadow: 0px 0px 10px var(--color-style-glow);
  1235. }
  1236. .menu-content {
  1237. margin: 0;
  1238. padding: 0;
  1239. list-style: none;
  1240. text-align: left;
  1241. font-size: 1.2rem;
  1242. color: var(--color-darkest-white);
  1243. background: var(--block-main);
  1244. border: 0 solid #505662;
  1245. border-radius: 4px;
  1246. box-shadow: 0px 10px 20px rgba(0,0,0,0.15), rgba(0,0,0,0.1) 0px 0px 0px 1px;
  1247. border-radius: 8px;
  1248. }
  1249. .menu-tabHeader {
  1250. padding: 0;
  1251. margin: 0;
  1252. font-weight: 400;
  1253. text-decoration: none;
  1254. font-size: 1.3rem;
  1255. color: var(--color-style);
  1256. text-shadow: 0px 0px 10px var(--color-style-glow);
  1257. background: var(--block-main);
  1258. border-bottom: 1px solid var(--seperator);
  1259. font-size: 0;
  1260. }
  1261. .menu-row.menu-row--alt {
  1262. color: var(--color-darkest-white);
  1263. background: var(--block-main);
  1264. }
  1265. .menu-separator {
  1266. margin: 0 6px;
  1267. padding: 0;
  1268. border: none;
  1269. border-top: 1px solid var(--seperator);
  1270. }
  1271. .menu-linkRow {
  1272. display: block;
  1273. padding: 12px 12px;
  1274. border-left: 2px solid transparent;
  1275. color: var(--color-darkest-white);
  1276. text-decoration: none;
  1277. }
  1278. .menu-footer {
  1279. padding: 12px 12px;
  1280. font-size: 1.2rem;
  1281. color: var(--color-darkest-white);
  1282. background: var(--block-main);
  1283. border-top: 1px solid var(--seperator);
  1284. padding: 8px;
  1285. }
  1286. .menu-tabHeader .tabs-tab.is-active {
  1287. color: var(--color-style);
  1288. text-shadow: 0px 0px 10px var(--color-style-glow);
  1289. border-color: var(--color-style);
  1290. }
  1291. .menu-content:before {
  1292. content: '';
  1293. background: linear-gradient(to right, var(--color-white) 0%, var(--color-style) 50%, var(--color-white));
  1294. left: 0;
  1295. right: 0;
  1296. top: 0;
  1297. height: 4px;
  1298. display: block;
  1299. border-top-left-radius: 8px;
  1300. border-top-right-radius: 8px;
  1301. position: absolute;
  1302. }
  1303. .message-attachments {
  1304. margin: .5em 0;
  1305. background: var(--header);
  1306. padding: 16px;
  1307. margin-top: 0;
  1308. margin-bottom: 16px;
  1309. }
  1310. .attachment {
  1311. display: inline-block;
  1312. background: #e9ecf0;
  1313. border: 1px solid #cdd0d3;
  1314. border-radius: 4px;
  1315. padding: 10px;
  1316. width: 165px;
  1317. }
  1318. .formRow>dt {
  1319. border-right: 1px solid transparent;
  1320. background: var(--block-main);
  1321. border-color: var(--seperator);
  1322. text-align: right;
  1323. width: 33%;
  1324. padding: 16px 16px 16px 16px;
  1325. }
  1326. .formSubmitRow-bar {
  1327. position: absolute;
  1328. top: 0;
  1329. right: 0;
  1330. bottom: 0;
  1331. left: 0;
  1332. background: var(--header);
  1333. border-top: 1px solid var(--seperator);
  1334. }
  1335. .button.button--primary:hover, a.button.button--primary:hover, .button.button--primary:focus, a.button.button--primary:focus {
  1336. color: var(--color-white);
  1337. box-shadow: 0 4px 15px 0 rgba(0,0,0,0.2);
  1338. background: var(--color-style);
  1339. }
  1340. .overlay-titleCloser:after {
  1341. color: var(--color-white);
  1342. }
  1343. .tooltip--reaction .tooltip-content {
  1344. color: var(--color-darkest-white);
  1345. background: var(--header);
  1346. padding: 0;
  1347. text-align: center;
  1348. border: 1px solid var(--header);
  1349. border-radius: 8px;
  1350. }
  1351. .button:active, a.button:active {
  1352. background: var(--color-style);
  1353. }
  1354. .button:hover, a.button:hover, .button:focus, a.button:focus {
  1355. background: var(--color-style);
  1356. }
  1357. .button.button--link:active, a.button.button--link:active {
  1358. background: var(--color-style);
  1359. }
  1360. .button.button--link:hover, a.button.button--link:hover, .button.button--link:focus, a.button.button--link:focus {
  1361. text-decoration: none;
  1362. background: var(--color-style);
  1363. color: var(--color-white);
  1364. }
  1365. .p-nav .p-navgroup-link:hover {
  1366. color: var(--color-white);
  1367. text-decoration: none;
  1368. text-shadow: 0px 0px 10px #fdfdfdb8;
  1369. transition: ease-in-out .15s all;
  1370. }
  1371. .message-newIndicator {
  1372. font-size: 90%;
  1373. color: var(--color-white);
  1374. background: var(--block-main-darkest);
  1375. border-radius: 4px;
  1376. padding-top: 1px;
  1377. padding-right: 4px;
  1378. padding-bottom: 1px;
  1379. padding-left: 4px;
  1380. }
  1381. .menu-header {
  1382. padding: 12px;
  1383. margin: 0;
  1384. font-weight: 400;
  1385. text-decoration: none;
  1386. font-size: 1.6rem;
  1387. color: var(--color-style);
  1388. text-shadow: 0px 0px 10px var(--color-style-glow);
  1389. background: var(--block-main);
  1390. border-bottom: 1px solid var(--seperator);
  1391. }
  1392. .tooltip--bookmark .tooltip-content, .tooltip--member .tooltip-content, .tooltip--share .tooltip-content {
  1393. color: var(--color-darkest-white);
  1394. background: var(--block-main);
  1395. padding: 0;
  1396. text-align: left;
  1397. border: 0px solid #a9b1c2;
  1398. box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
  1399. }
  1400. .memberTooltip-header {
  1401. display: table;
  1402. table-layout: fixed;
  1403. width: 100%;
  1404. padding: 10px;
  1405. background: var(--header);
  1406. border-bottom: 1px solid var(--seperator);
  1407. display: flex;
  1408. }
  1409. .memberTooltip-separator {
  1410. margin: -1px 10px 0;
  1411. border: none;
  1412. border-top: 1px solid var(--seperator);
  1413. }
  1414. .menu-row.menu-row--separated+.menu-row {
  1415. border-top: 1px solid var(--seperator);
  1416. }
  1417. .menu-row+.menu-scroller {
  1418. border-top: 1px solid var(--seperator);
  1419. }
  1420. .block-filterBar {
  1421. padding: 8px 8px;
  1422. font-size: 1.2rem;
  1423. color: var(--color-white);
  1424. background: var(--color-style);
  1425. border-bottom: 0px solid #505662;
  1426. }
  1427. .block-filterBar .filterBar-filterToggle:hover, .block-filterBar .filterBar-menuTrigger:hover {
  1428. text-decoration: none;
  1429. background: var(--block-main);
  1430. transition: ease-in-out .15s all;
  1431. }
  1432. .block-body+.block-minorHeader {
  1433. border-top: 1px solid var(--seperator);
  1434. }
  1435. .menu-row.menu-row--clickable:hover {
  1436. background: var(--block-main-darkest);
  1437. transition: ease-in-out .15s all;
  1438. }
  1439. .p-nav a:not(.button) {
  1440. color: var(--color-white);
  1441. }
  1442. .block-formSectionHeader {
  1443. padding: 10px 16px;
  1444. margin: 0;
  1445. font-weight: 400;
  1446. text-decoration: none;
  1447. font-size: 1.6rem;
  1448. color: var(--color-style);
  1449. text-shadow: 0px 0px 10px var(--color-style-glow);
  1450. border-top: 1px solid var(--seperator);
  1451. border-bottom: 1px solid var(--seperator);
  1452. }
  1453. .formRowSep {
  1454. margin: -1px 16px 0;
  1455. border: none;
  1456. border-top: 1px solid var(--seperator);
  1457. }
  1458. .blockLink:hover {
  1459. background: var(--block-main-darkest);
  1460. text-decoration: inherit;
  1461. color: inherit;
  1462. transition: ease-in-out .15s all;
  1463. }
  1464. .input:focus, .input.is-focused {
  1465. outline: 0;
  1466. background: var(--background-main);
  1467. transition: ease-in-out .25s all;
  1468. }
  1469. .inputGroup.inputGroup--joined .input+.inputGroup-text, .inputGroup.inputGroup--joined .input+.input, .inputGroup.inputGroup--joined .inputGroup-text+.input {
  1470. border-left: 1px solid var(--seperator);
  1471. }
  1472. .inputGroup.inputGroup--joined .inputGroup-text {
  1473. border-width: 1px;
  1474. border-style: solid;
  1475. border-top-color: transparent;
  1476. border-right-color: transparent;
  1477. border-bottom-color: transparent;
  1478. border-left-color: #505662;
  1479. background: var(--header);
  1480. text-align: center;
  1481. padding: 4px 10px;
  1482. }
  1483. .formInfoRow+.formRow {
  1484. border-top: 1px solid var(--seperator);
  1485. }
  1486. .menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {
  1487. color: var(--color-darkest-white);
  1488. text-decoration: none;
  1489. background: var(--header);
  1490. }
  1491. .menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {
  1492. color: var(--color-darkest-white);
  1493. text-decoration: none;
  1494. background: var(--header);
  1495. transition: ease-in-out .15s all;
  1496. }
  1497. .menu-tabHeader .tabs-tab:hover {
  1498. color: #828282;
  1499. }
  1500. .block-tabHeader {
  1501. color: var(--color-darkest-white);
  1502. border-bottom: 1px solid var(--seperator);
  1503. }
  1504. .menu-content {
  1505. margin: 0;
  1506. padding: 0;
  1507. list-style: none;
  1508. text-align: left;
  1509. font-size: 1.2rem;
  1510. color: var(--color-darkest-white);
  1511. background: var(--block-main);
  1512. border: 1px solid var(--color-white);
  1513. border-radius: 4px;
  1514. box-shadow: 0px 10px 20px rgba(0,0,0,0.15), rgba(0,0,0,0.1) 0px 0px 0px 1px;
  1515. border-radius: 8px;
  1516. }
  1517. .menu-content {
  1518. margin: 0;
  1519. padding: 0;
  1520. list-style: none;
  1521. text-align: left;
  1522. font-size: 1.2rem;
  1523. color: var(--color-darkest-white);
  1524. background: var(--block-main);
  1525. border: 1px solid var(--color-white);
  1526. border-radius: 4px;
  1527. box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
  1528. border-radius: 8px;
  1529. }
  1530. .menu-header {
  1531. padding: 12px;
  1532. margin: 0;
  1533. font-weight: 400;
  1534. text-decoration: none;
  1535. font-size: 1.6rem;
  1536. color: var(--color-style);
  1537. text-shadow: 0px 0px 10px var(--color-style-glow);
  1538. background: var(--block-main);
  1539. border-bottom: 1px solid var(--seperator);
  1540. border-radius: 6px 6px 0px 0px;
  1541. }
  1542. .menu-content:before {
  1543. content: '';
  1544. background: transparent;
  1545. left: 0;
  1546. right: 0;
  1547. top: 0;
  1548. height: 4px;
  1549. display: block;
  1550. border-top-left-radius: 8px;
  1551. border-top-right-radius: 8px;
  1552. position: absolute;
  1553. }
  1554. .menu-tabHeader {
  1555. padding: 0;
  1556. margin: 0;
  1557. font-weight: 400;
  1558. text-decoration: none;
  1559. font-size: 1.3rem;
  1560. color: var(--color-style);
  1561. text-shadow: 0px 0px 10px var(--color-style-glow);
  1562. background: var(--block-main);
  1563. border-bottom: 1px solid var(--seperator);
  1564. font-size: 0;
  1565. border-radius: 6px 6px 0px 0px;
  1566. }
  1567. .blockMessage {
  1568. margin-bottom: 20px;
  1569. padding: 10px 16px;
  1570. color: var(--color-darkest-white);
  1571. border-width: 0;
  1572. border-style: solid;
  1573. border-top-color: transparent;
  1574. border-right-color: transparent;
  1575. border-bottom-color: transparent;
  1576. border-left-color: transparent;
  1577. border-radius: 8px;
  1578. background: var(--block-main);
  1579. }
  1580. .block-tabHeader .tabs-tab:hover {
  1581. color: #e87485;
  1582. background: rgba(238, 241, 245, 0.49);
  1583. }
  1584. .inputDate .inputDate-icon {
  1585. color: var(--color-style);
  1586. text-shadow: 0px 0px 10px var(--color-style-glow);
  1587. }
  1588. .inputGroup.inputGroup--joined .inputNumber-button:hover, .inputGroup.inputGroup--joined .inputNumber-button:active, .inputGroup.inputGroup--joined .inputNumber-button:focus {
  1589. background-color: #f4f5f7;
  1590. color: var(--color-style);
  1591. text-shadow: 0px 0px 10px var(--color-style-glow);
  1592. transition: ease-in-out .35s all;
  1593. }
  1594. .inputNumber-button {
  1595. color: var(--color-darkest-white);
  1596. }
  1597. .p-footer-linkList.p-footer-choosers a:hover {
  1598. color: var(--color-white);
  1599. background: var(--color-style-hover);
  1600. transition: ease-in-out .25s all;
  1601. text-shadow: 0px 0px 10px #fdfdfdb8;
  1602. }
  1603. .p-footer-linkList>li a:hover {
  1604. color: var(--color-white);
  1605. text-decoration: none;
  1606. transition: ease-in-out .25s all;
  1607. text-shadow: 0px 0px 10px #fdfdfdb8;
  1608. }
  1609. .button.button--cta:active, a.button.button--cta:active {
  1610. background: linear-gradient(var(--color-style) , #ff2a4a);
  1611. }
  1612. .button.button--cta:hover, a.button.button--cta:hover, .button.button--cta:focus, a.button.button--cta:focus {
  1613. box-shadow: 0 4px 15px 0 rgba(0,0,0,0.2);
  1614. background: linear-gradient(var(--color-style) , #ff2a4a);
  1615. }
  1616. .structItem-cell.structItem-cell--latest a:not(:hover) {
  1617. color: var(--color-darkest-white);
  1618. }
  1619. .structItem-cell.structItem-cell--latest a {
  1620. color: #737373;
  1621. transition: ease-in-out .25s all;
  1622. text-shadow: 0px 0px 10px #73737370;
  1623. }
  1624. .tooltip--member.tooltip--bottom .tooltip-arrow {
  1625. top: 0;
  1626. left: 50%;
  1627. margin-left: -11px;
  1628. border: 11px solid transparent;
  1629. border-top-width: 0;
  1630. border-bottom-color: transparent;
  1631. }
  1632. .tooltip--member.tooltip--bottom .tooltip-arrow:after {
  1633. border: 10px solid transparent;
  1634. border-top-width: 0;
  1635. border-bottom-color: var(--header);
  1636. }
  1637. .label.label--skyBlue {
  1638. color: var(--color-white);
  1639. background: #03a9f4;
  1640. border-color: transparent;
  1641. }
  1642. .label.label--orange {
  1643. color: #000;
  1644. background: #ff9800;
  1645. border-color: transparent;
  1646. }
  1647. .reactionSummary>li {
  1648. display: inline-block;
  1649. height: 20px;
  1650. width: 20px;
  1651. padding: 2px;
  1652. margin: -2px 0;
  1653. background: transparent;
  1654. border-radius: 50%;
  1655. position: relative;
  1656. margin-left: -6px;
  1657. }
  1658. .select2-results__options {
  1659. list-style: none;
  1660. margin: 0;
  1661. padding: 0;
  1662. cursor: default;
  1663. font-size: 1.2rem;
  1664. color: var(--color-darkest-white);
  1665. background: var(--block-main);
  1666. border: 0 solid #505662;
  1667. border-radius: 4px;
  1668. box-shadow: 0px 10px 20px rgba(0,0,0,0.15), rgba(0,0,0,0.1) 0px 0px 0px 1px;
  1669. min-width: 180px;
  1670. max-width: 95%;
  1671. border: 0px solid #505662;
  1672. box-shadow: 4px 4px 15px rgba(0,0,0,0.2);
  1673. display: block;
  1674. overflow: auto;
  1675. max-height: 150px;
  1676. -webkit-overflow-scrolling: touch;
  1677. border-radius: 6px 6px 2px 2px;
  1678. }
  1679. .select2-results__option.select2-results__option--highlighted {
  1680. background: var(--header);
  1681. border-radius: 6px;
  1682. }
  1683. .menu-row.menu-row--highlighted {
  1684. color: var(--color-darkest-white);
  1685. background: var(--block-main);
  1686. }
  1687. .contentRow-minor {
  1688. font-size: 1.2rem;
  1689. color: var(--color-darkest-white);
  1690. }
  1691. .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
  1692. background: var(--header);
  1693. border: 0px solid #505662;
  1694. }
  1695. .label.label--gray {
  1696. color: var(--color-darkest-white);
  1697. background: var(--header);
  1698. border-color: transparent;
  1699. }
  1700. .select2 .select2-selection ul>li.select2-selection__choice {
  1701. float: left;
  1702. font-size: 15px;
  1703. border-radius: 8px;
  1704. color: var(--color-darkest-white);
  1705. background: var(--block-main);
  1706. border: 0px solid #505662;
  1707. display: inline-block;
  1708. max-width: 100%;
  1709. padding: 0 6px 1px;
  1710. margin: 0 0 2px;
  1711. border-radius: 3px;
  1712. margin-right: 5px;
  1713. margin-top: 5px;
  1714. padding: 0 5px;
  1715. cursor: default;
  1716. }
  1717. .fr-popup {
  1718. color: var(--color-style);
  1719. background: var(--block-main);
  1720. border: 0px solid #505662;
  1721. border-top: 0px solid transparent;
  1722. }
  1723. .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea {
  1724. font-size: 1.3rem;
  1725. color: var(--color-darkest-white);
  1726. background: var(--header);
  1727. border-width: 1px;
  1728. border-style: solid;
  1729. border-top-color: transparent;
  1730. border-right-color: transparent;
  1731. border-bottom-color: transparent;
  1732. border-left-color: transparent;
  1733. border-radius: 8px;
  1734. padding: 6px;
  1735. margin: 0;
  1736. line-height: 1.4;
  1737. }
  1738. .fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command {
  1739. color: var(--color-white);
  1740. background: var(--color-style);
  1741. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  1742. border-color: transparent;
  1743. }
  1744. .fr-toolbar .fr-command.fr-btn.fr-active, .fr-popup .fr-command.fr-btn.fr-active {
  1745. color: var(--color-style);
  1746. text-shadow: 0px 0px 10px var(--color-style-glow);
  1747. background: transparent;
  1748. }
  1749. .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  1750. padding: 0 24px;
  1751. line-height: 200%;
  1752. display: block;
  1753. cursor: pointer;
  1754. white-space: nowrap;
  1755. color: var(--color-darkest-white);
  1756. text-decoration: none;
  1757. }
  1758. .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  1759. color: var(--color-darkest-white);
  1760. background: rgba(192,201,216,0.12);
  1761. }
  1762. .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  1763. background: rgba(192,201,216,0.12) !important;
  1764. color: var(--color-darkest-white) !important;
  1765. }
  1766. .message-avatar-wrapper .message-avatar-online:before {
  1767. background: var(--block-main);
  1768. border-color: transparent;
  1769. }
  1770. .message-attribution-opposite a:hover {
  1771. text-decoration: none;
  1772. color: var(--color-darkest-white);
  1773. transition: ease-in-out .25s all;
  1774. }
  1775. .dataList-row.dataList-row--header .dataList-cell {
  1776. font-size: 1.2rem;
  1777. color: var(--color-white);
  1778. font-weight: 700;
  1779. background: var(--color-style);
  1780. border-bottom: 1px solid var(--seperator);
  1781. text-transform: none;
  1782. padding: 8px 16px;
  1783. text-align: left;
  1784. }
  1785. .dataList-row.dataList-row--disabled .dataList-cell--link a {
  1786. color: var(--color-darkest-white);
  1787. -webkit-transition: all .2s ease;
  1788. transition: all .2s ease;
  1789. }
  1790. .dataList-cell {
  1791. vertical-align: middle;
  1792. padding: 16px 16px;
  1793. border-bottom: 1px solid var(--seperator);
  1794. }
  1795. .dataList-row:hover:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spHovered), .is-spActive .dataList-row.is-spChecked {
  1796. background: rgb(238, 241, 245);
  1797. }
  1798. .label.label--royalBlue {
  1799. color: var(--color-white);
  1800. background: #0d47a1;
  1801. border-color: transparent;
  1802. }
  1803. .tabs--standalone {
  1804. color: var(--color-darkest-white);
  1805. border-bottom: 0px solid transparent;
  1806. }
  1807. .tabs--standalone .tabs-tab.is-active {
  1808. color: var(--color-style);
  1809. text-shadow: 0px 0px 10px var(--color-style-glow);
  1810. border-color: var(--color-style);
  1811. }
  1812. .structItem-cell.structItem-cell--latest a:not(:hover) {
  1813. color: var(--color-darkest-white);
  1814.  
  1815. }
  1816. .menu-linkRow.menu-linkRow--alt {
  1817. color: var(--color-darkest-white);
  1818. background: var(--block-main);
  1819. }
  1820. .tabs--standalone .tabs-tab:hover {
  1821. color: #f16f82;
  1822. }
  1823. .label.label--green {
  1824. color: var(--color-white);
  1825. background: #4caf50;
  1826. border-color: transparent;
  1827. }
  1828. .contentRow-minor time {
  1829. color: var(--color-darkest-white);
  1830. }
  1831. .label.label--silver {
  1832. color: #000;
  1833. background: #cfd8dc;
  1834. border-color: transparent;
  1835. }
  1836. .label.label--red {
  1837. color: var(--color-white);
  1838. background: #d32f2f;
  1839. border-color: transparent;
  1840. }
  1841. .label.label--lightGreen {
  1842. color: var(--color-white);
  1843. background: #8bc34a;
  1844. border-color: transparent;
  1845. }
  1846. .tooltip--preview.tooltip--top .tooltip-arrow {
  1847. bottom: 0;
  1848. left: 50%;
  1849. margin-left: -11px;
  1850. border: 11px solid transparent;
  1851. border-bottom-width: 0;
  1852. border-top-color: var(--seperator);
  1853. }
  1854. .tooltip--preview.tooltip--top .tooltip-arrow:after {
  1855. bottom: 1px;
  1856. left: -10px;
  1857. border: 10px solid transparent;
  1858. border-bottom-width: 0;
  1859. border-top-color: var(--color-white);
  1860. }
  1861. .tooltip--preview .tooltip-content-inner .tooltip-content-cover {
  1862. background: transparent;
  1863. background: linear-gradient(to bottom, rgba(49,55,66,0) 160px, var(--color-white) 200px);
  1864. }
  1865. .tooltip {
  1866. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  1867. }
  1868. .tooltip--preview .tooltip-content {
  1869. color: var(--color-darkest-white);
  1870. background: var(--block-main);
  1871. border: 1px solid var(--seperator);
  1872. box-shadow: none;
  1873. }
  1874. .tooltip--preview.tooltip--bottom .tooltip-arrow {
  1875. top: 0;
  1876. left: 50%;
  1877. margin-left: -11px;
  1878. border: 11px solid transparent;
  1879. border-top-width: 0;
  1880. border-bottom-color: var(--seperator);
  1881. }
  1882. .tooltip--preview.tooltip--bottom .tooltip-arrow:after {
  1883. top: 1px;
  1884. left: -10px;
  1885. border: 10px solid transparent;
  1886. border-top-width: 0;
  1887. border-bottom-color: var(--color-white);
  1888. }
  1889. .block-minorTabHeader {
  1890. padding: 0;
  1891. margin: 0;
  1892. font-weight: 400;
  1893. font-size: 1.3rem;
  1894. color: var(--color-style);
  1895. text-shadow: 0px 0px 10px var(--color-style-glow);
  1896. background: var(--block-main);
  1897. border-bottom: 1px solid var(--header);
  1898. font-size: 0;
  1899. }
  1900. .block-minorTabHeader .tabs-tab.is-active {
  1901. background: none;
  1902. color: var(--color-style);
  1903. text-shadow: 0px 0px 10px var(--color-style-glow);
  1904. border-color: var(--color-style);
  1905. font-weight: 700;
  1906. }
  1907. .flashMessage {
  1908. position: fixed;
  1909. top: 0;
  1910. left: 0;
  1911. right: 0;
  1912. z-index: 900;
  1913. font-size: 3.6rem;
  1914. color: var(--color-white);
  1915. background: var(--color-style);
  1916. padding: 24px;
  1917. text-align: center;
  1918. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  1919. display: none;
  1920. opacity: 0;
  1921. -webkit-transition: all .2s ease, -xf-opacity .2s ease;
  1922. transition: all .2s ease, -xf-opacity .2s ease;
  1923. overflow-y: hidden;
  1924. height: 0;
  1925. -webkit-transition-property: all,-xf-height;
  1926. transition-property: all,-xf-height;
  1927. }
  1928. .bbCodeDemoBlock-item>dd {
  1929. margin: 0;
  1930. background: #e7eaf1;
  1931. border: 0px solid #505662;
  1932. padding: 10px;
  1933. zoom: 1;
  1934. }
  1935. .bbTable>table>thead>tr>th, .bbTable>table>tbody>tr>th {
  1936. background: #e7eaf1;
  1937. border: 1px solid #dbdee4;
  1938. border-bottom-color: #dbdee4;
  1939. border-bottom-width: 2px;
  1940. padding: 4px;
  1941. }
  1942. .bbTable>table>thead>tr>td, .bbTable>table>tbody>tr>td {
  1943. background: #e1e4ea;
  1944. border: 1px solid #dbdee4;
  1945. padding: 4px;
  1946. }
  1947. .formRow.formRow--fullWidth+.formRow, .formRow+.formRow.formRow--fullWidth, .formRow.formRow--fullWidth+*>.formRow:first-of-type, .formRow+*>.formRow.formRow--fullWidth:first-of-type {
  1948. border-top: 1px solid var(--header);
  1949. }
  1950. .fr-popup .fr-action-buttons button.fr-command {
  1951. color: var(--color-white);
  1952. background: var(--color-style);
  1953. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  1954. }
  1955. .tagItem {
  1956. border-radius: 8px;
  1957. font-size: 1.2rem;
  1958. color: var(--color-darkest-white);
  1959. background: var(--block-main);
  1960. border: 0px solid #505662;
  1961. display: inline-block;
  1962. max-width: 100%;
  1963. padding: 0 6px 1px;
  1964. margin: 0 0 2px;
  1965. border-radius: 3px;
  1966. }
  1967. .bbCodeBlock-expandLink a {
  1968. position: absolute;
  1969. bottom: 10px;
  1970. left: 0;
  1971. right: 0;
  1972. text-align: center;
  1973. font-size: 1.2rem;
  1974. color: var(--color-style);
  1975. text-shadow: 0px 0px 10px var(--color-style-glow);
  1976. text-decoration: none;
  1977. }
  1978. .bbCodeBlock-expandLink {
  1979. display: none;
  1980. position: absolute;
  1981. top: 95px;
  1982. left: 0;
  1983. right: 0;
  1984. height: 75px;
  1985. cursor: pointer;
  1986. z-index: 100;
  1987. background: transparent;
  1988. background: linear-gradient(to bottom, rgba(56,61,72,0) 0%, var(--color-white) 60%);
  1989. }
  1990. a.label.label--primary:hover, a:hover .label.label--primary {
  1991. background: var(--main-hover);
  1992. border-color: transparent;
  1993. }
  1994. .actionBar .actionBar-action.actionBar-action--mq.is-selected {
  1995. background-color: #f4f4f4;
  1996. border-color: transparent;
  1997. }
  1998. a.label.label--green:hover, a:hover .label.label--green {
  1999. background: #46a149;
  2000. border-color: transparent;
  2001. }
  2002. .label.label--accent {
  2003. color: var(--color-white);
  2004. background: #7daccb;
  2005. border-color: transparent;
  2006. }
  2007. .blockStatus {
  2008. color: var(--color-darkest-white);
  2009. background: var(--block-main);
  2010. border-width: 0;
  2011. border-style: solid;
  2012. border-top-color: #505662;
  2013. border-right-color: #505662;
  2014. border-bottom-color: #505662;
  2015. border-left-color: #505662;
  2016. border-left: 2px solid var(--color-style);
  2017. border-radius: 8px;
  2018. margin: 0;
  2019. padding: 10px 0;
  2020. font-size: 1.2rem;
  2021. text-align: left;
  2022. }
  2023. .blockStatus-message:before {
  2024. color: var(--color-style);
  2025. text-shadow: 0px 0px 10px var(--color-style-glow);
  2026. }
  2027. .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-grip {
  2028. display: flex;
  2029. align-items: center;
  2030. justify-content: center;
  2031. height: 20px;
  2032. border-top: 1px solid transparent;
  2033. background: var(--color-style);
  2034. color: var(--color-white);
  2035. transition: color .2s;
  2036. }
  2037. .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action:active {
  2038. transition: color 0s;
  2039. color: var(--color-white);
  2040. text-shadow: 0px 0px 10px var(--color-white);
  2041. transition: all .2s ease
  2042. }
  2043. .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action:hover, .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action:focus {
  2044. cursor: pointer;
  2045. color: var(--color-white);
  2046. text-shadow: 0px 0px 10px var(--color-white);
  2047. transition: all .2s ease
  2048. }
  2049. .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header .bbCodeBlock-actions .action {
  2050. color: var(--color-white);
  2051. padding: 10px;
  2052. transition: color .2s;
  2053. }
  2054. .pageNav-jump:hover, .pageNav-jump:active {
  2055. text-decoration: none;
  2056. color: var(--color-white);
  2057. text-shadow: 0px 0px 10px var(--color-white);
  2058. transition: all .2s ease
  2059. }
  2060. .tagItem:hover {
  2061. text-decoration: none;
  2062. color: #464646;
  2063. background: #f7f7f7;
  2064. text-shadow: 0px 0px 10px #46464650;
  2065. transition: all .2s ease
  2066. }
  2067. .bbCodeBlock--unfurl {
  2068. color: var(--color-darkest-white) d1;
  2069. }
  2070. .codeEditor.CodeMirror {
  2071. height: 55vh;
  2072. direction: ltr;
  2073. font-size: 1.3rem;
  2074. color: var(--color-darkest-white);
  2075. background: var(--header);
  2076. border-width: 0px;
  2077. border-style: solid;
  2078. border-right-color: #505662;
  2079. border-bottom-color: #505662;
  2080. border-left-color: #505662;
  2081. border-radius: 8px;
  2082. padding: 6px;
  2083. font-family: 'Roboto Mono','Andale Mono','Ubuntu Mono',monospace;
  2084. padding: 0;
  2085. -ltr-rtl-border-color: #505662 #505662 #505662 #505662;
  2086. }
  2087. .cm-s-default.CodeMirror .CodeMirror-gutters {
  2088. background: #e0e4e8;
  2089. border-right: 1px solid var(--header);
  2090. color: var(--color-darkest-white);
  2091. }
  2092. .message-cell.message-cell--alert {
  2093. font-size: 1.2rem;
  2094. flex: 1 1 auto;
  2095. width: 100%;
  2096. min-width: 0;
  2097. color: var(--color-darkest-white);
  2098. background: var(--block-main);
  2099. }
  2100. .message-cell.message-cell--alert a {
  2101. color: var(--color-style);
  2102. text-shadow: 0px 0px 10px var(--color-style-glow);
  2103. }
  2104. .fsp .changeLimit {
  2105. color: var(--color-style);
  2106. text-shadow: 0px 0px 10px var(--color-style-glow);
  2107. background: transparent;
  2108. position: absolute;
  2109. top: 10px;
  2110. right: 40px;
  2111. z-index: 50;
  2112.  
  2113. }
  2114. .fsp .refreshButton {
  2115. color: var(--color-style);
  2116. text-shadow: 0px 0px 10px var(--color-style-glow);
  2117. background: transparent;
  2118. position: absolute;
  2119. top: 10px;
  2120. right: 15px;
  2121. z-index: 50;
  2122.  
  2123. }
  2124. .block-container .uix_newIndicator {
  2125. font-size: 12px;
  2126. color: transparent;
  2127. background: transparent;
  2128. border-radius: 4px;
  2129. padding-top: 1px;
  2130. padding-right: 6px;
  2131. padding-bottom: 3px;
  2132. padding-left: 6px;
  2133. box-shadow: none;
  2134. margin-left: 5px;
  2135. }
  2136. .node-title a {
  2137. color: var(--color-style);
  2138. text-shadow: 0px 0px 10px var(--color-style-glow);
  2139.  
  2140. }
  2141. .notices .uix_noticeIcon {
  2142. display: flex;
  2143. align-items: center;
  2144. padding: 0px 10px;
  2145. color: var(--color-style);
  2146. text-shadow: 0px 0px 10px var(--color-style-glow);
  2147. font-size: 24px;
  2148. }
  2149. .notice.notice--primary .uix_noticeIcon {
  2150. background: transparent;
  2151. border: 0px solid transparent;
  2152. border-radius: 10px 10px 10px 10px;
  2153. }
  2154. .button, a.button {
  2155. color: var(--color-white);
  2156. box-shadow: none;
  2157. background: var(--color-style);
  2158. }
  2159. .fsp .tabGroup {
  2160. box-shadow: none;
  2161. }
  2162. .uix_nodeList .block-container {
  2163. border-width: 0;
  2164. border-style: solid;
  2165. box-shadow: none;
  2166. }
  2167. .uix_nodeList .block-body {
  2168. box-shadow: none;
  2169. }
  2170. .node--unread .node-icon i:before {
  2171. opacity: 1;
  2172. color: var(--color-style);
  2173. text-shadow: 0px 0px 10px var(--color-style-glow);
  2174.  
  2175. }
  2176.  
  2177. .p-nav-list .p-navEl {
  2178. height: 65px;
  2179. }
  2180. .p-nav-list .p-navEl.is-selected:after {
  2181. position: absolute;
  2182. bottom: 10px;
  2183. left: 12px;
  2184. right: 12px;
  2185. height: 4px;
  2186. border-radius: 8px;
  2187. display: block;
  2188. transition: ease-in .2s right;
  2189. background: var(--color-white);
  2190. box-shadow: 0 0px 10px 0 var(--color-white)75;
  2191. }
  2192. .structItem-title a {
  2193. color: var(--color-white);
  2194. }
  2195. .block--category .block-header {
  2196. display: flex;
  2197. align-items: center;
  2198. font-size: 1.6rem;
  2199. color: var(--color-white);
  2200. font-weight: 700;
  2201. background: var(--header);
  2202. border-bottom-width: 0;
  2203. border-bottom-style: solid;
  2204. padding: 16px;
  2205. line-height: 1;
  2206. background-size: cover;
  2207. background-position: center;
  2208. text-shadow: 0 0 1px rgba(0,0,0,0.7);
  2209. position: relative;
  2210. transition: ease-in .15s border-bottom-left-radius,ease-in .15s border-bottom-right-radius;
  2211. }
  2212. .block-footer {
  2213. padding: 10px 16px;
  2214. font-size: 1.2rem;
  2215. color: var(--color-white);
  2216. background: var(--header);
  2217. border-top: transparent;
  2218. padding-top: 10px;
  2219. padding-bottom: 10px;
  2220. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  2221. }
  2222. .node--unread .node-icon i:before {
  2223. opacity: 1;
  2224. color: var(--color-style);
  2225. text-shadow: 0px 0px 10px var(--color-style-glow);
  2226. text-shadow: 0px 0px 10px var(--color-style-glow);
  2227. }
  2228. .is-unread .structItem-title {
  2229. color: var(--color-style-hover);
  2230. font-weight: 700;
  2231. }
  2232. .structItem-title a:hover {
  2233. color: var(--color-style-hover);
  2234. }
  2235. .fsp .tabs--list {
  2236. font-size: 1.3rem;
  2237. background: var(--block-main);
  2238. color: var(--color-dark-white);
  2239. border-bottom: 1px solid var(--seperator);
  2240. margin-bottom: 5px;
  2241. min-height: 27px;
  2242. width: 100%;
  2243. display: block;
  2244. }
  2245. .node-stats>dl.pairs.pairs--rows {
  2246. width: 50%;
  2247. float: left;
  2248. margin: 0;
  2249. padding: 0 5px;
  2250. border-right: 1px solid var(--header);
  2251. }
  2252. .tooltip--preview .tooltip-content {
  2253. color: var(--color-darkest-white);
  2254. background: var(--block-main);
  2255. border: 1px solid var(--seperator);
  2256. box-shadow: none;
  2257. }
  2258. .tooltip--preview .tooltip-content-inner .tooltip-content-cover {
  2259. background: linear-gradient(to bottom, rgba(49,55,66,0) 160px, var(--block-main) 200px);
  2260. }
  2261. .menu-content {
  2262. margin: 0;
  2263. padding: 0;
  2264. list-style: none;
  2265. text-align: left;
  2266. font-size: 1.2rem;
  2267. color: var(--color-darkest-white);
  2268. background: var(--block-main);
  2269. border: 1px solid transparent;
  2270. border-radius: 4px;
  2271. box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
  2272. border-radius: 8px;
  2273. }
  2274. .button.button--primary, a.button.button--primary {
  2275. color: var(--color-white);
  2276. background: var(--color-style-hover);
  2277. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  2278. border: none;
  2279. border-color: #496f86;
  2280. }
  2281. .p-footer {
  2282. display: flex;
  2283. flex-direction: column;
  2284. font-size: 1.2rem;
  2285. color: var(--color-dark-white);
  2286. background: var(--block-main);
  2287. }
  2288. .p-footer-inner {
  2289. order: 30;
  2290. padding-top: 10px;
  2291. padding-bottom: 10px;
  2292. background: var(--block-main);
  2293. padding-top: 0;
  2294. }
  2295. .p-footer-linkList.p-footer-choosers a {
  2296. margin: 6px;
  2297. color: var(--color-white);
  2298. border: transparent;
  2299. background: var(--header);
  2300. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  2301. }
  2302. .p-footer-linkList.p-footer-choosers a:hover {
  2303. color: var(--color-white);
  2304. background: var(--main-hover);
  2305. transition: ease-in-out .25s all;
  2306. text-shadow: 0px 0px 10px #fdfdfdb8;
  2307. }
  2308. .pageNav-jump {
  2309. background: var(--header);
  2310. color: var(--color-white);
  2311. border: 1px solid transparent;
  2312. line-height: 24px;
  2313. }
  2314. .pageNav-page:not(:first-child) {
  2315. border-left-color: var(--seperator);
  2316. }
  2317. .pageNav-page.pageNav-page--current {
  2318. box-shadow: none;
  2319. background: var(--main-hover);
  2320. color: var(--color-white);
  2321. border-color: transparent;
  2322. }
  2323. .button.button--link, a.button.button--link {
  2324. font-size: 1.2rem;
  2325. padding: 0;
  2326. padding-right: 8px;
  2327. padding-left: 8px;
  2328. height: 28px;
  2329. line-height: 28px;
  2330. background: var(--background-main);
  2331. border: 1px solid transparent;
  2332. text-transform: initial;
  2333. }
  2334. .button.button--link:hover, a.button.button--link:hover, .button.button--link:focus, a.button.button--link:focus {
  2335. text-decoration: none;
  2336. background: var(--main-hover);
  2337. color: var(--color-white);
  2338. }
  2339. .actionBar .actionBar-action {
  2340. padding: 3px;
  2341. border: 1px solid transparent;
  2342. border-radius: 8px;
  2343. margin-left: 5px;
  2344. color: var(--color-darkest-white);
  2345. background: var(--header);
  2346. padding-right: 5px;
  2347. padding-left: 5px;
  2348. border-radius: 4px;
  2349. display: inline-block;
  2350. }
  2351. .actionBar .actionBar-action.actionBar-action--reaction:not(.has-reaction) .reaction-text {
  2352. color: var(--color-dark-white);
  2353. }
  2354. .u-muted {
  2355. color: var(--color-darkest-white);
  2356. }
  2357. .actionBar .actionBar-action:hover {
  2358. color: var(--color-dark-white);
  2359. background: var(--main-hover);
  2360. }
  2361. .reaction--1 .reaction-text {
  2362. text-shadow: none;
  2363. }
  2364. .node--depth2:nth-child(even) .node-body:hover {
  2365. background: var(--block-main-darkest);
  2366. position: relative;
  2367. }
  2368. .button.button--cta:hover, a.button.button--cta:hover, .button.button--cta:focus, a.button.button--cta:focus {
  2369. box-shadow: 0px 0px 10px 0 var(--color-style-hover);
  2370. background: linear-gradient(var(--button-gradient-first), var(--button-gradient-second));
  2371. }
  2372. .button.button--cta, a.button.button--cta {
  2373. color: var(--color-white);
  2374. box-shadow: 0px 0px 10px 0 var(--color-style-glow);
  2375. border: none;
  2376. background: linear-gradient(to top, var(--button-gradient-first), var(--button-gradient-second));
  2377. border-color: transparent;
  2378. }
  2379. .fsp .tabGroup-content::-webkit-scrollbar-thumb {
  2380. border-radius: 8px;
  2381. background-color: #2d2d2d;
  2382. box-shadow: none;
  2383. }
  2384. .fsp .tabs .tab.is-selected {
  2385. color: var(--color-style);
  2386. text-shadow: 0px 0px 10px var(--color-style-glow);
  2387. border-color: transparent;
  2388. border-bottom-width: 0px;
  2389. border-bottom-style: solid;
  2390. font-weight: 700;
  2391. }
  2392. .p-nav-list .p-navEl:hover:after {
  2393. background: transparent;
  2394. }
  2395. .node-icon i:before {
  2396. font-family: 'Font Awesome 5 Pro';
  2397. font-style: normal;
  2398. font-weight: 400;
  2399. display: inline-block;
  2400. font: normal normal normal 18px/1 "Material Design Icons";
  2401. font-size: inherit;
  2402. text-rendering: auto;
  2403. line-height: 1;
  2404. -webkit-font-smoothing: antialiased;
  2405. -moz-osx-font-smoothing: grayscale;
  2406. transform: translate(0, 0);
  2407. width: auto !important;
  2408. color: var(--color-darkest-white);
  2409. }
  2410. .button.button--scroll, a.button.button--scroll {
  2411. color: var(--color-white);
  2412. background: var(--main-hover);
  2413. border: none;
  2414. padding: 5px 8px;
  2415. box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.2);
  2416. }
  2417. .label.label--primary {
  2418. color: var(--color-white);
  2419. background: var(--header);
  2420. border-color: transparent;
  2421. }
  2422. .fsp .tabs .tab:not(.is-selected):hover {
  2423. border-bottom: 0px solid var(--color-style);
  2424. }
  2425. .message-attribution-opposite a {
  2426. color: var(--color-darkest-white);
  2427. }
  2428. .blockMessage.blockMessage--error {
  2429. border-left: 2px solid var(--main-hover);
  2430. background: var(--header);
  2431. color: var(--color-darkest-white);
  2432. }
  2433. .shareInput-button {
  2434. color: var(--color-style);
  2435. text-shadow: 0px 0px 10px var(--color-style-glow);
  2436. cursor: pointer;
  2437. }
  2438. .input[readonly], .input.is-readonly {
  2439. color: var(--color-darkest-white);
  2440. background: var(--block-main-darkest);
  2441. }
  2442. .inputGroup.inputGroup--joined .inputGroup-text {
  2443. border-width: 0px;
  2444. border-style: solid;
  2445. border-top-color: transparent;
  2446. border-right-color: transparent;
  2447. border-bottom-color: transparent;
  2448. border-left-color: transparent;
  2449. background: var(--header);
  2450. text-align: center;
  2451. padding: 4px 10px;
  2452. }
  2453. .tooltip--share.tooltip--top .tooltip-arrow {
  2454. bottom: 0;
  2455. left: 50%;
  2456. margin-left: -11px;
  2457. border: 11px solid transparent;
  2458. border-bottom-width: 0;
  2459. border-top-color: transparent;
  2460. }
  2461. .tooltip--share.tooltip--top .tooltip-arrow:after {
  2462. bottom: 1px;
  2463. left: -10px;
  2464. border: 10px solid transparent;
  2465. border-bottom-width: 0;
  2466. border-top-color: var(--block-main);
  2467. }
  2468. .formRow .formRow-hint {
  2469. display: block;
  2470. font-style: normal;
  2471. font-size: 1.2rem;
  2472. color: var(--color-darkest-white);
  2473. }
  2474. .formRow .formRow-explain {
  2475. margin: 10px 0 0;
  2476. display: block;
  2477. font-style: normal;
  2478. font-size: 1.2rem;
  2479. color: var(--color-darkest-white);
  2480. }
  2481. .message-signature--expandable .uix_signatureExpand {
  2482. padding-bottom: 16px;
  2483. background: linear-gradient(to bottom, rgba(49,55,66,0), var(--block-main) 40%);
  2484. text-align: center;
  2485. display: flex;
  2486. justify-content: center;
  2487. align-items: flex-end;
  2488. height: 60px;
  2489. position: absolute;
  2490. bottom: 0;
  2491. left: 0;
  2492. right: 0;
  2493. color: var(--color-style);
  2494. text-shadow: 0px 0px 10px var(--color-style-glow);
  2495. }
  2496. .bbCodeBlock-title {
  2497. padding: 10px 16px;
  2498. font-size: 1.2rem;
  2499. color: var(--color-white);
  2500. background: var(--background-main);
  2501. }
  2502. .bbCodeBlock {
  2503. margin: .75em 0;
  2504. background: var(--header);
  2505. border: 0px solid transparent;
  2506. border-left: 2px solid var(--background-main);
  2507. }
  2508. .fr-box.fr-basic .fr-wrapper {
  2509. background: var(--background-main);
  2510. border: none;
  2511. border-top: 0;
  2512. top: 0;
  2513. left: 0;
  2514. }
  2515. .shareButtons-label {
  2516. float: left;
  2517. margin-right: 3px;
  2518. color: var(--color-dark-white);
  2519. min-height: 35px;
  2520. line-height: 35px;
  2521. }
  2522. .shareButtons-button {
  2523. float: left;
  2524. margin-right: 3px;
  2525. padding: 6px;
  2526. color: var(--color-dark-white);
  2527. font-size: 20px;
  2528. line-height: 20px;
  2529. white-space: nowrap;
  2530. min-width: 35px;
  2531. border-radius: 4px;
  2532. background-color: transparent;
  2533. -webkit-transition: all .2s ease;
  2534. transition: all .2s ease;
  2535. }
  2536. .shareButtons-button.shareButtons-button--link:hover {
  2537. background-color: var(--header);
  2538. }
  2539. .overlay-title {
  2540. display: none;
  2541. margin: 0;
  2542. font-weight: 400;
  2543. font-size: 1.8rem;
  2544. color: var(--color-white);
  2545. background: var(--header);
  2546. border-bottom: 0px solid transparent;
  2547. padding-top: 10px;
  2548. padding-right: 16px;
  2549. padding-bottom: 10px;
  2550. padding-left: 16px;
  2551. }
  2552. .node-title a {
  2553. color: var(--color-dark-white);
  2554. text-shadow: none;
  2555. }
  2556. .node-subNodeFlatList>li a {
  2557. color: var(--color-very-dark-white);
  2558. }
  2559. .node-extra .node-extra-title:not(:hover) {
  2560. color: var(--color-dark-white);
  2561. text-shadow: none;
  2562. }
  2563. .node-extra-row {
  2564. overflow: hidden;
  2565. white-space: nowrap;
  2566. word-wrap: normal;
  2567. text-overflow: ellipsis;
  2568. color: var(--color-very-dark-white);
  2569. max-width: 100%;
  2570. }
  2571. .structItem-minor {
  2572. font-size: 1.2rem;
  2573. color: var(--color-very-dark-white);
  2574. }
  2575. a:hover {
  2576. color: var(--color-white);
  2577. text-shadow: 0px 0px 6px var(--color-white-glow);
  2578. text-decoration: underline;
  2579. transition: all .2s ease
  2580. }
  2581. .block-tabHeader .tabs-tab:hover {
  2582. color: var(--color-style);
  2583. background: var(--seperator);
  2584. }
  2585. .dataList-row.dataList-row--header .dataList-cell {
  2586. font-size: 1.2rem;
  2587. color: var(--color-white);
  2588. font-weight: 700;
  2589. background: var(--header);
  2590. border-bottom: 1px solid var(--seperator);
  2591. text-transform: none;
  2592. padding: 8px 16px;
  2593. text-align: left;
  2594. }
  2595. .dataList-row:hover:not(.dataList-row--noHover):not(.dataList-row--header):not(.is-spHovered), .is-spActive .dataList-row.is-spChecked {
  2596. background: var(--block-main-darkest);
  2597. }
  2598. .attachment {
  2599. display: inline-block;
  2600. background: var(--block-main);
  2601. border: 0px solid #cdd0d3;
  2602. border-radius: 4px;
  2603. padding: 10px;
  2604. width: 165px;
  2605. }
  2606. .attachment-details {
  2607. font-size: 1.2rem;
  2608. color: var(--color-very-dark-white);
  2609. }
  2610. .block-filterBar {
  2611. padding: 8px 8px;
  2612. font-size: 1.2rem;
  2613. color: var(--color-white);
  2614. background: var(--header);
  2615. border-bottom: 0px solid #505662;
  2616. }
  2617. .structItem-minor {
  2618. font-size: 1.2rem;
  2619. color: var(--color-darkest-white);
  2620. }
  2621. .p-nav-list .p-navEl:hover:after {
  2622. background: #fff;
  2623. }
  2624. .badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted:after {
  2625. display: inline-block;
  2626. color: var(--block-main);
  2627. margin-top: 1px;
  2628. background: var(--color-white);
  2629. }
  2630. .p-navgroup-link.badgeContainer:after {
  2631. position: absolute;
  2632. right: 1px;
  2633. top: -3px;
  2634. padding: 0px 4.5px;
  2635. font-size: 11px;
  2636. line-height: 14px;
  2637. border-color: var(--block-main);
  2638. border-width: 1.5px;
  2639. border-style: solid;
  2640. border-radius: 16px;
  2641. }
  2642. #siropuChatEditor .fr-toolbar {
  2643. border-top: 1px solid var(--seperator);
  2644. }
  2645. .tabs--standalone .tabs-tab:hover {
  2646. color: var(--color-style);
  2647. }
  2648. .block-filterBar .filterBar-filterToggle {
  2649. background: var(--main-hover);
  2650. }
  2651. .block-filterBar .filterBar-filterToggle {
  2652. background: var(--main-hover);
  2653. }
  2654. .filterBar-filterToggle {
  2655. display: inline-block;
  2656. text-decoration: none;
  2657. color: inherit;
  2658. padding: 2px 8px;
  2659. border-radius: 8px;
  2660. -webkit-transition: all .2s ease;
  2661. transition: all .2s ease;
  2662. }
  2663. .inputChoices-explain {
  2664. display: block;
  2665. font-style: normal;
  2666. font-size: 1.2rem;
  2667. color: var(--color-very-dark-white);
  2668. }
  2669. .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, .formRow .iconic svg, .inputGroup .iconic svg, .inputChoices .iconic svg, .block-footer .iconic svg, .dataList-cell .iconic svg, .message-cell--extra .iconic svg, .formRow.dataList-cell--fa>a svg, .inputGroup.dataList-cell--fa>a svg, .inputChoices.dataList-cell--fa>a svg, .block-footer.dataList-cell--fa>a svg, .dataList-cell.dataList-cell--fa>a svg, .message-cell--extra.dataList-cell--fa>a svg {
  2670. color: var(--color-style);
  2671. fill: currentColor;
  2672. text-shadow: 0px 0px 10px currentColor;
  2673. }
  2674. .structItem-status--watched::before {
  2675. text-shadow: var(--color-style-glow) 0px 0px 10px;
  2676. }
  2677. .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-header {
  2678. background: var(--background-main);
  2679. }
  2680. .fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled {
  2681. color: var(--color-very-dark-white);
  2682. cursor: default;
  2683. }
  2684. .bbCodeBlock-expandLink {
  2685. background: linear-gradient(to bottom, rgba(56,61,72,0) 0%, var(--block-main) 60%);
  2686. }
  2687. .actionBar .actionBar-action.actionBar-action--mq.is-selected {
  2688. background-color: var(--header);
  2689. border-color: transparent;
  2690. }
  2691. .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-grip {
  2692. background: var(--background-main);
  2693. }
  2694. .bbCodeBlock--code.bbCodeBlock--screenLimited .bbCodeBlock-grip:hover {
  2695. cursor: ns-resize;
  2696. color: var(--color-style);
  2697. text-shadow: 0px 0px 10px var(--color-style-glow);
  2698. }
  2699. .attachUploadList {
  2700. list-style: none;
  2701. margin: 0;
  2702. padding: 0;
  2703. color: var(--color-darkest-white);
  2704. background: var(--block-main-darkest);
  2705. border: 1px solid transparent;
  2706. border-radius: 4px;
  2707. margin-bottom: 16px;
  2708. }
  2709. .avatar img {
  2710. background-color: var(--block-main);
  2711. }
  2712. .node-title a {
  2713. color: var(--color-style);
  2714. text-shadow: 0px 0px 10px var(--color-style-glow);
  2715. }
  2716. .cm-s-default.CodeMirror .CodeMirror-gutters {
  2717. background: var(--background-main);
  2718. border-right: 1px solid var(--header);
  2719. color: var(--color-darkest-white);
  2720. }
  2721. .codeEditor.CodeMirror.CodeMirror-focused {
  2722. background: var(--background-main);
  2723. transition: all .2s ease;
  2724. }
  2725. a:hover {
  2726. text-shadow: 0px 0px 6px currentColor;
  2727. }
  2728. meter.meterBar {
  2729. background-color: var(--block-main);
  2730. }
  2731. .DC_LinkProxy {
  2732. max-width: 650px;
  2733. padding: 20px;
  2734. margin: 0 auto;
  2735. border: 0px solid #505662;
  2736. border-radius: 8px;
  2737. background: var(--block-main);
  2738. }
  2739. .DC_LinkProxy .DC_LinkProxy__content .message.redirecting {
  2740. font-weight: 500;
  2741. text-align: center;
  2742. color: var(--color-style);
  2743. text-shadow: 0px 0px 10px var(--color-style-glow);
  2744. }
  2745. .DC_LinkProxy .DC_LinkProxy__content {
  2746. font-size: 1.05em;
  2747. color: var(--color-darkest-white);
  2748. }
  2749. .DC_LinkProxy .DC_LinkProxy__title {
  2750. text-align: center;
  2751. font-size: 2em;
  2752. color: var(--color-white);
  2753. }
  2754. .count {
  2755. color: var(--color-white);
  2756. text-shadow: none;
  2757. }
  2758. .circle {
  2759. box-shadow: inset 0 0 0 20px var(--background-main);
  2760. }
  2761. .l-half:before, .r-half:before {
  2762. border-color: var(--main-hover);
  2763. }
  2764. .bbTable>table>thead>tr>td, .bbTable>table>tbody>tr>td {
  2765. background: var(--background-main);
  2766. border: 1px solid transparent;
  2767. padding: 4px;
  2768. }
  2769. .bbCodeInline {
  2770. margin: 0;
  2771. font-size: 90%;
  2772. background: var(--background-main);
  2773. border: 1px solid var(--main-hover);
  2774. }
  2775. .dataList-cell.dataList-cell--alt, .dataList-cell.dataList-cell--action {
  2776. background: var(--background-main);
  2777. }
  2778. .dataList-row.dataList-row--subSection .dataList-cell {
  2779. font-size: 1.6rem;
  2780. color: var(--color-style);
  2781. text-shadow: 0px 0px 10px var(--color-style-glow);
  2782. background: transparent;
  2783. border-bottom: 1px solid var(--seperator);
  2784. padding: 8px 16px;
  2785. }
  2786. .smilieText {
  2787. padding: 2px 3px;
  2788. min-width: 16px;
  2789. text-align: center;
  2790. vertical-align: text-bottom;
  2791. border-radius: 8px;
  2792. font-size: 1.1rem;
  2793. color: var(--color-white);
  2794. background: var(--background-main);
  2795. border: 1px solid var(--seperator);
  2796. display: inline-block;
  2797. max-width: 100%;
  2798. padding: 0 6px 1px;
  2799. margin: 0 0 2px;
  2800. border-radius: 3px;
  2801. }
  2802. .smilieText:hover {
  2803. background: var(--header);
  2804. transition: all .2s ease;
  2805. }
  2806. .bbCodeDemoBlock-item>dt {
  2807. font-size: 1.2rem;
  2808. color: var(--color-very-dark-white);
  2809. }
  2810. .bbCodeDemoBlock-item>dd {
  2811. background: var(--background-main);
  2812. }
  2813. .bbTable>table>thead>tr>th, .bbTable>table>tbody>tr>th {
  2814. background: var(--header);
  2815. border: 1px solid var(--seperator);
  2816. border-bottom-color: var(--seperator);
  2817. border-bottom-width: 2px;
  2818. padding: 4px;
  2819. }
  2820. .block-textHeader .block-textHeader-highlight {
  2821. color: var(--color-white);
  2822. }
  2823. .contentRow-extra.contentRow-extra--largest {
  2824. font-size: 3.6rem;
  2825. color: var(--color-white);
  2826. }
  2827. .pika-label {
  2828. color: var(--color-style);
  2829. text-shadow: 0px 0px 10px var(--color-style-glow);
  2830. background-color: transparent;
  2831. }
  2832. .pika-single {
  2833. z-index: 9999;
  2834. display: block;
  2835. position: relative;
  2836. color: var(--color-style);
  2837. background: var(--block-main);
  2838. border: 1px solid;
  2839. border-color: transparent;
  2840. border-radius: 8px;
  2841. }
  2842. .pika-table th {
  2843. color: var(--color-darkest-white);
  2844. }
  2845. .autoCompleteList {
  2846. list-style: none;
  2847. margin: 0;
  2848. padding: 0;
  2849. cursor: default;
  2850. font-size: 1.2rem;
  2851. color: var(--color-dark-white);
  2852. background: var(--header);
  2853. border: 0 solid #505662;
  2854. border-radius: 4px;
  2855. box-shadow: 0px 10px 20px rgba(0,0,0,0.15), rgba(0,0,0,0.1) 0px 0px 0px 1px;
  2856. min-width: 180px;
  2857. max-width: 95%;
  2858. border: 1px solid transparent;
  2859. box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);
  2860. margin-top: 2px;
  2861. transition: all .2s ease;
  2862. }
  2863. .autoCompleteList li.is-selected {
  2864. background: var(--main-hover);
  2865. transition: all .2s ease;
  2866. }
  2867. .attachment-icon i:before {
  2868. color: var(--color-darkest-white);
  2869. }
  2870. .block-row.block-row--alt {
  2871. color: var(--color-darkest-white);
  2872. background: var(--block-main);
  2873. }
  2874. .structItem-title {
  2875. color: var(--color-white);
  2876. }
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!