API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 29th, 2023
51
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 271.51 KB | None | 0 0
raw download clone embed print report
  1. Sun, 29 Oct 2023 11:08:20 +0000
  2. Message: Invalid value source "/* SASS */ /* change background image path here */
  3. $pageBodyBackground: url('#{$style_image_path}custom/lucent_bg-blurdark.jpg');
  4. $pageBodyBackgroundSharp: url('#{$style_image_path}custom/lucent_bgdark.jpg');
  5. $redColor: #eb372c;
  6. $greenColor: #54d123;
  7. $borderRadius: 4px;
  8. .codeBox.collapsed > .toggleButton::before {
  9. background-image: none;
  10. }
  11. .codeBox .codeBoxHeader {
  12. position: initial;
  13. }
  14. .codeBox > .toggleButton {
  15. background-color: rgba(0, 0, 0, 0.33);
  16. }
  17. .ck.ck-toolbar {
  18. background-color: rgba(0, 0, 0, 0.55);
  19. }
  20. #tpl_wcf_recentActivityList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  21. background-color: rgba(0, 0, 0, 0.33);
  22. }
  23. #tpl_wcf_usersOnlineList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  24. background-color: rgba(0, 0, 0, 0.33);
  25. }
  26. #tpl_wcf_team .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  27. background-color: rgba(0, 0, 0, 0.33);
  28. }
  29.  
  30. #tpl_filebase_fileList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  31. background-color: rgba(0, 0, 0, 0.33);
  32. }
  33. #tpl_filebase_file .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  34. background-color: rgba(0, 0, 0, 0.33);
  35. }
  36. #tpl_wcf_membersList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  37. background-color: rgba(0, 0, 0, 0.33);
  38. }
  39. #tpl_wcf_articleList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  40. background-color: rgba(0, 0, 0, 0.33);
  41. }
  42. .section.tabularBox.messageGroupList.wbbThreadList.jsClipboardContainer {
  43. background-color: rgba(0, 0, 0, 0.33);
  44. }
  45. @media screen and (min-width: 1025px), print {
  46. html.disableScrolling .pageHeaderPanel {
  47. right: 0;
  48. }
  49. }
  50. .wbbBoardNode__lastPostLink {
  51. color: var(--wcfContentLink);
  52. }
  53. .wbbBoardNode__lastPostLink:hover {
  54. color: var(--wcfContentLinkActive);
  55. }
  56. .wbbBoardNode__link {
  57. color: var(--wcfContentLink);
  58. }
  59. .wbbBoardNode__link:hover {
  60. color: var(--wcfContentLinkActive);
  61. }
  62. .userMenuItemLink, .userMenuItemLink:hover {
  63. color: var(--wcfContentLinkActive);
  64. }
  65. .userMenuItemLink, .userMenuItemLink {
  66. color: var(--wcfContentLink);
  67. }
  68. .dialog__document {
  69. background-image: $pageBodyBackground;
  70. background-size: cover;
  71. background-attachment: fixed;
  72. background-position: center;
  73. background-repeat: no-repeat;
  74. --background-color: rgba(0, 0, 0, 0.33);
  75. --background-color-active: rgba(0, 0, 0, 0.4);
  76. --border-color: #000;
  77. --color: #fff;
  78. --color-dimmed: #6c6c6c;
  79. --color-indicator: #318adc;
  80. }
  81.  
  82. .pageMenuContent {
  83. background-image: $pageBodyBackground;
  84. background-size: cover;
  85. background-attachment: fixed;
  86. background-position: center;
  87. background-repeat: no-repeat;
  88. --background-color: rgba(0, 0, 0, 0.33);
  89. --background-color-active: rgba(0, 0, 0, 0.33);
  90. --border-color: #000;
  91. --color: #fff;
  92. --color-dimmed: #6c6c6c;
  93. --color-indicator: #318adc;
  94. }
  95. .filebaseFileCardHeader {
  96. border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  97. }
  98. .userMenu {
  99. background: rgba(0, 0, 0, 0.2);
  100. --background-color: rgba(0, 0, 0, 0.2);
  101. --background-color-active: rgba(0, 0, 0, 0.1);
  102. --border-color: #000;
  103. --color: #fff;
  104. --color-dimmed: #6c6c6c;
  105. --color-indicator: #318adc;
  106. color: var(--color);
  107. }
  108.  
  109. .userMenu {
  110. background-image: $pageBodyBackground;
  111. background-size: cover;
  112. background-attachment: fixed;
  113. background-position: center;
  114. background-repeat: no-repeat;
  115. }
  116.  
  117. @include screen-lg {
  118. #topMenu.userPanel > ul > li:first-child > a {
  119. padding-left:10px;
  120. }
  121.  
  122. .dropdownMenuContainer .userMenu {
  123. top: 255px !important;
  124. position: absolute;
  125. }
  126.  
  127. .contentInteraction {
  128. margin-top: 25px;
  129. }
  130. }
  131.  
  132. /* mobile optimization */
  133. @include screen-md-down {
  134. .pageHeaderPanel, .pageHeaderSearch {
  135. background-image: $pageBodyBackground;
  136. background-size: cover;
  137. background-attachment: fixed;
  138. background-position: center;
  139. background-repeat: no-repeat;
  140. box-shadow: inset 0 0 0 40px rgba(0,0,0,0.25);
  141. }
  142.  
  143. .wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {
  144. background-color: rgba(0, 0, 0, 0);
  145. }
  146.  
  147. .userProfileUser .contentHeaderIcon .badgeOnline {
  148. padding: 6px;
  149. }
  150.  
  151. .userProfileUser .contentHeaderIcon .badgeOnline::before {
  152. display: none;
  153. }
  154.  
  155. .messageSidebar .badgeOnline {
  156. font-size: 0;
  157. }
  158.  
  159. .main {
  160. margin-top: 15px;
  161. }
  162.  
  163. .messageFooterGroup > .messageFooterButtons.buttonList.open{
  164. background-image: $pageBodyBackground;
  165. background-size: cover;
  166. background-attachment: fixed;
  167. background-position: center;
  168. background-repeat: no-repeat;
  169. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 200px rgba(255,255,255,0.35);
  170. }
  171.  
  172. .pageAction{
  173. left: auto;
  174. }
  175.  
  176. .menuOverlayMobile{
  177. background-image: $pageBodyBackground;
  178. background-size: cover;
  179. background-attachment: fixed;
  180. background-position: center;
  181. background-repeat: no-repeat;
  182. }
  183.  
  184. .menuOverlayItemList {
  185. background-color: rgba(0, 0, 0, 0.2);
  186. }
  187.  
  188. .wcfImageViewer.wcfImageViewerMobile > div > ul > li {
  189. background-color: rgba(0, 0, 0, 0.55);
  190. }
  191.  
  192. .wbbBoardList .wbbBoard {
  193. padding: 10px;
  194. }
  195.  
  196. .menuOverlayTitle {
  197. font-weight: bold;
  198. color: $wcfTabularBoxHeadline;
  199. }
  200.  
  201. .menuOverlayMobile.pageUserMenuMobile + .menuOverlayMobileBackdrop {
  202. box-shadow: inset -5px 0 25px -5px rgba(0, 0, 0, .18);
  203. }
  204. }
  205.  
  206. /* badge + icon*/
  207. .badge.badgeUpdate, a.badge.badgeUpdate {
  208. line-height: 1.2;
  209. }
  210.  
  211. .wbbAnnouncementIcon {
  212. background-color: $redColor;
  213. }
  214.  
  215. .contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before {
  216. color: $redColor;
  217. }
  218.  
  219. .messageGroupList .messageDeleted .columnAvatar::before {
  220. color: $redColor;
  221. }
  222.  
  223. .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child::before {
  224. color: $redColor;
  225. }
  226.  
  227. .icon.green, .fa.green {
  228. color: $greenColor;
  229. }
  230.  
  231. .icon.red, .fa.red {
  232. color: $redColor;
  233. }
  234.  
  235. /* search */
  236. @include screen-lg {
  237. .pageHeaderSearchInputContainer {
  238. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  239.  
  240. .pageHeaderSearchType.dropdownOpen > .button{
  241. background-image: $pageBodyBackground;
  242. background-size: cover;
  243. background-attachment: fixed;
  244. background-position: center;
  245. box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);
  246. background-repeat: no-repeat;
  247. }
  248.  
  249. .pageHeaderSearchInputButton {
  250. border-radius: 0 2px 2px 0px;
  251.  
  252. &:hover{
  253. background-image: $pageBodyBackground;
  254. background-size: cover;
  255. background-attachment: fixed;
  256. background-position: center;
  257. box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);
  258. background-repeat: no-repeat;
  259. }
  260. }
  261.  
  262. .pageHeaderSearchInput {
  263. background-image: $pageBodyBackground;
  264. background-size: cover;
  265. background-attachment: fixed;
  266. background-position: center;
  267. background-repeat: no-repeat;
  268. box-shadow: inset 0 0px 0px 20px rgba(0, 0, 0, 0.1);
  269. }
  270.  
  271. .pageHeaderSearchType > .button {
  272. border-radius: 0;
  273.  
  274. &:hover{
  275. background-image: $pageBodyBackground;
  276. background-size: cover;
  277. background-attachment: fixed;
  278. background-position: center;
  279. box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);
  280. background-repeat: no-repeat;
  281. }
  282. }
  283. }
  284.  
  285. .pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
  286. background-image: $pageBodyBackground;
  287. background-size: cover;
  288. background-attachment: fixed;
  289. background-position: center;
  290. box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.15);
  291. background-repeat: no-repeat;
  292. }
  293.  
  294. .searchBarOpen .pageHeaderSearch {
  295. top: 220px!important;
  296. position: absolute;
  297. z-index: 300;
  298. right:20px !important;
  299. }
  300. }
  301.  
  302. /* pagination */
  303. .pagination > ul {
  304. background-color: rgba(0,0,0,0.2);
  305. border-radius: $borderRadius;
  306.  
  307. > li > .icon {
  308. font-size: 13px;
  309. margin-top: 3px;
  310. }
  311.  
  312. > li:not(:last-child){
  313. margin-right: 0px;
  314. }
  315. }
  316.  
  317. /* poll */
  318. .pollContainer .pollResultItem .pollMeter {
  319. border-radius: 2px;
  320. background-color: rgba(0, 0, 0, 0.2);
  321. height: 8px;
  322.  
  323. > .pollMeterValue {
  324. border-radius: 2px;
  325. height: 8px;
  326. }
  327. }
  328.  
  329. .pollContainer .pollResultItem:nth-child(12n+1) .pollMeter > .pollMeterValue{
  330. background-color: #e74c3c;
  331. background-image: linear-gradient(#ff6151,#e74c3c);
  332. background-image: -webkit-linear gradient(#ff6151,#e74c3c);
  333. }
  334.  
  335. .pollContainer .pollResultItem:nth-child(12n+2) .pollMeter > .pollMeterValue{
  336. background-color: #e67e22;
  337. background-image: linear-gradient(#ff9334,#e67e22);
  338. background-image: -webkit-linear gradient(#ff9334,#e67e22);
  339. }
  340.  
  341. .pollContainer .pollResultItem:nth-child(12n+3) .pollMeter > .pollMeterValue{
  342. background-color: #f1c40f;
  343. background-image: linear-gradient(#ffd738,#f1c40f);
  344. background-image: -webkit-linear gradient(#ffd738,#f1c40f);
  345. }
  346.  
  347. .pollContainer .pollResultItem:nth-child(12n+4) .pollMeter > .pollMeterValue{
  348. background-color: #2ecc71;
  349. background-image: linear-gradient(#3fea88,#2ecc71);
  350. background-image: -webkit-linear gradient(#3fea88,#2ecc71);
  351. }
  352.  
  353. .pollContainer .pollResultItem:nth-child(12n+5) .pollMeter > .pollMeterValue{
  354. background-color: #3498db;
  355. background-image: linear-gradient(#3dabf5,#3498db);
  356. background-image: -webkit-linear gradient(#3dabf5,#3498db);
  357. }
  358.  
  359. .pollContainer .pollResultItem:nth-child(12n+6) .pollMeter > .pollMeterValue{
  360. background-color: #1abc9c;
  361. background-image: linear-gradient(#26d8b5,#1abc9c);
  362. background-image: -webkit-linear gradient(#26d8b5,#1abc9c);
  363. }
  364.  
  365. .pollContainer .pollResultItem:nth-child(12n+7) .pollMeter > .pollMeterValue{
  366. background-color: #9b59b6;
  367. background-image: linear-gradient(#b167d0,#9b59b6);
  368. background-image: -webkit-linear gradient(#b167d0,#9b59b6);
  369. }
  370.  
  371. .pollContainer .pollResultItem:nth-child(12n+8) .pollMeter > .pollMeterValue{
  372. background-color: #34495e;
  373. background-image: linear-gradient(#46607b,#34495e);
  374. background-image: -webkit-linear gradient(#46607b,#34495e);
  375. }
  376.  
  377. .pollContainer .pollResultItem:nth-child(12n+9) .pollMeter > .pollMeterValue{
  378. background-color: #95a5a6;
  379. background-image: linear-gradient(#abbfc0,#95a5a6);
  380. background-image: -webkit-linear gradient(#abbfc0,#95a5a6);
  381. }
  382.  
  383. .pollContainer .pollResultItem:nth-child(12n+10) .pollMeter > .pollMeterValue{
  384. background-color: #bdc3c7;
  385. background-image: linear-gradient(#d7dce0,#bdc3c7);
  386. background-image: -webkit-linear gradient(#d7dce0,#bdc3c7);
  387. }
  388.  
  389. /* menu */
  390. .mainMenu .boxMenu {
  391. border-bottom-left-radius: $borderRadius;
  392. border-bottom-right-radius: $borderRadius;
  393.  
  394. .boxMenuDepth1{
  395. background-image: $pageBodyBackground;
  396. background-size: cover;
  397. background-attachment: fixed;
  398. background-position: center;
  399. background-repeat: no-repeat;
  400. border-bottom-left-radius: 6px;
  401. border-bottom-right-radius: 6px;
  402. box-shadow: inset 0 0 0px 80px rgba(0,0,0,0.2);
  403.  
  404. > li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span {
  405. padding: 7px 12px;
  406. }
  407. }
  408.  
  409. > li > a {
  410. font-family: 'Roboto', sans-serif;
  411. font-weight: 500;
  412. letter-spacing: -0.6px;
  413. font-size: 1.1rem;
  414.  
  415. .badge.badgeUpdate{
  416. line-height: 1.28;
  417. border-radius: 2px;
  418. }
  419. }
  420. }
  421.  
  422. /* body */
  423. body {
  424. background-image: $pageBodyBackgroundSharp;
  425. background-size: cover;
  426. background-attachment: fixed;
  427. background-position: center;
  428. background-repeat: no-repeat;
  429. background-color: #2a231a;
  430. }
  431.  
  432. /* sidebar */
  433. .boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {
  434. background-color: rgba(0,0,0,0.4);
  435. border-top-left-radius: 6px;
  436. border-top-right-radius: 6px;
  437. padding: 10px 10px;
  438. letter-spacing: -0.35px;
  439. font-weight: 500;
  440. font-family: 'Roboto', sans-serif;
  441. font-size: 1.125rem;
  442. }
  443.  
  444. .boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink {
  445. margin-left: 0px;
  446. padding-left: 22px;
  447. }
  448.  
  449. .boxesSidebarLeft .box:not(:first-child), .boxesSidebarRight .box:not(:first-child) {
  450. margin-top: 0px;
  451. }
  452.  
  453. .boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
  454. background-color: rgba(0, 0, 0, 0.15);
  455. }
  456.  
  457. .boxesSidebarLeft .box .boxMenu .boxMenuLink .badge, .boxesSidebarRight .box .boxMenu .boxMenuLink .badge {
  458. margin-right: 10px;
  459. }
  460.  
  461. .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
  462. margin-right: 0px;
  463. padding-right: 0px;
  464. }
  465.  
  466. .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
  467. padding: 10px;
  468. }
  469.  
  470. .boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu {
  471. margin-left: -8px;
  472. margin-right: -8px;
  473. }
  474.  
  475. .sidebar .boxContainer > section .boxContent {
  476. padding: 8px;
  477. margin-top: 0;
  478. border-bottom-left-radius: 6px;
  479. border-bottom-right-radius: 6px;
  480. background-color: rgba(0,0,0,0.33);
  481. }
  482.  
  483. /* ImageViewer */
  484. .wcfImageViewer {
  485. background-image: $pageBodyBackground;
  486. background-size: cover;
  487. background-attachment: fixed;
  488. background-position: center;
  489. background-repeat: no-repeat;
  490.  
  491. .icon {
  492. color: $wcfContentText;
  493. }
  494.  
  495. > div {
  496. background-color: rgba(0, 0, 0, 0);
  497. border-color: $wcfContentBorder;
  498. }
  499.  
  500. &:not(.wcfImageViewerMobile) > div > ul {
  501. background-image: $pageBodyBackground;
  502. background-size: cover;
  503. background-attachment: fixed;
  504. background-position: center;
  505. background-repeat: no-repeat;
  506. box-shadow: inset 0 0 0px 50px rgba(0,0,0,0.25);
  507. border: none;
  508. border-top-left-radius: $borderRadius;
  509. border-top-right-radius: $borderRadius;
  510. }
  511.  
  512. &:not(.wcfImageViewerMobile) > div > ul > li:not(.pointer) > .icon {
  513. color: #aeaeae!important;
  514. }
  515.  
  516. > header h1, > header h2, > header h3 {
  517. color: $wcfContentText;
  518. }
  519. }
  520.  
  521.  
  522. .messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {
  523. background-color: $wcfButtonPrimaryBackgroundActive;
  524. color: $wcfButtonPrimaryTextActive;
  525. padding: 3px 7px;
  526. position: relative;
  527. top: 2px;
  528. border-radius: 3px;
  529. }
  530.  
  531. .messageTabMenu.messageTabMenuContent > nav {
  532. padding: 5px 20px 8px;
  533. }
  534.  
  535. .smileyList {
  536. padding: 5px;
  537. }
  538.  
  539. .messageTabMenu > .messageTabMenuContent.active {
  540. border-radius: $borderRadius;
  541. background-color: rgba(0, 0, 0, 0.25);
  542. }
  543.  
  544. .messageTabMenuNavigation > ul > li.active > a {
  545. color: #ffffff;
  546. }
  547.  
  548. .messageTabMenu > div > nav ul li a {
  549. color: $wcfButtonText;
  550. border-radius: 3px;
  551. position: relative;
  552. top: 2px;
  553. padding: 3px 7px;
  554. }
  555.  
  556. .messageTabMenu > div > nav ul li a:hover {
  557. color: $wcfButtonTextActive;
  558. background-color: $wcfButtonBackgroundActive;
  559. }
  560.  
  561. .messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {
  562. margin-top: 8px;
  563. border: none;
  564. border-radius: $borderRadius;
  565. }
  566.  
  567. .messageTabMenuNavigation > ul {
  568. border: none;
  569. background-color: rgba(0, 0, 0, 0.45);
  570. border-bottom-left-radius: $borderRadius;
  571. border-bottom-right-radius: $borderRadius;
  572. }
  573.  
  574. /* BoardList */
  575. .wbbBoardNodeList {
  576. background-color: rgba(0,0,0,0.33);
  577. border-top-left-radius: 0px;
  578. border-top-right-radius: 0px;
  579. box-shadow: none;
  580. border: 0px;
  581. }
  582. .wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header::after {
  583. border-bottom: 0px;
  584. border-radius: var(--wcfBorderRadius) var(--wcfBorderRadius) 0 0;
  585. }
  586. .wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header {
  587. padding: 10px 20px;
  588. background-color: rgba(0,0,0,0.4);
  589. border-top-left-radius: 6px;
  590. border-top-right-radius: 6px;
  591. }
  592.  
  593. .wbbBoardList .wbbBoardContainer {
  594. background-color: rgba(0,0,0,0.33);
  595. border-bottom: none;
  596. }
  597.  
  598. .wbbBoardList > li.wbbBoardContainer:first-child {
  599. border-top: none;
  600. }
  601.  
  602. .wbbBoardList .wbbBoardContainer {
  603. border-bottom: none;
  604. }
  605.  
  606. .wbbCategory.wbbDepth1 > ul > li:last-child {
  607. border-bottom-left-radius: 6px;
  608. border-bottom-right-radius: 6px
  609. }
  610.  
  611. .wbbBoardList .wbbCollapsibleCategory h2 {
  612. flex-direction: row-reverse;
  613. letter-spacing: -0.35px;
  614. font-weight: 500;
  615. font-family: 'Roboto', sans-serif;
  616. font-size: 1.125rem;
  617. }
  618.  
  619. .tabularBoxTitle > header {
  620. background-color: rgba(0,0,0,0.4);
  621. border-bottom: none;
  622. border-top-left-radius: 6px;
  623. border-top-right-radius: 6px;
  624. padding: 10px 10px;
  625. }
  626.  
  627. /* layout */
  628. @include screen-lg {
  629. .pageContainer {
  630. margin: 0 auto;
  631. max-width: 1900px;
  632. padding-top: 40px;
  633. width: 90%;
  634. padding-left: 20px;
  635. padding-right: 20px;
  636. }
  637.  
  638. .pageHeaderContainer {
  639. padding-top: 0px;
  640. }
  641.  
  642. .pageHeaderFacade > .layoutBoundary {
  643. padding-bottom: 0px;
  644. padding-top: 0px;
  645. }
  646.  
  647. .layoutBoundary {
  648. min-width: auto;
  649. }
  650.  
  651. #pageHeaderPanel {
  652. position: absolute;
  653. }
  654.  
  655. #pageHeaderPanel {
  656. position: absolute;
  657. top: inherit;
  658. bottom: 0;
  659. }
  660.  
  661. #pageHeader {
  662. position: relative;
  663. padding-top: 120px;
  664. }
  665. }
  666.  
  667. /* messsage content */
  668. .messageSidebar .userAvatarImage {
  669. border: 2px solid #000000;
  670. }
  671.  
  672. .messageSidebar + .messageContent {
  673. background: rgba(0,0,0,0.4);
  674. border-radius: 6px;
  675. padding: 10px 10px 10px 10px;
  676. }
  677.  
  678. .messageList:not(.messageReducedList) {
  679. border-top: none;
  680.  
  681. > li {
  682. border-bottom: none;
  683. }
  684. }
  685.  
  686. @include screen-lg {
  687. .messageSidebar {
  688. border-radius: 0px;
  689. flex: 0 0 205px;
  690.  
  691. .badgeOnline {
  692. margin-bottom: 24px;
  693. padding: 7px;
  694. background-color: $greenColor;
  695. border: 2px solid #000000;
  696. border-radius: 10px;
  697. font-size: 0;
  698. }
  699.  
  700. + .messageContent {
  701. margin-left: 0px;
  702. max-width: calc(100% - 225px);
  703.  
  704. &:not(.messageQuickReplyContent)::before {
  705. content: "";
  706. border-style: solid;
  707. border-color: rgba(0,0,0,0) rgba(0, 0, 0, 0.2) rgba(0,0,0,0) rgba(0,0,0,0);
  708. border-width: 0px 14px 15px 0px;
  709. margin-top: 18px;
  710. margin-left: -24px;
  711. position: absolute;
  712. }
  713. }
  714. }
  715.  
  716. .messageQuickOptions {
  717. background-color: rgba(0,0,0,0.4);
  718. padding: 2px 4px 1px 6px;
  719. border-radius: 15px;
  720. }
  721.  
  722. .message .messageClipboardCheckbox::before {
  723. font-size: 20px;
  724. left: 5px;
  725. top: -2px;
  726. }
  727.  
  728. .messageFooterNote {
  729. border-left: 3px solid rgba(224, 224, 224, 1);
  730. }
  731.  
  732. .messageCheckboxLabel::after, .message .messageClipboardCheckbox::after, .messageGroupList .columnMark > label::after {
  733. color: #54d123;
  734. }
  735.  
  736. .message.jsMarked .messageClipboardCheckbox::after {
  737. font-size: 11px;
  738. left: 7px;
  739. top: 4px;
  740. }
  741.  
  742. #tpl_wbb_thread .contentHeader, #tpl_wcf_conversation .contentHeader{
  743. background-color: rgba(0,0,0,0.2);
  744. margin: -20px;
  745. padding: 20px;
  746. border-top-left-radius: 6px;
  747. border-top-right-radius: 6px;
  748. }
  749.  
  750. .messageQuickReplyCollapsed .messageQuickReplyContent{
  751. padding-top: 12px;
  752.  
  753. &::before {
  754. font-size: 26px;
  755. }
  756. }
  757.  
  758. }
  759.  
  760. /* social buttons */
  761. .messageShareButtons .jsShareFacebook, .messageShareButtons .jsShareTwitter, .messageShareButtons .jsShareGoogle, .messageShareButtons .jsShareReddit, .messageShareButtons .jsShareWhatsApp, .messageShareButtons .jsShareLinkedIn, .messageShareButtons .jsSharePinterest, .messageShareButtons .jsShareXing {
  762. background-color: rgba(0,0,0,0.35);
  763. }
  764.  
  765. .messageShareButtons .button span:not(.icon){
  766. display: none;
  767. }
  768.  
  769. /* main content */
  770. @include screen-lg {
  771. .main {
  772. padding: 20px 0;
  773. }
  774. }
  775.  
  776. .main {
  777. background-image: $pageBodyBackground;
  778. background-size: cover;
  779. background-attachment: fixed;
  780. background-position: center;
  781. background-repeat: no-repeat;
  782. border-radius: 6px;
  783. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  784. }
  785.  
  786. .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1{
  787. font-family: 'Roboto', sans-serif;
  788. font-weight: 700;
  789. letter-spacing: -0.3px;
  790. }
  791.  
  792. /* footer boxes */
  793. .boxesFooter .layoutBoundary{
  794. padding: 0px 4px 0 8px;
  795. }
  796.  
  797. .boxesFooterBoxes .layoutBoundary{
  798. background-image: $pageBodyBackground;
  799. background-size: cover;
  800. background-attachment: fixed;
  801. background-position: center;
  802. background-repeat: no-repeat;
  803. margin-top: 25px;
  804. border-radius: 6px;
  805. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  806.  
  807. @include screen-lg {
  808. .boxContainer {
  809. padding: 40px 0;
  810. margin-bottom: -10px;
  811. }
  812. }
  813. }
  814.  
  815. /* header */
  816. @include screen-lg {
  817. .pageHeaderPanel {
  818. background-image: $pageBodyBackground;
  819. background-size: cover;
  820. background-attachment: fixed;
  821. background-position: center;
  822. background-repeat: no-repeat;
  823. border-top-left-radius: 6px;
  824. border-top-right-radius: 6px;
  825.  
  826. > .layoutBoundary {
  827. //display: inline-block;
  828. }
  829. }
  830.  
  831. .pageHeaderLogo {
  832. position: relative;
  833. top: -100px;
  834. text-align: center;
  835. }
  836. }
  837.  
  838. /* dropdown */
  839. .dropdownMenu {
  840. background-image: $pageBodyBackground;
  841. background-size: cover;
  842. background-attachment: fixed;
  843. background-position: center;
  844. background-repeat: no-repeat;
  845. box-shadow: inset 0 0px 0px 200px rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0);
  846. }
  847.  
  848. @include screen-lg {
  849. .interactiveDropdown{
  850. background-image: $pageBodyBackground;
  851. background-size: cover;
  852. background-attachment: fixed;
  853. background-position: center;
  854. background-repeat: no-repeat;
  855. border-radius: $borderRadius;
  856. left: 72px!important;
  857. top: 18px!important;
  858. box-shadow: inset 0 0px 0px 200px rgba(255, 255, 255, 0.32), 0 0 12px 0 rgba(0, 0, 0, 0.2);
  859.  
  860. .userAvatarImage {
  861. max-width: 40px;
  862. max-height: 40px;
  863. margin-left: 3px;
  864. }
  865.  
  866. &[data-source="userNotifications"] {
  867. top: 65px!important;
  868. }
  869.  
  870. &[data-source="outstandingModeration"] {
  871. top: 116px!important;
  872. }
  873.  
  874. &[data-source="unreadConversations"] {
  875. top: 167px!important;
  876. }
  877. }
  878.  
  879. .interactiveDropdownHeader {
  880. padding: 6px 12px;
  881.  
  882. &::before{
  883. content: "";
  884. border-style: solid;
  885. border-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  886. border-width: 8px 7px 8px 0px;
  887. margin-top: 0px;
  888. margin-left: -19px;
  889. position: absolute;
  890. }
  891.  
  892. .interactiveDropdownTitle {
  893. letter-spacing: -0.35px;
  894. font-weight: 500;
  895. font-family: 'Roboto', sans-serif;
  896. font-size: 1.125rem;
  897. }
  898. }
  899.  
  900. .interactiveDropdownItems > li {
  901. padding: 10px 12px;
  902.  
  903. .icon{
  904. font-size: 2.2rem;
  905. }
  906. }
  907.  
  908. .interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead .icon{
  909. font-size: 1.2rem;
  910. }
  911.  
  912. .interactiveDropdownShowAll {
  913. font-weight: bold;
  914.  
  915. &:hover {
  916. background-color: $wcfTabularBoxBackgroundActive;
  917. }
  918. }
  919. }
  920.  
  921. /* userpanel */
  922.  
  923.  
  924. /* general */
  925. .styleChanger a::before {
  926. //content: "\f03e";
  927. font-size: 1.1rem;
  928. font-family: "FontAwesome";
  929. margin-right: 5px;
  930. }
  931.  
  932. .pageNavigation {
  933. background-image: $pageBodyBackground;
  934. background-size: cover;
  935. background-attachment: fixed;
  936. background-position: center;
  937. background-repeat: no-repeat;
  938. margin-bottom: 25px;
  939. border-bottom-left-radius: 6px;
  940. border-bottom-right-radius: 6px;
  941. }
  942.  
  943. .wcfLikeCounter.likeCounterLiked {
  944. color: $greenColor!important;
  945. }
  946.  
  947. .wcfLikeCounter.likeCounterDisliked {
  948. color: $redColor!important;
  949. }
  950.  
  951. woltlab-quote, .quoteBox {
  952. background-color: rgba(0, 0, 0, 0.22);
  953. border-radius: 3px;
  954. }
  955.  
  956. .spoilerBox {
  957. background-color: rgba(0, 0, 0, 0.22);
  958. }
  959.  
  960. .codeBox {
  961. background-color: rgba(0, 0, 0, 0.22);
  962. }
  963.  
  964. .codeBox .codeBoxHeader {
  965. background-color: rgba(0, 0, 0, 0.33);
  966. }
  967.  
  968. .contentHeaderIcon .userAvatarImage{
  969. border: 2px solid #000000;
  970. }
  971.  
  972. .contentHeaderIcon .badgeOnline {
  973. margin-bottom: 24px;
  974. padding: 7px;
  975. background-color: #54d123;
  976. border: 2px solid #000000;
  977. border-radius: 10px;
  978. font-size: 0;
  979. }
  980.  
  981. .dialogContainer{
  982. background-image: $pageBodyBackground;
  983. background-size: cover;
  984. background-attachment: fixed;
  985. background-position: center;
  986. background-repeat: no-repeat;
  987. border-radius: 6px;
  988. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(0, 0, 0, 0.2);
  989. background-color: rgba(0,0,0,0.6);
  990. }
  991.  
  992. .dialogContainer > .dialogContent {
  993. background-color: rgba(0,0,0,0.6);
  994. }
  995.  
  996. .balloonTooltip, .redactor-toolbar-tooltip {
  997. box-shadow: none;
  998. }
  999.  
  1000. .badge.badgeUpdate, a.badge.badgeUpdate {
  1001. background-color: #008080;
  1002. }
  1003.  
  1004. .containerList > li:not(:last-child) {
  1005. border-bottom: none;
  1006. }
  1007.  
  1008. .dialogContainer > header > span{
  1009. letter-spacing: -0.35px;
  1010. font-weight: 500;
  1011. font-family: 'Roboto', sans-serif;
  1012. font-size: 1.25rem;
  1013. color: var(--wcfContentText);
  1014. }
  1015.  
  1016. .dialogContainer > .dialogContent .dialogFormSubmit {
  1017. border-top: none;
  1018. }
  1019.  
  1020. .containerList > li:first-child {
  1021. border-top: none;
  1022. }
  1023.  
  1024. .containerList > li:last-child {
  1025. border-bottom: none;
  1026. }
  1027.  
  1028. @include screen-md-up {
  1029. .tabMenu > ul > li > a {
  1030. font-size: 20px;
  1031. }
  1032. }
  1033.  
  1034. .spinner {
  1035. background-color: rgba(0,0,0,0.4);
  1036. background-image: $pageBodyBackground;
  1037. background-size: cover;
  1038. background-attachment: fixed;
  1039. background-position: center;
  1040. background-repeat: no-repeat;
  1041. border: none;
  1042. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 60px rgba(255, 255, 255, 0.25);
  1043. }
  1044.  
  1045. .smileyList {
  1046. margin-bottom: 0px;
  1047. }
  1048.  
  1049.  
  1050. * {
  1051. outline: none;
  1052. }
  1053.  
  1054. .popover, .datePicker {
  1055. background-image: $pageBodyBackground;
  1056. background-size: cover;
  1057. background-attachment: fixed;
  1058. background-position: center;
  1059. background-repeat: no-repeat;
  1060. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(255,255,255,0.2);
  1061. border-radius: $borderRadius;
  1062. }
  1063.  
  1064. input[type="date"][disabled], input[type="datetime"][disabled],
  1065. input[type="email"][disabled], input[type="number"][disabled],
  1066. input[type="password"][disabled], input[type="search"][disabled],
  1067. input[type="text"][disabled], input[type="url"][disabled], input[type="date"][readonly],
  1068. input[type="datetime"][readonly], input[type="email"][readonly],
  1069. input[type="number"][readonly], input[type="password"][readonly],
  1070. input[type="search"][readonly], input[type="text"][readonly], input[type="url"][readonly] {
  1071. background-color: $wcfInputBackground!important;
  1072. border: none;
  1073. }
  1074.  
  1075. .tagList > li {
  1076. border-top-right-radius: 3px;
  1077. border-bottom-right-radius: 3px;
  1078. }
  1079.  
  1080. .tagList .tag {
  1081. border-top-right-radius: 3px;
  1082. border-bottom-right-radius: 3px;
  1083. }
  1084.  
  1085. .wbbBoardList .wbbCollapsibleCategory h2 + small {
  1086. color: #4C4C4C;
  1087. }
  1088.  
  1089. .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
  1090. border: 1px solid $wcfButtonText;
  1091. }
  1092.  
  1093. .inputItemList {
  1094. border-radius: $borderRadius;
  1095. }
  1096.  
  1097. .wbbStickyIcon, .wbbMovedIcon {
  1098. background-color: rgba(255, 151, 54, 1);
  1099. color: $wcfButtonText;
  1100. }
  1101.  
  1102. input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="text"], input[type="url"], select{
  1103. border-radius: 3px;
  1104. }
  1105.  
  1106. .fa-spinner, .wcfImageViewer > div.loading:before, .wcfImageViewer > footer > div > ul > li.loading:before {
  1107. border-top-color: $wcfButtonPrimaryBackground;
  1108. }
  1109.  
  1110. .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success,
  1111. .pageFooterStickyNotice .warning {
  1112. border: none;
  1113. }
  1114.  
  1115. .containerHeadline > h3 > .badge {
  1116. border-radius: 30px;
  1117. }
  1118.  
  1119. .pollContainer .pollResultItem .pollResultItemCaption > .pollOptionRelativeValue {
  1120. color: #dedfe9;
  1121. }
  1122.  
  1123. a:any-link{
  1124. text-decoration: none!important;
  1125. }
  1126.  
  1127. @include screen-md-up {
  1128. .quoteBoxIcon > .quoteBoxQuoteSymbol {
  1129. font-size: 140px;
  1130. }
  1131. }
  1132.  
  1133. .dialogContainer > header > .dialogCloseButton > .icon {
  1134. margin-right: -8px;
  1135. }
  1136.  
  1137. .userAvatarImage {
  1138. border: 2px solid #000000;
  1139. }
  1140.  
  1141. .error, .info, .success, .warning {
  1142. border-left: none;
  1143. }
  1144.  
  1145. .userProfileButtonContainer .icon{
  1146. font-size: 24px;
  1147. }
  1148.  
  1149. .tabularListRowHead > .tabularListColumns > li {
  1150. font-weight: 700;
  1151. letter-spacing: -0.7px;
  1152. }
  1153.  
  1154. .userProfileButtonContainer a.button{
  1155. padding: 5px 15px;
  1156. }
  1157.  
  1158. .inlineCode, kbd {
  1159. background-color: rgba(0, 0, 0, 0.22)!important;
  1160. border: none!important;
  1161. border-radius: 2px;
  1162. color: #ffffff !important;
  1163. }
  1164.  
  1165. .formError dt {
  1166. color: $redColor!important;
  1167. }
  1168.  
  1169. .flexibleButtonGroup > li > a.active.green, .flexibleButtonGroup > li > input[type="radio"]:checked + label.green,
  1170. .flexibleButtonGroup > li > input[type="radio"] + label:hover.green {
  1171. background-color: $greenColor;
  1172. }
  1173.  
  1174. .flexibleButtonGroup > li > a.active.red, .flexibleButtonGroup > li > input[type="radio"]:checked + label.red,
  1175. .flexibleButtonGroup > li > input[type="radio"] + label:hover.red {
  1176. background-color: $redColor;
  1177. }
  1178.  
  1179. .innerError {
  1180. background-color: $wcfStatusErrorBackground;
  1181. color: $wcfStatusErrorText;
  1182. }
  1183.  
  1184. .innerError::before {
  1185. border-bottom-color: $wcfStatusErrorBackground;
  1186. }
  1187.  
  1188. .innerError a {
  1189. color: $wcfStatusErrorText;
  1190. }
  1191.  
  1192. .dialogContainer > .dialogContent .dialogFormSubmit {
  1193. background-image: $pageBodyBackground;
  1194. background-size: cover;
  1195. background-attachment: fixed;
  1196. background-position: center;
  1197. background-repeat: no-repeat;
  1198. box-shadow: inset 0 0 0px 100px rgba(255,255,255,0.2);
  1199. border-top: none;
  1200. border-bottom-left-radius: $borderRadius;
  1201. border-bottom-right-radius: $borderRadius;
  1202. }
  1203.  
  1204. .flexibleButtonGroup > li > a, .flexibleButtonGroup > li > label {
  1205. background-color: rgba(245, 246, 249, 0.83);
  1206. }
  1207.  
  1208. .innerError a:hover {
  1209. color: $wcfStatusErrorText;
  1210. }
  1211.  
  1212. textarea.open{
  1213. background-color: rgba(17, 17, 17, 0.65)!important;
  1214. }
  1215.  
  1216. .containerList > li:hover {
  1217. border-radius: $borderRadius;
  1218. }
  1219.  
  1220. .dialogContainer[data-id="styleChanger"] .containerList{
  1221. padding: 6px;
  1222. }
  1223.  
  1224. .htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td,
  1225. .messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td,
  1226. .table tr:hover > td {
  1227. background-color: $wcfTabularBoxBackgroundActive;
  1228. }
  1229.  
  1230.  
  1231. button:not(.inputPrefix), input[type="button"]:not(.inputPrefix),
  1232. input[type="reset"]:not(.inputPrefix), input[type="submit"]:not(.inputPrefix),
  1233. .button:not(.inputPrefix), a.button:not(.inputPrefix) {
  1234. text-transform: none;
  1235. }
  1236.  
  1237. input[type="date"][disabled], input[type="datetime"][disabled],
  1238. input[type="email"][disabled], input[type="number"][disabled],
  1239. input[type="password"][disabled], input[type="search"][disabled],
  1240. input[type="text"][disabled], input[type="url"][disabled], input[type="date"][readonly],
  1241. input[type="datetime"][readonly], input[type="email"][readonly],
  1242. input[type="number"][readonly], input[type="password"][readonly],
  1243. input[type="search"][readonly], input[type="text"][readonly], input[type="url"][readonly] {
  1244. color: rgba(220, 220, 220, 1)!important;
  1245. }
  1246.  
  1247. .formError input, .formError select, .formError textarea {
  1248. border-color: $redColor!important;
  1249. }
  1250.  
  1251. @include screen-lg {
  1252. .mainMenu .mainMenuShowNext {
  1253. background-color: rgba(0,0,0,0.1);
  1254. background-image: none;
  1255. width: 20px;
  1256. margin-right: -25px;
  1257. }
  1258.  
  1259. .mainMenu .boxMenu .boxMenuDepth1 {
  1260. display: none;
  1261. }
  1262.  
  1263. .mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {
  1264. display: block;
  1265. }
  1266.  
  1267. #pageHeaderPanel .layoutBoundary {
  1268. max-width: 100%;
  1269. }
  1270.  
  1271. .mainMenu .mainMenuShowPrevious {
  1272. background-color: rgba(0,0,0,0.1);
  1273. background-image: none;
  1274. width: 20px;
  1275. border-top-left-radius: 4px;
  1276. margin-left: -20px;
  1277. }
  1278.  
  1279. #topMenu.userPanelLoggedIn > ul > li:first-child > a::before {
  1280. content: "";
  1281. }
  1282.  
  1283. #topMenu #userMenu img {
  1284. display: block;
  1285. }
  1286.  
  1287. #tpl_wcf_article .content > .section, .content > form, .sectionContainer {
  1288. border: 0px;
  1289. background-color: rgba(0, 0, 0, 0.22);
  1290. padding: 20px;
  1291. border-radius: $borderRadius;
  1292.  
  1293. }
  1294.  
  1295. .filebaseFileList .filebaseFileCard {
  1296. border: 1px solid rgba(0, 0, 0, 0.2);
  1297. background-color: rgba(0, 0, 0, 0.25);
  1298. border-radius: 5px;
  1299. box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
  1300. }
  1301.  
  1302. .boxesFooterBoxes {
  1303. background-color: transparent;
  1304. }
  1305.  
  1306. .dashboardBoxRecentActivity ul.containerList.recentActivityList {
  1307. background-color: rgba(0,0,0,0.1);
  1308. border-radius: 5px;
  1309. }
  1310.  
  1311. .contentItem {
  1312. background-color: rgba(0, 0, 0, 0.1);
  1313. box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
  1314. }
  1315. }
  1316.  
  1317. textarea[disabled], textarea[readonly] {
  1318. color: rgba(233, 233, 233, 1) !important;
  1319. }
  1320. .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable),.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{border-color:#318ADC9E !important}
  1321. .ck.ck-editor, .ck.ck-body {
  1322. --ck-color-base-border: #000 !important;
  1323. --ck-color-toolbar-border: #000 !important;
  1324. --ck-color-dropdown-panel-border: #000 !important;
  1325. --ck-color-panel-border: #000 !important;
  1326. }/* WCF_STYLE_CUSTOM_USER_MODIFICATIONS */ /* Spendenliste ausblenden */
  1327. #tpl_wcf_donations table, #tpl_wcf_donations .contentHeaderTitle {display:none;}
  1328.  
  1329. /* Spinnennetze */
  1330. img.web-left {
  1331. width: 300px;
  1332. height: 300px;
  1333. }
  1334.  
  1335. .web-right {
  1336. display:none;
  1337. }".
  1338. PHP version: 8.2.11
  1339. WoltLab Suite version: 6.0.2
  1340. Request URI: GET /forum/index.php?thread/6373-eigener-gameserver-7-days-to-die-linux-ubuntu-kann-nach-dem-starten-nicht-gefund/&postID=19505
  1341. Referrer:
  1342. User Agent: Mozilla/5.0 (compatible; AhrefsBot/7.0; +http://ahrefs.com/robot/)
  1343. Peak Memory Usage: 9197200/1073741824
  1344. ======
  1345. Error Class: InvalidArgumentException
  1346. Error Message: Invalid value source "/* SASS */ /* change background image path here */
  1347. $pageBodyBackground: url('#{$style_image_path}custom/lucent_bg-blurdark.jpg');
  1348. $pageBodyBackgroundSharp: url('#{$style_image_path}custom/lucent_bgdark.jpg');
  1349. $redColor: #eb372c;
  1350. $greenColor: #54d123;
  1351. $borderRadius: 4px;
  1352. .codeBox.collapsed > .toggleButton::before {
  1353. background-image: none;
  1354. }
  1355. .codeBox .codeBoxHeader {
  1356. position: initial;
  1357. }
  1358. .codeBox > .toggleButton {
  1359. background-color: rgba(0, 0, 0, 0.33);
  1360. }
  1361. .ck.ck-toolbar {
  1362. background-color: rgba(0, 0, 0, 0.55);
  1363. }
  1364. #tpl_wcf_recentActivityList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  1365. background-color: rgba(0, 0, 0, 0.33);
  1366. }
  1367. #tpl_wcf_usersOnlineList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  1368. background-color: rgba(0, 0, 0, 0.33);
  1369. }
  1370. #tpl_wcf_team .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  1371. background-color: rgba(0, 0, 0, 0.33);
  1372. }
  1373.  
  1374. #tpl_filebase_fileList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  1375. background-color: rgba(0, 0, 0, 0.33);
  1376. }
  1377. #tpl_filebase_file .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  1378. background-color: rgba(0, 0, 0, 0.33);
  1379. }
  1380. #tpl_wcf_membersList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  1381. background-color: rgba(0, 0, 0, 0.33);
  1382. }
  1383. #tpl_wcf_articleList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {
  1384. background-color: rgba(0, 0, 0, 0.33);
  1385. }
  1386. .section.tabularBox.messageGroupList.wbbThreadList.jsClipboardContainer {
  1387. background-color: rgba(0, 0, 0, 0.33);
  1388. }
  1389. @media screen and (min-width: 1025px), print {
  1390. html.disableScrolling .pageHeaderPanel {
  1391. right: 0;
  1392. }
  1393. }
  1394. .wbbBoardNode__lastPostLink {
  1395. color: var(--wcfContentLink);
  1396. }
  1397. .wbbBoardNode__lastPostLink:hover {
  1398. color: var(--wcfContentLinkActive);
  1399. }
  1400. .wbbBoardNode__link {
  1401. color: var(--wcfContentLink);
  1402. }
  1403. .wbbBoardNode__link:hover {
  1404. color: var(--wcfContentLinkActive);
  1405. }
  1406. .userMenuItemLink, .userMenuItemLink:hover {
  1407. color: var(--wcfContentLinkActive);
  1408. }
  1409. .userMenuItemLink, .userMenuItemLink {
  1410. color: var(--wcfContentLink);
  1411. }
  1412. .dialog__document {
  1413. background-image: $pageBodyBackground;
  1414. background-size: cover;
  1415. background-attachment: fixed;
  1416. background-position: center;
  1417. background-repeat: no-repeat;
  1418. --background-color: rgba(0, 0, 0, 0.33);
  1419. --background-color-active: rgba(0, 0, 0, 0.4);
  1420. --border-color: #000;
  1421. --color: #fff;
  1422. --color-dimmed: #6c6c6c;
  1423. --color-indicator: #318adc;
  1424. }
  1425.  
  1426. .pageMenuContent {
  1427. background-image: $pageBodyBackground;
  1428. background-size: cover;
  1429. background-attachment: fixed;
  1430. background-position: center;
  1431. background-repeat: no-repeat;
  1432. --background-color: rgba(0, 0, 0, 0.33);
  1433. --background-color-active: rgba(0, 0, 0, 0.33);
  1434. --border-color: #000;
  1435. --color: #fff;
  1436. --color-dimmed: #6c6c6c;
  1437. --color-indicator: #318adc;
  1438. }
  1439. .filebaseFileCardHeader {
  1440. border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  1441. }
  1442. .userMenu {
  1443. background: rgba(0, 0, 0, 0.2);
  1444. --background-color: rgba(0, 0, 0, 0.2);
  1445. --background-color-active: rgba(0, 0, 0, 0.1);
  1446. --border-color: #000;
  1447. --color: #fff;
  1448. --color-dimmed: #6c6c6c;
  1449. --color-indicator: #318adc;
  1450. color: var(--color);
  1451. }
  1452.  
  1453. .userMenu {
  1454. background-image: $pageBodyBackground;
  1455. background-size: cover;
  1456. background-attachment: fixed;
  1457. background-position: center;
  1458. background-repeat: no-repeat;
  1459. }
  1460.  
  1461. @include screen-lg {
  1462. #topMenu.userPanel > ul > li:first-child > a {
  1463. padding-left:10px;
  1464. }
  1465.  
  1466. .dropdownMenuContainer .userMenu {
  1467. top: 255px !important;
  1468. position: absolute;
  1469. }
  1470.  
  1471. .contentInteraction {
  1472. margin-top: 25px;
  1473. }
  1474. }
  1475.  
  1476. /* mobile optimization */
  1477. @include screen-md-down {
  1478. .pageHeaderPanel, .pageHeaderSearch {
  1479. background-image: $pageBodyBackground;
  1480. background-size: cover;
  1481. background-attachment: fixed;
  1482. background-position: center;
  1483. background-repeat: no-repeat;
  1484. box-shadow: inset 0 0 0 40px rgba(0,0,0,0.25);
  1485. }
  1486.  
  1487. .wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {
  1488. background-color: rgba(0, 0, 0, 0);
  1489. }
  1490.  
  1491. .userProfileUser .contentHeaderIcon .badgeOnline {
  1492. padding: 6px;
  1493. }
  1494.  
  1495. .userProfileUser .contentHeaderIcon .badgeOnline::before {
  1496. display: none;
  1497. }
  1498.  
  1499. .messageSidebar .badgeOnline {
  1500. font-size: 0;
  1501. }
  1502.  
  1503. .main {
  1504. margin-top: 15px;
  1505. }
  1506.  
  1507. .messageFooterGroup > .messageFooterButtons.buttonList.open{
  1508. background-image: $pageBodyBackground;
  1509. background-size: cover;
  1510. background-attachment: fixed;
  1511. background-position: center;
  1512. background-repeat: no-repeat;
  1513. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 200px rgba(255,255,255,0.35);
  1514. }
  1515.  
  1516. .pageAction{
  1517. left: auto;
  1518. }
  1519.  
  1520. .menuOverlayMobile{
  1521. background-image: $pageBodyBackground;
  1522. background-size: cover;
  1523. background-attachment: fixed;
  1524. background-position: center;
  1525. background-repeat: no-repeat;
  1526. }
  1527.  
  1528. .menuOverlayItemList {
  1529. background-color: rgba(0, 0, 0, 0.2);
  1530. }
  1531.  
  1532. .wcfImageViewer.wcfImageViewerMobile > div > ul > li {
  1533. background-color: rgba(0, 0, 0, 0.55);
  1534. }
  1535.  
  1536. .wbbBoardList .wbbBoard {
  1537. padding: 10px;
  1538. }
  1539.  
  1540. .menuOverlayTitle {
  1541. font-weight: bold;
  1542. color: $wcfTabularBoxHeadline;
  1543. }
  1544.  
  1545. .menuOverlayMobile.pageUserMenuMobile + .menuOverlayMobileBackdrop {
  1546. box-shadow: inset -5px 0 25px -5px rgba(0, 0, 0, .18);
  1547. }
  1548. }
  1549.  
  1550. /* badge + icon*/
  1551. .badge.badgeUpdate, a.badge.badgeUpdate {
  1552. line-height: 1.2;
  1553. }
  1554.  
  1555. .wbbAnnouncementIcon {
  1556. background-color: $redColor;
  1557. }
  1558.  
  1559. .contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before {
  1560. color: $redColor;
  1561. }
  1562.  
  1563. .messageGroupList .messageDeleted .columnAvatar::before {
  1564. color: $redColor;
  1565. }
  1566.  
  1567. .wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child::before {
  1568. color: $redColor;
  1569. }
  1570.  
  1571. .icon.green, .fa.green {
  1572. color: $greenColor;
  1573. }
  1574.  
  1575. .icon.red, .fa.red {
  1576. color: $redColor;
  1577. }
  1578.  
  1579. /* search */
  1580. @include screen-lg {
  1581. .pageHeaderSearchInputContainer {
  1582. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  1583.  
  1584. .pageHeaderSearchType.dropdownOpen > .button{
  1585. background-image: $pageBodyBackground;
  1586. background-size: cover;
  1587. background-attachment: fixed;
  1588. background-position: center;
  1589. box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);
  1590. background-repeat: no-repeat;
  1591. }
  1592.  
  1593. .pageHeaderSearchInputButton {
  1594. border-radius: 0 2px 2px 0px;
  1595.  
  1596. &:hover{
  1597. background-image: $pageBodyBackground;
  1598. background-size: cover;
  1599. background-attachment: fixed;
  1600. background-position: center;
  1601. box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);
  1602. background-repeat: no-repeat;
  1603. }
  1604. }
  1605.  
  1606. .pageHeaderSearchInput {
  1607. background-image: $pageBodyBackground;
  1608. background-size: cover;
  1609. background-attachment: fixed;
  1610. background-position: center;
  1611. background-repeat: no-repeat;
  1612. box-shadow: inset 0 0px 0px 20px rgba(0, 0, 0, 0.1);
  1613. }
  1614.  
  1615. .pageHeaderSearchType > .button {
  1616. border-radius: 0;
  1617.  
  1618. &:hover{
  1619. background-image: $pageBodyBackground;
  1620. background-size: cover;
  1621. background-attachment: fixed;
  1622. background-position: center;
  1623. box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);
  1624. background-repeat: no-repeat;
  1625. }
  1626. }
  1627. }
  1628.  
  1629. .pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
  1630. background-image: $pageBodyBackground;
  1631. background-size: cover;
  1632. background-attachment: fixed;
  1633. background-position: center;
  1634. box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.15);
  1635. background-repeat: no-repeat;
  1636. }
  1637.  
  1638. .searchBarOpen .pageHeaderSearch {
  1639. top: 220px!important;
  1640. position: absolute;
  1641. z-index: 300;
  1642. right:20px !important;
  1643. }
  1644. }
  1645.  
  1646. /* pagination */
  1647. .pagination > ul {
  1648. background-color: rgba(0,0,0,0.2);
  1649. border-radius: $borderRadius;
  1650.  
  1651. > li > .icon {
  1652. font-size: 13px;
  1653. margin-top: 3px;
  1654. }
  1655.  
  1656. > li:not(:last-child){
  1657. margin-right: 0px;
  1658. }
  1659. }
  1660.  
  1661. /* poll */
  1662. .pollContainer .pollResultItem .pollMeter {
  1663. border-radius: 2px;
  1664. background-color: rgba(0, 0, 0, 0.2);
  1665. height: 8px;
  1666.  
  1667. > .pollMeterValue {
  1668. border-radius: 2px;
  1669. height: 8px;
  1670. }
  1671. }
  1672.  
  1673. .pollContainer .pollResultItem:nth-child(12n+1) .pollMeter > .pollMeterValue{
  1674. background-color: #e74c3c;
  1675. background-image: linear-gradient(#ff6151,#e74c3c);
  1676. background-image: -webkit-linear gradient(#ff6151,#e74c3c);
  1677. }
  1678.  
  1679. .pollContainer .pollResultItem:nth-child(12n+2) .pollMeter > .pollMeterValue{
  1680. background-color: #e67e22;
  1681. background-image: linear-gradient(#ff9334,#e67e22);
  1682. background-image: -webkit-linear gradient(#ff9334,#e67e22);
  1683. }
  1684.  
  1685. .pollContainer .pollResultItem:nth-child(12n+3) .pollMeter > .pollMeterValue{
  1686. background-color: #f1c40f;
  1687. background-image: linear-gradient(#ffd738,#f1c40f);
  1688. background-image: -webkit-linear gradient(#ffd738,#f1c40f);
  1689. }
  1690.  
  1691. .pollContainer .pollResultItem:nth-child(12n+4) .pollMeter > .pollMeterValue{
  1692. background-color: #2ecc71;
  1693. background-image: linear-gradient(#3fea88,#2ecc71);
  1694. background-image: -webkit-linear gradient(#3fea88,#2ecc71);
  1695. }
  1696.  
  1697. .pollContainer .pollResultItem:nth-child(12n+5) .pollMeter > .pollMeterValue{
  1698. background-color: #3498db;
  1699. background-image: linear-gradient(#3dabf5,#3498db);
  1700. background-image: -webkit-linear gradient(#3dabf5,#3498db);
  1701. }
  1702.  
  1703. .pollContainer .pollResultItem:nth-child(12n+6) .pollMeter > .pollMeterValue{
  1704. background-color: #1abc9c;
  1705. background-image: linear-gradient(#26d8b5,#1abc9c);
  1706. background-image: -webkit-linear gradient(#26d8b5,#1abc9c);
  1707. }
  1708.  
  1709. .pollContainer .pollResultItem:nth-child(12n+7) .pollMeter > .pollMeterValue{
  1710. background-color: #9b59b6;
  1711. background-image: linear-gradient(#b167d0,#9b59b6);
  1712. background-image: -webkit-linear gradient(#b167d0,#9b59b6);
  1713. }
  1714.  
  1715. .pollContainer .pollResultItem:nth-child(12n+8) .pollMeter > .pollMeterValue{
  1716. background-color: #34495e;
  1717. background-image: linear-gradient(#46607b,#34495e);
  1718. background-image: -webkit-linear gradient(#46607b,#34495e);
  1719. }
  1720.  
  1721. .pollContainer .pollResultItem:nth-child(12n+9) .pollMeter > .pollMeterValue{
  1722. background-color: #95a5a6;
  1723. background-image: linear-gradient(#abbfc0,#95a5a6);
  1724. background-image: -webkit-linear gradient(#abbfc0,#95a5a6);
  1725. }
  1726.  
  1727. .pollContainer .pollResultItem:nth-child(12n+10) .pollMeter > .pollMeterValue{
  1728. background-color: #bdc3c7;
  1729. background-image: linear-gradient(#d7dce0,#bdc3c7);
  1730. background-image: -webkit-linear gradient(#d7dce0,#bdc3c7);
  1731. }
  1732.  
  1733. /* menu */
  1734. .mainMenu .boxMenu {
  1735. border-bottom-left-radius: $borderRadius;
  1736. border-bottom-right-radius: $borderRadius;
  1737.  
  1738. .boxMenuDepth1{
  1739. background-image: $pageBodyBackground;
  1740. background-size: cover;
  1741. background-attachment: fixed;
  1742. background-position: center;
  1743. background-repeat: no-repeat;
  1744. border-bottom-left-radius: 6px;
  1745. border-bottom-right-radius: 6px;
  1746. box-shadow: inset 0 0 0px 80px rgba(0,0,0,0.2);
  1747.  
  1748. > li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span {
  1749. padding: 7px 12px;
  1750. }
  1751. }
  1752.  
  1753. > li > a {
  1754. font-family: 'Roboto', sans-serif;
  1755. font-weight: 500;
  1756. letter-spacing: -0.6px;
  1757. font-size: 1.1rem;
  1758.  
  1759. .badge.badgeUpdate{
  1760. line-height: 1.28;
  1761. border-radius: 2px;
  1762. }
  1763. }
  1764. }
  1765.  
  1766. /* body */
  1767. body {
  1768. background-image: $pageBodyBackgroundSharp;
  1769. background-size: cover;
  1770. background-attachment: fixed;
  1771. background-position: center;
  1772. background-repeat: no-repeat;
  1773. background-color: #2a231a;
  1774. }
  1775.  
  1776. /* sidebar */
  1777. .boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {
  1778. background-color: rgba(0,0,0,0.4);
  1779. border-top-left-radius: 6px;
  1780. border-top-right-radius: 6px;
  1781. padding: 10px 10px;
  1782. letter-spacing: -0.35px;
  1783. font-weight: 500;
  1784. font-family: 'Roboto', sans-serif;
  1785. font-size: 1.125rem;
  1786. }
  1787.  
  1788. .boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink {
  1789. margin-left: 0px;
  1790. padding-left: 22px;
  1791. }
  1792.  
  1793. .boxesSidebarLeft .box:not(:first-child), .boxesSidebarRight .box:not(:first-child) {
  1794. margin-top: 0px;
  1795. }
  1796.  
  1797. .boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
  1798. background-color: rgba(0, 0, 0, 0.15);
  1799. }
  1800.  
  1801. .boxesSidebarLeft .box .boxMenu .boxMenuLink .badge, .boxesSidebarRight .box .boxMenu .boxMenuLink .badge {
  1802. margin-right: 10px;
  1803. }
  1804.  
  1805. .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
  1806. margin-right: 0px;
  1807. padding-right: 0px;
  1808. }
  1809.  
  1810. .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
  1811. padding: 10px;
  1812. }
  1813.  
  1814. .boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu {
  1815. margin-left: -8px;
  1816. margin-right: -8px;
  1817. }
  1818.  
  1819. .sidebar .boxContainer > section .boxContent {
  1820. padding: 8px;
  1821. margin-top: 0;
  1822. border-bottom-left-radius: 6px;
  1823. border-bottom-right-radius: 6px;
  1824. background-color: rgba(0,0,0,0.33);
  1825. }
  1826.  
  1827. /* ImageViewer */
  1828. .wcfImageViewer {
  1829. background-image: $pageBodyBackground;
  1830. background-size: cover;
  1831. background-attachment: fixed;
  1832. background-position: center;
  1833. background-repeat: no-repeat;
  1834.  
  1835. .icon {
  1836. color: $wcfContentText;
  1837. }
  1838.  
  1839. > div {
  1840. background-color: rgba(0, 0, 0, 0);
  1841. border-color: $wcfContentBorder;
  1842. }
  1843.  
  1844. &:not(.wcfImageViewerMobile) > div > ul {
  1845. background-image: $pageBodyBackground;
  1846. background-size: cover;
  1847. background-attachment: fixed;
  1848. background-position: center;
  1849. background-repeat: no-repeat;
  1850. box-shadow: inset 0 0 0px 50px rgba(0,0,0,0.25);
  1851. border: none;
  1852. border-top-left-radius: $borderRadius;
  1853. border-top-right-radius: $borderRadius;
  1854. }
  1855.  
  1856. &:not(.wcfImageViewerMobile) > div > ul > li:not(.pointer) > .icon {
  1857. color: #aeaeae!important;
  1858. }
  1859.  
  1860. > header h1, > header h2, > header h3 {
  1861. color: $wcfContentText;
  1862. }
  1863. }
  1864.  
  1865.  
  1866. .messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {
  1867. background-color: $wcfButtonPrimaryBackgroundActive;
  1868. color: $wcfButtonPrimaryTextActive;
  1869. padding: 3px 7px;
  1870. position: relative;
  1871. top: 2px;
  1872. border-radius: 3px;
  1873. }
  1874.  
  1875. .messageTabMenu.messageTabMenuContent > nav {
  1876. padding: 5px 20px 8px;
  1877. }
  1878.  
  1879. .smileyList {
  1880. padding: 5px;
  1881. }
  1882.  
  1883. .messageTabMenu > .messageTabMenuContent.active {
  1884. border-radius: $borderRadius;
  1885. background-color: rgba(0, 0, 0, 0.25);
  1886. }
  1887.  
  1888. .messageTabMenuNavigation > ul > li.active > a {
  1889. color: #ffffff;
  1890. }
  1891.  
  1892. .messageTabMenu > div > nav ul li a {
  1893. color: $wcfButtonText;
  1894. border-radius: 3px;
  1895. position: relative;
  1896. top: 2px;
  1897. padding: 3px 7px;
  1898. }
  1899.  
  1900. .messageTabMenu > div > nav ul li a:hover {
  1901. color: $wcfButtonTextActive;
  1902. background-color: $wcfButtonBackgroundActive;
  1903. }
  1904.  
  1905. .messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {
  1906. margin-top: 8px;
  1907. border: none;
  1908. border-radius: $borderRadius;
  1909. }
  1910.  
  1911. .messageTabMenuNavigation > ul {
  1912. border: none;
  1913. background-color: rgba(0, 0, 0, 0.45);
  1914. border-bottom-left-radius: $borderRadius;
  1915. border-bottom-right-radius: $borderRadius;
  1916. }
  1917.  
  1918. /* BoardList */
  1919. .wbbBoardNodeList {
  1920. background-color: rgba(0,0,0,0.33);
  1921. border-top-left-radius: 0px;
  1922. border-top-right-radius: 0px;
  1923. box-shadow: none;
  1924. border: 0px;
  1925. }
  1926. .wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header::after {
  1927. border-bottom: 0px;
  1928. border-radius: var(--wcfBorderRadius) var(--wcfBorderRadius) 0 0;
  1929. }
  1930. .wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header {
  1931. padding: 10px 20px;
  1932. background-color: rgba(0,0,0,0.4);
  1933. border-top-left-radius: 6px;
  1934. border-top-right-radius: 6px;
  1935. }
  1936.  
  1937. .wbbBoardList .wbbBoardContainer {
  1938. background-color: rgba(0,0,0,0.33);
  1939. border-bottom: none;
  1940. }
  1941.  
  1942. .wbbBoardList > li.wbbBoardContainer:first-child {
  1943. border-top: none;
  1944. }
  1945.  
  1946. .wbbBoardList .wbbBoardContainer {
  1947. border-bottom: none;
  1948. }
  1949.  
  1950. .wbbCategory.wbbDepth1 > ul > li:last-child {
  1951. border-bottom-left-radius: 6px;
  1952. border-bottom-right-radius: 6px
  1953. }
  1954.  
  1955. .wbbBoardList .wbbCollapsibleCategory h2 {
  1956. flex-direction: row-reverse;
  1957. letter-spacing: -0.35px;
  1958. font-weight: 500;
  1959. font-family: 'Roboto', sans-serif;
  1960. font-size: 1.125rem;
  1961. }
  1962.  
  1963. .tabularBoxTitle > header {
  1964. background-color: rgba(0,0,0,0.4);
  1965. border-bottom: none;
  1966. border-top-left-radius: 6px;
  1967. border-top-right-radius: 6px;
  1968. padding: 10px 10px;
  1969. }
  1970.  
  1971. /* layout */
  1972. @include screen-lg {
  1973. .pageContainer {
  1974. margin: 0 auto;
  1975. max-width: 1900px;
  1976. padding-top: 40px;
  1977. width: 90%;
  1978. padding-left: 20px;
  1979. padding-right: 20px;
  1980. }
  1981.  
  1982. .pageHeaderContainer {
  1983. padding-top: 0px;
  1984. }
  1985.  
  1986. .pageHeaderFacade > .layoutBoundary {
  1987. padding-bottom: 0px;
  1988. padding-top: 0px;
  1989. }
  1990.  
  1991. .layoutBoundary {
  1992. min-width: auto;
  1993. }
  1994.  
  1995. #pageHeaderPanel {
  1996. position: absolute;
  1997. }
  1998.  
  1999. #pageHeaderPanel {
  2000. position: absolute;
  2001. top: inherit;
  2002. bottom: 0;
  2003. }
  2004.  
  2005. #pageHeader {
  2006. position: relative;
  2007. padding-top: 120px;
  2008. }
  2009. }
  2010.  
  2011. /* messsage content */
  2012. .messageSidebar .userAvatarImage {
  2013. border: 2px solid #000000;
  2014. }
  2015.  
  2016. .messageSidebar + .messageContent {
  2017. background: rgba(0,0,0,0.4);
  2018. border-radius: 6px;
  2019. padding: 10px 10px 10px 10px;
  2020. }
  2021.  
  2022. .messageList:not(.messageReducedList) {
  2023. border-top: none;
  2024.  
  2025. > li {
  2026. border-bottom: none;
  2027. }
  2028. }
  2029.  
  2030. @include screen-lg {
  2031. .messageSidebar {
  2032. border-radius: 0px;
  2033. flex: 0 0 205px;
  2034.  
  2035. .badgeOnline {
  2036. margin-bottom: 24px;
  2037. padding: 7px;
  2038. background-color: $greenColor;
  2039. border: 2px solid #000000;
  2040. border-radius: 10px;
  2041. font-size: 0;
  2042. }
  2043.  
  2044. + .messageContent {
  2045. margin-left: 0px;
  2046. max-width: calc(100% - 225px);
  2047.  
  2048. &:not(.messageQuickReplyContent)::before {
  2049. content: "";
  2050. border-style: solid;
  2051. border-color: rgba(0,0,0,0) rgba(0, 0, 0, 0.2) rgba(0,0,0,0) rgba(0,0,0,0);
  2052. border-width: 0px 14px 15px 0px;
  2053. margin-top: 18px;
  2054. margin-left: -24px;
  2055. position: absolute;
  2056. }
  2057. }
  2058. }
  2059.  
  2060. .messageQuickOptions {
  2061. background-color: rgba(0,0,0,0.4);
  2062. padding: 2px 4px 1px 6px;
  2063. border-radius: 15px;
  2064. }
  2065.  
  2066. .message .messageClipboardCheckbox::before {
  2067. font-size: 20px;
  2068. left: 5px;
  2069. top: -2px;
  2070. }
  2071.  
  2072. .messageFooterNote {
  2073. border-left: 3px solid rgba(224, 224, 224, 1);
  2074. }
  2075.  
  2076. .messageCheckboxLabel::after, .message .messageClipboardCheckbox::after, .messageGroupList .columnMark > label::after {
  2077. color: #54d123;
  2078. }
  2079.  
  2080. .message.jsMarked .messageClipboardCheckbox::after {
  2081. font-size: 11px;
  2082. left: 7px;
  2083. top: 4px;
  2084. }
  2085.  
  2086. #tpl_wbb_thread .contentHeader, #tpl_wcf_conversation .contentHeader{
  2087. background-color: rgba(0,0,0,0.2);
  2088. margin: -20px;
  2089. padding: 20px;
  2090. border-top-left-radius: 6px;
  2091. border-top-right-radius: 6px;
  2092. }
  2093.  
  2094. .messageQuickReplyCollapsed .messageQuickReplyContent{
  2095. padding-top: 12px;
  2096.  
  2097. &::before {
  2098. font-size: 26px;
  2099. }
  2100. }
  2101.  
  2102. }
  2103.  
  2104. /* social buttons */
  2105. .messageShareButtons .jsShareFacebook, .messageShareButtons .jsShareTwitter, .messageShareButtons .jsShareGoogle, .messageShareButtons .jsShareReddit, .messageShareButtons .jsShareWhatsApp, .messageShareButtons .jsShareLinkedIn, .messageShareButtons .jsSharePinterest, .messageShareButtons .jsShareXing {
  2106. background-color: rgba(0,0,0,0.35);
  2107. }
  2108.  
  2109. .messageShareButtons .button span:not(.icon){
  2110. display: none;
  2111. }
  2112.  
  2113. /* main content */
  2114. @include screen-lg {
  2115. .main {
  2116. padding: 20px 0;
  2117. }
  2118. }
  2119.  
  2120. .main {
  2121. background-image: $pageBodyBackground;
  2122. background-size: cover;
  2123. background-attachment: fixed;
  2124. background-position: center;
  2125. background-repeat: no-repeat;
  2126. border-radius: 6px;
  2127. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  2128. }
  2129.  
  2130. .contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1{
  2131. font-family: 'Roboto', sans-serif;
  2132. font-weight: 700;
  2133. letter-spacing: -0.3px;
  2134. }
  2135.  
  2136. /* footer boxes */
  2137. .boxesFooter .layoutBoundary{
  2138. padding: 0px 4px 0 8px;
  2139. }
  2140.  
  2141. .boxesFooterBoxes .layoutBoundary{
  2142. background-image: $pageBodyBackground;
  2143. background-size: cover;
  2144. background-attachment: fixed;
  2145. background-position: center;
  2146. background-repeat: no-repeat;
  2147. margin-top: 25px;
  2148. border-radius: 6px;
  2149. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  2150.  
  2151. @include screen-lg {
  2152. .boxContainer {
  2153. padding: 40px 0;
  2154. margin-bottom: -10px;
  2155. }
  2156. }
  2157. }
  2158.  
  2159. /* header */
  2160. @include screen-lg {
  2161. .pageHeaderPanel {
  2162. background-image: $pageBodyBackground;
  2163. background-size: cover;
  2164. background-attachment: fixed;
  2165. background-position: center;
  2166. background-repeat: no-repeat;
  2167. border-top-left-radius: 6px;
  2168. border-top-right-radius: 6px;
  2169.  
  2170. > .layoutBoundary {
  2171. //display: inline-block;
  2172. }
  2173. }
  2174.  
  2175. .pageHeaderLogo {
  2176. position: relative;
  2177. top: -100px;
  2178. text-align: center;
  2179. }
  2180. }
  2181.  
  2182. /* dropdown */
  2183. .dropdownMenu {
  2184. background-image: $pageBodyBackground;
  2185. background-size: cover;
  2186. background-attachment: fixed;
  2187. background-position: center;
  2188. background-repeat: no-repeat;
  2189. box-shadow: inset 0 0px 0px 200px rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0);
  2190. }
  2191.  
  2192. @include screen-lg {
  2193. .interactiveDropdown{
  2194. background-image: $pageBodyBackground;
  2195. background-size: cover;
  2196. background-attachment: fixed;
  2197. background-position: center;
  2198. background-repeat: no-repeat;
  2199. border-radius: $borderRadius;
  2200. left: 72px!important;
  2201. top: 18px!important;
  2202. box-shadow: inset 0 0px 0px 200px rgba(255, 255, 255, 0.32), 0 0 12px 0 rgba(0, 0, 0, 0.2);
  2203.  
  2204. .userAvatarImage {
  2205. max-width: 40px;
  2206. max-height: 40px;
  2207. margin-left: 3px;
  2208. }
  2209.  
  2210. &[data-source="userNotifications"] {
  2211. top: 65px!important;
  2212. }
  2213.  
  2214. &[data-source="outstandingModeration"] {
  2215. top: 116px!important;
  2216. }
  2217.  
  2218. &[data-source="unreadConversations"] {
  2219. top: 167px!important;
  2220. }
  2221. }
  2222.  
  2223. .interactiveDropdownHeader {
  2224. padding: 6px 12px;
  2225.  
  2226. &::before{
  2227. content: "";
  2228. border-style: solid;
  2229. border-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  2230. border-width: 8px 7px 8px 0px;
  2231. margin-top: 0px;
  2232. margin-left: -19px;
  2233. position: absolute;
  2234. }
  2235.  
  2236. .interactiveDropdownTitle {
  2237. letter-spacing: -0.35px;
  2238. font-weight: 500;
  2239. font-family: 'Roboto', sans-serif;
  2240. font-size: 1.125rem;
  2241. }
  2242. }
  2243.  
  2244. .interactiveDropdownItems > li {
  2245. padding: 10px 12px;
  2246.  
  2247. .icon{
  2248. font-size: 2.2rem;
  2249. }
  2250. }
  2251.  
  2252. .interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead .icon{
  2253. font-size: 1.2rem;
  2254. }
  2255.  
  2256. .interactiveDropdownShowAll {
  2257. font-weight: bold;
  2258.  
  2259. &:hover {
  2260. background-color: $wcfTabularBoxBackgroundActive;
  2261. }
  2262. }
  2263. }
  2264.  
  2265. /* userpanel */
  2266.  
  2267.  
  2268. /* general */
  2269. .styleChanger a::before {
  2270. //content: "\f03e";
  2271. font-size: 1.1rem;
  2272. font-family: "FontAwesome";
  2273. margin-right: 5px;
  2274. }
  2275.  
  2276. .pageNavigation {
  2277. background-image: $pageBodyBackground;
  2278. background-size: cover;
  2279. background-attachment: fixed;
  2280. background-position: center;
  2281. background-repeat: no-repeat;
  2282. margin-bottom: 25px;
  2283. border-bottom-left-radius: 6px;
  2284. border-bottom-right-radius: 6px;
  2285. }
  2286.  
  2287. .wcfLikeCounter.likeCounterLiked {
  2288. color: $greenColor!important;
  2289. }
  2290.  
  2291. .wcfLikeCounter.likeCounterDisliked {
  2292. color: $redColor!important;
  2293. }
  2294.  
  2295. woltlab-quote, .quoteBox {
  2296. background-color: rgba(0, 0, 0, 0.22);
  2297. border-radius: 3px;
  2298. }
  2299.  
  2300. .spoilerBox {
  2301. background-color: rgba(0, 0, 0, 0.22);
  2302. }
  2303.  
  2304. .codeBox {
  2305. background-color: rgba(0, 0, 0, 0.22);
  2306. }
  2307.  
  2308. .codeBox .codeBoxHeader {
  2309. background-color: rgba(0, 0, 0, 0.33);
  2310. }
  2311.  
  2312. .contentHeaderIcon .userAvatarImage{
  2313. border: 2px solid #000000;
  2314. }
  2315.  
  2316. .contentHeaderIcon .badgeOnline {
  2317. margin-bottom: 24px;
  2318. padding: 7px;
  2319. background-color: #54d123;
  2320. border: 2px solid #000000;
  2321. border-radius: 10px;
  2322. font-size: 0;
  2323. }
  2324.  
  2325. .dialogContainer{
  2326. background-image: $pageBodyBackground;
  2327. background-size: cover;
  2328. background-attachment: fixed;
  2329. background-position: center;
  2330. background-repeat: no-repeat;
  2331. border-radius: 6px;
  2332. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(0, 0, 0, 0.2);
  2333. background-color: rgba(0,0,0,0.6);
  2334. }
  2335.  
  2336. .dialogContainer > .dialogContent {
  2337. background-color: rgba(0,0,0,0.6);
  2338. }
  2339.  
  2340. .balloonTooltip, .redactor-toolbar-tooltip {
  2341. box-shadow: none;
  2342. }
  2343.  
  2344. .badge.badgeUpdate, a.badge.badgeUpdate {
  2345. background-color: #008080;
  2346. }
  2347.  
  2348. .containerList > li:not(:last-child) {
  2349. border-bottom: none;
  2350. }
  2351.  
  2352. .dialogContainer > header > span{
  2353. letter-spacing: -0.35px;
  2354. font-weight: 500;
  2355. font-family: 'Roboto', sans-serif;
  2356. font-size: 1.25rem;
  2357. color: var(--wcfContentText);
  2358. }
  2359.  
  2360. .dialogContainer > .dialogContent .dialogFormSubmit {
  2361. border-top: none;
  2362. }
  2363.  
  2364. .containerList > li:first-child {
  2365. border-top: none;
  2366. }
  2367.  
  2368. .containerList > li:last-child {
  2369. border-bottom: none;
  2370. }
  2371.  
  2372. @include screen-md-up {
  2373. .tabMenu > ul > li > a {
  2374. font-size: 20px;
  2375. }
  2376. }
  2377.  
  2378. .spinner {
  2379. background-color: rgba(0,0,0,0.4);
  2380. background-image: $pageBodyBackground;
  2381. background-size: cover;
  2382. background-attachment: fixed;
  2383. background-position: center;
  2384. background-repeat: no-repeat;
  2385. border: none;
  2386. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 60px rgba(255, 255, 255, 0.25);
  2387. }
  2388.  
  2389. .smileyList {
  2390. margin-bottom: 0px;
  2391. }
  2392.  
  2393.  
  2394. * {
  2395. outline: none;
  2396. }
  2397.  
  2398. .popover, .datePicker {
  2399. background-image: $pageBodyBackground;
  2400. background-size: cover;
  2401. background-attachment: fixed;
  2402. background-position: center;
  2403. background-repeat: no-repeat;
  2404. box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(255,255,255,0.2);
  2405. border-radius: $borderRadius;
  2406. }
  2407.  
  2408. input[type="date"][disabled], input[type="datetime"][disabled],
  2409. input[type="email"][disabled], input[type="number"][disabled],
  2410. input[type="password"][disabled], input[type="search"][disabled],
  2411. input[type="text"][disabled], input[type="url"][disabled], input[type="date"][readonly],
  2412. input[type="datetime"][readonly], input[type="email"][readonly],
  2413. input[type="number"][readonly], input[type="password"][readonly],
  2414. input[type="search"][readonly], input[type="text"][readonly], input[type="url"][readonly] {
  2415. background-color: $wcfInputBackground!important;
  2416. border: none;
  2417. }
  2418.  
  2419. .tagList > li {
  2420. border-top-right-radius: 3px;
  2421. border-bottom-right-radius: 3px;
  2422. }
  2423.  
  2424. .tagList .tag {
  2425. border-top-right-radius: 3px;
  2426. border-bottom-right-radius: 3px;
  2427. }
  2428.  
  2429. .wbbBoardList .wbbCollapsibleCategory h2 + small {
  2430. color: #4C4C4C;
  2431. }
  2432.  
  2433. .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
  2434. border: 1px solid $wcfButtonText;
  2435. }
  2436.  
  2437. .inputItemList {
  2438. border-radius: $borderRadius;
  2439. }
  2440.  
  2441. .wbbStickyIcon, .wbbMovedIcon {
  2442. background-color: rgba(255, 151, 54, 1);
  2443. color: $wcfButtonText;
  2444. }
  2445.  
  2446. input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="text"], input[type="url"], select{
  2447. border-radius: 3px;
  2448. }
  2449.  
  2450. .fa-spinner, .wcfImageViewer > div.loading:before, .wcfImageViewer > footer > div > ul > li.loading:before {
  2451. border-top-color: $wcfButtonPrimaryBackground;
  2452. }
  2453.  
  2454. .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success,
  2455. .pageFooterStickyNotice .warning {
  2456. border: none;
  2457. }
  2458.  
  2459. .containerHeadline > h3 > .badge {
  2460. border-radius: 30px;
  2461. }
  2462.  
  2463. .pollContainer .pollResultItem .pollResultItemCaption > .pollOptionRelativeValue {
  2464. color: #dedfe9;
  2465. }
  2466.  
  2467. a:any-link{
  2468. text-decoration: none!important;
  2469. }
  2470.  
  2471. @include screen-md-up {
  2472. .quoteBoxIcon > .quoteBoxQuoteSymbol {
  2473. font-size: 140px;
  2474. }
  2475. }
  2476.  
  2477. .dialogContainer > header > .dialogCloseButton > .icon {
  2478. margin-right: -8px;
  2479. }
  2480.  
  2481. .userAvatarImage {
  2482. border: 2px solid #000000;
  2483. }
  2484.  
  2485. .error, .info, .success, .warning {
  2486. border-left: none;
  2487. }
  2488.  
  2489. .userProfileButtonContainer .icon{
  2490. font-size: 24px;
  2491. }
  2492.  
  2493. .tabularListRowHead > .tabularListColumns > li {
  2494. font-weight: 700;
  2495. letter-spacing: -0.7px;
  2496. }
  2497.  
  2498. .userProfileButtonContainer a.button{
  2499. padding: 5px 15px;
  2500. }
  2501.  
  2502. .inlineCode, kbd {
  2503. background-color: rgba(0, 0, 0, 0.22)!important;
  2504. border: none!important;
  2505. border-radius: 2px;
  2506. color: #ffffff !important;
  2507. }
  2508.  
  2509. .formError dt {
  2510. color: $redColor!important;
  2511. }
  2512.  
  2513. .flexibleButtonGroup > li > a.active.green, .flexibleButtonGroup > li > input[type="radio"]:checked + label.green,
  2514. .flexibleButtonGroup > li > input[type="radio"] + label:hover.green {
  2515. background-color: $greenColor;
  2516. }
  2517.  
  2518. .flexibleButtonGroup > li > a.active.red, .flexibleButtonGroup > li > input[type="radio"]:checked + label.red,
  2519. .flexibleButtonGroup > li > input[type="radio"] + label:hover.red {
  2520. background-color: $redColor;
  2521. }
  2522.  
  2523. .innerError {
  2524. background-color: $wcfStatusErrorBackground;
  2525. color: $wcfStatusErrorText;
  2526. }
  2527.  
  2528. .innerError::before {
  2529. border-bottom-color: $wcfStatusErrorBackground;
  2530. }
  2531.  
  2532. .innerError a {
  2533. color: $wcfStatusErrorText;
  2534. }
  2535.  
  2536. .dialogContainer > .dialogContent .dialogFormSubmit {
  2537. background-image: $pageBodyBackground;
  2538. background-size: cover;
  2539. background-attachment: fixed;
  2540. background-position: center;
  2541. background-repeat: no-repeat;
  2542. box-shadow: inset 0 0 0px 100px rgba(255,255,255,0.2);
  2543. border-top: none;
  2544. border-bottom-left-radius: $borderRadius;
  2545. border-bottom-right-radius: $borderRadius;
  2546. }
  2547.  
  2548. .flexibleButtonGroup > li > a, .flexibleButtonGroup > li > label {
  2549. background-color: rgba(245, 246, 249, 0.83);
  2550. }
  2551.  
  2552. .innerError a:hover {
  2553. color: $wcfStatusErrorText;
  2554. }
  2555.  
  2556. textarea.open{
  2557. background-color: rgba(17, 17, 17, 0.65)!important;
  2558. }
  2559.  
  2560. .containerList > li:hover {
  2561. border-radius: $borderRadius;
  2562. }
  2563.  
  2564. .dialogContainer[data-id="styleChanger"] .containerList{
  2565. padding: 6px;
  2566. }
  2567.  
  2568. .htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td,
  2569. .messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td,
  2570. .table tr:hover > td {
  2571. background-color: $wcfTabularBoxBackgroundActive;
  2572. }
  2573.  
  2574.  
  2575. button:not(.inputPrefix), input[type="button"]:not(.inputPrefix),
  2576. input[type="reset"]:not(.inputPrefix), input[type="submit"]:not(.inputPrefix),
  2577. .button:not(.inputPrefix), a.button:not(.inputPrefix) {
  2578. text-transform: none;
  2579. }
  2580.  
  2581. input[type="date"][disabled], input[type="datetime"][disabled],
  2582. input[type="email"][disabled], input[type="number"][disabled],
  2583. input[type="password"][disabled], input[type="search"][disabled],
  2584. input[type="text"][disabled], input[type="url"][disabled], input[type="date"][readonly],
  2585. input[type="datetime"][readonly], input[type="email"][readonly],
  2586. input[type="number"][readonly], input[type="password"][readonly],
  2587. input[type="search"][readonly], input[type="text"][readonly], input[type="url"][readonly] {
  2588. color: rgba(220, 220, 220, 1)!important;
  2589. }
  2590.  
  2591. .formError input, .formError select, .formError textarea {
  2592. border-color: $redColor!important;
  2593. }
  2594.  
  2595. @include screen-lg {
  2596. .mainMenu .mainMenuShowNext {
  2597. background-color: rgba(0,0,0,0.1);
  2598. background-image: none;
  2599. width: 20px;
  2600. margin-right: -25px;
  2601. }
  2602.  
  2603. .mainMenu .boxMenu .boxMenuDepth1 {
  2604. display: none;
  2605. }
  2606.  
  2607. .mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {
  2608. display: block;
  2609. }
  2610.  
  2611. #pageHeaderPanel .layoutBoundary {
  2612. max-width: 100%;
  2613. }
  2614.  
  2615. .mainMenu .mainMenuShowPrevious {
  2616. background-color: rgba(0,0,0,0.1);
  2617. background-image: none;
  2618. width: 20px;
  2619. border-top-left-radius: 4px;
  2620. margin-left: -20px;
  2621. }
  2622.  
  2623. #topMenu.userPanelLoggedIn > ul > li:first-child > a::before {
  2624. content: "";
  2625. }
  2626.  
  2627. #topMenu #userMenu img {
  2628. display: block;
  2629. }
  2630.  
  2631. #tpl_wcf_article .content > .section, .content > form, .sectionContainer {
  2632. border: 0px;
  2633. background-color: rgba(0, 0, 0, 0.22);
  2634. padding: 20px;
  2635. border-radius: $borderRadius;
  2636.  
  2637. }
  2638.  
  2639. .filebaseFileList .filebaseFileCard {
  2640. border: 1px solid rgba(0, 0, 0, 0.2);
  2641. background-color: rgba(0, 0, 0, 0.25);
  2642. border-radius: 5px;
  2643. box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
  2644. }
  2645.  
  2646. .boxesFooterBoxes {
  2647. background-color: transparent;
  2648. }
  2649.  
  2650. .dashboardBoxRecentActivity ul.containerList.recentActivityList {
  2651. background-color: rgba(0,0,0,0.1);
  2652. border-radius: 5px;
  2653. }
  2654.  
  2655. .contentItem {
  2656. background-color: rgba(0, 0, 0, 0.1);
  2657. box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
  2658. }
  2659. }
  2660.  
  2661. textarea[disabled], textarea[readonly] {
  2662. color: rgba(233, 233, 233, 1) !important;
  2663. }
  2664. .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable),.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{border-color:#318ADC9E !important}
  2665. .ck.ck-editor, .ck.ck-body {
  2666. --ck-color-base-border: #000 !important;
  2667. --ck-color-toolbar-border: #000 !important;
  2668. --ck-color-dropdown-panel-border: #000 !important;
  2669. --ck-color-panel-border: #000 !important;
  2670. }/* WCF_STYLE_CUSTOM_USER_MODIFICATIONS */ /* Spendenliste ausblenden */
  2671. #tpl_wcf_donations table, #tpl_wcf_donations .contentHeaderTitle {display:none;}
  2672.  
  2673. /* Spinnennetze */
  2674. img.web-left {
  2675. width: 300px;
  2676. height: 300px;
  2677. }
  2678.  
  2679. .web-right {
  2680. display:none;
  2681. }".
  2682. Error Code: 0
  2683. File: /var/www/vhosts/web516.kerstin.webhoster.ag/der-rentner-treff.de/lib/system/api/scssphp/scssphp/src/ValueConverter.php (41)
  2684. Extra Information: -
  2685. Stack Trace: [{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/system\/style\/StyleCompiler.class.php","line":703,"function":"parseValue","class":"ScssPhp\\ScssPhp\\ValueConverter","type":"::","args":["\/* SASS *\/ \/* change background image path here *\/\r\n$pageBodyBackground: url('#{$style_image_path}custom\/lucent_bg-blurdark.jpg');\r\n$pageBodyBackgroundSharp: url('#{$style_image_path}custom\/lucent_bgdark.jpg');\r\n$redColor: #eb372c; \r\n$greenColor: #54d123; \r\n$borderRadius: 4px;\r\n.codeBox.collapsed > .toggleButton::before {\r\n background-image: none;\r\n}\r\n.codeBox .codeBoxHeader {\r\n position: initial;\r\n}\r\n.codeBox > .toggleButton {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n.ck.ck-toolbar {\r\n background-color: rgba(0, 0, 0, 0.55);\r\n}\r\n#tpl_wcf_recentActivityList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_usersOnlineList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_team .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n\r\n#tpl_filebase_fileList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_filebase_file .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_membersList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_articleList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n.section.tabularBox.messageGroupList.wbbThreadList.jsClipboardContainer {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n@media screen and (min-width: 1025px), print {\r\n html.disableScrolling .pageHeaderPanel {\r\n right: 0;\r\n }\r\n}\r\n.wbbBoardNode__lastPostLink {\r\n color: var(--wcfContentLink);\r\n}\r\n.wbbBoardNode__lastPostLink:hover {\r\n color: var(--wcfContentLinkActive);\r\n}\r\n.wbbBoardNode__link {\r\n color: var(--wcfContentLink);\r\n}\r\n.wbbBoardNode__link:hover {\r\n color: var(--wcfContentLinkActive);\r\n}\r\n.userMenuItemLink, .userMenuItemLink:hover {\r\n color: var(--wcfContentLinkActive);\r\n}\r\n.userMenuItemLink, .userMenuItemLink {\r\n color: var(--wcfContentLink);\r\n}\r\n.dialog__document {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\t\r\n --background-color: rgba(0, 0, 0, 0.33);\r\n --background-color-active: rgba(0, 0, 0, 0.4);\r\n --border-color: #000;\r\n --color: #fff;\r\n --color-dimmed: #6c6c6c;\r\n --color-indicator: #318adc;\r\n}\r\n\r\n.pageMenuContent {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\t\r\n --background-color: rgba(0, 0, 0, 0.33);\r\n --background-color-active: rgba(0, 0, 0, 0.33);\r\n --border-color: #000;\r\n --color: #fff;\r\n --color-dimmed: #6c6c6c;\r\n --color-indicator: #318adc;\r\n}\r\n.filebaseFileCardHeader {\r\nborder-bottom: 1px solid rgba(0, 0, 0, 0.4);\r\n}\r\n.userMenu {\r\n\tbackground: rgba(0, 0, 0, 0.2);\r\n --background-color: rgba(0, 0, 0, 0.2);\r\n --background-color-active: rgba(0, 0, 0, 0.1);\r\n --border-color: #000;\r\n --color: #fff;\r\n --color-dimmed: #6c6c6c;\r\n --color-indicator: #318adc;\r\n color: var(--color);\r\n}\r\n\r\n.userMenu {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n}\r\n\r\n@include screen-lg {\r\n#topMenu.userPanel > ul > li:first-child > a {\r\n padding-left:10px;\r\n}\r\n\r\n.dropdownMenuContainer .userMenu {\r\n top: 255px !important;\r\n\tposition: absolute;\r\n}\r\n\r\n.contentInteraction {\r\n margin-top: 25px;\r\n}\r\n\t}\r\n\r\n\/* mobile optimization *\/\r\n@include screen-md-down {\r\n .pageHeaderPanel, .pageHeaderSearch {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbox-shadow: inset 0 0 0 40px rgba(0,0,0,0.25);\r\n\t}\r\n\t\r\n\t.wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\t\r\n\t.userProfileUser .contentHeaderIcon .badgeOnline {\r\n padding: 6px;\r\n }\r\n\r\n .userProfileUser .contentHeaderIcon .badgeOnline::before {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t.messageSidebar .badgeOnline {\r\n\t\tfont-size: 0;\r\n\t}\r\n\t\r\n\t.main {\r\n\t\tmargin-top: 15px;\r\n\t}\r\n\t\r\n\t.messageFooterGroup > .messageFooterButtons.buttonList.open{\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 200px rgba(255,255,255,0.35);\r\n\t}\r\n\t\r\n\t.pageAction{\r\n\t\tleft: auto;\r\n\t}\r\n\t\r\n\t.menuOverlayMobile{\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n\t\r\n\t.menuOverlayItemList {\r\n\t\tbackground-color: rgba(0, 0, 0, 0.2);\r\n\t}\r\n\t\r\n\t.wcfImageViewer.wcfImageViewerMobile > div > ul > li {\r\n\t\tbackground-color: rgba(0, 0, 0, 0.55);\r\n\t}\r\n\t\r\n\t.wbbBoardList .wbbBoard {\r\n\t\tpadding: 10px;\r\n\t}\r\n\t\r\n\t.menuOverlayTitle {\r\n\t\tfont-weight: bold;\r\n\t\tcolor: $wcfTabularBoxHeadline;\r\n\t}\r\n\t\r\n\t.menuOverlayMobile.pageUserMenuMobile + .menuOverlayMobileBackdrop {\r\n\t\tbox-shadow: inset -5px 0 25px -5px rgba(0, 0, 0, .18);\r\n\t}\r\n}\r\n\r\n\/* badge + icon*\/\r\n.badge.badgeUpdate, a.badge.badgeUpdate {\r\n\tline-height: 1.2;\r\n}\r\n\r\n.wbbAnnouncementIcon {\r\n\tbackground-color: $redColor;\r\n}\r\n\r\n.contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before {\r\n\tcolor: $redColor;\r\n}\r\n\r\n.messageGroupList .messageDeleted .columnAvatar::before {\r\n\tcolor: $redColor;\r\n}\r\n\r\n.wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child::before {\r\n\tcolor: $redColor;\r\n}\r\n\r\n.icon.green, .fa.green {\r\n color: $greenColor;\r\n}\r\n\r\n.icon.red, .fa.red {\r\n color: $redColor;\r\n}\r\n\r\n\/* search *\/\r\n@include screen-lg {\r\n\t.pageHeaderSearchInputContainer {\r\n\t\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n\t\t\r\n\t\t.pageHeaderSearchType.dropdownOpen > .button{\r\n\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tbackground-attachment: fixed;\r\n\t\t\tbackground-position: center;\r\n\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t}\r\n\t\t\r\n\t\t.pageHeaderSearchInputButton {\r\n\t\t\tborder-radius: 0 2px 2px 0px;\r\n\t\t\t\r\n\t\t\t&:hover{\r\n\t\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\t\tbackground-size: cover;\r\n\t\t\t\tbackground-attachment: fixed;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t.pageHeaderSearchInput {\r\n\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tbackground-attachment: fixed;\r\n\t\t\tbackground-position: center;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\t\t\r\n\t\t.pageHeaderSearchType > .button {\r\n\t\t\tborder-radius: 0;\r\n\t\t\t\r\n\t\t\t&:hover{\t\r\n\t\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\t\tbackground-size: cover;\r\n\t\t\t\tbackground-attachment: fixed;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.15);\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n\t\r\n\t.searchBarOpen .pageHeaderSearch {\r\n\t\ttop: 220px!important;\r\n\t\t position: absolute;\r\n\t\tz-index: 300;\r\n\t\tright:20px !important;\r\n\t}\r\n}\r\n\r\n\/* pagination *\/ \r\n.pagination > ul {\r\n\tbackground-color: rgba(0,0,0,0.2);\r\n\tborder-radius: $borderRadius;\r\n\t\r\n\t> li > .icon {\r\n\t\tfont-size: 13px;\r\n\t\tmargin-top: 3px;\r\n\t}\r\n\t\r\n\t> li:not(:last-child){\r\n\t\tmargin-right: 0px;\r\n\t}\r\n}\r\n\r\n\/* poll *\/\r\n.pollContainer .pollResultItem .pollMeter {\r\n\tborder-radius: 2px;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n\theight: 8px;\r\n\t\r\n\t> .pollMeterValue {\r\n\t\tborder-radius: 2px;\r\n\t\theight: 8px; \r\n\t}\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+1) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #e74c3c;\r\n\tbackground-image: linear-gradient(#ff6151,#e74c3c);\r\n\tbackground-image: -webkit-linear gradient(#ff6151,#e74c3c);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+2) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #e67e22;\r\n\tbackground-image: linear-gradient(#ff9334,#e67e22);\r\n\tbackground-image: -webkit-linear gradient(#ff9334,#e67e22);\r\n}\r\n\r\n.pollContainer .pollResultItem:nth-child(12n+3) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #f1c40f;\r\n\tbackground-image: linear-gradient(#ffd738,#f1c40f);\r\n\tbackground-image: -webkit-linear gradient(#ffd738,#f1c40f);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+4) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #2ecc71;\r\n\tbackground-image: linear-gradient(#3fea88,#2ecc71);\r\n\tbackground-image: -webkit-linear gradient(#3fea88,#2ecc71);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+5) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #3498db;\r\n\tbackground-image: linear-gradient(#3dabf5,#3498db);\r\n\tbackground-image: -webkit-linear gradient(#3dabf5,#3498db);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+6) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #1abc9c;\r\n\tbackground-image: linear-gradient(#26d8b5,#1abc9c);\r\n\tbackground-image: -webkit-linear gradient(#26d8b5,#1abc9c);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+7) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #9b59b6;\r\n\tbackground-image: linear-gradient(#b167d0,#9b59b6);\r\n\tbackground-image: -webkit-linear gradient(#b167d0,#9b59b6);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+8) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #34495e;\r\n\tbackground-image: linear-gradient(#46607b,#34495e);\r\n\tbackground-image: -webkit-linear gradient(#46607b,#34495e);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+9) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #95a5a6;\r\n\tbackground-image: linear-gradient(#abbfc0,#95a5a6);\r\n\tbackground-image: -webkit-linear gradient(#abbfc0,#95a5a6);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+10) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #bdc3c7;\r\n\tbackground-image: linear-gradient(#d7dce0,#bdc3c7);\r\n\tbackground-image: -webkit-linear gradient(#d7dce0,#bdc3c7);\r\n}\r\n\r\n\/* menu *\/\r\n.mainMenu .boxMenu {\r\n\tborder-bottom-left-radius: $borderRadius;\r\n\tborder-bottom-right-radius: $borderRadius;\r\n\t\r\n\t.boxMenuDepth1{\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover; \r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tborder-bottom-left-radius: 6px;\r\n\t\tborder-bottom-right-radius: 6px;\r\n\t\tbox-shadow: inset 0 0 0px 80px rgba(0,0,0,0.2);\r\n\t\t\r\n\t\t> li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span {\r\n\t\t\tpadding: 7px 12px;\r\n\t\t}\r\n\t}\r\n\t\r\n\t> li > a {\r\n\t\tfont-family: 'Roboto', sans-serif;\r\n\t\tfont-weight: 500;\r\n\t\tletter-spacing: -0.6px;\r\n\t\tfont-size: 1.1rem;\r\n\t\t\r\n\t\t.badge.badgeUpdate{\r\n\t\t\tline-height: 1.28;\r\n\t\t\tborder-radius: 2px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/* body *\/\r\nbody { \r\n\tbackground-image: $pageBodyBackgroundSharp;\r\n background-size: cover;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n\tbackground-color: #2a231a;\r\n}\r\n\r\n\/* sidebar *\/\r\n.boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {\r\n background-color: rgba(0,0,0,0.4);\r\n border-top-left-radius: 6px; \r\n border-top-right-radius: 6px;\r\n padding: 10px 10px;\r\n\tletter-spacing: -0.35px;\r\n font-weight: 500;\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 1.125rem;\r\n}\r\n\r\n.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink {\r\n margin-left: 0px;\r\n padding-left: 22px;\r\n}\r\n\r\n.boxesSidebarLeft .box:not(:first-child), .boxesSidebarRight .box:not(:first-child) {\r\n margin-top: 0px;\r\n}\r\n\r\n.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {\r\n background-color: rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.boxesSidebarLeft .box .boxMenu .boxMenuLink .badge, .boxesSidebarRight .box .boxMenu .boxMenuLink .badge {\r\n\tmargin-right: 10px;\r\n}\r\n\r\n.boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {\r\n margin-right: 0px;\r\n padding-right: 0px;\r\n}\r\n\r\n.boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {\r\n padding: 10px;\r\n}\r\n\r\n.boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu {\r\n margin-left: -8px;\r\n margin-right: -8px;\r\n}\r\n\r\n.sidebar .boxContainer > section .boxContent {\r\n\tpadding: 8px;\r\n\tmargin-top: 0;\r\n\tborder-bottom-left-radius: 6px; \r\n border-bottom-right-radius: 6px;\r\n\tbackground-color: rgba(0,0,0,0.33);\r\n}\r\n\r\n\/* ImageViewer *\/\r\n.wcfImageViewer {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\t\r\n\t.icon {\r\n\t\tcolor: $wcfContentText;\r\n\t}\r\n\t\r\n\t> div {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t\tborder-color: $wcfContentBorder;\r\n\t}\r\n\t\r\n\t&:not(.wcfImageViewerMobile) > div > ul {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbox-shadow: inset 0 0 0px 50px rgba(0,0,0,0.25);\r\n\t\tborder: none;\r\n\t\tborder-top-left-radius: $borderRadius;\r\n\t\tborder-top-right-radius: $borderRadius;\r\n\t}\r\n\t\r\n\t&:not(.wcfImageViewerMobile) > div > ul > li:not(.pointer) > .icon {\r\n\t\tcolor: #aeaeae!important;\r\n\t}\r\n\t\r\n\t> header h1, > header h2, > header h3 {\r\n\t\tcolor: $wcfContentText;\r\n\t}\r\n}\r\n\r\n\r\n.messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {\r\n\tbackground-color: $wcfButtonPrimaryBackgroundActive;\r\n\tcolor: $wcfButtonPrimaryTextActive;\r\n\tpadding: 3px 7px; \r\n\tposition: relative;\r\n\ttop: 2px;\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.messageTabMenu.messageTabMenuContent > nav {\r\n\tpadding: 5px 20px 8px;\r\n}\r\n\r\n .smileyList {\r\n\t padding: 5px;\r\n}\r\n\r\n.messageTabMenu > .messageTabMenuContent.active {\r\n border-radius: $borderRadius;\r\n\tbackground-color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li.active > a {\r\n\tcolor: #ffffff;\r\n}\r\n\r\n.messageTabMenu > div > nav ul li a { \r\n\tcolor: $wcfButtonText;\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\ttop: 2px;\r\n\tpadding: 3px 7px;\r\n}\r\n\r\n.messageTabMenu > div > nav ul li a:hover {\r\n\tcolor: $wcfButtonTextActive;\r\n\tbackground-color: $wcfButtonBackgroundActive;\r\n}\r\n\r\n.messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {\r\n margin-top: 8px;\r\n border: none;\r\n border-radius: $borderRadius;\r\n}\r\n\r\n.messageTabMenuNavigation > ul {\r\n\tborder: none;\r\n\tbackground-color: rgba(0, 0, 0, 0.45);\r\n\tborder-bottom-left-radius: $borderRadius;\r\n border-bottom-right-radius: $borderRadius;\r\n}\r\n\r\n\/* BoardList *\/\r\n.wbbBoardNodeList {\r\n background-color: rgba(0,0,0,0.33);\r\n border-top-left-radius: 0px; \r\n border-top-right-radius: 0px;\r\n box-shadow: none;\r\n border: 0px;\r\n}\r\n.wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header::after {\r\n border-bottom: 0px;\r\n border-radius: var(--wcfBorderRadius) var(--wcfBorderRadius) 0 0;\r\n}\r\n.wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header {\r\n padding: 10px 20px;\r\n background-color: rgba(0,0,0,0.4);\r\n border-top-left-radius: 6px; \r\n border-top-right-radius: 6px;\r\n}\r\n\r\n.wbbBoardList .wbbBoardContainer {\r\n background-color: rgba(0,0,0,0.33);\r\n border-bottom: none;\r\n}\r\n\r\n.wbbBoardList > li.wbbBoardContainer:first-child {\r\n border-top: none;\r\n}\r\n\r\n.wbbBoardList .wbbBoardContainer {\r\n border-bottom: none;\r\n}\r\n\r\n.wbbCategory.wbbDepth1 > ul > li:last-child {\r\n border-bottom-left-radius: 6px;\r\n border-bottom-right-radius: 6px\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 {\t\r\n\tflex-direction: row-reverse;\r\n\tletter-spacing: -0.35px;\r\n font-weight: 500;\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 1.125rem;\r\n}\r\n\r\n.tabularBoxTitle > header {\r\n background-color: rgba(0,0,0,0.4);\r\n\tborder-bottom: none;\r\n\tborder-top-left-radius: 6px; \r\n\tborder-top-right-radius: 6px;\r\n padding: 10px 10px;\r\n}\r\n\r\n\/* layout *\/\r\n@include screen-lg {\r\n\t.pageContainer {\r\n\t\tmargin: 0 auto;\r\n\t\tmax-width: 1900px;\r\n\t\tpadding-top: 40px;\r\n\t\twidth: 90%;\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\t\r\n\t.pageHeaderContainer {\r\n\t\tpadding-top: 0px;\r\n\t}\r\n\t\r\n\t.pageHeaderFacade > .layoutBoundary {\r\n padding-bottom: 0px;\r\n padding-top: 0px;\r\n\t}\r\n\t\r\n\t.layoutBoundary {\r\n\t\tmin-width: auto;\r\n\t}\r\n\t\r\n\t #pageHeaderPanel {\r\n position: absolute;\r\n\t}\r\n\t\r\n\t#pageHeaderPanel {\r\n position: absolute;\r\n top: inherit;\r\n bottom: 0;\r\n }\r\n\t\r\n #pageHeader {\r\n position: relative;\r\n padding-top: 120px;\r\n\t}\r\n}\r\n\r\n\/* messsage content *\/\r\n.messageSidebar .userAvatarImage {\r\n\tborder: 2px solid #000000;\r\n}\r\n\r\n.messageSidebar + .messageContent {\r\n\tbackground: rgba(0,0,0,0.4);\r\n\tborder-radius: 6px;\r\n\tpadding: 10px 10px 10px 10px;\r\n}\r\n\r\n.messageList:not(.messageReducedList) {\r\n border-top: none;\r\n\t\r\n\t> li {\r\n\t\tborder-bottom: none;\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t.messageSidebar {\r\n\t border-radius: 0px;\r\n\t flex: 0 0 205px;\r\n\t\t\r\n\t\t.badgeOnline {\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tpadding: 7px;\r\n\t\t\tbackground-color: $greenColor;\r\n\t\t\tborder: 2px solid #000000;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tfont-size: 0;\r\n\t\t}\r\n\t\t\r\n\t\t+ .messageContent {\r\n\t\t\tmargin-left: 0px;\r\n\t\t\tmax-width: calc(100% - 225px);\r\n\t\t\t\r\n\t\t\t&:not(.messageQuickReplyContent)::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t\tborder-color: rgba(0,0,0,0) rgba(0, 0, 0, 0.2) rgba(0,0,0,0) rgba(0,0,0,0);\r\n\t\t\t\tborder-width: 0px 14px 15px 0px;\r\n\t\t\t\tmargin-top: 18px;\r\n\t\t\t\tmargin-left: -24px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.messageQuickOptions {\r\n\t\tbackground-color: rgba(0,0,0,0.4);\r\n\t\tpadding: 2px 4px 1px 6px;\r\n\t\tborder-radius: 15px;\r\n\t}\r\n\t\r\n\t.message .messageClipboardCheckbox::before {\r\n\t\tfont-size: 20px;\r\n\t\tleft: 5px;\r\n\t\ttop: -2px;\r\n\t}\r\n\t\r\n\t.messageFooterNote {\r\n\t\tborder-left: 3px solid rgba(224, 224, 224, 1);\r\n\t}\r\n\t\r\n\t.messageCheckboxLabel::after, .message .messageClipboardCheckbox::after, .messageGroupList .columnMark > label::after {\r\n\t\tcolor: #54d123;\r\n\t}\r\n\t\r\n\t.message.jsMarked .messageClipboardCheckbox::after {\r\n\t\tfont-size: 11px;\r\n\t\tleft: 7px;\r\n\t\ttop: 4px;\r\n\t}\r\n\t\r\n\t#tpl_wbb_thread .contentHeader, #tpl_wcf_conversation .contentHeader{\r\n\t\tbackground-color: rgba(0,0,0,0.2);\r\n\t\tmargin: -20px; \r\n\t\tpadding: 20px;\r\n\t\tborder-top-left-radius: 6px; \r\n\t\tborder-top-right-radius: 6px;\r\n\t}\r\n\t\r\n\t.messageQuickReplyCollapsed .messageQuickReplyContent{\r\n\t\tpadding-top: 12px;\r\n\t\t\r\n\t\t&::before {\r\n\t\t\tfont-size: 26px;\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n\r\n\/* social buttons *\/\r\n.messageShareButtons .jsShareFacebook, .messageShareButtons .jsShareTwitter, .messageShareButtons .jsShareGoogle, .messageShareButtons .jsShareReddit, .messageShareButtons .jsShareWhatsApp, .messageShareButtons .jsShareLinkedIn, .messageShareButtons .jsSharePinterest, .messageShareButtons .jsShareXing {\r\n\tbackground-color: rgba(0,0,0,0.35);\r\n}\r\n\r\n.messageShareButtons .button span:not(.icon){\r\n\tdisplay: none;\r\n}\r\n\r\n\/* main content *\/\r\n@include screen-lg {\r\n\t.main {\r\n\t\tpadding: 20px 0;\r\n\t}\r\n}\r\n\r\n.main {\r\n background-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n border-radius: 6px;\r\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1{\r\n\tfont-family: 'Roboto', sans-serif;\r\n\tfont-weight: 700;\r\n\tletter-spacing: -0.3px;\r\n}\r\n\r\n\/* footer boxes *\/\t\r\n.boxesFooter .layoutBoundary{\r\n\tpadding: 0px 4px 0 8px;\r\n}\r\n\r\n.boxesFooterBoxes .layoutBoundary{\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tmargin-top: 25px;\r\n\tborder-radius: 6px;\r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n\t\r\n\t@include screen-lg {\r\n\t\t.boxContainer {\r\n\t\t\tpadding: 40px 0;\r\n\t\t\tmargin-bottom: -10px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/* header *\/\r\n@include screen-lg {\r\n\t.pageHeaderPanel {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n border-top-left-radius: 6px;\r\n\t\tborder-top-right-radius: 6px;\r\n\t\r\n\t\t> .layoutBoundary {\r\n\t\t\t\/\/display: inline-block;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.pageHeaderLogo {\r\n\t\tposition: relative; \r\n\t\ttop: -100px;\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n\/* dropdown *\/\r\n.dropdownMenu {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbox-shadow: inset 0 0px 0px 200px rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0);\r\n}\r\n\r\n@include screen-lg {\r\n\t.interactiveDropdown{ \r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t background-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tborder-radius: $borderRadius;\r\n\t\tleft: 72px!important;\r\n\t\ttop: 18px!important;\r\n\t\tbox-shadow: inset 0 0px 0px 200px rgba(255, 255, 255, 0.32), 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n\t\t\r\n\t\t.userAvatarImage {\r\n\t\t\tmax-width: 40px;\r\n\t\t\tmax-height: 40px;\r\n\t\t\tmargin-left: 3px;\r\n\t\t}\r\n\t\t\r\n\t\t&[data-source=\"userNotifications\"] {\r\n\t\t\ttop: 65px!important;\r\n\t\t}\r\n\t\t\r\n\t\t&[data-source=\"outstandingModeration\"] { \r\n\t\t\ttop: 116px!important;\r\n\t\t}\r\n\t\t\r\n\t\t&[data-source=\"unreadConversations\"] {\r\n\t\t\ttop: 167px!important;\r\n\t\t}\r\n\t}\r\n\t\t\r\n\t.interactiveDropdownHeader {\r\n\t\tpadding: 6px 12px;\r\n\t\t\r\n\t\t&::before{ \r\n\t\t\tcontent: \"\";\r\n\t\t\tborder-style: solid;\r\n\t\t\tborder-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\r\n\t\t\tborder-width: 8px 7px 8px 0px;\r\n\t\t\tmargin-top: 0px;\r\n\t\t\tmargin-left: -19px;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\r\n\t\t.interactiveDropdownTitle {\r\n\t\t\tletter-spacing: -0.35px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tfont-family: 'Roboto', sans-serif;\r\n\t\t\tfont-size: 1.125rem;\r\n\t\t}\r\n }\r\n\t\r\n\t.interactiveDropdownItems > li {\r\n\t\tpadding: 10px 12px;\r\n\t\t\r\n\t\t.icon{ \r\n\t\t\tfont-size: 2.2rem;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead .icon{\t\r\n\t\tfont-size: 1.2rem;\r\n\t}\r\n\t\r\n\t.interactiveDropdownShowAll {\r\n\t\tfont-weight: bold;\r\n\t\t\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $wcfTabularBoxBackgroundActive;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/* userpanel *\/\r\n\r\n\r\n\/* general *\/\r\n.styleChanger a::before {\r\n \/\/content: \"\\f03e\";\r\n font-size: 1.1rem;\r\n font-family: \"FontAwesome\";\r\n margin-right: 5px;\r\n}\r\n\r\n.pageNavigation {\r\n\tbackground-image: $pageBodyBackground;\r\n background-size: cover;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n\tmargin-bottom: 25px; \r\n\tborder-bottom-left-radius: 6px;\r\n\tborder-bottom-right-radius: 6px;\r\n}\r\n\r\n.wcfLikeCounter.likeCounterLiked {\r\n color: $greenColor!important;\r\n}\r\n\r\n.wcfLikeCounter.likeCounterDisliked {\r\n color: $redColor!important;\r\n}\r\n\r\nwoltlab-quote, .quoteBox {\r\n background-color: rgba(0, 0, 0, 0.22);\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.spoilerBox {\r\n background-color: rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n.codeBox {\r\n background-color: rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n.codeBox .codeBoxHeader {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n\r\n.contentHeaderIcon .userAvatarImage{ \r\n\tborder: 2px solid #000000;\r\n}\r\n\r\n.contentHeaderIcon .badgeOnline {\r\n margin-bottom: 24px;\r\n padding: 7px;\r\n background-color: #54d123;\r\n border: 2px solid #000000;\r\n border-radius: 10px;\r\n font-size: 0;\r\n}\r\n\r\n.dialogContainer{\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tborder-radius: 6px; \r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(0, 0, 0, 0.2); \r\n background-color: rgba(0,0,0,0.6);\r\n}\r\n\r\n.dialogContainer > .dialogContent {\r\n background-color: rgba(0,0,0,0.6);\r\n}\r\n\r\n.balloonTooltip, .redactor-toolbar-tooltip {\r\n\tbox-shadow: none;\r\n}\r\n\r\n.badge.badgeUpdate, a.badge.badgeUpdate {\r\n\tbackground-color: #008080; \r\n}\r\n\r\n.containerList > li:not(:last-child) {\r\n border-bottom: none;\r\n}\r\n\r\n.dialogContainer > header > span{\r\n\tletter-spacing: -0.35px;\r\n\tfont-weight: 500;\r\n\tfont-family: 'Roboto', sans-serif;\r\n\tfont-size: 1.25rem;\r\n\tcolor: var(--wcfContentText);\r\n}\r\n\r\n.dialogContainer > .dialogContent .dialogFormSubmit {\r\n\tborder-top: none;\r\n}\r\n\r\n.containerList > li:first-child {\r\n border-top: none;\r\n}\r\n\r\n.containerList > li:last-child {\r\n border-bottom: none;\r\n}\r\n\r\n@include screen-md-up {\r\n .tabMenu > ul > li > a {\r\n font-size: 20px;\r\n }\r\n}\r\n\r\n.spinner {\r\n background-color: rgba(0,0,0,0.4);\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n border: none;\r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 60px rgba(255, 255, 255, 0.25); \r\n}\r\n\r\n.smileyList {\r\n\tmargin-bottom: 0px;\r\n}\r\n\r\n\r\n* {\r\n\toutline: none;\r\n}\r\n\r\n.popover, .datePicker {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(255,255,255,0.2);\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\ninput[type=\"date\"][disabled], input[type=\"datetime\"][disabled],\r\ninput[type=\"email\"][disabled], input[type=\"number\"][disabled],\r\ninput[type=\"password\"][disabled], input[type=\"search\"][disabled],\r\ninput[type=\"text\"][disabled], input[type=\"url\"][disabled], input[type=\"date\"][readonly],\r\ninput[type=\"datetime\"][readonly], input[type=\"email\"][readonly],\r\ninput[type=\"number\"][readonly], input[type=\"password\"][readonly],\r\ninput[type=\"search\"][readonly], input[type=\"text\"][readonly], input[type=\"url\"][readonly] {\r\n\tbackground-color: $wcfInputBackground!important;\r\n\tborder: none;\r\n}\r\n\r\n.tagList > li {\r\n\tborder-top-right-radius: 3px; \r\n\tborder-bottom-right-radius: 3px;\r\n}\r\n\r\n.tagList .tag {\r\n border-top-right-radius: 3px;\r\n\tborder-bottom-right-radius: 3px;\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 + small {\r\n\tcolor: #4C4C4C;\r\n}\r\n\r\n.wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {\r\n\tborder: 1px solid $wcfButtonText;\r\n}\r\n\r\n.inputItemList {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.wbbStickyIcon, .wbbMovedIcon {\r\n background-color: rgba(255, 151, 54, 1);\r\n color: $wcfButtonText;\r\n}\r\n\r\ninput[type=\"date\"], input[type=\"datetime\"], input[type=\"email\"], input[type=\"number\"], input[type=\"password\"], input[type=\"text\"], input[type=\"url\"], select{\r\n border-radius: 3px;\r\n}\r\n\r\n.fa-spinner, .wcfImageViewer > div.loading:before, .wcfImageViewer > footer > div > ul > li.loading:before {\r\n\tborder-top-color: $wcfButtonPrimaryBackground;\r\n}\r\n\r\n.pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success,\r\n.pageFooterStickyNotice .warning {\r\n\tborder: none;\r\n}\r\n\r\n.containerHeadline > h3 > .badge {\r\n\tborder-radius: 30px;\r\n}\r\n\r\n.pollContainer .pollResultItem .pollResultItemCaption > .pollOptionRelativeValue {\r\n\tcolor: #dedfe9;\r\n}\r\n\r\na:any-link{\r\n\ttext-decoration: none!important;\r\n}\r\n\r\n@include screen-md-up {\r\n .quoteBoxIcon > .quoteBoxQuoteSymbol {\r\n\t\tfont-size: 140px;\r\n\t}\r\n}\r\n\r\n.dialogContainer > header > .dialogCloseButton > .icon {\r\n\tmargin-right: -8px;\r\n}\r\n\r\n.userAvatarImage {\r\n border: 2px solid #000000;\r\n}\r\n\r\n.error, .info, .success, .warning {\r\n\tborder-left: none;\r\n}\r\n\r\n.userProfileButtonContainer .icon{\r\n\tfont-size: 24px;\r\n}\r\n\r\n.tabularListRowHead > .tabularListColumns > li {\r\n font-weight: 700;\r\n\tletter-spacing: -0.7px;\r\n}\r\n\r\n.userProfileButtonContainer a.button{\r\n\tpadding: 5px 15px;\r\n}\r\n\r\n.inlineCode, kbd {\r\n background-color: rgba(0, 0, 0, 0.22)!important;\r\n border: none!important;\r\n border-radius: 2px;\r\n\tcolor: #ffffff !important;\r\n}\r\n\r\n.formError dt {\r\n color: $redColor!important;\r\n}\r\n\r\n.flexibleButtonGroup > li > a.active.green, .flexibleButtonGroup > li > input[type=\"radio\"]:checked + label.green,\r\n.flexibleButtonGroup > li > input[type=\"radio\"] + label:hover.green {\r\n background-color: $greenColor;\r\n}\r\n\r\n.flexibleButtonGroup > li > a.active.red, .flexibleButtonGroup > li > input[type=\"radio\"]:checked + label.red,\r\n.flexibleButtonGroup > li > input[type=\"radio\"] + label:hover.red {\r\n background-color: $redColor;\r\n}\r\n\r\n.innerError {\r\n background-color: $wcfStatusErrorBackground;\r\n color: $wcfStatusErrorText;\r\n}\r\n\r\n.innerError::before {\r\n border-bottom-color: $wcfStatusErrorBackground;\r\n}\r\n\r\n.innerError a {\r\n color: $wcfStatusErrorText;\r\n}\r\n\r\n.dialogContainer > .dialogContent .dialogFormSubmit {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbox-shadow: inset 0 0 0px 100px rgba(255,255,255,0.2);\r\n\tborder-top: none;\r\n\tborder-bottom-left-radius: $borderRadius;\r\n border-bottom-right-radius: $borderRadius;\r\n}\r\n\r\n.flexibleButtonGroup > li > a, .flexibleButtonGroup > li > label {\r\n\tbackground-color: rgba(245, 246, 249, 0.83);\r\n}\r\n\r\n.innerError a:hover {\r\n color: $wcfStatusErrorText;\r\n}\r\n\r\ntextarea.open{\r\n\tbackground-color: rgba(17, 17, 17, 0.65)!important;\r\n}\r\n\r\n.containerList > li:hover {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.dialogContainer[data-id=\"styleChanger\"] .containerList{\r\n\tpadding: 6px;\r\n}\r\n\r\n.htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td,\r\n.messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td,\r\n.table tr:hover > td {\r\n background-color: $wcfTabularBoxBackgroundActive;\r\n}\r\n\r\n\r\nbutton:not(.inputPrefix), input[type=\"button\"]:not(.inputPrefix),\r\ninput[type=\"reset\"]:not(.inputPrefix), input[type=\"submit\"]:not(.inputPrefix),\r\n.button:not(.inputPrefix), a.button:not(.inputPrefix) {\r\n text-transform: none;\r\n}\r\n\r\ninput[type=\"date\"][disabled], input[type=\"datetime\"][disabled],\r\ninput[type=\"email\"][disabled], input[type=\"number\"][disabled],\r\ninput[type=\"password\"][disabled], input[type=\"search\"][disabled],\r\ninput[type=\"text\"][disabled], input[type=\"url\"][disabled], input[type=\"date\"][readonly],\r\ninput[type=\"datetime\"][readonly], input[type=\"email\"][readonly],\r\ninput[type=\"number\"][readonly], input[type=\"password\"][readonly],\r\ninput[type=\"search\"][readonly], input[type=\"text\"][readonly], input[type=\"url\"][readonly] {\r\n color: rgba(220, 220, 220, 1)!important;\r\n}\r\n\r\n.formError input, .formError select, .formError textarea {\r\n border-color: $redColor!important;\r\n}\r\n\r\n@include screen-lg {\r\n\t.mainMenu .mainMenuShowNext {\r\n\t\tbackground-color: rgba(0,0,0,0.1);\r\n\t\tbackground-image: none;\r\n\t\twidth: 20px;\r\n\t\tmargin-right: -25px;\r\n\t}\r\n\t\r\n\t.mainMenu .boxMenu .boxMenuDepth1 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t.mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {\r\n\t\tdisplay: block;\r\n\t}\r\n\t\r\n\t#pageHeaderPanel .layoutBoundary {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t\r\n\t.mainMenu .mainMenuShowPrevious {\r\n\t\tbackground-color: rgba(0,0,0,0.1); \r\n\t\tbackground-image: none;\r\n\t\twidth: 20px;\r\n\t\tborder-top-left-radius: 4px;\r\n\t\tmargin-left: -20px;\r\n\t}\r\n\t\r\n #topMenu.userPanelLoggedIn > ul > li:first-child > a::before {\r\n content: \"\";\r\n }\r\n\r\n #topMenu #userMenu img {\r\n display: block;\r\n}\r\n\r\n#tpl_wcf_article .content > .section, .content > form, .sectionContainer {\r\n border: 0px;\r\n background-color: rgba(0, 0, 0, 0.22);\r\n padding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\t\r\n}\r\n\r\n.filebaseFileList .filebaseFileCard {\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n background-color: rgba(0, 0, 0, 0.25);\r\n border-radius: 5px;\r\n box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);\r\n}\r\n\r\n.boxesFooterBoxes {\r\n background-color: transparent;\r\n}\r\n\t\r\n.dashboardBoxRecentActivity ul.containerList.recentActivityList\t{\r\n\t\tbackground-color: rgba(0,0,0,0.1); \r\n\t border-radius: 5px;\r\n\t}\r\n\r\n.contentItem {\r\n background-color: rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);\r\n}\r\n}\r\n\r\ntextarea[disabled], textarea[readonly] {\r\n color: rgba(233, 233, 233, 1) !important;\r\n}\r\n.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable),.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{border-color:#318ADC9E !important}\r\n.ck.ck-editor, .ck.ck-body {\r\n --ck-color-base-border: #000 !important;\r\n --ck-color-toolbar-border: #000 !important;\r\n --ck-color-dropdown-panel-border: #000 !important;\r\n --ck-color-panel-border: #000 !important;\r\n}\/* WCF_STYLE_CUSTOM_USER_MODIFICATIONS *\/\n\/* Spendenliste ausblenden *\/\r\n#tpl_wcf_donations table, #tpl_wcf_donations .contentHeaderTitle {display:none;}\r\n\r\n\/* Spinnennetze *\/\r\nimg.web-left {\r\n width: 300px;\r\n height: 300px;\r\n}\r\n\r\n.web-right {\r\ndisplay:none;\r\n}"]},{"function":"wcf\\system\\style\\{closure}","class":"wcf\\system\\style\\StyleCompiler","type":"::","args":["[error_during_sanitization]"],"file":"[internal function]","line":"?"},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/system\/style\/StyleCompiler.class.php","line":698,"function":"array_map","args":["Closure",{"darkMode\u0000individualScss":"[redacted]","messageSidebarOrientation":"[redacted]","darkMode\u0000messageSidebarOrientation":"[redacted]","darkMode\u0000overrideScss":"[redacted]","pageLogo":"[redacted]","darkMode\u0000pageLogo":"[redacted]","pageLogoWidth":"[redacted]","darkMode\u0000pageLogoWidth":"[redacted]","pageLogoHeight":"[redacted]","darkMode\u0000pageLogoHeight":"[redacted]","pageLogoMobile":"[redacted]","darkMode\u0000pageLogoMobile":"[redacted]","useFluidLayout":"[redacted]","darkMode\u0000useFluidLayout":"[redacted]","wcfButtonBackground":"[redacted]","darkMode\u0000wcfButtonBackground":"[redacted]","wcfButtonBackgroundActive":"[redacted]","darkMode\u0000wcfButtonBackgroundActive":"[redacted]","wcfButtonDisabledBackground":"[redacted]","darkMode\u0000wcfButtonDisabledBackground":"[redacted]","wcfButtonDisabledText":"[redacted]","darkMode\u0000wcfButtonDisabledText":"[redacted]","wcfButtonPrimaryBackground":"[redacted]","darkMode\u0000wcfButtonPrimaryBackground":"[redacted]","wcfButtonPrimaryBackgroundActive":"[redacted]","darkMode\u0000wcfButtonPrimaryBackgroundActive":"[redacted]","wcfButtonPrimaryText":"[redacted]","darkMode\u0000wcfButtonPrimaryText":"[redacted]","wcfButtonPrimaryTextActive":"[redacted]","darkMode\u0000wcfButtonPrimaryTextActive":"[redacted]","wcfButtonText":"[redacted]","darkMode\u0000wcfButtonText":"[redacted]","wcfButtonTextActive":"[redacted]","darkMode\u0000wcfButtonTextActive":"[redacted]","wcfContentBackground":"[redacted]","darkMode\u0000wcfContentBackground":"[redacted]","wcfContentBorder":"[redacted]","darkMode\u0000wcfContentBorder":"[redacted]","wcfContentBorderInner":"[redacted]","darkMode\u0000wcfContentBorderInner":"[redacted]","wcfContentContainerBackground":"[redacted]","darkMode\u0000wcfContentContainerBackground":"[redacted]","wcfContentContainerBorder":"[redacted]","darkMode\u0000wcfContentContainerBorder":"[redacted]","wcfContentDimmedLink":"[redacted]","darkMode\u0000wcfContentDimmedLink":"[redacted]","wcfContentDimmedLinkActive":"[redacted]","darkMode\u0000wcfContentDimmedLinkActive":"[redacted]","wcfContentDimmedText":"[redacted]","darkMode\u0000wcfContentDimmedText":"[redacted]","wcfContentHeadlineBorder":"[redacted]","darkMode\u0000wcfContentHeadlineBorder":"[redacted]","wcfContentHeadlineLink":"[redacted]","darkMode\u0000wcfContentHeadlineLink":"[redacted]","wcfContentHeadlineLinkActive":"[redacted]","darkMode\u0000wcfContentHeadlineLinkActive":"[redacted]","wcfContentHeadlineText":"[redacted]","darkMode\u0000wcfContentHeadlineText":"[redacted]","wcfContentLink":"[redacted]","darkMode\u0000wcfContentLink":"[redacted]","wcfContentLinkActive":"[redacted]","darkMode\u0000wcfContentLinkActive":"[redacted]","wcfContentText":"[redacted]","darkMode\u0000wcfContentText":"[redacted]","wcfDropdownBackground":"[redacted]","darkMode\u0000wcfDropdownBackground":"[redacted]","wcfDropdownBackgroundActive":"[redacted]","darkMode\u0000wcfDropdownBackgroundActive":"[redacted]","wcfDropdownBorderInner":"[redacted]","darkMode\u0000wcfDropdownBorderInner":"[redacted]","wcfDropdownLink":"[redacted]","darkMode\u0000wcfDropdownLink":"[redacted]","wcfDropdownLinkActive":"[redacted]","darkMode\u0000wcfDropdownLinkActive":"[redacted]","wcfDropdownText":"[redacted]","darkMode\u0000wcfDropdownText":"[redacted]","wcfEditorButtonBackground":"[redacted]","darkMode\u0000wcfEditorButtonBackground":"[redacted]","wcfEditorButtonBackgroundActive":"[redacted]","darkMode\u0000wcfEditorButtonBackgroundActive":"[redacted]","wcfEditorButtonText":"[redacted]","darkMode\u0000wcfEditorButtonText":"[redacted]","wcfEditorButtonTextActive":"[redacted]","darkMode\u0000wcfEditorButtonTextActive":"[redacted]","wcfEditorButtonTextDisabled":"[redacted]","darkMode\u0000wcfEditorButtonTextDisabled":"[redacted]","wcfEditorTableBorder":"[redacted]","darkMode\u0000wcfEditorTableBorder":"[redacted]","wcfFontFamilyFallback":"[redacted]","darkMode\u0000wcfFontFamilyFallback":"[redacted]","wcfFontFamilyGoogle":"[redacted]","darkMode\u0000wcfFontFamilyGoogle":"[redacted]","wcfFontLineHeight":"[redacted]","darkMode\u0000wcfFontLineHeight":"[redacted]","wcfFontSizeDefault":"[redacted]","darkMode\u0000wcfFontSizeDefault":"[redacted]","wcfFontSizeHeadline":"[redacted]","darkMode\u0000wcfFontSizeHeadline":"[redacted]","wcfFontSizeSection":"[redacted]","darkMode\u0000wcfFontSizeSection":"[redacted]","wcfFontSizeSmall":"[redacted]","darkMode\u0000wcfFontSizeSmall":"[redacted]","wcfFontSizeTitle":"[redacted]","darkMode\u0000wcfFontSizeTitle":"[redacted]","wcfFooterBackground":"[redacted]","darkMode\u0000wcfFooterBackground":"[redacted]","wcfFooterBoxBackground":"[redacted]","darkMode\u0000wcfFooterBoxBackground":"[redacted]","wcfFooterBoxHeadlineLink":"[redacted]","darkMode\u0000wcfFooterBoxHeadlineLink":"[redacted]","wcfFooterBoxHeadlineLinkActive":"[redacted]","darkMode\u0000wcfFooterBoxHeadlineLinkActive":"[redacted]","wcfFooterBoxHeadlineText":"[redacted]","darkMode\u0000wcfFooterBoxHeadlineText":"[redacted]","wcfFooterBoxLink":"[redacted]","darkMode\u0000wcfFooterBoxLink":"[redacted]","wcfFooterBoxLinkActive":"[redacted]","darkMode\u0000wcfFooterBoxLinkActive":"[redacted]","wcfFooterBoxText":"[redacted]","darkMode\u0000wcfFooterBoxText":"[redacted]","wcfFooterCopyrightBackground":"[redacted]","darkMode\u0000wcfFooterCopyrightBackground":"[redacted]","wcfFooterCopyrightLink":"[redacted]","darkMode\u0000wcfFooterCopyrightLink":"[redacted]","wcfFooterCopyrightLinkActive":"[redacted]","darkMode\u0000wcfFooterCopyrightLinkActive":"[redacted]","wcfFooterCopyrightText":"[redacted]","darkMode\u0000wcfFooterCopyrightText":"[redacted]","wcfFooterHeadlineLink":"[redacted]","darkMode\u0000wcfFooterHeadlineLink":"[redacted]","wcfFooterHeadlineLinkActive":"[redacted]","darkMode\u0000wcfFooterHeadlineLinkActive":"[redacted]","wcfFooterHeadlineText":"[redacted]","darkMode\u0000wcfFooterHeadlineText":"[redacted]","wcfFooterLink":"[redacted]","darkMode\u0000wcfFooterLink":"[redacted]","wcfFooterLinkActive":"[redacted]","darkMode\u0000wcfFooterLinkActive":"[redacted]","wcfFooterText":"[redacted]","darkMode\u0000wcfFooterText":"[redacted]","wcfHeaderBackground":"[redacted]","darkMode\u0000wcfHeaderBackground":"[redacted]","wcfHeaderText":"[redacted]","darkMode\u0000wcfHeaderText":"[redacted]","wcfHeaderLink":"[redacted]","darkMode\u0000wcfHeaderLink":"[redacted]","wcfHeaderLinkActive":"[redacted]","darkMode\u0000wcfHeaderLinkActive":"[redacted]","wcfHeaderMenuBackground":"[redacted]","darkMode\u0000wcfHeaderMenuBackground":"[redacted]","wcfHeaderMenuLinkBackground":"[redacted]","darkMode\u0000wcfHeaderMenuLinkBackground":"[redacted]","wcfHeaderMenuLinkBackgroundActive":"[redacted]","darkMode\u0000wcfHeaderMenuLinkBackgroundActive":"[redacted]","wcfHeaderMenuLink":"[redacted]","darkMode\u0000wcfHeaderMenuLink":"[redacted]","wcfHeaderMenuLinkActive":"[redacted]","darkMode\u0000wcfHeaderMenuLinkActive":"[redacted]","wcfHeaderMenuDropdownBackground":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownBackground":"[redacted]","wcfHeaderMenuDropdownBackgroundActive":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownBackgroundActive":"[redacted]","wcfHeaderMenuDropdownLink":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownLink":"[redacted]","wcfHeaderMenuDropdownLinkActive":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownLinkActive":"[redacted]","wcfHeaderSearchBoxBackground":"[redacted]","darkMode\u0000wcfHeaderSearchBoxBackground":"[redacted]","wcfHeaderSearchBoxBackgroundActive":"[redacted]","darkMode\u0000wcfHeaderSearchBoxBackgroundActive":"[redacted]","wcfHeaderSearchBoxText":"[redacted]","darkMode\u0000wcfHeaderSearchBoxText":"[redacted]","wcfHeaderSearchBoxTextActive":"[redacted]","darkMode\u0000wcfHeaderSearchBoxTextActive":"[redacted]","wcfHeaderSearchBoxPlaceholder":"[redacted]","darkMode\u0000wcfHeaderSearchBoxPlaceholder":"[redacted]","wcfHeaderSearchBoxPlaceholderActive":"[redacted]","darkMode\u0000wcfHeaderSearchBoxPlaceholderActive":"[redacted]","wcfInputBackground":"[redacted]","darkMode\u0000wcfInputBackground":"[redacted]","wcfInputBackgroundActive":"[redacted]","darkMode\u0000wcfInputBackgroundActive":"[redacted]","wcfInputBorder":"[redacted]","darkMode\u0000wcfInputBorder":"[redacted]","wcfInputBorderActive":"[redacted]","darkMode\u0000wcfInputBorderActive":"[redacted]","wcfInputDisabledBackground":"[redacted]","darkMode\u0000wcfInputDisabledBackground":"[redacted]","wcfInputDisabledBorder":"[redacted]","darkMode\u0000wcfInputDisabledBorder":"[redacted]","wcfInputDisabledText":"[redacted]","darkMode\u0000wcfInputDisabledText":"[redacted]","wcfInputLabel":"[redacted]","darkMode\u0000wcfInputLabel":"[redacted]","wcfInputText":"[redacted]","darkMode\u0000wcfInputText":"[redacted]","wcfInputTextActive":"[redacted]","darkMode\u0000wcfInputTextActive":"[redacted]","wcfInputPlaceholder":"[redacted]","darkMode\u0000wcfInputPlaceholder":"[redacted]","wcfInputPlaceholderActive":"[redacted]","darkMode\u0000wcfInputPlaceholderActive":"[redacted]","wcfLayoutFixedWidth":"[redacted]","darkMode\u0000wcfLayoutFixedWidth":"[redacted]","wcfLayoutMaxWidth":"[redacted]","darkMode\u0000wcfLayoutMaxWidth":"[redacted]","wcfLayoutMinWidth":"[redacted]","darkMode\u0000wcfLayoutMinWidth":"[redacted]","wcfNavigationBackground":"[redacted]","darkMode\u0000wcfNavigationBackground":"[redacted]","wcfNavigationLink":"[redacted]","darkMode\u0000wcfNavigationLink":"[redacted]","wcfNavigationLinkActive":"[redacted]","darkMode\u0000wcfNavigationLinkActive":"[redacted]","wcfNavigationText":"[redacted]","darkMode\u0000wcfNavigationText":"[redacted]","wcfPageThemeColor":"[redacted]","darkMode\u0000wcfPageThemeColor":"[redacted]","wcfSidebarBackground":"[redacted]","darkMode\u0000wcfSidebarBackground":"[redacted]","wcfSidebarDimmedLink":"[redacted]","darkMode\u0000wcfSidebarDimmedLink":"[redacted]","wcfSidebarDimmedLinkActive":"[redacted]","darkMode\u0000wcfSidebarDimmedLinkActive":"[redacted]","wcfSidebarDimmedText":"[redacted]","darkMode\u0000wcfSidebarDimmedText":"[redacted]","wcfSidebarHeadlineLink":"[redacted]","darkMode\u0000wcfSidebarHeadlineLink":"[redacted]","wcfSidebarHeadlineLinkActive":"[redacted]","darkMode\u0000wcfSidebarHeadlineLinkActive":"[redacted]","wcfSidebarHeadlineText":"[redacted]","darkMode\u0000wcfSidebarHeadlineText":"[redacted]","wcfSidebarLink":"[redacted]","darkMode\u0000wcfSidebarLink":"[redacted]","wcfSidebarLinkActive":"[redacted]","darkMode\u0000wcfSidebarLinkActive":"[redacted]","wcfSidebarText":"[redacted]","darkMode\u0000wcfSidebarText":"[redacted]","wcfStatusErrorBackground":"[redacted]","darkMode\u0000wcfStatusErrorBackground":"[redacted]","wcfStatusErrorBorder":"[redacted]","darkMode\u0000wcfStatusErrorBorder":"[redacted]","wcfStatusErrorLink":"[redacted]","darkMode\u0000wcfStatusErrorLink":"[redacted]","wcfStatusErrorLinkActive":"[redacted]","darkMode\u0000wcfStatusErrorLinkActive":"[redacted]","wcfStatusErrorText":"[redacted]","darkMode\u0000wcfStatusErrorText":"[redacted]","wcfStatusInfoBackground":"[redacted]","darkMode\u0000wcfStatusInfoBackground":"[redacted]","wcfStatusInfoBorder":"[redacted]","darkMode\u0000wcfStatusInfoBorder":"[redacted]","wcfStatusInfoLink":"[redacted]","darkMode\u0000wcfStatusInfoLink":"[redacted]","wcfStatusInfoLinkActive":"[redacted]","darkMode\u0000wcfStatusInfoLinkActive":"[redacted]","wcfStatusInfoText":"[redacted]","darkMode\u0000wcfStatusInfoText":"[redacted]","wcfStatusSuccessBackground":"[redacted]","darkMode\u0000wcfStatusSuccessBackground":"[redacted]","wcfStatusSuccessBorder":"[redacted]","darkMode\u0000wcfStatusSuccessBorder":"[redacted]","wcfStatusSuccessLink":"[redacted]","darkMode\u0000wcfStatusSuccessLink":"[redacted]","wcfStatusSuccessLinkActive":"[redacted]","darkMode\u0000wcfStatusSuccessLinkActive":"[redacted]","wcfStatusSuccessText":"[redacted]","darkMode\u0000wcfStatusSuccessText":"[redacted]","wcfStatusWarningBackground":"[redacted]","darkMode\u0000wcfStatusWarningBackground":"[redacted]","wcfStatusWarningBorder":"[redacted]","darkMode\u0000wcfStatusWarningBorder":"[redacted]","wcfStatusWarningLink":"[redacted]","darkMode\u0000wcfStatusWarningLink":"[redacted]","wcfStatusWarningLinkActive":"[redacted]","darkMode\u0000wcfStatusWarningLinkActive":"[redacted]","wcfStatusWarningText":"[redacted]","darkMode\u0000wcfStatusWarningText":"[redacted]","wcfTabularBoxBackgroundActive":"[redacted]","darkMode\u0000wcfTabularBoxBackgroundActive":"[redacted]","wcfTabularBoxBorderInner":"[redacted]","darkMode\u0000wcfTabularBoxBorderInner":"[redacted]","wcfTabularBoxHeadline":"[redacted]","darkMode\u0000wcfTabularBoxHeadline":"[redacted]","wcfTabularBoxHeadlineActive":"[redacted]","darkMode\u0000wcfTabularBoxHeadlineActive":"[redacted]","wcfTextShadowDark":"[redacted]","darkMode\u0000wcfTextShadowDark":"[redacted]","wcfTextShadowLight":"[redacted]","darkMode\u0000wcfTextShadowLight":"[redacted]","wcfTooltipBackground":"[redacted]","darkMode\u0000wcfTooltipBackground":"[redacted]","wcfTooltipText":"[redacted]","darkMode\u0000wcfTooltipText":"[redacted]","wcfUserMenuBackground":"[redacted]","darkMode\u0000wcfUserMenuBackground":"[redacted]","wcfUserMenuBackgroundActive":"[redacted]","darkMode\u0000wcfUserMenuBackgroundActive":"[redacted]","wcfUserMenuText":"[redacted]","darkMode\u0000wcfUserMenuText":"[redacted]","wcfUserMenuTextActive":"[redacted]","darkMode\u0000wcfUserMenuTextActive":"[redacted]","wcfUserMenuTextDimmed":"[redacted]","darkMode\u0000wcfUserMenuTextDimmed":"[redacted]","wcfUserMenuIndicator":"[redacted]","darkMode\u0000wcfUserMenuIndicator":"[redacted]","wcfUserMenuBorder":"[redacted]","darkMode\u0000wcfUserMenuBorder":"[redacted]","wcfSidebarBorder":"[redacted]","darkMode\u0000wcfSidebarBorder":"[redacted]","darkMode\u0000individualScssDarkMode":"[redacted]","wcfHeaderMenuDropdownBorder":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownBorder":"[redacted]","style_image_path":"[redacted]","apiVersion":"[redacted]","wcfFontFamily":"[redacted]","wcfFontFamilyMonospace":"[redacted]","wcf_option_last_update_time":"[redacted]","wcf_option_woltlab_branding":"[redacted]","wcf_option_first_time_setup_state":"[redacted]","wcf_option_visitor_use_tiny_build":"[redacted]","wcf_option_enable_woltlab_news":"[redacted]","wcf_option_module_article":"[redacted]","wcf_option_module_smiley":"[redacted]","wcf_option_module_users_online":"[redacted]","wcf_option_module_user_rank":"[redacted]","wcf_option_module_user_signature":"[redacted]","wcf_option_module_members_list":"[redacted]","wcf_option_module_team_page":"[redacted]","wcf_option_module_like":"[redacted]","wcf_option_module_user_profile_wall":"[redacted]","wcf_option_module_trophy":"[redacted]","wcf_option_module_tagging":"[redacted]","wcf_option_module_poll":"[redacted]","wcf_option_module_wcf_ad":"[redacted]","wcf_option_enable_debug_mode":"[redacted]","wcf_option_enable_production_debug_mode":"[redacted]","wcf_option_enable_benchmark":"[redacted]","wcf_option_enable_developer_tools":"[redacted]","wcf_option_use_page_title_on_landing_page":"[redacted]","wcf_option_show_version_number":"[redacted]","wcf_option_external_link_target_blank":"[redacted]","wcf_option_show_update_notice_frontend":"[redacted]","wcf_option_language_use_informal_variant":"[redacted]","wcf_option_show_style_changer":"[redacted]","wcf_option_enable_ad_rotation":"[redacted]","wcf_option_enable_polling":"[redacted]","wcf_option_page_logo_link_to_app_default":"[redacted]","wcf_option_breadcrumbs_home_use_page_title":"[redacted]","wcf_option_url_omit_index_php":"[redacted]","wcf_option_sitemap_index_time_frame":"[redacted]","wcf_option_offline":"[redacted]","wcf_option_offline_message_allow_html":"[redacted]","wcf_option_log_ip_address":"[redacted]","wcf_option_prune_ip_address":"[redacted]","wcf_option_image_adapter_type":"[redacted]","wcf_option_search_engine":"[redacted]","wcf_option_exception_privacy":"[redacted]","wcf_option_user_online_timeout":"[redacted]","wcf_option_enable_user_authentication_failure":"[redacted]","wcf_option_user_authentication_failure_timeout":"[redacted]","wcf_option_user_authentication_failure_ip_captcha":"[redacted]","wcf_option_user_authentication_failure_ip_block":"[redacted]","wcf_option_user_authentication_failure_user_captcha":"[redacted]","wcf_option_user_authentication_failure_expiration":"[redacted]","wcf_option_blacklist_sfs_enable":"[redacted]","wcf_option_blacklist_sfs_username":"[redacted]","wcf_option_blacklist_sfs_email_address":"[redacted]","wcf_option_blacklist_sfs_ip_address":"[redacted]","wcf_option_blacklist_sfs_action":"[redacted]","wcf_option_register_use_captcha":"[redacted]","wcf_option_lost_password_use_captcha":"[redacted]","wcf_option_google_maps_zoom":"[redacted]","wcf_option_google_maps_default_latitude":"[redacted]","wcf_option_google_maps_default_longitude":"[redacted]","wcf_option_mail_send_method":"[redacted]","wcf_option_mail_smtp_port":"[redacted]","wcf_option_mail_smtp_starttls":"[redacted]","wcf_option_mail_use_f_param":"[redacted]","wcf_option_cache_source_type":"[redacted]","wcf_option_module_paid_subscription":"[redacted]","wcf_option_paid_subscription_enable_tos_confirmation":"[redacted]","wcf_option_attachment_retain_dimensions":"[redacted]","wcf_option_attachment_thumbnail_height":"[redacted]","wcf_option_attachment_thumbnail_width":"[redacted]","wcf_option_attachment_image_autoscale":"[redacted]","wcf_option_attachment_image_autoscale_max_width":"[redacted]","wcf_option_attachment_image_autoscale_max_height":"[redacted]","wcf_option_attachment_image_autoscale_file_type":"[redacted]","wcf_option_attachment_image_autoscale_quality":"[redacted]","wcf_option_module_edit_history":"[redacted]","wcf_option_edit_history_expiration":"[redacted]","wcf_option_enable_share_buttons":"[redacted]","wcf_option_image_allow_external_source":"[redacted]","wcf_option_message_force_secure_images":"[redacted]","wcf_option_module_image_proxy":"[redacted]","wcf_option_image_proxy_insecure_only":"[redacted]","wcf_option_image_proxy_enable_prune":"[redacted]","wcf_option_image_proxy_expiration":"[redacted]","wcf_option_module_url_unfurling":"[redacted]","wcf_option_formatting_remove_color":"[redacted]","wcf_option_formatting_remove_font":"[redacted]","wcf_option_formatting_remove_size":"[redacted]","wcf_option_password_min_score":"[redacted]","wcf_option_force_login":"[redacted]","wcf_option_register_disabled":"[redacted]","wcf_option_register_enable_disclaimer":"[redacted]","wcf_option_register_activation_method":"[redacted]","wcf_option_register_username_min_length":"[redacted]","wcf_option_register_username_max_length":"[redacted]","wcf_option_register_username_force_ascii":"[redacted]","wcf_option_register_min_user_age":"[redacted]","wcf_option_avatar_default_type":"[redacted]","wcf_option_signature_max_image_height":"[redacted]","wcf_option_user_title_max_length":"[redacted]","wcf_option_profile_show_old_username":"[redacted]","wcf_option_profile_enable_visitors":"[redacted]","wcf_option_members_list_users_per_page":"[redacted]","wcf_option_members_list_default_sort_field":"[redacted]","wcf_option_members_list_default_sort_order":"[redacted]","wcf_option_users_online_show_guests":"[redacted]","wcf_option_users_online_show_robots":"[redacted]","wcf_option_users_online_default_sort_field":"[redacted]","wcf_option_users_online_default_sort_order":"[redacted]","wcf_option_users_online_page_refresh":"[redacted]","wcf_option_users_online_record_no_guests":"[redacted]","wcf_option_users_online_enable_legend":"[redacted]","wcf_option_users_online_record":"[redacted]","wcf_option_users_online_record_time":"[redacted]","wcf_option_user_cleanup_notification_lifetime":"[redacted]","wcf_option_user_cleanup_activity_event_lifetime":"[redacted]","wcf_option_user_cleanup_profile_visitor_lifetime":"[redacted]","wcf_option_like_show_summary":"[redacted]","wcf_option_message_sidebar_enable_online_status":"[redacted]","wcf_option_message_sidebar_enable_likes_received":"[redacted]","wcf_option_message_sidebar_enable_activity_points":"[redacted]","wcf_option_message_sidebar_enable_trophy_points":"[redacted]","wcf_option_message_sidebar_enable_articles":"[redacted]","wcf_option_tagging_max_tag_length":"[redacted]","wcf_option_message_max_quote_depth":"[redacted]","wcf_option_message_enable_toc":"[redacted]","wcf_option_message_enable_user_consent":"[redacted]","wcf_option_modification_log_expiration":"[redacted]","wcf_option_search_results_per_page":"[redacted]","wcf_option_search_default_sort_field":"[redacted]","wcf_option_search_default_sort_order":"[redacted]","wcf_option_search_max_combined_tags":"[redacted]","wcf_option_search_enable_pages":"[redacted]","wcf_option_search_enable_articles":"[redacted]","wcf_option_poll_max_options":"[redacted]","wcf_option_poll_full_width":"[redacted]","wcf_option_module_contact_form":"[redacted]","wcf_option_contact_form_enable_attachments":"[redacted]","wcf_option_contact_form_prune_attachments":"[redacted]","wcf_option_media_small_thumbnail_width":"[redacted]","wcf_option_media_small_thumbnail_height":"[redacted]","wcf_option_media_small_thumbnail_retain_dimensions":"[redacted]","wcf_option_media_medium_thumbnail_width":"[redacted]","wcf_option_media_medium_thumbnail_height":"[redacted]","wcf_option_media_medium_thumbnail_retain_dimensions":"[redacted]","wcf_option_media_large_thumbnail_width":"[redacted]","wcf_option_media_large_thumbnail_height":"[redacted]","wcf_option_media_large_thumbnail_retain_dimensions":"[redacted]","wcf_option_article_show_about_author":"[redacted]","wcf_option_article_enable_comments_default_value":"[redacted]","wcf_option_article_enable_like":"[redacted]","wcf_option_articles_per_page":"[redacted]","wcf_option_article_related_articles":"[redacted]","wcf_option_article_related_articles_match_threshold":"[redacted]","wcf_option_article_sort_order":"[redacted]","wcf_option_log_missing_language_items":"[redacted]","wcf_option_module_conversation":"[redacted]","wcf_option_conversations_per_page":"[redacted]","wcf_option_conversation_messages_per_page":"[redacted]","wcf_option_conversation_list_default_sort_field":"[redacted]","wcf_option_conversation_list_default_sort_order":"[redacted]","wcf_option_module_user_infraction":"[redacted]","wcf_option_wbb_index_enable_stats":"[redacted]","wcf_option_wbb_board_list_depth":"[redacted]","wcf_option_wbb_module_ignore_boards":"[redacted]","wcf_option_wbb_board_enable_stats":"[redacted]","wcf_option_wbb_board_enable_moderators":"[redacted]","wcf_option_wbb_board_users_online_filter":"[redacted]","wcf_option_wbb_board_threads_per_page":"[redacted]","wcf_option_wbb_board_default_days_prune":"[redacted]","wcf_option_wbb_board_default_sort_field":"[redacted]","wcf_option_wbb_board_default_sort_order":"[redacted]","wcf_option_wbb_board_enable_deleted_thread_note":"[redacted]","wcf_option_wbb_board_threads_enable_language_flag":"[redacted]","wcf_option_wbb_module_thread_marking_as_done":"[redacted]","wcf_option_wbb_thread_enable_tags":"[redacted]","wcf_option_wbb_thread_enable_similar_threads":"[redacted]","wcf_option_wbb_thread_similar_threads_count":"[redacted]","wcf_option_wbb_thread_similar_threads_search_period":"[redacted]","wcf_option_wbb_thread_empty_recycle_bin_cycle":"[redacted]","wcf_option_wbb_thread_delete_link_cycle":"[redacted]","wcf_option_wbb_thread_marking_as_done_cycle":"[redacted]","wcf_option_wbb_thread_max_formatted_excerpt_length":"[redacted]","wcf_option_wbb_thread_enable_moderation_notification":"[redacted]","wcf_option_wbb_thread_enable_moderation_thread_log":"[redacted]","wcf_option_wbb_thread_moderation_notification_show_moderator":"[redacted]","wcf_option_wbb_thread_users_online_filter":"[redacted]","wcf_option_wbb_thread_posts_per_page":"[redacted]","wcf_option_wbb_thread_enable_deleted_post_note":"[redacted]","wcf_option_wbb_thread_guest_max_posts":"[redacted]","wcf_option_wbb_thread_min_char_length":"[redacted]","wcf_option_wbb_thread_min_word_count":"[redacted]","wcf_option_wbb_post_min_char_length":"[redacted]","wcf_option_wbb_post_min_word_count":"[redacted]","wcf_option_wbb_reply_old_thread_warning":"[redacted]","wcf_option_wbb_thread_show_similar_threads_when_creating_new_thread":"[redacted]","wcf_option_wbb_post_notification_mail_include_message":"[redacted]","wcf_option_wbb_post_edit_hide_edit_note_period":"[redacted]","wcf_option_wbb_install_date":"[redacted]","wcf_option_wbb_message_sidebar_enable_user_posts":"[redacted]","wcf_option_wbb_search_find_threads":"[redacted]","wcf_option_wbb_article_thread_single_board":"[redacted]","wcf_option_wbb_official_post_default":"[redacted]","wcf_option_legal_notice_additional_text_enable_html":"[redacted]","wcf_option_ticket_id_converter":"[redacted]","wcf_option_ticket_admin_user_id":"[redacted]","wcf_option_ticket_list_default_sort_field":"[redacted]","wcf_option_ticket_category_filter_count":"[redacted]","wcf_option_ticket_auto_done_days":"[redacted]","wcf_option_ticket_auto_done_user_id":"[redacted]","wcf_option_ticket_answer_sort_order":"[redacted]","wcf_option_ticket_answer_view":"[redacted]","wcf_option_ticket_answer_show_average_response_time":"[redacted]","wcf_option_ticketsystem_show_preview":"[redacted]","wcf_option_ticketsystem_answers_per_page":"[redacted]","wcf_option_ticketsystem_use_captcha":"[redacted]","wcf_option_donation_general_goal_time":"[redacted]","wcf_option_donation_general_goal_limit":"[redacted]","wcf_option_donation_general_goal":"[redacted]","wcf_option_donation_disable_when_goal_reached":"[redacted]","wcf_option_donation_groupjoin_enable":"[redacted]","wcf_option_donation_groupjoin_days":"[redacted]","wcf_option_donation_notification_paypal_email":"[redacted]","wcf_option_donation_notification_psc_email":"[redacted]","wcf_option_donation_notification_debug_email":"[redacted]","wcf_option_donation_notification_conversation_confirmed":"[redacted]","wcf_option_donation_notification_conversation_expired_group":"[redacted]","wcf_option_donation_notification_conversation_expired_group_days":"[redacted]","wcf_option_donation_paypal_enable":"[redacted]","wcf_option_donation_paypal_currency":"[redacted]","wcf_option_donation_paypal_type":"[redacted]","wcf_option_donation_psc_enable":"[redacted]","wcf_option_donation_transfer_enable":"[redacted]","wcf_option_shoutbox_sync_interval":"[redacted]","wcf_option_shoutbox_idle_limit":"[redacted]","wcf_option_shoutbox_height":"[redacted]","wcf_option_shoutbox_height_sidebar":"[redacted]","wcf_option_shoutbox_general_design":"[redacted]","wcf_option_shoutbox_general_show_user_online_list":"[redacted]","wcf_option_shoutbox_general_return_on_enter":"[redacted]","wcf_option_shoutbox_entry_limit":"[redacted]","wcf_option_shoutbox_entry_sort_order":"[redacted]","wcf_option_shoutbox_entry_use_user_online_marking":"[redacted]","wcf_option_shoutbox_entry_show_avatars":"[redacted]","wcf_option_shoutbox_entry_delete_time":"[redacted]","wcf_option_shoutbox_entry_smileys":"[redacted]","wcf_option_shoutbox_entry_toolbar":"[redacted]","wcf_option_shoutbox_entry_private":"[redacted]","wcf_option_hanashi_discord_boards_post_title":"[redacted]","wcf_option_hanashi_discord_boards_post_only_title":"[redacted]","wcf_option_hanashi_discord_boards_posts":"[redacted]","wcf_option_hanashi_discord_boards_real_bot":"[redacted]","wcf_option_module_user_sc_terms_of_use":"[redacted]","wcf_option_sc_terms_of_use_change_date":"[redacted]","wcf_option_sc_terms_of_use_liststyle":"[redacted]","wcf_option_sc_terms_of_use_decline_action":"[redacted]","wcf_option_sc_terms_of_use_min_age":"[redacted]","wcf_option_sc_terms_of_use_min_age_save":"[redacted]","wcf_option_sc_terms_of_use_last_change_enable_display":"[redacted]","wcf_option_sc_terms_of_use_last_change_position":"[redacted]","wcf_option_sc_terms_of_use_enable_button_countdown":"[redacted]","wcf_option_sc_terms_of_use_button_countdown":"[redacted]","wcf_option_sc_terms_of_use_enable_manual_confirmation":"[redacted]","wcf_option_halloween_header_enable":"[redacted]","wcf_option_donation_notification_conversation_manual_donation":"[redacted]","wcfBorderRadius":"[redacted]","wcfBorderRadiusContainer":"[redacted]","wcfBoxShadow":"[redacted]","wcfBoxShadowCard":"[redacted]"}],"class":"","type":""},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/system\/style\/StyleCompiler.class.php","line":312,"function":"compileStylesheet","class":"wcf\\system\\style\\StyleCompiler","type":"->","args":["\/*!\n\nstylesheet for 'DRT Halloween 6.0', generated on Sun, 29 Oct 2023 11:08:20 +0000 -- DO NOT EDIT\n\n*\/\nhtml {\n\t--wcfButtonBackground: rgba(0, 0, 0, 0.25);\n\t--wcfButtonBackground-rgb: 0 0 0;\n\t--wcfButtonBackgroundActive: rgba(0, 0, 0, 0.3);\n\t--wcfButtonBackgroundActive-rgb: 0 0 0;\n\t--wcfButtonDisabledBackground: rgba(0, 0, 0, 0.35);\n\t--wcfButtonDisabledBackground-rgb: 0 0 0;\n\t--wcfButtonDisabledText: rgba(205, 205, 205, 1);\n\t--wcfButtonDisabledText-rgb: 205 205 205;\n\t--wcfButtonPrimaryBackground: rgba(0, 0, 0, 0.25);\n\t--wcfButtonPrimaryBackground-rgb: 0 0 0;\n\t--wcfButtonPrimaryBackgroundActive: rgba(0, 0, 0, 0.3);\n\t--wcfButtonPrimaryBackgroundActive-rgb: 0 0 0;\n\t--wcfButtonPrimaryText: rgba(255, 255, 255, 1);\n\t--wcfButtonPrimaryText-rgb: 255 255 255;\n\t--wcfButtonPrimaryTextActive: rgba(255, 255, 255, 0.6);\n\t--wcfButtonPrimaryTextActive-rgb: 255 255 255;\n\t--wcfButtonText: rgba(255, 255, 255, 1);\n\t--wcfButtonText-rgb: 255 255 255;\n\t--wcfButtonTextActive: rgba(255, 255, 255, 0.6);\n\t--wcfButtonTextActive-rgb: 255 255 255;\n\t--wcfContentBackground: rgba(255, 255, 255, 0.25);\n\t--wcfContentBackground-rgb: 255 255 255;\n\t--wcfContentBorder: rgba(255, 255, 255, 0.35);\n\t--wcfContentBorder-rgb: 255 255 255;\n\t--wcfContentBorderInner: rgba(255, 255, 255, 0.4);\n\t--wcfContentBorderInner-rgb: 255 255 255;\n\t--wcfContentContainerBackground: rgba(255, 255, 255, 0);\n\t--wcfContentContainerBackground-rgb: 255 255 255;\n\t--wcfContentContainerBorder: rgba(236, 241, 247, 0);\n\t--wcfContentContainerBorder-rgb: 236 241 247;\n\t--wcfContentDimmedLink: rgba(240, 240, 240, 1);\n\t--wcfContentDimmedLink-rgb: 240 240 240;\n\t--wcfContentDimmedLinkActive: rgba(240, 240, 240, 1);\n\t--wcfContentDimmedLinkActive-rgb: 240 240 240;\n\t--wcfContentDimmedText: rgba(221, 221, 221, 1);\n\t--wcfContentDimmedText-rgb: 221 221 221;\n\t--wcfContentHeadlineBorder: rgba(238, 238, 238, 1);\n\t--wcfContentHeadlineBorder-rgb: 238 238 238;\n\t--wcfContentHeadlineLink: rgba(245, 247, 250, 1);\n\t--wcfContentHeadlineLink-rgb: 245 247 250;\n\t--wcfContentHeadlineLinkActive: rgba(245, 247, 250, 1);\n\t--wcfContentHeadlineLinkActive-rgb: 245 247 250;\n\t--wcfContentHeadlineText: rgba(245, 247, 250, 1);\n\t--wcfContentHeadlineText-rgb: 245 247 250;\n\t--wcfContentLink: rgba(235, 236, 239, 1);\n\t--wcfContentLink-rgb: 235 236 239;\n\t--wcfContentLinkActive: rgba(211, 211, 211, 1);\n\t--wcfContentLinkActive-rgb: 211 211 211;\n\t--wcfContentText: rgba(245, 246, 249, 1);\n\t--wcfContentText-rgb: 245 246 249;\n\t--wcfDropdownBackground: rgba(255, 255, 255, 0.4);\n\t--wcfDropdownBackground-rgb: 255 255 255;\n\t--wcfDropdownBackgroundActive: rgba(18, 19, 20, 0.15);\n\t--wcfDropdownBackgroundActive-rgb: 18 19 20;\n\t--wcfDropdownBorderInner: rgba(255, 255, 255, 0.4);\n\t--wcfDropdownBorderInner-rgb: 255 255 255;\n\t--wcfDropdownLink: rgba(255, 255, 255, 1);\n\t--wcfDropdownLink-rgb: 255 255 255;\n\t--wcfDropdownLinkActive: rgba(211, 211, 211, 1);\n\t--wcfDropdownLinkActive-rgb: 211 211 211;\n\t--wcfDropdownText: rgba(255, 255, 255, 1);\n\t--wcfDropdownText-rgb: 255 255 255;\n\t--wcfEditorButtonBackground: rgba(0, 0, 0, 0.25);\n\t--wcfEditorButtonBackground-rgb: 0 0 0;\n\t--wcfEditorButtonBackgroundActive: rgba(0, 0, 0, 0.3);\n\t--wcfEditorButtonBackgroundActive-rgb: 0 0 0;\n\t--wcfEditorButtonText: rgba(255, 255, 255, 1);\n\t--wcfEditorButtonText-rgb: 255 255 255;\n\t--wcfEditorButtonTextActive: rgba(255, 255, 255, 0.6);\n\t--wcfEditorButtonTextActive-rgb: 255 255 255;\n\t--wcfEditorButtonTextDisabled: rgba(165, 165, 165, 1);\n\t--wcfEditorButtonTextDisabled-rgb: 165 165 165;\n\t--wcfEditorTableBorder: rgba(0, 0, 0, 1);\n\t--wcfEditorTableBorder-rgb: 0 0 0;\n\t--wcfFontLineHeight: 1.48;\n\t--wcfFontSizeDefault: 18px;\n\t--wcfFontSizeHeadline: 16px;\n\t--wcfFontSizeSection: 23px;\n\t--wcfFontSizeSmall: 15px;\n\t--wcfFontSizeTitle: 26px;\n\t--wcfFooterBackground: rgba(58, 109, 156, 0);\n\t--wcfFooterBackground-rgb: 58 109 156;\n\t--wcfFooterBoxBackground: rgba(255, 255, 255, 0);\n\t--wcfFooterBoxBackground-rgb: 255 255 255;\n\t--wcfFooterBoxHeadlineLink: rgba(255, 255, 255, 1);\n\t--wcfFooterBoxHeadlineLink-rgb: 255 255 255;\n\t--wcfFooterBoxHeadlineLinkActive: rgba(211, 211, 211, 1);\n\t--wcfFooterBoxHeadlineLinkActive-rgb: 211 211 211;\n\t--wcfFooterBoxHeadlineText: rgba(245, 247, 250, 1);\n\t--wcfFooterBoxHeadlineText-rgb: 245 247 250;\n\t--wcfFooterBoxLink: rgba(255, 255, 255, 1);\n\t--wcfFooterBoxLink-rgb: 255 255 255;\n\t--wcfFooterBoxLinkActive: rgba(235, 236, 239, 1);\n\t--wcfFooterBoxLinkActive-rgb: 235 236 239;\n\t--wcfFooterBoxText: rgba(245, 246, 249, 1);\n\t--wcfFooterBoxText-rgb: 245 246 249;\n\t--wcfFooterCopyrightBackground: rgba(50, 92, 132, 0);\n\t--wcfFooterCopyrightBackground-rgb: 50 92 132;\n\t--wcfFooterCopyrightLink: rgba(255, 255, 255, 1);\n\t--wcfFooterCopyrightLink-rgb: 255 255 255;\n\t--wcfFooterCopyrightLinkActive: rgba(211, 211, 211, 1);\n\t--wcfFooterCopyrightLinkActive-rgb: 211 211 211;\n\t--wcfFooterCopyrightText: rgba(245, 246, 249, 1);\n\t--wcfFooterCopyrightText-rgb: 245 246 249;\n\t--wcfFooterHeadlineLink: rgba(255, 255, 255, 1);\n\t--wcfFooterHeadlineLink-rgb: 255 255 255;\n\t--wcfFooterHeadlineLinkActive: rgba(211, 211, 211, 1);\n\t--wcfFooterHeadlineLinkActive-rgb: 211 211 211;\n\t--wcfFooterHeadlineText: rgba(255, 255, 255, 1);\n\t--wcfFooterHeadlineText-rgb: 255 255 255;\n\t--wcfFooterLink: rgba(255, 255, 255, 1);\n\t--wcfFooterLink-rgb: 255 255 255;\n\t--wcfFooterLinkActive: rgba(211, 211, 211, 1);\n\t--wcfFooterLinkActive-rgb: 211 211 211;\n\t--wcfFooterText: rgba(245, 245, 245, 1);\n\t--wcfFooterText-rgb: 245 245 245;\n\t--wcfHeaderBackground: rgba(58, 109, 156, 0);\n\t--wcfHeaderBackground-rgb: 58 109 156;\n\t--wcfHeaderText: rgba(255, 255, 255, 1);\n\t--wcfHeaderText-rgb: 255 255 255;\n\t--wcfHeaderLink: rgba(255, 255, 255, 1);\n\t--wcfHeaderLink-rgb: 255 255 255;\n\t--wcfHeaderLinkActive: rgba(255, 255, 255, 1);\n\t--wcfHeaderLinkActive-rgb: 255 255 255;\n\t--wcfHeaderMenuBackground: rgba(255, 255, 255, 0.4);\n\t--wcfHeaderMenuBackground-rgb: 255 255 255;\n\t--wcfHeaderMenuLinkBackground: rgba(38, 41, 44, 0.2);\n\t--wcfHeaderMenuLinkBackground-rgb: 38 41 44;\n\t--wcfHeaderMenuLinkBackgroundActive: rgba(43, 44, 45, 0.3);\n\t--wcfHeaderMenuLinkBackgroundActive-rgb: 43 44 45;\n\t--wcfHeaderMenuLink: rgba(255, 255, 255, 1);\n\t--wcfHeaderMenuLink-rgb: 255 255 255;\n\t--wcfHeaderMenuLinkActive: rgba(211, 211, 211, 1);\n\t--wcfHeaderMenuLinkActive-rgb: 211 211 211;\n\t--wcfHeaderMenuDropdownBackground: rgba(43, 44, 45, 0.3);\n\t--wcfHeaderMenuDropdownBackground-rgb: 43 44 45;\n\t--wcfHeaderMenuDropdownBackgroundActive: rgba(43, 44, 45, 0.3);\n\t--wcfHeaderMenuDropdownBackgroundActive-rgb: 43 44 45;\n\t--wcfHeaderMenuDropdownLink: rgba(255, 255, 255, 1);\n\t--wcfHeaderMenuDropdownLink-rgb: 255 255 255;\n\t--wcfHeaderMenuDropdownLinkActive: rgba(255, 111, 114, 1);\n\t--wcfHeaderMenuDropdownLinkActive-rgb: 255 111 114;\n\t--wcfHeaderSearchBoxBackground: rgba(43, 44, 45, 0.5);\n\t--wcfHeaderSearchBoxBackground-rgb: 43 44 45;\n\t--wcfHeaderSearchBoxBackgroundActive: rgba(15, 15, 16, 0.8);\n\t--wcfHeaderSearchBoxBackgroundActive-rgb: 15 15 16;\n\t--wcfHeaderSearchBoxText: rgba(255, 255, 255, 1);\n\t--wcfHeaderSearchBoxText-rgb: 255 255 255;\n\t--wcfHeaderSearchBoxTextActive: rgba(255, 255, 255, 1);\n\t--wcfHeaderSearchBoxTextActive-rgb: 255 255 255;\n\t--wcfHeaderSearchBoxPlaceholder: rgba(245, 247, 250, 1);\n\t--wcfHeaderSearchBoxPlaceholder-rgb: 245 247 250;\n\t--wcfHeaderSearchBoxPlaceholderActive: rgba(245, 247, 250, 1);\n\t--wcfHeaderSearchBoxPlaceholderActive-rgb: 245 247 250;\n\t--wcfInputBackground: rgba(38, 38, 38, 0.28);\n\t--wcfInputBackground-rgb: 38 38 38;\n\t--wcfInputBackgroundActive: rgba(38, 38, 38, 0.36);\n\t--wcfInputBackgroundActive-rgb: 38 38 38;\n\t--wcfInputBorder: rgba(255, 255, 255, 0);\n\t--wcfInputBorder-rgb: 255 255 255;\n\t--wcfInputBorderActive: rgba(255, 255, 255, 0);\n\t--wcfInputBorderActive-rgb: 255 255 255;\n\t--wcfInputDisabledBackground: rgba(79, 79, 79, 0.4);\n\t--wcfInputDisabledBackground-rgb: 79 79 79;\n\t--wcfInputDisabledBorder: rgba(79, 79, 79, 0);\n\t--wcfInputDisabledBorder-rgb: 79 79 79;\n\t--wcfInputDisabledText: rgba(147, 147, 147, 1);\n\t--wcfInputDisabledText-rgb: 147 147 147;\n\t--wcfInputLabel: rgba(255, 255, 255, 1);\n\t--wcfInputLabel-rgb: 255 255 255;\n\t--wcfInputText: rgba(255, 255, 255, 1);\n\t--wcfInputText-rgb: 255 255 255;\n\t--wcfInputTextActive: rgba(252, 252, 252, 1);\n\t--wcfInputTextActive-rgb: 252 252 252;\n\t--wcfInputPlaceholder: rgba(241, 241, 241, 1);\n\t--wcfInputPlaceholder-rgb: 241 241 241;\n\t--wcfInputPlaceholderActive: rgba(255, 255, 255, 1);\n\t--wcfInputPlaceholderActive-rgb: 255 255 255;\n\t--wcfLayoutFixedWidth: 90%;\n\t--wcfLayoutMaxWidth: 2500px;\n\t--wcfLayoutMinWidth: 1000px;\n\t--wcfNavigationBackground: rgba(255, 255, 255, 0);\n\t--wcfNavigationBackground-rgb: 255 255 255;\n\t--wcfNavigationLink: rgba(255, 255, 255, 1);\n\t--wcfNavigationLink-rgb: 255 255 255;\n\t--wcfNavigationLinkActive: rgba(211, 211, 211, 1);\n\t--wcfNavigationLinkActive-rgb: 211 211 211;\n\t--wcfNavigationText: rgba(244, 244, 244, 1);\n\t--wcfNavigationText-rgb: 244 244 244;\n\t--wcfPageThemeColor: rgba(58, 109, 156, 0);\n\t--wcfPageThemeColor-rgb: 58 109 156;\n\t--wcfSidebarBackground: rgba(255, 255, 255, 0);\n\t--wcfSidebarBackground-rgb: 255 255 255;\n\t--wcfSidebarDimmedLink: rgba(240, 240, 240, 1);\n\t--wcfSidebarDimmedLink-rgb: 240 240 240;\n\t--wcfSidebarDimmedLinkActive: rgba(240, 240, 240, 1);\n\t--wcfSidebarDimmedLinkActive-rgb: 240 240 240;\n\t--wcfSidebarDimmedText: rgba(212, 212, 212, 1);\n\t--wcfSidebarDimmedText-rgb: 212 212 212;\n\t--wcfSidebarHeadlineLink: rgba(238, 238, 238, 1);\n\t--wcfSidebarHeadlineLink-rgb: 238 238 238;\n\t--wcfSidebarHeadlineLinkActive: rgba(211, 211, 211, 1);\n\t--wcfSidebarHeadlineLinkActive-rgb: 211 211 211;\n\t--wcfSidebarHeadlineText: rgba(211, 211, 211, 1);\n\t--wcfSidebarHeadlineText-rgb: 211 211 211;\n\t--wcfSidebarLink: rgba(245, 246, 249, 1);\n\t--wcfSidebarLink-rgb: 245 246 249;\n\t--wcfSidebarLinkActive: rgba(211, 211, 211, 1);\n\t--wcfSidebarLinkActive-rgb: 211 211 211;\n\t--wcfSidebarText: rgba(235, 235, 235, 1);\n\t--wcfSidebarText-rgb: 235 235 235;\n\t--wcfStatusErrorBackground: rgba(217, 41, 56, 1);\n\t--wcfStatusErrorBackground-rgb: 217 41 56;\n\t--wcfStatusErrorBorder: rgba(235, 204, 204, 1);\n\t--wcfStatusErrorBorder-rgb: 235 204 204;\n\t--wcfStatusErrorLink: rgba(240, 215, 214, 1);\n\t--wcfStatusErrorLink-rgb: 240 215 214;\n\t--wcfStatusErrorLinkActive: rgba(228, 195, 194, 1);\n\t--wcfStatusErrorLinkActive-rgb: 228 195 194;\n\t--wcfStatusErrorText: rgba(255, 255, 255, 1);\n\t--wcfStatusErrorText-rgb: 255 255 255;\n\t--wcfStatusInfoBackground: rgba(68, 143, 242, 1);\n\t--wcfStatusInfoBackground-rgb: 68 143 242;\n\t--wcfStatusInfoBorder: rgba(188, 223, 241, 1);\n\t--wcfStatusInfoBorder-rgb: 188 223 241;\n\t--wcfStatusInfoLink: rgba(217, 233, 241, 1);\n\t--wcfStatusInfoLink-rgb: 217 233 241;\n\t--wcfStatusInfoLinkActive: rgba(201, 221, 232, 1);\n\t--wcfStatusInfoLinkActive-rgb: 201 221 232;\n\t--wcfStatusInfoText: rgba(255, 255, 255, 1);\n\t--wcfStatusInfoText-rgb: 255 255 255;\n\t--wcfStatusSuccessBackground: rgba(27, 194, 81, 1);\n\t--wcfStatusSuccessBackground-rgb: 27 194 81;\n\t--wcfStatusSuccessBorder: rgba(208, 233, 198, 1);\n\t--wcfStatusSuccessBorder-rgb: 208 233 198;\n\t--wcfStatusSuccessLink: rgba(214, 241, 215, 1);\n\t--wcfStatusSuccessLink-rgb: 214 241 215;\n\t--wcfStatusSuccessLinkActive: rgba(193, 228, 194, 1);\n\t--wcfStatusSuccessLinkActive-rgb: 193 228 194;\n\t--wcfStatusSuccessText: rgba(255, 255, 255, 1);\n\t--wcfStatusSuccessText-rgb: 255 255 255;\n\t--wcfStatusWarningBackground: rgba(255, 160, 26, 1);\n\t--wcfStatusWarningBackground-rgb: 255 160 26;\n\t--wcfStatusWarningBorder: rgba(250, 242, 204, 1);\n\t--wcfStatusWarningBorder-rgb: 250 242 204;\n\t--wcfStatusWarningLink: rgba(242, 234, 224, 1);\n\t--wcfStatusWarningLink-rgb: 242 234 224;\n\t--wcfStatusWarningLinkActive: rgba(234, 224, 210, 1);\n\t--wcfStatusWarningLinkActive-rgb: 234 224 210;\n\t--wcfStatusWarningText: rgba(255, 255, 255, 1);\n\t--wcfStatusWarningText-rgb: 255 255 255;\n\t--wcfTabularBoxBackgroundActive: rgba(18, 19, 20, 0.15);\n\t--wcfTabularBoxBackgroundActive-rgb: 18 19 20;\n\t--wcfTabularBoxBorderInner: rgba(0, 0, 0, 0.35);\n\t--wcfTabularBoxBorderInner-rgb: 0 0 0;\n\t--wcfTabularBoxHeadline: rgba(211, 211, 211, 1);\n\t--wcfTabularBoxHeadline-rgb: 211 211 211;\n\t--wcfTabularBoxHeadlineActive: rgba(255, 255, 255, 0.6);\n\t--wcfTabularBoxHeadlineActive-rgb: 255 255 255;\n\t--wcfTextShadowDark: rgba(0, 0, 0, .8);\n\t--wcfTextShadowDark-rgb: 0 0 0;\n\t--wcfTextShadowLight: rgba(255, 255, 255, .8);\n\t--wcfTextShadowLight-rgb: 255 255 255;\n\t--wcfTooltipBackground: #212122;\n\t--wcfTooltipText: rgba(255, 255, 255, 1);\n\t--wcfTooltipText-rgb: 255 255 255;\n\t--wcfUserMenuBackground: rgba(255, 255, 255, 0);\n\t--wcfUserMenuBackground-rgb: 255 255 255;\n\t--wcfUserMenuBackgroundActive: rgba(255, 255, 255, 0);\n\t--wcfUserMenuBackgroundActive-rgb: 255 255 255;\n\t--wcfUserMenuText: rgba(255, 255, 255, 1);\n\t--wcfUserMenuText-rgb: 255 255 255;\n\t--wcfUserMenuTextActive: rgba(255, 255, 255, 0.62);\n\t--wcfUserMenuTextActive-rgb: 255 255 255;\n\t--wcfUserMenuTextDimmed: rgba(204, 204, 204, 1);\n\t--wcfUserMenuTextDimmed-rgb: 204 204 204;\n\t--wcfUserMenuIndicator: rgba(49, 138, 220, 1);\n\t--wcfUserMenuIndicator-rgb: 49 138 220;\n\t--wcfUserMenuBorder: rgba(255, 255, 255, 0);\n\t--wcfUserMenuBorder-rgb: 255 255 255;\n\t--wcfSidebarBorder: rgba(236, 241, 247, 0);\n\t--wcfSidebarBorder-rgb: 236 241 247;\n\t--wcfHeaderMenuDropdownBorder: rgba(0, 0, 0, 0.3);\n\t--wcfHeaderMenuDropdownBorder-rgb: 0 0 0;\n\t--wcfFontFamily: \"Roboto\", Arial, Helvetica, sans-serif;\n\t--wcfFontFamilyMonospace: ui-monospace, Menlo, Monaco, \"Cascadia Mono\",\n \"Segoe UI Mono\", \"Roboto Mono\", \"Oxygen Mono\", \"Ubuntu Monospace\", \"Source Code Pro\",\n \"Fira Mono\", \"Droid Sans Mono\", \"Courier New\", monospace;\n\t--wcfBorderRadius: 4px;\n\t--wcfBorderRadiusContainer: 8px;\n\t--wcfBoxShadow: rgb(0 0 0 \/ 20%) 0 12px 28px 0, rgb(0 0 0 \/ 10%) 0 2px 4px 0;\n\t--wcfBoxShadowCard: rgb(0 0 0 \/ 10%) 0 12px 28px 0, rgb(0 0 0 \/ 5%) 0 2px 4px 0;\n\n}\nhtml[data-color-scheme=\"dark\"] {\n\t--wcfButtonBackground: rgba(0, 0, 0, 0.25);\n\t--wcfButtonBackground-rgb: 0 0 0;\n\t--wcfButtonBackgroundActive: rgba(0, 0, 0, 0.3);\n\t--wcfButtonBackgroundActive-rgb: 0 0 0;\n\t--wcfButtonDisabledBackground: rgba(0, 0, 0, 0.35);\n\t--wcfButtonDisabledBackground-rgb: 0 0 0;\n\t--wcfButtonDisabledText: rgba(112, 115, 118, 1);\n\t--wcfButtonDisabledText-rgb: 112 115 118;\n\t--wcfButtonPrimaryBackground: rgba(0, 0, 0, 0.25);\n\t--wcfButtonPrimaryBackground-rgb: 0 0 0;\n\t--wcfButtonPrimaryBackgroundActive: rgba(0, 0, 0, 0.3);\n\t--wcfButtonPrimaryBackgroundActive-rgb: 0 0 0;\n\t--wcfButtonPrimaryText: rgba(231, 236, 245, 1);\n\t--wcfButtonPrimaryText-rgb: 231 236 245;\n\t--wcfButtonPrimaryTextActive: rgba(255, 255, 255, 0.62);\n\t--wcfButtonPrimaryTextActive-rgb: 255 255 255;\n\t--wcfButtonText: rgba(255, 255, 255, 1);\n\t--wcfButtonText-rgb: 255 255 255;\n\t--wcfButtonTextActive: rgba(255, 255, 255, 0.62);\n\t--wcfButtonTextActive-rgb: 255 255 255;\n\t--wcfContentBackground: rgba(255, 255, 255, 0.25);\n\t--wcfContentBackground-rgb: 255 255 255;\n\t--wcfContentBorder: rgba(0, 0, 0, 0.35);\n\t--wcfContentBorder-rgb: 0 0 0;\n\t--wcfContentBorderInner: rgba(0, 0, 0, 0.4);\n\t--wcfContentBorderInner-rgb: 0 0 0;\n\t--wcfContentContainerBackground: rgba(0, 0, 0, 0);\n\t--wcfContentContainerBackground-rgb: 0 0 0;\n\t--wcfContentContainerBorder: rgba(0, 0, 0, 0);\n\t--wcfContentContainerBorder-rgb: 0 0 0;\n\t--wcfContentDimmedLink: rgba(240, 240, 240, 1);\n\t--wcfContentDimmedLink-rgb: 240 240 240;\n\t--wcfContentDimmedLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfContentDimmedLinkActive-rgb: 255 255 255;\n\t--wcfContentDimmedText: rgba(221, 221, 221, 1);\n\t--wcfContentDimmedText-rgb: 221 221 221;\n\t--wcfContentHeadlineBorder: rgba(0, 0, 0, 1);\n\t--wcfContentHeadlineBorder-rgb: 0 0 0;\n\t--wcfContentHeadlineLink: rgba(119, 136, 153, 1);\n\t--wcfContentHeadlineLink-rgb: 119 136 153;\n\t--wcfContentHeadlineLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfContentHeadlineLinkActive-rgb: 255 255 255;\n\t--wcfContentHeadlineText: rgba(169, 169, 169, 1);\n\t--wcfContentHeadlineText-rgb: 169 169 169;\n\t--wcfContentLink: rgba(119, 136, 153, 1);\n\t--wcfContentLink-rgb: 119 136 153;\n\t--wcfContentLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfContentLinkActive-rgb: 255 255 255;\n\t--wcfContentText: rgba(169, 169, 169, 1);\n\t--wcfContentText-rgb: 169 169 169;\n\t--wcfDropdownBackground: rgba(0, 0, 0, 0.4);\n\t--wcfDropdownBackground-rgb: 0 0 0;\n\t--wcfDropdownBackgroundActive: rgba(18, 19, 20, 0.15);\n\t--wcfDropdownBackgroundActive-rgb: 18 19 20;\n\t--wcfDropdownBorderInner: rgba(0, 0, 0, 0.4);\n\t--wcfDropdownBorderInner-rgb: 0 0 0;\n\t--wcfDropdownLink: rgba(119, 136, 153, 1);\n\t--wcfDropdownLink-rgb: 119 136 153;\n\t--wcfDropdownLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfDropdownLinkActive-rgb: 255 255 255;\n\t--wcfDropdownText: rgba(255, 255, 255, 1);\n\t--wcfDropdownText-rgb: 255 255 255;\n\t--wcfEditorButtonBackground: rgba(0, 0, 0, 0.25);\n\t--wcfEditorButtonBackground-rgb: 0 0 0;\n\t--wcfEditorButtonBackgroundActive: rgba(0, 0, 0, 0.3);\n\t--wcfEditorButtonBackgroundActive-rgb: 0 0 0;\n\t--wcfEditorButtonText: rgba(230, 231, 234, 1);\n\t--wcfEditorButtonText-rgb: 230 231 234;\n\t--wcfEditorButtonTextActive: rgba(255, 255, 255, 0.62);\n\t--wcfEditorButtonTextActive-rgb: 255 255 255;\n\t--wcfEditorButtonTextDisabled: rgba(118, 125, 137, 1);\n\t--wcfEditorButtonTextDisabled-rgb: 118 125 137;\n\t--wcfEditorTableBorder: rgba(0, 0, 0, 1);\n\t--wcfEditorTableBorder-rgb: 0 0 0;\n\t--wcfFooterBackground: rgba(58, 109, 156, 0);\n\t--wcfFooterBackground-rgb: 58 109 156;\n\t--wcfFooterBoxBackground: rgba(255, 255, 255, 0);\n\t--wcfFooterBoxBackground-rgb: 255 255 255;\n\t--wcfFooterBoxHeadlineLink: rgba(119, 136, 153, 1);\n\t--wcfFooterBoxHeadlineLink-rgb: 119 136 153;\n\t--wcfFooterBoxHeadlineLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfFooterBoxHeadlineLinkActive-rgb: 255 255 255;\n\t--wcfFooterBoxHeadlineText: rgba(209, 210, 211, 1);\n\t--wcfFooterBoxHeadlineText-rgb: 209 210 211;\n\t--wcfFooterBoxLink: rgba(119, 136, 153, 1);\n\t--wcfFooterBoxLink-rgb: 119 136 153;\n\t--wcfFooterBoxLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfFooterBoxLinkActive-rgb: 255 255 255;\n\t--wcfFooterBoxText: rgba(245, 246, 249, 1);\n\t--wcfFooterBoxText-rgb: 245 246 249;\n\t--wcfFooterCopyrightBackground: rgba(50, 92, 132, 0);\n\t--wcfFooterCopyrightBackground-rgb: 50 92 132;\n\t--wcfFooterCopyrightLink: rgba(119, 136, 153, 1);\n\t--wcfFooterCopyrightLink-rgb: 119 136 153;\n\t--wcfFooterCopyrightLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfFooterCopyrightLinkActive-rgb: 255 255 255;\n\t--wcfFooterCopyrightText: rgba(255, 255, 255, 1);\n\t--wcfFooterCopyrightText-rgb: 255 255 255;\n\t--wcfFooterHeadlineLink: rgba(119, 136, 153, 1);\n\t--wcfFooterHeadlineLink-rgb: 119 136 153;\n\t--wcfFooterHeadlineLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfFooterHeadlineLinkActive-rgb: 255 255 255;\n\t--wcfFooterHeadlineText: rgba(209, 210, 211, 1);\n\t--wcfFooterHeadlineText-rgb: 209 210 211;\n\t--wcfFooterLink: rgba(119, 136, 153, 1);\n\t--wcfFooterLink-rgb: 119 136 153;\n\t--wcfFooterLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfFooterLinkActive-rgb: 255 255 255;\n\t--wcfFooterText: rgba(245, 245, 245, 1);\n\t--wcfFooterText-rgb: 245 245 245;\n\t--wcfHeaderBackground: rgba(0, 0, 0, 0);\n\t--wcfHeaderBackground-rgb: 0 0 0;\n\t--wcfHeaderText: rgba(209, 210, 211, 1);\n\t--wcfHeaderText-rgb: 209 210 211;\n\t--wcfHeaderLink: rgba(209, 210, 211, 1);\n\t--wcfHeaderLink-rgb: 209 210 211;\n\t--wcfHeaderLinkActive: rgba(255, 255, 255, 1);\n\t--wcfHeaderLinkActive-rgb: 255 255 255;\n\t--wcfHeaderMenuBackground: rgba(0, 0, 0, 0.5);\n\t--wcfHeaderMenuBackground-rgb: 0 0 0;\n\t--wcfHeaderMenuLinkBackground: rgba(38, 41, 44, 0.2);\n\t--wcfHeaderMenuLinkBackground-rgb: 38 41 44;\n\t--wcfHeaderMenuLinkBackgroundActive: rgba(0, 0, 0, 0.2);\n\t--wcfHeaderMenuLinkBackgroundActive-rgb: 0 0 0;\n\t--wcfHeaderMenuLink: rgba(119, 136, 153, 1);\n\t--wcfHeaderMenuLink-rgb: 119 136 153;\n\t--wcfHeaderMenuLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfHeaderMenuLinkActive-rgb: 255 255 255;\n\t--wcfHeaderMenuDropdownBackground: rgba(0, 0, 0, 0.5);\n\t--wcfHeaderMenuDropdownBackground-rgb: 0 0 0;\n\t--wcfHeaderMenuDropdownBackgroundActive: rgba(0, 0, 0, 0.2);\n\t--wcfHeaderMenuDropdownBackgroundActive-rgb: 0 0 0;\n\t--wcfHeaderMenuDropdownLink: rgba(119, 136, 153, 1);\n\t--wcfHeaderMenuDropdownLink-rgb: 119 136 153;\n\t--wcfHeaderMenuDropdownLinkActive: rgba(255, 111, 114, 1);\n\t--wcfHeaderMenuDropdownLinkActive-rgb: 255 111 114;\n\t--wcfHeaderSearchBoxBackground: rgba(43, 44, 45, 0.3);\n\t--wcfHeaderSearchBoxBackground-rgb: 43 44 45;\n\t--wcfHeaderSearchBoxBackgroundActive: rgba(43, 44, 45, 0.3);\n\t--wcfHeaderSearchBoxBackgroundActive-rgb: 43 44 45;\n\t--wcfHeaderSearchBoxText: rgba(255, 255, 255, 1);\n\t--wcfHeaderSearchBoxText-rgb: 255 255 255;\n\t--wcfHeaderSearchBoxTextActive: rgba(255, 255, 255, 1);\n\t--wcfHeaderSearchBoxTextActive-rgb: 255 255 255;\n\t--wcfHeaderSearchBoxPlaceholder: rgba(207, 207, 207, 1);\n\t--wcfHeaderSearchBoxPlaceholder-rgb: 207 207 207;\n\t--wcfHeaderSearchBoxPlaceholderActive: rgba(207, 207, 207, 1);\n\t--wcfHeaderSearchBoxPlaceholderActive-rgb: 207 207 207;\n\t--wcfInputBackground: rgba(38, 38, 38, 0.28);\n\t--wcfInputBackground-rgb: 38 38 38;\n\t--wcfInputBackgroundActive: rgba(38, 38, 38, 0.36);\n\t--wcfInputBackgroundActive-rgb: 38 38 38;\n\t--wcfInputBorder: rgba(255, 255, 255, 0);\n\t--wcfInputBorder-rgb: 255 255 255;\n\t--wcfInputBorderActive: rgba(255, 255, 255, 0);\n\t--wcfInputBorderActive-rgb: 255 255 255;\n\t--wcfInputDisabledBackground: rgba(79, 79, 79, 0.4);\n\t--wcfInputDisabledBackground-rgb: 79 79 79;\n\t--wcfInputDisabledBorder: rgba(79, 79, 79, 0);\n\t--wcfInputDisabledBorder-rgb: 79 79 79;\n\t--wcfInputDisabledText: rgba(118, 119, 121, 1);\n\t--wcfInputDisabledText-rgb: 118 119 121;\n\t--wcfInputLabel: rgba(255, 255, 255, 1);\n\t--wcfInputLabel-rgb: 255 255 255;\n\t--wcfInputText: rgba(255, 255, 255, 1);\n\t--wcfInputText-rgb: 255 255 255;\n\t--wcfInputTextActive: rgba(255, 255, 255, 0.62);\n\t--wcfInputTextActive-rgb: 255 255 255;\n\t--wcfInputPlaceholder: rgba(241, 241, 241, 1);\n\t--wcfInputPlaceholder-rgb: 241 241 241;\n\t--wcfInputPlaceholderActive: rgba(255, 255, 255, 1);\n\t--wcfInputPlaceholderActive-rgb: 255 255 255;\n\t--wcfNavigationBackground: rgba(255, 255, 255, 0);\n\t--wcfNavigationBackground-rgb: 255 255 255;\n\t--wcfNavigationLink: rgba(119, 136, 153, 1);\n\t--wcfNavigationLink-rgb: 119 136 153;\n\t--wcfNavigationLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfNavigationLinkActive-rgb: 255 255 255;\n\t--wcfNavigationText: rgba(179, 182, 185, 1);\n\t--wcfNavigationText-rgb: 179 182 185;\n\t--wcfPageThemeColor: rgba(0, 0, 0, 0);\n\t--wcfPageThemeColor-rgb: 0 0 0;\n\t--wcfSidebarBackground: rgba(255, 255, 255, 0);\n\t--wcfSidebarBackground-rgb: 255 255 255;\n\t--wcfSidebarDimmedLink: rgba(240, 240, 240, 1);\n\t--wcfSidebarDimmedLink-rgb: 240 240 240;\n\t--wcfSidebarDimmedLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfSidebarDimmedLinkActive-rgb: 255 255 255;\n\t--wcfSidebarDimmedText: rgba(139, 141, 145, 1);\n\t--wcfSidebarDimmedText-rgb: 139 141 145;\n\t--wcfSidebarHeadlineLink: rgba(119, 136, 153, 1);\n\t--wcfSidebarHeadlineLink-rgb: 119 136 153;\n\t--wcfSidebarHeadlineLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfSidebarHeadlineLinkActive-rgb: 255 255 255;\n\t--wcfSidebarHeadlineText: rgba(169, 169, 169, 1);\n\t--wcfSidebarHeadlineText-rgb: 169 169 169;\n\t--wcfSidebarLink: rgba(119, 136, 153, 1);\n\t--wcfSidebarLink-rgb: 119 136 153;\n\t--wcfSidebarLinkActive: rgba(255, 255, 255, 0.62);\n\t--wcfSidebarLinkActive-rgb: 255 255 255;\n\t--wcfSidebarText: rgba(169, 169, 169, 1);\n\t--wcfSidebarText-rgb: 169 169 169;\n\t--wcfStatusErrorBackground: rgba(116, 38, 30, 1);\n\t--wcfStatusErrorBackground-rgb: 116 38 30;\n\t--wcfStatusErrorBorder: rgba(139, 46, 36, 1);\n\t--wcfStatusErrorBorder-rgb: 139 46 36;\n\t--wcfStatusErrorLink: rgba(201, 170, 165, 1);\n\t--wcfStatusErrorLink-rgb: 201 170 165;\n\t--wcfStatusErrorLinkActive: rgba(201, 170, 165, 1);\n\t--wcfStatusErrorLinkActive-rgb: 201 170 165;\n\t--wcfStatusErrorText: rgba(201, 170, 165, 1);\n\t--wcfStatusErrorText-rgb: 201 170 165;\n\t--wcfStatusInfoBackground: rgba(12, 81, 92, 1);\n\t--wcfStatusInfoBackground-rgb: 12 81 92;\n\t--wcfStatusInfoBorder: rgba(14, 97, 110, 1);\n\t--wcfStatusInfoBorder-rgb: 14 97 110;\n\t--wcfStatusInfoLink: rgba(171, 191, 196, 1);\n\t--wcfStatusInfoLink-rgb: 171 191 196;\n\t--wcfStatusInfoLinkActive: rgba(171, 191, 196, 1);\n\t--wcfStatusInfoLinkActive-rgb: 171 191 196;\n\t--wcfStatusInfoText: rgba(171, 191, 196, 1);\n\t--wcfStatusInfoText-rgb: 171 191 196;\n\t--wcfStatusSuccessBackground: rgba(0, 94, 70, 1);\n\t--wcfStatusSuccessBackground-rgb: 0 94 70;\n\t--wcfStatusSuccessBorder: rgba(0, 113, 84, 1);\n\t--wcfStatusSuccessBorder-rgb: 0 113 84;\n\t--wcfStatusSuccessLink: rgba(180, 203, 195, 1);\n\t--wcfStatusSuccessLink-rgb: 180 203 195;\n\t--wcfStatusSuccessLinkActive: rgba(180, 203, 195, 1);\n\t--wcfStatusSuccessLinkActive-rgb: 180 203 195;\n\t--wcfStatusSuccessText: rgba(180, 203, 195, 1);\n\t--wcfStatusSuccessText-rgb: 180 203 195;\n\t--wcfStatusWarningBackground: rgba(122, 78, 9, 1);\n\t--wcfStatusWarningBackground-rgb: 122 78 9;\n\t--wcfStatusWarningBorder: rgba(146, 94, 11, 1);\n\t--wcfStatusWarningBorder-rgb: 146 94 11;\n\t--wcfStatusWarningLink: rgba(221, 209, 194, 1);\n\t--wcfStatusWarningLink-rgb: 221 209 194;\n\t--wcfStatusWarningLinkActive: rgba(221, 209, 194, 1);\n\t--wcfStatusWarningLinkActive-rgb: 221 209 194;\n\t--wcfStatusWarningText: rgba(221, 209, 194, 1);\n\t--wcfStatusWarningText-rgb: 221 209 194;\n\t--wcfTabularBoxBackgroundActive: rgba(18, 19, 20, 0.15);\n\t--wcfTabularBoxBackgroundActive-rgb: 18 19 20;\n\t--wcfTabularBoxBorderInner: rgba(0, 0, 0, 0.35);\n\t--wcfTabularBoxBorderInner-rgb: 0 0 0;\n\t--wcfTabularBoxHeadline: rgba(169, 169, 169, 1);\n\t--wcfTabularBoxHeadline-rgb: 169 169 169;\n\t--wcfTabularBoxHeadlineActive: rgba(169, 169, 169, 0.6);\n\t--wcfTabularBoxHeadlineActive-rgb: 169 169 169;\n\t--wcfTextShadowDark: rgba(0, 0, 0, .8);\n\t--wcfTextShadowDark-rgb: 0 0 0;\n\t--wcfTextShadowLight: rgba(255, 255, 255, .8);\n\t--wcfTextShadowLight-rgb: 255 255 255;\n\t--wcfTooltipText: rgba(255, 255, 255, 1);\n\t--wcfTooltipText-rgb: 255 255 255;\n\t--wcfUserMenuBackground: rgba(255, 255, 255, 0);\n\t--wcfUserMenuBackground-rgb: 255 255 255;\n\t--wcfUserMenuBackgroundActive: rgba(255, 255, 255, 0);\n\t--wcfUserMenuBackgroundActive-rgb: 255 255 255;\n\t--wcfUserMenuText: rgba(255, 255, 255, 1);\n\t--wcfUserMenuText-rgb: 255 255 255;\n\t--wcfUserMenuTextActive: rgba(255, 255, 255, 0.62);\n\t--wcfUserMenuTextActive-rgb: 255 255 255;\n\t--wcfUserMenuTextDimmed: rgba(108, 108, 108, 1);\n\t--wcfUserMenuTextDimmed-rgb: 108 108 108;\n\t--wcfUserMenuIndicator: rgba(119, 136, 153, 1);\n\t--wcfUserMenuIndicator-rgb: 119 136 153;\n\t--wcfUserMenuBorder: rgba(255, 255, 255, 0);\n\t--wcfUserMenuBorder-rgb: 255 255 255;\n\t--wcfSidebarBorder: rgba(0, 0, 0, 0);\n\t--wcfSidebarBorder-rgb: 0 0 0;\n\t--wcfHeaderMenuDropdownBorder: rgba(0, 0, 0, 0.2);\n\t--wcfHeaderMenuDropdownBorder-rgb: 0 0 0;\n}\n@import \"style\/bootstrap\/reset.scss\";\n@import \"style\/bootstrap\/mixin.scss\";\n@import \"style\/bootstrap\/mixin\/apiVersion.scss\";\n@import \"style\/bootstrap\/mixin\/box.scss\";\n@import \"style\/bootstrap\/mixin\/dropdownMenu.scss\";\n@import \"style\/bootstrap\/mixin\/font.scss\";\n@import \"style\/bootstrap\/mixin\/hacks.scss\";\n@import \"style\/bootstrap\/mixin\/input.scss\";\n@import \"style\/bootstrap\/mixin\/list.scss\";\n@import \"style\/bootstrap\/mixin\/mediaQuery.scss\";\n @function preload($filename, $as, $crossorigin: false, $type: \"\") {\n @if $crossorigin {\n @return preload_dummy($filename, $as, 1, $type);\n } @else {\n @return preload_dummy($filename, $as, 0, $type);\n }\n } @function getFont($filename, $family: \"\/\", $version: \"\") {\n @if ($family != \"\") {\n $family: \"families\/\" + $family + \"\/\";\n }\n @if ($version != \"\") {\n $version: \"?v=\" + $version;\n }\n\n @return \"..\/font\/\" + $family + $filename + $version;\n }\/* Font Family: Roboto\n * Designed by: Christian Robertson, Paratype, Font Bureau\n * License: APACHE2\n *\/\n\n@font-face {\n\t\/* Copyright: Copyright 2011 Google Inc. All Rights Reserved. *\/\n\tfont-family: 'Roboto';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-weight: 100 900;\n\tfont-stretch: 75 100;\n\tsrc: local('Roboto'), local('Roboto-Regular'), url(getFont(\"Roboto%5Bwdth%2Cwght%5D.woff2\", \"Roboto\", \"1698352499\")) format('woff2 supports variations'), url(getFont(\"Roboto%5Bwdth%2Cwght%5D.woff2\", \"Roboto\", \"1698352499\")) format('woff2-variations'), url(getFont(\"Roboto%5Bwdth%2Cwght%5D.woff2\", \"Roboto\", \"1698352499\")) format('woff2');\n}\n\n@font-face {\n\t\/* Copyright: Copyright 2011 Google Inc. All Rights Reserved. *\/\n\tfont-family: 'Roboto';\n\tfont-style: italic;\n\tfont-weight: 400;\n\tfont-weight: 100 900;\n\tfont-stretch: 75 100;\n\tsrc: local('Roboto Italic'), local('Roboto-Italic'), url(getFont(\"Roboto-Italic%5Bwdth%2Cwght%5D.woff2\", \"Roboto\", \"1698352499\")) format('woff2 supports variations'), url(getFont(\"Roboto-Italic%5Bwdth%2Cwght%5D.woff2\", \"Roboto\", \"1698352499\")) format('woff2-variations'), url(getFont(\"Roboto-Italic%5Bwdth%2Cwght%5D.woff2\", \"Roboto\", \"1698352499\")) format('woff2');\n}\n\nwoltlab-suite-preload:root { --woltlab-suite-preload: #{preload(\n getFont(\"Roboto%5Bwdth%2Cwght%5D.woff2\", \"Roboto\", \"1698352499\"),\n $as: \"font\",\n $crossorigin: true\n)}; }@import \"style\/bbcode\/code.scss\";\n@import \"style\/bbcode\/groupMention.scss\";\n@import \"style\/bbcode\/inlineCode.scss\";\n@import \"style\/bbcode\/media.scss\";\n@import \"style\/bbcode\/quote.scss\";\n@import \"style\/bbcode\/scTabmenu.scss\";\n@import \"style\/bbcode\/spoiler.scss\";\n@import \"style\/bbcode\/userMention.scss\";\n@import \"style\/bbcode\/video.scss\";\n@import \"style\/element\/dl.scss\";\n@import \"style\/element\/list.scss\";\n@import \"style\/font-awesome\/000-woltlab.scss\";\n@import \"style\/font-awesome\/v4-variable-names.scss\";\n@import \"style\/layout\/box.scss\";\n@import \"style\/layout\/containerList.scss\";\n@import \"style\/layout\/content.scss\";\n@import \"style\/layout\/form.scss\";\n@import \"style\/layout\/global.scss\";\n@import \"style\/layout\/grid.scss\";\n@import \"style\/layout\/gridList.scss\";\n@import \"style\/layout\/layout.scss\";\n@import \"style\/layout\/pageFooter.scss\";\n@import \"style\/layout\/pageHeader.scss\";\n@import \"style\/layout\/pageNavigation.scss\";\n@import \"style\/layout\/print.scss\";\n@import \"style\/layout\/sidebar.scss\";\n@import \"style\/ui\/accountSecurity.scss\";\n@import \"style\/ui\/acl.scss\";\n@import \"style\/ui\/adLocation.scss\";\n@import \"style\/ui\/alert.scss\";\n@import \"style\/ui\/article.scss\";\n@import \"style\/ui\/attachment.scss\";\n@import \"style\/ui\/avatar.scss\";\n@import \"style\/ui\/badge.scss\";\n@import \"style\/ui\/benchmark.scss\";\n@import \"style\/ui\/breadcrumb.scss\";\n@import \"style\/ui\/button.scss\";\n@import \"style\/ui\/buttonGroupFlexible.scss\";\n@import \"style\/ui\/ckeditor.scss\";\n@import \"style\/ui\/colorPicker.scss\";\n@import \"style\/ui\/comment.scss\";\n@import \"style\/ui\/contact.scss\";\n@import \"style\/ui\/contentItem.scss\";\n@import \"style\/ui\/datePicker.scss\";\n@import \"style\/ui\/dialog.scss\";\n@import \"style\/ui\/discordApi.scss\";\n@import \"style\/ui\/dropdown.scss\";\n@import \"style\/ui\/embeddedContent.scss\";\n@import \"style\/ui\/fontAwesome.scss\";\n@import \"style\/ui\/googleMap.scss\";\n@import \"style\/ui\/halloweenHeaderSpider.scss\";\n@import \"style\/ui\/imageViewer.scss\";\n@import \"style\/ui\/itemListInput.scss\";\n@import \"style\/ui\/label.scss\";\n@import \"style\/ui\/like.scss\";\n@import \"style\/ui\/listSortable.scss\";\n@import \"style\/ui\/listStructured.scss\";\n@import \"style\/ui\/loadingIndicator.scss\";\n@import \"style\/ui\/media.scss\";\n@import \"style\/ui\/message.scss\";\n@import \"style\/ui\/messageEditHistory.scss\";\n@import \"style\/ui\/messageGroup.scss\";\n@import \"style\/ui\/messageUserConsent.scss\";\n@import \"style\/ui\/notification.scss\";\n@import \"style\/ui\/pageAction.scss\";\n@import \"style\/ui\/pageMenu.scss\";\n@import \"style\/ui\/pagination.scss\";\n@import \"style\/ui\/perfectScrollbar.scss\";\n@import \"style\/ui\/poll.scss\";\n@import \"style\/ui\/popover.scss\";\n@import \"style\/ui\/rating.scss\";\n@import \"style\/ui\/reactions.scss\";\n@import \"style\/ui\/recaptcha.scss\";\n@import \"style\/ui\/scTermsOfUse.scss\";\n@import \"style\/ui\/scrollableCheckboxList.scss\";\n@import \"style\/ui\/search.scss\";\n@import \"style\/ui\/shareButtons.scss\";\n@import \"style\/ui\/shopDiscordPush.scss\";\n@import \"style\/ui\/slideshow.scss\";\n@import \"style\/ui\/tabMenu.scss\";\n@import \"style\/ui\/tabMenuMessage.scss\";\n@import \"style\/ui\/tableSortable.scss\";\n@import \"style\/ui\/tabularBox.scss\";\n@import \"style\/ui\/toc.scss\";\n@import \"style\/ui\/tooltip.scss\";\n@import \"style\/ui\/trophy.scss\";\n@import \"style\/ui\/unfurlUrl.scss\";\n@import \"style\/ui\/uploadHandler.scss\";\n@import \"style\/ui\/userIgnore.scss\";\n@import \"style\/ui\/userLogin.scss\";\n@import \"style\/ui\/userMenu.scss\";\n@import \"style\/ui\/userProfile.scss\";\n@import \"style\/ui\/worker.scss\";\n@import \"style\/ui\/wsc31.scss\";\n@import \"style\/ui\/wsc52.scss\";\n@import \"style\/ui\/darkMode.scss\";\n@import \"style\/conversation.scss\";\n@import \"forum\/style\/boardNodeList.scss\";\n@import \"forum\/style\/simpleBoardNodeList.scss\";\n@import \"forum\/style\/wbb.scss\";\n@import \"ticketsystem\/style\/ticketsystem.scss\";\n@import \"style\/donations.scss\";\n@import \"style\/shoutbox.scss\";\n@import \"style\/conversationLevel.scss\";\n\/* SASS *\/ \/* change background image path here *\/\r\n$pageBodyBackground: url('#{$style_image_path}custom\/lucent_bg-blurdark.jpg');\r\n$pageBodyBackgroundSharp: url('#{$style_image_path}custom\/lucent_bgdark.jpg');\r\n$redColor: #eb372c; \r\n$greenColor: #54d123; \r\n$borderRadius: 4px;\r\n.ck.ck-editor__main > .ck-editor__editable {\r\n\tbackground-image: url('#{$style_image_path}custom\/editorbg.png')!important;\r\n\tbackground-repeat: no-repeat!important;\r\n\tbackground-position: center top!important;\r\n}\r\n@include screen-lg {\r\n.messageContent {\r\n\tbackground-image: url('#{$style_image_path}custom\/messagebg.png')!important;\r\n\tbackground-repeat: no-repeat!important;\r\n\tbackground-position: right top!important;\r\n\tpadding: 5px 10px;\r\n}\t\r\n.sidebar > .boxContainer > .box:first-child::before {\r\n background-image: url('#{$style_image_path}custom\/sidebartop.png');\r\n background-position: center 0px; \r\n background-repeat: no-repeat;\r\n display: block;\r\n content: '';\r\n height: 80px;\r\n position: absolute;\r\n margin-top: -70px;\r\n width: 250px;\r\n}\r\n.sidebar > .boxContainer > .box:first-child {\r\n margin-top:90px;\r\n} \r\n}\t\r\n\r\n.codeBox.collapsed > .toggleButton::before {\r\n background-image: none;\r\n}\r\n.codeBox .codeBoxHeader {\r\n position: initial;\r\n}\r\n.codeBox > .toggleButton {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n.ck.ck-toolbar {\r\n background-color: rgba(0, 0, 0, 0.55);\r\n}\r\n#tpl_wcf_recentActivityList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_usersOnlineList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_team .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n\r\n#tpl_filebase_fileList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_filebase_file .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_membersList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_articleList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n.section.tabularBox.messageGroupList.wbbThreadList.jsClipboardContainer {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n@media screen and (min-width: 1025px), print {\r\n html.disableScrolling .pageHeaderPanel {\r\n right: 0;\r\n }\r\n}\r\n.wbbBoardNode__lastPostLink {\r\n color: var(--wcfContentLink);\r\n}\r\n.wbbBoardNode__lastPostLink:hover {\r\n color: var(--wcfContentLinkActive);\r\n}\r\n.wbbBoardNode__link {\r\n color: var(--wcfContentLink);\r\n}\r\n.wbbBoardNode__link:hover {\r\n color: var(--wcfContentLinkActive);\r\n}\r\n.userMenuItemLink, .userMenuItemLink:hover {\r\n color: var(--wcfContentLinkActive);\r\n}\r\n.userMenuItemLink, .userMenuItemLink {\r\n color: var(--wcfContentLink);\r\n}\r\n.dialog__document {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\t\r\n --background-color: rgba(0, 0, 0, 0.33);\r\n --background-color-active: rgba(0, 0, 0, 0.4);\r\n --border-color: #000;\r\n --color: #fff;\r\n --color-dimmed: #6c6c6c;\r\n --color-indicator: #318adc;\r\n}\r\n\r\n.pageMenuContent {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\t\r\n --background-color: rgba(0, 0, 0, 0.33);\r\n --background-color-active: rgba(0, 0, 0, 0.33);\r\n --border-color: #000;\r\n --color: #fff;\r\n --color-dimmed: #6c6c6c;\r\n --color-indicator: #318adc;\r\n}\r\n.filebaseFileCardHeader {\r\nborder-bottom: 1px solid rgba(0, 0, 0, 0.4);\r\n}\r\n.userMenu {\r\n\tbackground: rgba(0, 0, 0, 0.2);\r\n --background-color: rgba(0, 0, 0, 0.2);\r\n --background-color-active: rgba(0, 0, 0, 0.1);\r\n --border-color: #000;\r\n --color: #fff;\r\n --color-dimmed: #6c6c6c;\r\n --color-indicator: #318adc;\r\n color: var(--color);\r\n}\r\n\r\n.userMenu {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n}\r\n\r\n@include screen-lg {\r\n#topMenu.userPanel > ul > li:first-child > a {\r\n padding-left:10px;\r\n}\r\n\r\n.dropdownMenuContainer .userMenu {\r\n top: 255px !important;\r\n\tposition: absolute;\r\n}\r\n\r\n.contentInteraction {\r\n margin-top: 25px;\r\n}\r\n\t}\r\n\r\n\/* mobile optimization *\/\r\n@include screen-md-down {\r\n .pageHeaderPanel, .pageHeaderSearch {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbox-shadow: inset 0 0 0 40px rgba(0,0,0,0.25);\r\n\t}\r\n\t\r\n\t.wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\t\r\n\t.userProfileUser .contentHeaderIcon .badgeOnline {\r\n padding: 6px;\r\n }\r\n\r\n .userProfileUser .contentHeaderIcon .badgeOnline::before {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t.messageSidebar .badgeOnline {\r\n\t\tfont-size: 0;\r\n\t}\r\n\t\r\n\t.main {\r\n\t\tmargin-top: 15px;\r\n\t}\r\n\t\r\n\t.messageFooterGroup > .messageFooterButtons.buttonList.open{\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 200px rgba(255,255,255,0.35);\r\n\t}\r\n\t\r\n\t.pageAction{\r\n\t\tleft: auto;\r\n\t}\r\n\t\r\n\t.menuOverlayMobile{\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n\t\r\n\t.menuOverlayItemList {\r\n\t\tbackground-color: rgba(0, 0, 0, 0.2);\r\n\t}\r\n\t\r\n\t.wcfImageViewer.wcfImageViewerMobile > div > ul > li {\r\n\t\tbackground-color: rgba(0, 0, 0, 0.55);\r\n\t}\r\n\t\r\n\t.wbbBoardList .wbbBoard {\r\n\t\tpadding: 10px;\r\n\t}\r\n\t\r\n\t.menuOverlayTitle {\r\n\t\tfont-weight: bold;\r\n\t\tcolor: $wcfTabularBoxHeadline;\r\n\t}\r\n\t\r\n\t.menuOverlayMobile.pageUserMenuMobile + .menuOverlayMobileBackdrop {\r\n\t\tbox-shadow: inset -5px 0 25px -5px rgba(0, 0, 0, .18);\r\n\t}\r\n}\r\n\r\n\/* badge + icon*\/\r\n.badge.badgeUpdate, a.badge.badgeUpdate {\r\n\tline-height: 1.2;\r\n}\r\n\r\n.wbbAnnouncementIcon {\r\n\tbackground-color: $redColor;\r\n}\r\n\r\n.contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before {\r\n\tcolor: $redColor;\r\n}\r\n\r\n.messageGroupList .messageDeleted .columnAvatar::before {\r\n\tcolor: $redColor;\r\n}\r\n\r\n.wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child::before {\r\n\tcolor: $redColor;\r\n}\r\n\r\n.icon.green, .fa.green {\r\n color: $greenColor;\r\n}\r\n\r\n.icon.red, .fa.red {\r\n color: $redColor;\r\n}\r\n\r\n\/* search *\/\r\n@include screen-lg {\r\n\t.pageHeaderSearchInputContainer {\r\n\t\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n\t\t\r\n\t\t.pageHeaderSearchType.dropdownOpen > .button{\r\n\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tbackground-attachment: fixed;\r\n\t\t\tbackground-position: center;\r\n\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t}\r\n\t\t\r\n\t\t.pageHeaderSearchInputButton {\r\n\t\t\tborder-radius: 0 2px 2px 0px;\r\n\t\t\t\r\n\t\t\t&:hover{\r\n\t\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\t\tbackground-size: cover;\r\n\t\t\t\tbackground-attachment: fixed;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t.pageHeaderSearchInput {\r\n\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tbackground-attachment: fixed;\r\n\t\t\tbackground-position: center;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\t\t\r\n\t\t.pageHeaderSearchType > .button {\r\n\t\t\tborder-radius: 0;\r\n\t\t\t\r\n\t\t\t&:hover{\t\r\n\t\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\t\tbackground-size: cover;\r\n\t\t\t\tbackground-attachment: fixed;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.15);\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n\t\r\n\t.searchBarOpen .pageHeaderSearch {\r\n\t\ttop: 220px!important;\r\n\t\t position: absolute;\r\n\t\tz-index: 300;\r\n\t\tright:20px !important;\r\n\t}\r\n}\r\n\r\n\/* pagination *\/ \r\n.pagination > ul {\r\n\tbackground-color: rgba(0,0,0,0.2);\r\n\tborder-radius: $borderRadius;\r\n\t\r\n\t> li > .icon {\r\n\t\tfont-size: 13px;\r\n\t\tmargin-top: 3px;\r\n\t}\r\n\t\r\n\t> li:not(:last-child){\r\n\t\tmargin-right: 0px;\r\n\t}\r\n}\r\n\r\n\/* poll *\/\r\n.pollContainer .pollResultItem .pollMeter {\r\n\tborder-radius: 2px;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n\theight: 8px;\r\n\t\r\n\t> .pollMeterValue {\r\n\t\tborder-radius: 2px;\r\n\t\theight: 8px; \r\n\t}\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+1) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #e74c3c;\r\n\tbackground-image: linear-gradient(#ff6151,#e74c3c);\r\n\tbackground-image: -webkit-linear gradient(#ff6151,#e74c3c);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+2) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #e67e22;\r\n\tbackground-image: linear-gradient(#ff9334,#e67e22);\r\n\tbackground-image: -webkit-linear gradient(#ff9334,#e67e22);\r\n}\r\n\r\n.pollContainer .pollResultItem:nth-child(12n+3) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #f1c40f;\r\n\tbackground-image: linear-gradient(#ffd738,#f1c40f);\r\n\tbackground-image: -webkit-linear gradient(#ffd738,#f1c40f);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+4) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #2ecc71;\r\n\tbackground-image: linear-gradient(#3fea88,#2ecc71);\r\n\tbackground-image: -webkit-linear gradient(#3fea88,#2ecc71);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+5) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #3498db;\r\n\tbackground-image: linear-gradient(#3dabf5,#3498db);\r\n\tbackground-image: -webkit-linear gradient(#3dabf5,#3498db);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+6) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #1abc9c;\r\n\tbackground-image: linear-gradient(#26d8b5,#1abc9c);\r\n\tbackground-image: -webkit-linear gradient(#26d8b5,#1abc9c);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+7) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #9b59b6;\r\n\tbackground-image: linear-gradient(#b167d0,#9b59b6);\r\n\tbackground-image: -webkit-linear gradient(#b167d0,#9b59b6);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+8) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #34495e;\r\n\tbackground-image: linear-gradient(#46607b,#34495e);\r\n\tbackground-image: -webkit-linear gradient(#46607b,#34495e);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+9) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #95a5a6;\r\n\tbackground-image: linear-gradient(#abbfc0,#95a5a6);\r\n\tbackground-image: -webkit-linear gradient(#abbfc0,#95a5a6);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+10) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #bdc3c7;\r\n\tbackground-image: linear-gradient(#d7dce0,#bdc3c7);\r\n\tbackground-image: -webkit-linear gradient(#d7dce0,#bdc3c7);\r\n}\r\n\r\n\/* menu *\/\r\n.mainMenu .boxMenu {\r\n\tborder-bottom-left-radius: $borderRadius;\r\n\tborder-bottom-right-radius: $borderRadius;\r\n\t\r\n\t.boxMenuDepth1{\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover; \r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tborder-bottom-left-radius: 6px;\r\n\t\tborder-bottom-right-radius: 6px;\r\n\t\tbox-shadow: inset 0 0 0px 80px rgba(0,0,0,0.2);\r\n\t\t\r\n\t\t> li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span {\r\n\t\t\tpadding: 7px 12px;\r\n\t\t}\r\n\t}\r\n\t\r\n\t> li > a {\r\n\t\tfont-family: 'Roboto', sans-serif;\r\n\t\tfont-weight: 500;\r\n\t\tletter-spacing: -0.6px;\r\n\t\tfont-size: 1.1rem;\r\n\t\t\r\n\t\t.badge.badgeUpdate{\r\n\t\t\tline-height: 1.28;\r\n\t\t\tborder-radius: 2px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/* body *\/\r\nbody { \r\n\tbackground-image: $pageBodyBackgroundSharp;\r\n background-size: cover;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n\tbackground-color: #2a231a;\r\n}\r\n\r\n\/* sidebar *\/\r\n.boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {\r\n background-color: rgba(0,0,0,0.4);\r\n border-top-left-radius: 6px; \r\n border-top-right-radius: 6px;\r\n padding: 10px 10px;\r\n\tletter-spacing: -0.35px;\r\n font-weight: 500;\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 1.125rem;\r\n}\r\n\r\n.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink {\r\n margin-left: 0px;\r\n padding-left: 22px;\r\n}\r\n\r\n.boxesSidebarLeft .box:not(:first-child), .boxesSidebarRight .box:not(:first-child) {\r\n margin-top: 0px;\r\n}\r\n\r\n.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {\r\n background-color: rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.boxesSidebarLeft .box .boxMenu .boxMenuLink .badge, .boxesSidebarRight .box .boxMenu .boxMenuLink .badge {\r\n\tmargin-right: 10px;\r\n}\r\n\r\n.boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {\r\n margin-right: 0px;\r\n padding-right: 0px;\r\n}\r\n\r\n.boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {\r\n padding: 10px;\r\n}\r\n\r\n.boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu {\r\n margin-left: -8px;\r\n margin-right: -8px;\r\n}\r\n\r\n.sidebar .boxContainer > section .boxContent {\r\n\tpadding: 8px;\r\n\tmargin-top: 0;\r\n\tborder-bottom-left-radius: 6px; \r\n border-bottom-right-radius: 6px;\r\n\tbackground-color: rgba(0,0,0,0.33);\r\n}\r\n\r\n\/* ImageViewer *\/\r\n.wcfImageViewer {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\t\r\n\t.icon {\r\n\t\tcolor: $wcfContentText;\r\n\t}\r\n\t\r\n\t> div {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t\tborder-color: $wcfContentBorder;\r\n\t}\r\n\t\r\n\t&:not(.wcfImageViewerMobile) > div > ul {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbox-shadow: inset 0 0 0px 50px rgba(0,0,0,0.25);\r\n\t\tborder: none;\r\n\t\tborder-top-left-radius: $borderRadius;\r\n\t\tborder-top-right-radius: $borderRadius;\r\n\t}\r\n\t\r\n\t&:not(.wcfImageViewerMobile) > div > ul > li:not(.pointer) > .icon {\r\n\t\tcolor: #aeaeae!important;\r\n\t}\r\n\t\r\n\t> header h1, > header h2, > header h3 {\r\n\t\tcolor: $wcfContentText;\r\n\t}\r\n}\r\n\r\n\r\n.messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {\r\n\tbackground-color: $wcfButtonPrimaryBackgroundActive;\r\n\tcolor: $wcfButtonPrimaryTextActive;\r\n\tpadding: 3px 7px; \r\n\tposition: relative;\r\n\ttop: 2px;\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.messageTabMenu.messageTabMenuContent > nav {\r\n\tpadding: 5px 20px 8px;\r\n}\r\n\r\n .smileyList {\r\n\t padding: 5px;\r\n}\r\n\r\n.messageTabMenu > .messageTabMenuContent.active {\r\n border-radius: $borderRadius;\r\n\tbackground-color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li.active > a {\r\n\tcolor: #ffffff;\r\n}\r\n\r\n.messageTabMenu > div > nav ul li a { \r\n\tcolor: $wcfButtonText;\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\ttop: 2px;\r\n\tpadding: 3px 7px;\r\n}\r\n\r\n.messageTabMenu > div > nav ul li a:hover {\r\n\tcolor: $wcfButtonTextActive;\r\n\tbackground-color: $wcfButtonBackgroundActive;\r\n}\r\n\r\n.messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {\r\n margin-top: 8px;\r\n border: none;\r\n border-radius: $borderRadius;\r\n}\r\n\r\n.messageTabMenuNavigation > ul {\r\n\tborder: none;\r\n\tbackground-color: rgba(0, 0, 0, 0.45);\r\n\tborder-bottom-left-radius: $borderRadius;\r\n border-bottom-right-radius: $borderRadius;\r\n}\r\n\r\n\/* BoardList *\/\r\n.wbbBoardNodeList {\r\n background-color: rgba(0,0,0,0.33);\r\n border-top-left-radius: 0px; \r\n border-top-right-radius: 0px;\r\n box-shadow: none;\r\n border: 0px;\r\n}\r\n.wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header::after {\r\n border-bottom: 0px;\r\n border-radius: var(--wcfBorderRadius) var(--wcfBorderRadius) 0 0;\r\n}\r\n.wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header {\r\n padding: 10px 20px;\r\n background-color: rgba(0,0,0,0.4);\r\n border-top-left-radius: 6px; \r\n border-top-right-radius: 6px;\r\n}\r\n\r\n.wbbBoardList .wbbBoardContainer {\r\n background-color: rgba(0,0,0,0.33);\r\n border-bottom: none;\r\n}\r\n\r\n.wbbBoardList > li.wbbBoardContainer:first-child {\r\n border-top: none;\r\n}\r\n\r\n.wbbBoardList .wbbBoardContainer {\r\n border-bottom: none;\r\n}\r\n\r\n.wbbCategory.wbbDepth1 > ul > li:last-child {\r\n border-bottom-left-radius: 6px;\r\n border-bottom-right-radius: 6px\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 {\t\r\n\tflex-direction: row-reverse;\r\n\tletter-spacing: -0.35px;\r\n font-weight: 500;\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 1.125rem;\r\n}\r\n\r\n.tabularBoxTitle > header {\r\n background-color: rgba(0,0,0,0.4);\r\n\tborder-bottom: none;\r\n\tborder-top-left-radius: 6px; \r\n\tborder-top-right-radius: 6px;\r\n padding: 10px 10px;\r\n}\r\n\r\n\/* layout *\/\r\n@include screen-lg {\r\n\t.pageContainer {\r\n\t\tmargin: 0 auto;\r\n\t\tmax-width: 1900px;\r\n\t\tpadding-top: 40px;\r\n\t\twidth: 90%;\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\t\r\n\t.pageHeaderContainer {\r\n\t\tpadding-top: 0px;\r\n\t}\r\n\t\r\n\t.pageHeaderFacade > .layoutBoundary {\r\n padding-bottom: 0px;\r\n padding-top: 0px;\r\n\t}\r\n\t\r\n\t.layoutBoundary {\r\n\t\tmin-width: auto;\r\n\t}\r\n\t\r\n\t #pageHeaderPanel {\r\n position: absolute;\r\n\t}\r\n\t\r\n\t#pageHeaderPanel {\r\n position: absolute;\r\n top: inherit;\r\n bottom: 0;\r\n }\r\n\t\r\n #pageHeader {\r\n position: relative;\r\n padding-top: 120px;\r\n\t}\r\n}\r\n\r\n\/* messsage content *\/\r\n.messageSidebar .userAvatarImage {\r\n\tborder: 2px solid #000000;\r\n}\r\n\r\n.messageSidebar + .messageContent {\r\n\tbackground: rgba(0,0,0,0.4);\r\n\tborder-radius: 6px;\r\n\tpadding: 10px 10px 10px 10px;\r\n}\r\n\r\n.messageList:not(.messageReducedList) {\r\n border-top: none;\r\n\t\r\n\t> li {\r\n\t\tborder-bottom: none;\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t.messageSidebar {\r\n\t border-radius: 0px;\r\n\t flex: 0 0 205px;\r\n\t\t\r\n\t\t.badgeOnline {\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tpadding: 7px;\r\n\t\t\tbackground-color: $greenColor;\r\n\t\t\tborder: 2px solid #000000;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tfont-size: 0;\r\n\t\t}\r\n\t\t\r\n\t\t+ .messageContent {\r\n\t\t\tmargin-left: 0px;\r\n\t\t\tmax-width: calc(100% - 225px);\r\n\t\t\t\r\n\t\t\t&:not(.messageQuickReplyContent)::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t\tborder-color: rgba(0,0,0,0) rgba(0, 0, 0, 0.2) rgba(0,0,0,0) rgba(0,0,0,0);\r\n\t\t\t\tborder-width: 0px 14px 15px 0px;\r\n\t\t\t\tmargin-top: 18px;\r\n\t\t\t\tmargin-left: -24px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.messageQuickOptions {\r\n\t\tbackground-color: rgba(0,0,0,0.4);\r\n\t\tpadding: 2px 4px 1px 6px;\r\n\t\tborder-radius: 15px;\r\n\t}\r\n\t\r\n\t.message .messageClipboardCheckbox::before {\r\n\t\tfont-size: 20px;\r\n\t\tleft: 5px;\r\n\t\ttop: -2px;\r\n\t}\r\n\t\r\n\t.messageFooterNote {\r\n\t\tborder-left: 3px solid rgba(224, 224, 224, 1);\r\n\t}\r\n\t\r\n\t.messageCheckboxLabel::after, .message .messageClipboardCheckbox::after, .messageGroupList .columnMark > label::after {\r\n\t\tcolor: #54d123;\r\n\t}\r\n\t\r\n\t.message.jsMarked .messageClipboardCheckbox::after {\r\n\t\tfont-size: 11px;\r\n\t\tleft: 7px;\r\n\t\ttop: 4px;\r\n\t}\r\n\t\r\n\t#tpl_wbb_thread .contentHeader, #tpl_wcf_conversation .contentHeader{\r\n\t\tbackground-color: rgba(0,0,0,0.2);\r\n\t\tmargin: -20px; \r\n\t\tpadding: 20px;\r\n\t\tborder-top-left-radius: 6px; \r\n\t\tborder-top-right-radius: 6px;\r\n\t}\r\n\t\r\n\t.messageQuickReplyCollapsed .messageQuickReplyContent{\r\n\t\tpadding-top: 12px;\r\n\t\t\r\n\t\t&::before {\r\n\t\t\tfont-size: 26px;\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n\r\n\/* social buttons *\/\r\n.messageShareButtons .jsShareFacebook, .messageShareButtons .jsShareTwitter, .messageShareButtons .jsShareGoogle, .messageShareButtons .jsShareReddit, .messageShareButtons .jsShareWhatsApp, .messageShareButtons .jsShareLinkedIn, .messageShareButtons .jsSharePinterest, .messageShareButtons .jsShareXing {\r\n\tbackground-color: rgba(0,0,0,0.35);\r\n}\r\n\r\n.messageShareButtons .button span:not(.icon){\r\n\tdisplay: none;\r\n}\r\n\r\n\/* main content *\/\r\n@include screen-lg {\r\n\t.main {\r\n\t\tpadding: 20px 0;\r\n\t}\r\n}\r\n\r\n.main {\r\n background-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n border-radius: 6px;\r\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1{\r\n\tfont-family: 'Roboto', sans-serif;\r\n\tfont-weight: 700;\r\n\tletter-spacing: -0.3px;\r\n}\r\n\r\n\/* footer boxes *\/\t\r\n.boxesFooter .layoutBoundary{\r\n\tpadding: 0px 4px 0 8px;\r\n}\r\n\r\n.boxesFooterBoxes .layoutBoundary{\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tmargin-top: 25px;\r\n\tborder-radius: 6px;\r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n\t\r\n\t@include screen-lg {\r\n\t\t.boxContainer {\r\n\t\t\tpadding: 40px 0;\r\n\t\t\tmargin-bottom: -10px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/* header *\/\r\n@include screen-lg {\r\n\t.pageHeaderPanel {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n border-top-left-radius: 6px;\r\n\t\tborder-top-right-radius: 6px;\r\n\t\r\n\t\t> .layoutBoundary {\r\n\t\t\t\/\/display: inline-block;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.pageHeaderLogo {\r\n\t\tposition: relative; \r\n\t\ttop: -100px;\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n\/* dropdown *\/\r\n.dropdownMenu {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbox-shadow: inset 0 0px 0px 200px rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0);\r\n}\r\n\r\n@include screen-lg {\r\n\t.interactiveDropdown{ \r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t background-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tborder-radius: $borderRadius;\r\n\t\tleft: 72px!important;\r\n\t\ttop: 18px!important;\r\n\t\tbox-shadow: inset 0 0px 0px 200px rgba(255, 255, 255, 0.32), 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n\t\t\r\n\t\t.userAvatarImage {\r\n\t\t\tmax-width: 40px;\r\n\t\t\tmax-height: 40px;\r\n\t\t\tmargin-left: 3px;\r\n\t\t}\r\n\t\t\r\n\t\t&[data-source=\"userNotifications\"] {\r\n\t\t\ttop: 65px!important;\r\n\t\t}\r\n\t\t\r\n\t\t&[data-source=\"outstandingModeration\"] { \r\n\t\t\ttop: 116px!important;\r\n\t\t}\r\n\t\t\r\n\t\t&[data-source=\"unreadConversations\"] {\r\n\t\t\ttop: 167px!important;\r\n\t\t}\r\n\t}\r\n\t\t\r\n\t.interactiveDropdownHeader {\r\n\t\tpadding: 6px 12px;\r\n\t\t\r\n\t\t&::before{ \r\n\t\t\tcontent: \"\";\r\n\t\t\tborder-style: solid;\r\n\t\t\tborder-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\r\n\t\t\tborder-width: 8px 7px 8px 0px;\r\n\t\t\tmargin-top: 0px;\r\n\t\t\tmargin-left: -19px;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\r\n\t\t.interactiveDropdownTitle {\r\n\t\t\tletter-spacing: -0.35px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tfont-family: 'Roboto', sans-serif;\r\n\t\t\tfont-size: 1.125rem;\r\n\t\t}\r\n }\r\n\t\r\n\t.interactiveDropdownItems > li {\r\n\t\tpadding: 10px 12px;\r\n\t\t\r\n\t\t.icon{ \r\n\t\t\tfont-size: 2.2rem;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead .icon{\t\r\n\t\tfont-size: 1.2rem;\r\n\t}\r\n\t\r\n\t.interactiveDropdownShowAll {\r\n\t\tfont-weight: bold;\r\n\t\t\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $wcfTabularBoxBackgroundActive;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/* userpanel *\/\r\n\r\n\r\n\/* general *\/\r\n.styleChanger a::before {\r\n \/\/content: \"\\f03e\";\r\n font-size: 1.1rem;\r\n font-family: \"FontAwesome\";\r\n margin-right: 5px;\r\n}\r\n\r\n.pageNavigation {\r\n\tbackground-image: $pageBodyBackground;\r\n background-size: cover;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n\tmargin-bottom: 25px; \r\n\tborder-bottom-left-radius: 6px;\r\n\tborder-bottom-right-radius: 6px;\r\n}\r\n\r\n.wcfLikeCounter.likeCounterLiked {\r\n color: $greenColor!important;\r\n}\r\n\r\n.wcfLikeCounter.likeCounterDisliked {\r\n color: $redColor!important;\r\n}\r\n\r\nwoltlab-quote, .quoteBox {\r\n background-color: rgba(0, 0, 0, 0.22);\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.spoilerBox {\r\n background-color: rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n.codeBox {\r\n background-color: rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n.codeBox .codeBoxHeader {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n\r\n.contentHeaderIcon .userAvatarImage{ \r\n\tborder: 2px solid #000000;\r\n}\r\n\r\n.contentHeaderIcon .badgeOnline {\r\n margin-bottom: 24px;\r\n padding: 7px;\r\n background-color: #54d123;\r\n border: 2px solid #000000;\r\n border-radius: 10px;\r\n font-size: 0;\r\n}\r\n\r\n.dialogContainer{\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tborder-radius: 6px; \r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(0, 0, 0, 0.2); \r\n background-color: rgba(0,0,0,0.6);\r\n}\r\n\r\n.dialogContainer > .dialogContent {\r\n background-color: rgba(0,0,0,0.6);\r\n}\r\n\r\n.balloonTooltip, .redactor-toolbar-tooltip {\r\n\tbox-shadow: none;\r\n}\r\n\r\n.badge.badgeUpdate, a.badge.badgeUpdate {\r\n\tbackground-color: #008080; \r\n}\r\n\r\n.containerList > li:not(:last-child) {\r\n border-bottom: none;\r\n}\r\n\r\n.dialogContainer > header > span{\r\n\tletter-spacing: -0.35px;\r\n\tfont-weight: 500;\r\n\tfont-family: 'Roboto', sans-serif;\r\n\tfont-size: 1.25rem;\r\n\tcolor: var(--wcfContentText);\r\n}\r\n\r\n.dialogContainer > .dialogContent .dialogFormSubmit {\r\n\tborder-top: none;\r\n}\r\n\r\n.containerList > li:first-child {\r\n border-top: none;\r\n}\r\n\r\n.containerList > li:last-child {\r\n border-bottom: none;\r\n}\r\n\r\n@include screen-md-up {\r\n .tabMenu > ul > li > a {\r\n font-size: 20px;\r\n }\r\n}\r\n\r\n.spinner {\r\n background-color: rgba(0,0,0,0.4);\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n border: none;\r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 60px rgba(255, 255, 255, 0.25); \r\n}\r\n\r\n.smileyList {\r\n\tmargin-bottom: 0px;\r\n}\r\n\r\n\r\n* {\r\n\toutline: none;\r\n}\r\n\r\n.popover, .datePicker {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(255,255,255,0.2);\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\ninput[type=\"date\"][disabled], input[type=\"datetime\"][disabled],\r\ninput[type=\"email\"][disabled], input[type=\"number\"][disabled],\r\ninput[type=\"password\"][disabled], input[type=\"search\"][disabled],\r\ninput[type=\"text\"][disabled], input[type=\"url\"][disabled], input[type=\"date\"][readonly],\r\ninput[type=\"datetime\"][readonly], input[type=\"email\"][readonly],\r\ninput[type=\"number\"][readonly], input[type=\"password\"][readonly],\r\ninput[type=\"search\"][readonly], input[type=\"text\"][readonly], input[type=\"url\"][readonly] {\r\n\tbackground-color: $wcfInputBackground!important;\r\n\tborder: none;\r\n}\r\n\r\n.tagList > li {\r\n\tborder-top-right-radius: 3px; \r\n\tborder-bottom-right-radius: 3px;\r\n}\r\n\r\n.tagList .tag {\r\n border-top-right-radius: 3px;\r\n\tborder-bottom-right-radius: 3px;\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 + small {\r\n\tcolor: #4C4C4C;\r\n}\r\n\r\n.wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {\r\n\tborder: 1px solid $wcfButtonText;\r\n}\r\n\r\n.inputItemList {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.wbbStickyIcon, .wbbMovedIcon {\r\n background-color: rgba(255, 151, 54, 1);\r\n color: $wcfButtonText;\r\n}\r\n\r\ninput[type=\"date\"], input[type=\"datetime\"], input[type=\"email\"], input[type=\"number\"], input[type=\"password\"], input[type=\"text\"], input[type=\"url\"], select{\r\n border-radius: 3px;\r\n}\r\n\r\n.fa-spinner, .wcfImageViewer > div.loading:before, .wcfImageViewer > footer > div > ul > li.loading:before {\r\n\tborder-top-color: $wcfButtonPrimaryBackground;\r\n}\r\n\r\n.pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success,\r\n.pageFooterStickyNotice .warning {\r\n\tborder: none;\r\n}\r\n\r\n.containerHeadline > h3 > .badge {\r\n\tborder-radius: 30px;\r\n}\r\n\r\n.pollContainer .pollResultItem .pollResultItemCaption > .pollOptionRelativeValue {\r\n\tcolor: #dedfe9;\r\n}\r\n\r\na:any-link{\r\n\ttext-decoration: none!important;\r\n}\r\n\r\n@include screen-md-up {\r\n .quoteBoxIcon > .quoteBoxQuoteSymbol {\r\n\t\tfont-size: 140px;\r\n\t}\r\n}\r\n\r\n.dialogContainer > header > .dialogCloseButton > .icon {\r\n\tmargin-right: -8px;\r\n}\r\n\r\n.userAvatarImage {\r\n border: 2px solid #000000;\r\n}\r\n\r\n.error, .info, .success, .warning {\r\n\tborder-left: none;\r\n}\r\n\r\n.userProfileButtonContainer .icon{\r\n\tfont-size: 24px;\r\n}\r\n\r\n.tabularListRowHead > .tabularListColumns > li {\r\n font-weight: 700;\r\n\tletter-spacing: -0.7px;\r\n}\r\n\r\n.userProfileButtonContainer a.button{\r\n\tpadding: 5px 15px;\r\n}\r\n\r\n.inlineCode, kbd {\r\n background-color: rgba(0, 0, 0, 0.22)!important;\r\n border: none!important;\r\n border-radius: 2px;\r\n\tcolor: #ffffff !important;\r\n}\r\n\r\n.formError dt {\r\n color: $redColor!important;\r\n}\r\n\r\n.flexibleButtonGroup > li > a.active.green, .flexibleButtonGroup > li > input[type=\"radio\"]:checked + label.green,\r\n.flexibleButtonGroup > li > input[type=\"radio\"] + label:hover.green {\r\n background-color: $greenColor;\r\n}\r\n\r\n.flexibleButtonGroup > li > a.active.red, .flexibleButtonGroup > li > input[type=\"radio\"]:checked + label.red,\r\n.flexibleButtonGroup > li > input[type=\"radio\"] + label:hover.red {\r\n background-color: $redColor;\r\n}\r\n\r\n.innerError {\r\n background-color: $wcfStatusErrorBackground;\r\n color: $wcfStatusErrorText;\r\n}\r\n\r\n.innerError::before {\r\n border-bottom-color: $wcfStatusErrorBackground;\r\n}\r\n\r\n.innerError a {\r\n color: $wcfStatusErrorText;\r\n}\r\n\r\n.dialogContainer > .dialogContent .dialogFormSubmit {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbox-shadow: inset 0 0 0px 100px rgba(255,255,255,0.2);\r\n\tborder-top: none;\r\n\tborder-bottom-left-radius: $borderRadius;\r\n border-bottom-right-radius: $borderRadius;\r\n}\r\n\r\n.flexibleButtonGroup > li > a, .flexibleButtonGroup > li > label {\r\n\tbackground-color: rgba(245, 246, 249, 0.83);\r\n}\r\n\r\n.innerError a:hover {\r\n color: $wcfStatusErrorText;\r\n}\r\n\r\ntextarea.open{\r\n\tbackground-color: rgba(17, 17, 17, 0.65)!important;\r\n}\r\n\r\n.containerList > li:hover {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.dialogContainer[data-id=\"styleChanger\"] .containerList{\r\n\tpadding: 6px;\r\n}\r\n\r\n.htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td,\r\n.messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td,\r\n.table tr:hover > td {\r\n background-color: $wcfTabularBoxBackgroundActive;\r\n}\r\n\r\n\r\nbutton:not(.inputPrefix), input[type=\"button\"]:not(.inputPrefix),\r\ninput[type=\"reset\"]:not(.inputPrefix), input[type=\"submit\"]:not(.inputPrefix),\r\n.button:not(.inputPrefix), a.button:not(.inputPrefix) {\r\n text-transform: none;\r\n}\r\n\r\ninput[type=\"date\"][disabled], input[type=\"datetime\"][disabled],\r\ninput[type=\"email\"][disabled], input[type=\"number\"][disabled],\r\ninput[type=\"password\"][disabled], input[type=\"search\"][disabled],\r\ninput[type=\"text\"][disabled], input[type=\"url\"][disabled], input[type=\"date\"][readonly],\r\ninput[type=\"datetime\"][readonly], input[type=\"email\"][readonly],\r\ninput[type=\"number\"][readonly], input[type=\"password\"][readonly],\r\ninput[type=\"search\"][readonly], input[type=\"text\"][readonly], input[type=\"url\"][readonly] {\r\n color: rgba(220, 220, 220, 1)!important;\r\n}\r\n\r\n.formError input, .formError select, .formError textarea {\r\n border-color: $redColor!important;\r\n}\r\n\r\n@include screen-lg {\r\n\t.mainMenu .mainMenuShowNext {\r\n\t\tbackground-color: rgba(0,0,0,0.1);\r\n\t\tbackground-image: none;\r\n\t\twidth: 20px;\r\n\t\tmargin-right: -25px;\r\n\t}\r\n\t\r\n\t.mainMenu .boxMenu .boxMenuDepth1 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t.mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {\r\n\t\tdisplay: block;\r\n\t}\r\n\t\r\n\t#pageHeaderPanel .layoutBoundary {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t\r\n\t.mainMenu .mainMenuShowPrevious {\r\n\t\tbackground-color: rgba(0,0,0,0.1); \r\n\t\tbackground-image: none;\r\n\t\twidth: 20px;\r\n\t\tborder-top-left-radius: 4px;\r\n\t\tmargin-left: -20px;\r\n\t}\r\n\t\r\n #topMenu.userPanelLoggedIn > ul > li:first-child > a::before {\r\n content: \"\";\r\n }\r\n\r\n #topMenu #userMenu img {\r\n display: block;\r\n}\r\n\r\n#tpl_wcf_article .content > .section, .content > form, .sectionContainer {\r\n border: 0px;\r\n background-color: rgba(0, 0, 0, 0.22);\r\n padding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\t\r\n}\r\n\r\n.filebaseFileList .filebaseFileCard {\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n background-color: rgba(0, 0, 0, 0.25);\r\n border-radius: 5px;\r\n box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);\r\n}\r\n\r\n.boxesFooterBoxes {\r\n background-color: transparent;\r\n}\r\n\t\r\n.dashboardBoxRecentActivity ul.containerList.recentActivityList\t{\r\n\t\tbackground-color: rgba(0,0,0,0.1); \r\n\t border-radius: 5px;\r\n\t}\r\n\r\n.contentItem {\r\n background-color: rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);\r\n}\r\n}\r\n\r\ntextarea[disabled], textarea[readonly] {\r\n color: rgba(233, 233, 233, 1) !important;\r\n}\r\n.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable),.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{border-color:#318ADC9E !important}\r\n.ck.ck-editor, .ck.ck-body {\r\n --ck-color-base-border: #000 !important;\r\n --ck-color-toolbar-border: #000 !important;\r\n --ck-color-dropdown-panel-border: #000 !important;\r\n --ck-color-panel-border: #000 !important;\r\n}\/* WCF_STYLE_CUSTOM_USER_MODIFICATIONS *\/\n\/* Spendenliste ausblenden *\/\r\n#tpl_wcf_donations table, #tpl_wcf_donations .contentHeaderTitle {display:none;}\r\n\r\n\/* Spinnennetz *\/\r\n.web-right {\r\ndisplay:none;\r\n}\r\n\r\nimg.web-left {\r\n width: 200px;\r\n height: 200px;\r\n}\nhtml[data-color-scheme=\"dark\"] {\n\/* SASS *\/ \/* change background image path here *\/\r\n$pageBodyBackground: url('#{$style_image_path}custom\/lucent_bg-blurdark.jpg');\r\n$pageBodyBackgroundSharp: url('#{$style_image_path}custom\/lucent_bgdark.jpg');\r\n$redColor: #eb372c; \r\n$greenColor: #54d123; \r\n$borderRadius: 4px;\r\n.codeBox.collapsed > .toggleButton::before {\r\n background-image: none;\r\n}\r\n.codeBox .codeBoxHeader {\r\n position: initial;\r\n}\r\n.codeBox > .toggleButton {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n.ck.ck-toolbar {\r\n background-color: rgba(0, 0, 0, 0.55);\r\n}\r\n#tpl_wcf_recentActivityList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_usersOnlineList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_team .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n\r\n#tpl_filebase_fileList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_filebase_file .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_membersList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n#tpl_wcf_articleList .content > .section, .content > form, .sectionContainer, .boxesContentTop .box, .boxesContentBottom .box {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n.section.tabularBox.messageGroupList.wbbThreadList.jsClipboardContainer {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n@media screen and (min-width: 1025px), print {\r\n html.disableScrolling .pageHeaderPanel {\r\n right: 0;\r\n }\r\n}\r\n.wbbBoardNode__lastPostLink {\r\n color: var(--wcfContentLink);\r\n}\r\n.wbbBoardNode__lastPostLink:hover {\r\n color: var(--wcfContentLinkActive);\r\n}\r\n.wbbBoardNode__link {\r\n color: var(--wcfContentLink);\r\n}\r\n.wbbBoardNode__link:hover {\r\n color: var(--wcfContentLinkActive);\r\n}\r\n.userMenuItemLink, .userMenuItemLink:hover {\r\n color: var(--wcfContentLinkActive);\r\n}\r\n.userMenuItemLink, .userMenuItemLink {\r\n color: var(--wcfContentLink);\r\n}\r\n.dialog__document {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\t\r\n --background-color: rgba(0, 0, 0, 0.33);\r\n --background-color-active: rgba(0, 0, 0, 0.4);\r\n --border-color: #000;\r\n --color: #fff;\r\n --color-dimmed: #6c6c6c;\r\n --color-indicator: #318adc;\r\n}\r\n\r\n.pageMenuContent {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\t\r\n --background-color: rgba(0, 0, 0, 0.33);\r\n --background-color-active: rgba(0, 0, 0, 0.33);\r\n --border-color: #000;\r\n --color: #fff;\r\n --color-dimmed: #6c6c6c;\r\n --color-indicator: #318adc;\r\n}\r\n.filebaseFileCardHeader {\r\nborder-bottom: 1px solid rgba(0, 0, 0, 0.4);\r\n}\r\n.userMenu {\r\n\tbackground: rgba(0, 0, 0, 0.2);\r\n --background-color: rgba(0, 0, 0, 0.2);\r\n --background-color-active: rgba(0, 0, 0, 0.1);\r\n --border-color: #000;\r\n --color: #fff;\r\n --color-dimmed: #6c6c6c;\r\n --color-indicator: #318adc;\r\n color: var(--color);\r\n}\r\n\r\n.userMenu {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n}\r\n\r\n@include screen-lg {\r\n#topMenu.userPanel > ul > li:first-child > a {\r\n padding-left:10px;\r\n}\r\n\r\n.dropdownMenuContainer .userMenu {\r\n top: 255px !important;\r\n\tposition: absolute;\r\n}\r\n\r\n.contentInteraction {\r\n margin-top: 25px;\r\n}\r\n\t}\r\n\r\n\/* mobile optimization *\/\r\n@include screen-md-down {\r\n .pageHeaderPanel, .pageHeaderSearch {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbox-shadow: inset 0 0 0 40px rgba(0,0,0,0.25);\r\n\t}\r\n\t\r\n\t.wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t}\r\n\t\r\n\t.userProfileUser .contentHeaderIcon .badgeOnline {\r\n padding: 6px;\r\n }\r\n\r\n .userProfileUser .contentHeaderIcon .badgeOnline::before {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t.messageSidebar .badgeOnline {\r\n\t\tfont-size: 0;\r\n\t}\r\n\t\r\n\t.main {\r\n\t\tmargin-top: 15px;\r\n\t}\r\n\t\r\n\t.messageFooterGroup > .messageFooterButtons.buttonList.open{\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 200px rgba(255,255,255,0.35);\r\n\t}\r\n\t\r\n\t.pageAction{\r\n\t\tleft: auto;\r\n\t}\r\n\t\r\n\t.menuOverlayMobile{\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n\t\r\n\t.menuOverlayItemList {\r\n\t\tbackground-color: rgba(0, 0, 0, 0.2);\r\n\t}\r\n\t\r\n\t.wcfImageViewer.wcfImageViewerMobile > div > ul > li {\r\n\t\tbackground-color: rgba(0, 0, 0, 0.55);\r\n\t}\r\n\t\r\n\t.wbbBoardList .wbbBoard {\r\n\t\tpadding: 10px;\r\n\t}\r\n\t\r\n\t.menuOverlayTitle {\r\n\t\tfont-weight: bold;\r\n\t\tcolor: $wcfTabularBoxHeadline;\r\n\t}\r\n\t\r\n\t.menuOverlayMobile.pageUserMenuMobile + .menuOverlayMobileBackdrop {\r\n\t\tbox-shadow: inset -5px 0 25px -5px rgba(0, 0, 0, .18);\r\n\t}\r\n}\r\n\r\n\/* badge + icon*\/\r\n.badge.badgeUpdate, a.badge.badgeUpdate {\r\n\tline-height: 1.2;\r\n}\r\n\r\n.wbbAnnouncementIcon {\r\n\tbackground-color: $redColor;\r\n}\r\n\r\n.contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before {\r\n\tcolor: $redColor;\r\n}\r\n\r\n.messageGroupList .messageDeleted .columnAvatar::before {\r\n\tcolor: $redColor;\r\n}\r\n\r\n.wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child::before {\r\n\tcolor: $redColor;\r\n}\r\n\r\n.icon.green, .fa.green {\r\n color: $greenColor;\r\n}\r\n\r\n.icon.red, .fa.red {\r\n color: $redColor;\r\n}\r\n\r\n\/* search *\/\r\n@include screen-lg {\r\n\t.pageHeaderSearchInputContainer {\r\n\t\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n\t\t\r\n\t\t.pageHeaderSearchType.dropdownOpen > .button{\r\n\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tbackground-attachment: fixed;\r\n\t\t\tbackground-position: center;\r\n\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t}\r\n\t\t\r\n\t\t.pageHeaderSearchInputButton {\r\n\t\t\tborder-radius: 0 2px 2px 0px;\r\n\t\t\t\r\n\t\t\t&:hover{\r\n\t\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\t\tbackground-size: cover;\r\n\t\t\t\tbackground-attachment: fixed;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t.pageHeaderSearchInput {\r\n\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tbackground-attachment: fixed;\r\n\t\t\tbackground-position: center;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\t\t\r\n\t\t.pageHeaderSearchType > .button {\r\n\t\t\tborder-radius: 0;\r\n\t\t\t\r\n\t\t\t&:hover{\t\r\n\t\t\t\tbackground-image: $pageBodyBackground;\r\n\t\t\t\tbackground-size: cover;\r\n\t\t\t\tbackground-attachment: fixed;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t.pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbox-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.15);\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n\t\r\n\t.searchBarOpen .pageHeaderSearch {\r\n\t\ttop: 220px!important;\r\n\t\t position: absolute;\r\n\t\tz-index: 300;\r\n\t\tright:20px !important;\r\n\t}\r\n}\r\n\r\n\/* pagination *\/ \r\n.pagination > ul {\r\n\tbackground-color: rgba(0,0,0,0.2);\r\n\tborder-radius: $borderRadius;\r\n\t\r\n\t> li > .icon {\r\n\t\tfont-size: 13px;\r\n\t\tmargin-top: 3px;\r\n\t}\r\n\t\r\n\t> li:not(:last-child){\r\n\t\tmargin-right: 0px;\r\n\t}\r\n}\r\n\r\n\/* poll *\/\r\n.pollContainer .pollResultItem .pollMeter {\r\n\tborder-radius: 2px;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n\theight: 8px;\r\n\t\r\n\t> .pollMeterValue {\r\n\t\tborder-radius: 2px;\r\n\t\theight: 8px; \r\n\t}\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+1) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #e74c3c;\r\n\tbackground-image: linear-gradient(#ff6151,#e74c3c);\r\n\tbackground-image: -webkit-linear gradient(#ff6151,#e74c3c);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+2) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #e67e22;\r\n\tbackground-image: linear-gradient(#ff9334,#e67e22);\r\n\tbackground-image: -webkit-linear gradient(#ff9334,#e67e22);\r\n}\r\n\r\n.pollContainer .pollResultItem:nth-child(12n+3) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #f1c40f;\r\n\tbackground-image: linear-gradient(#ffd738,#f1c40f);\r\n\tbackground-image: -webkit-linear gradient(#ffd738,#f1c40f);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+4) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #2ecc71;\r\n\tbackground-image: linear-gradient(#3fea88,#2ecc71);\r\n\tbackground-image: -webkit-linear gradient(#3fea88,#2ecc71);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+5) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #3498db;\r\n\tbackground-image: linear-gradient(#3dabf5,#3498db);\r\n\tbackground-image: -webkit-linear gradient(#3dabf5,#3498db);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+6) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #1abc9c;\r\n\tbackground-image: linear-gradient(#26d8b5,#1abc9c);\r\n\tbackground-image: -webkit-linear gradient(#26d8b5,#1abc9c);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+7) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #9b59b6;\r\n\tbackground-image: linear-gradient(#b167d0,#9b59b6);\r\n\tbackground-image: -webkit-linear gradient(#b167d0,#9b59b6);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+8) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #34495e;\r\n\tbackground-image: linear-gradient(#46607b,#34495e);\r\n\tbackground-image: -webkit-linear gradient(#46607b,#34495e);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+9) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #95a5a6;\r\n\tbackground-image: linear-gradient(#abbfc0,#95a5a6);\r\n\tbackground-image: -webkit-linear gradient(#abbfc0,#95a5a6);\r\n}\r\n\t\r\n.pollContainer .pollResultItem:nth-child(12n+10) .pollMeter > .pollMeterValue{\r\n\tbackground-color: #bdc3c7;\r\n\tbackground-image: linear-gradient(#d7dce0,#bdc3c7);\r\n\tbackground-image: -webkit-linear gradient(#d7dce0,#bdc3c7);\r\n}\r\n\r\n\/* menu *\/\r\n.mainMenu .boxMenu {\r\n\tborder-bottom-left-radius: $borderRadius;\r\n\tborder-bottom-right-radius: $borderRadius;\r\n\t\r\n\t.boxMenuDepth1{\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover; \r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tborder-bottom-left-radius: 6px;\r\n\t\tborder-bottom-right-radius: 6px;\r\n\t\tbox-shadow: inset 0 0 0px 80px rgba(0,0,0,0.2);\r\n\t\t\r\n\t\t> li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span {\r\n\t\t\tpadding: 7px 12px;\r\n\t\t}\r\n\t}\r\n\t\r\n\t> li > a {\r\n\t\tfont-family: 'Roboto', sans-serif;\r\n\t\tfont-weight: 500;\r\n\t\tletter-spacing: -0.6px;\r\n\t\tfont-size: 1.1rem;\r\n\t\t\r\n\t\t.badge.badgeUpdate{\r\n\t\t\tline-height: 1.28;\r\n\t\t\tborder-radius: 2px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/* body *\/\r\nbody { \r\n\tbackground-image: $pageBodyBackgroundSharp;\r\n background-size: cover;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n\tbackground-color: #2a231a;\r\n}\r\n\r\n\/* sidebar *\/\r\n.boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {\r\n background-color: rgba(0,0,0,0.4);\r\n border-top-left-radius: 6px; \r\n border-top-right-radius: 6px;\r\n padding: 10px 10px;\r\n\tletter-spacing: -0.35px;\r\n font-weight: 500;\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 1.125rem;\r\n}\r\n\r\n.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink {\r\n margin-left: 0px;\r\n padding-left: 22px;\r\n}\r\n\r\n.boxesSidebarLeft .box:not(:first-child), .boxesSidebarRight .box:not(:first-child) {\r\n margin-top: 0px;\r\n}\r\n\r\n.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {\r\n background-color: rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.boxesSidebarLeft .box .boxMenu .boxMenuLink .badge, .boxesSidebarRight .box .boxMenu .boxMenuLink .badge {\r\n\tmargin-right: 10px;\r\n}\r\n\r\n.boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {\r\n margin-right: 0px;\r\n padding-right: 0px;\r\n}\r\n\r\n.boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {\r\n padding: 10px;\r\n}\r\n\r\n.boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu {\r\n margin-left: -8px;\r\n margin-right: -8px;\r\n}\r\n\r\n.sidebar .boxContainer > section .boxContent {\r\n\tpadding: 8px;\r\n\tmargin-top: 0;\r\n\tborder-bottom-left-radius: 6px; \r\n border-bottom-right-radius: 6px;\r\n\tbackground-color: rgba(0,0,0,0.33);\r\n}\r\n\r\n\/* ImageViewer *\/\r\n.wcfImageViewer {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\t\r\n\t.icon {\r\n\t\tcolor: $wcfContentText;\r\n\t}\r\n\t\r\n\t> div {\r\n\t\tbackground-color: rgba(0, 0, 0, 0);\r\n\t\tborder-color: $wcfContentBorder;\r\n\t}\r\n\t\r\n\t&:not(.wcfImageViewerMobile) > div > ul {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbox-shadow: inset 0 0 0px 50px rgba(0,0,0,0.25);\r\n\t\tborder: none;\r\n\t\tborder-top-left-radius: $borderRadius;\r\n\t\tborder-top-right-radius: $borderRadius;\r\n\t}\r\n\t\r\n\t&:not(.wcfImageViewerMobile) > div > ul > li:not(.pointer) > .icon {\r\n\t\tcolor: #aeaeae!important;\r\n\t}\r\n\t\r\n\t> header h1, > header h2, > header h3 {\r\n\t\tcolor: $wcfContentText;\r\n\t}\r\n}\r\n\r\n\r\n.messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {\r\n\tbackground-color: $wcfButtonPrimaryBackgroundActive;\r\n\tcolor: $wcfButtonPrimaryTextActive;\r\n\tpadding: 3px 7px; \r\n\tposition: relative;\r\n\ttop: 2px;\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.messageTabMenu.messageTabMenuContent > nav {\r\n\tpadding: 5px 20px 8px;\r\n}\r\n\r\n .smileyList {\r\n\t padding: 5px;\r\n}\r\n\r\n.messageTabMenu > .messageTabMenuContent.active {\r\n border-radius: $borderRadius;\r\n\tbackground-color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.messageTabMenuNavigation > ul > li.active > a {\r\n\tcolor: #ffffff;\r\n}\r\n\r\n.messageTabMenu > div > nav ul li a { \r\n\tcolor: $wcfButtonText;\r\n\tborder-radius: 3px;\r\n\tposition: relative;\r\n\ttop: 2px;\r\n\tpadding: 3px 7px;\r\n}\r\n\r\n.messageTabMenu > div > nav ul li a:hover {\r\n\tcolor: $wcfButtonTextActive;\r\n\tbackground-color: $wcfButtonBackgroundActive;\r\n}\r\n\r\n.messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {\r\n margin-top: 8px;\r\n border: none;\r\n border-radius: $borderRadius;\r\n}\r\n\r\n.messageTabMenuNavigation > ul {\r\n\tborder: none;\r\n\tbackground-color: rgba(0, 0, 0, 0.45);\r\n\tborder-bottom-left-radius: $borderRadius;\r\n border-bottom-right-radius: $borderRadius;\r\n}\r\n\r\n\/* BoardList *\/\r\n.wbbBoardNodeList {\r\n background-color: rgba(0,0,0,0.33);\r\n border-top-left-radius: 0px; \r\n border-top-right-radius: 0px;\r\n box-shadow: none;\r\n border: 0px;\r\n}\r\n.wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header::after {\r\n border-bottom: 0px;\r\n border-radius: var(--wcfBorderRadius) var(--wcfBorderRadius) 0 0;\r\n}\r\n.wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header {\r\n padding: 10px 20px;\r\n background-color: rgba(0,0,0,0.4);\r\n border-top-left-radius: 6px; \r\n border-top-right-radius: 6px;\r\n}\r\n\r\n.wbbBoardList .wbbBoardContainer {\r\n background-color: rgba(0,0,0,0.33);\r\n border-bottom: none;\r\n}\r\n\r\n.wbbBoardList > li.wbbBoardContainer:first-child {\r\n border-top: none;\r\n}\r\n\r\n.wbbBoardList .wbbBoardContainer {\r\n border-bottom: none;\r\n}\r\n\r\n.wbbCategory.wbbDepth1 > ul > li:last-child {\r\n border-bottom-left-radius: 6px;\r\n border-bottom-right-radius: 6px\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 {\t\r\n\tflex-direction: row-reverse;\r\n\tletter-spacing: -0.35px;\r\n font-weight: 500;\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 1.125rem;\r\n}\r\n\r\n.tabularBoxTitle > header {\r\n background-color: rgba(0,0,0,0.4);\r\n\tborder-bottom: none;\r\n\tborder-top-left-radius: 6px; \r\n\tborder-top-right-radius: 6px;\r\n padding: 10px 10px;\r\n}\r\n\r\n\/* layout *\/\r\n@include screen-lg {\r\n\t.pageContainer {\r\n\t\tmargin: 0 auto;\r\n\t\tmax-width: 1900px;\r\n\t\tpadding-top: 40px;\r\n\t\twidth: 90%;\r\n\t\tpadding-left: 20px;\r\n\t\tpadding-right: 20px;\r\n\t}\r\n\t\r\n\t.pageHeaderContainer {\r\n\t\tpadding-top: 0px;\r\n\t}\r\n\t\r\n\t.pageHeaderFacade > .layoutBoundary {\r\n padding-bottom: 0px;\r\n padding-top: 0px;\r\n\t}\r\n\t\r\n\t.layoutBoundary {\r\n\t\tmin-width: auto;\r\n\t}\r\n\t\r\n\t #pageHeaderPanel {\r\n position: absolute;\r\n\t}\r\n\t\r\n\t#pageHeaderPanel {\r\n position: absolute;\r\n top: inherit;\r\n bottom: 0;\r\n }\r\n\t\r\n #pageHeader {\r\n position: relative;\r\n padding-top: 120px;\r\n\t}\r\n}\r\n\r\n\/* messsage content *\/\r\n.messageSidebar .userAvatarImage {\r\n\tborder: 2px solid #000000;\r\n}\r\n\r\n.messageSidebar + .messageContent {\r\n\tbackground: rgba(0,0,0,0.4);\r\n\tborder-radius: 6px;\r\n\tpadding: 10px 10px 10px 10px;\r\n}\r\n\r\n.messageList:not(.messageReducedList) {\r\n border-top: none;\r\n\t\r\n\t> li {\r\n\t\tborder-bottom: none;\r\n\t}\r\n}\r\n\r\n@include screen-lg {\r\n\t.messageSidebar {\r\n\t border-radius: 0px;\r\n\t flex: 0 0 205px;\r\n\t\t\r\n\t\t.badgeOnline {\r\n\t\t\tmargin-bottom: 24px;\r\n\t\t\tpadding: 7px;\r\n\t\t\tbackground-color: $greenColor;\r\n\t\t\tborder: 2px solid #000000;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tfont-size: 0;\r\n\t\t}\r\n\t\t\r\n\t\t+ .messageContent {\r\n\t\t\tmargin-left: 0px;\r\n\t\t\tmax-width: calc(100% - 225px);\r\n\t\t\t\r\n\t\t\t&:not(.messageQuickReplyContent)::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t\tborder-color: rgba(0,0,0,0) rgba(0, 0, 0, 0.2) rgba(0,0,0,0) rgba(0,0,0,0);\r\n\t\t\t\tborder-width: 0px 14px 15px 0px;\r\n\t\t\t\tmargin-top: 18px;\r\n\t\t\t\tmargin-left: -24px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.messageQuickOptions {\r\n\t\tbackground-color: rgba(0,0,0,0.4);\r\n\t\tpadding: 2px 4px 1px 6px;\r\n\t\tborder-radius: 15px;\r\n\t}\r\n\t\r\n\t.message .messageClipboardCheckbox::before {\r\n\t\tfont-size: 20px;\r\n\t\tleft: 5px;\r\n\t\ttop: -2px;\r\n\t}\r\n\t\r\n\t.messageFooterNote {\r\n\t\tborder-left: 3px solid rgba(224, 224, 224, 1);\r\n\t}\r\n\t\r\n\t.messageCheckboxLabel::after, .message .messageClipboardCheckbox::after, .messageGroupList .columnMark > label::after {\r\n\t\tcolor: #54d123;\r\n\t}\r\n\t\r\n\t.message.jsMarked .messageClipboardCheckbox::after {\r\n\t\tfont-size: 11px;\r\n\t\tleft: 7px;\r\n\t\ttop: 4px;\r\n\t}\r\n\t\r\n\t#tpl_wbb_thread .contentHeader, #tpl_wcf_conversation .contentHeader{\r\n\t\tbackground-color: rgba(0,0,0,0.2);\r\n\t\tmargin: -20px; \r\n\t\tpadding: 20px;\r\n\t\tborder-top-left-radius: 6px; \r\n\t\tborder-top-right-radius: 6px;\r\n\t}\r\n\t\r\n\t.messageQuickReplyCollapsed .messageQuickReplyContent{\r\n\t\tpadding-top: 12px;\r\n\t\t\r\n\t\t&::before {\r\n\t\t\tfont-size: 26px;\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n\r\n\/* social buttons *\/\r\n.messageShareButtons .jsShareFacebook, .messageShareButtons .jsShareTwitter, .messageShareButtons .jsShareGoogle, .messageShareButtons .jsShareReddit, .messageShareButtons .jsShareWhatsApp, .messageShareButtons .jsShareLinkedIn, .messageShareButtons .jsSharePinterest, .messageShareButtons .jsShareXing {\r\n\tbackground-color: rgba(0,0,0,0.35);\r\n}\r\n\r\n.messageShareButtons .button span:not(.icon){\r\n\tdisplay: none;\r\n}\r\n\r\n\/* main content *\/\r\n@include screen-lg {\r\n\t.main {\r\n\t\tpadding: 20px 0;\r\n\t}\r\n}\r\n\r\n.main {\r\n background-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n border-radius: 6px;\r\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1{\r\n\tfont-family: 'Roboto', sans-serif;\r\n\tfont-weight: 700;\r\n\tletter-spacing: -0.3px;\r\n}\r\n\r\n\/* footer boxes *\/\t\r\n.boxesFooter .layoutBoundary{\r\n\tpadding: 0px 4px 0 8px;\r\n}\r\n\r\n.boxesFooterBoxes .layoutBoundary{\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tmargin-top: 25px;\r\n\tborder-radius: 6px;\r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n\t\r\n\t@include screen-lg {\r\n\t\t.boxContainer {\r\n\t\t\tpadding: 40px 0;\r\n\t\t\tmargin-bottom: -10px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/* header *\/\r\n@include screen-lg {\r\n\t.pageHeaderPanel {\r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n border-top-left-radius: 6px;\r\n\t\tborder-top-right-radius: 6px;\r\n\t\r\n\t\t> .layoutBoundary {\r\n\t\t\t\/\/display: inline-block;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.pageHeaderLogo {\r\n\t\tposition: relative; \r\n\t\ttop: -100px;\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n\/* dropdown *\/\r\n.dropdownMenu {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbox-shadow: inset 0 0px 0px 200px rgba(0, 0, 0, 0), 0 0 12px 0 rgba(0, 0, 0, 0);\r\n}\r\n\r\n@include screen-lg {\r\n\t.interactiveDropdown{ \r\n\t\tbackground-image: $pageBodyBackground;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-attachment: fixed;\r\n\t background-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tborder-radius: $borderRadius;\r\n\t\tleft: 72px!important;\r\n\t\ttop: 18px!important;\r\n\t\tbox-shadow: inset 0 0px 0px 200px rgba(255, 255, 255, 0.32), 0 0 12px 0 rgba(0, 0, 0, 0.2);\r\n\t\t\r\n\t\t.userAvatarImage {\r\n\t\t\tmax-width: 40px;\r\n\t\t\tmax-height: 40px;\r\n\t\t\tmargin-left: 3px;\r\n\t\t}\r\n\t\t\r\n\t\t&[data-source=\"userNotifications\"] {\r\n\t\t\ttop: 65px!important;\r\n\t\t}\r\n\t\t\r\n\t\t&[data-source=\"outstandingModeration\"] { \r\n\t\t\ttop: 116px!important;\r\n\t\t}\r\n\t\t\r\n\t\t&[data-source=\"unreadConversations\"] {\r\n\t\t\ttop: 167px!important;\r\n\t\t}\r\n\t}\r\n\t\t\r\n\t.interactiveDropdownHeader {\r\n\t\tpadding: 6px 12px;\r\n\t\t\r\n\t\t&::before{ \r\n\t\t\tcontent: \"\";\r\n\t\t\tborder-style: solid;\r\n\t\t\tborder-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\r\n\t\t\tborder-width: 8px 7px 8px 0px;\r\n\t\t\tmargin-top: 0px;\r\n\t\t\tmargin-left: -19px;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\r\n\t\t.interactiveDropdownTitle {\r\n\t\t\tletter-spacing: -0.35px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tfont-family: 'Roboto', sans-serif;\r\n\t\t\tfont-size: 1.125rem;\r\n\t\t}\r\n }\r\n\t\r\n\t.interactiveDropdownItems > li {\r\n\t\tpadding: 10px 12px;\r\n\t\t\r\n\t\t.icon{ \r\n\t\t\tfont-size: 2.2rem;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead .icon{\t\r\n\t\tfont-size: 1.2rem;\r\n\t}\r\n\t\r\n\t.interactiveDropdownShowAll {\r\n\t\tfont-weight: bold;\r\n\t\t\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $wcfTabularBoxBackgroundActive;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\/* userpanel *\/\r\n\r\n\r\n\/* general *\/\r\n.styleChanger a::before {\r\n \/\/content: \"\\f03e\";\r\n font-size: 1.1rem;\r\n font-family: \"FontAwesome\";\r\n margin-right: 5px;\r\n}\r\n\r\n.pageNavigation {\r\n\tbackground-image: $pageBodyBackground;\r\n background-size: cover;\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n\tmargin-bottom: 25px; \r\n\tborder-bottom-left-radius: 6px;\r\n\tborder-bottom-right-radius: 6px;\r\n}\r\n\r\n.wcfLikeCounter.likeCounterLiked {\r\n color: $greenColor!important;\r\n}\r\n\r\n.wcfLikeCounter.likeCounterDisliked {\r\n color: $redColor!important;\r\n}\r\n\r\nwoltlab-quote, .quoteBox {\r\n background-color: rgba(0, 0, 0, 0.22);\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.spoilerBox {\r\n background-color: rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n.codeBox {\r\n background-color: rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n.codeBox .codeBoxHeader {\r\n background-color: rgba(0, 0, 0, 0.33);\r\n}\r\n\r\n.contentHeaderIcon .userAvatarImage{ \r\n\tborder: 2px solid #000000;\r\n}\r\n\r\n.contentHeaderIcon .badgeOnline {\r\n margin-bottom: 24px;\r\n padding: 7px;\r\n background-color: #54d123;\r\n border: 2px solid #000000;\r\n border-radius: 10px;\r\n font-size: 0;\r\n}\r\n\r\n.dialogContainer{\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tborder-radius: 6px; \r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(0, 0, 0, 0.2); \r\n background-color: rgba(0,0,0,0.6);\r\n}\r\n\r\n.dialogContainer > .dialogContent {\r\n background-color: rgba(0,0,0,0.6);\r\n}\r\n\r\n.balloonTooltip, .redactor-toolbar-tooltip {\r\n\tbox-shadow: none;\r\n}\r\n\r\n.badge.badgeUpdate, a.badge.badgeUpdate {\r\n\tbackground-color: #008080; \r\n}\r\n\r\n.containerList > li:not(:last-child) {\r\n border-bottom: none;\r\n}\r\n\r\n.dialogContainer > header > span{\r\n\tletter-spacing: -0.35px;\r\n\tfont-weight: 500;\r\n\tfont-family: 'Roboto', sans-serif;\r\n\tfont-size: 1.25rem;\r\n\tcolor: var(--wcfContentText);\r\n}\r\n\r\n.dialogContainer > .dialogContent .dialogFormSubmit {\r\n\tborder-top: none;\r\n}\r\n\r\n.containerList > li:first-child {\r\n border-top: none;\r\n}\r\n\r\n.containerList > li:last-child {\r\n border-bottom: none;\r\n}\r\n\r\n@include screen-md-up {\r\n .tabMenu > ul > li > a {\r\n font-size: 20px;\r\n }\r\n}\r\n\r\n.spinner {\r\n background-color: rgba(0,0,0,0.4);\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n border: none;\r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 60px rgba(255, 255, 255, 0.25); \r\n}\r\n\r\n.smileyList {\r\n\tmargin-bottom: 0px;\r\n}\r\n\r\n\r\n* {\r\n\toutline: none;\r\n}\r\n\r\n.popover, .datePicker {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbox-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(255,255,255,0.2);\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\ninput[type=\"date\"][disabled], input[type=\"datetime\"][disabled],\r\ninput[type=\"email\"][disabled], input[type=\"number\"][disabled],\r\ninput[type=\"password\"][disabled], input[type=\"search\"][disabled],\r\ninput[type=\"text\"][disabled], input[type=\"url\"][disabled], input[type=\"date\"][readonly],\r\ninput[type=\"datetime\"][readonly], input[type=\"email\"][readonly],\r\ninput[type=\"number\"][readonly], input[type=\"password\"][readonly],\r\ninput[type=\"search\"][readonly], input[type=\"text\"][readonly], input[type=\"url\"][readonly] {\r\n\tbackground-color: $wcfInputBackground!important;\r\n\tborder: none;\r\n}\r\n\r\n.tagList > li {\r\n\tborder-top-right-radius: 3px; \r\n\tborder-bottom-right-radius: 3px;\r\n}\r\n\r\n.tagList .tag {\r\n border-top-right-radius: 3px;\r\n\tborder-bottom-right-radius: 3px;\r\n}\r\n\r\n.wbbBoardList .wbbCollapsibleCategory h2 + small {\r\n\tcolor: #4C4C4C;\r\n}\r\n\r\n.wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {\r\n\tborder: 1px solid $wcfButtonText;\r\n}\r\n\r\n.inputItemList {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.wbbStickyIcon, .wbbMovedIcon {\r\n background-color: rgba(255, 151, 54, 1);\r\n color: $wcfButtonText;\r\n}\r\n\r\ninput[type=\"date\"], input[type=\"datetime\"], input[type=\"email\"], input[type=\"number\"], input[type=\"password\"], input[type=\"text\"], input[type=\"url\"], select{\r\n border-radius: 3px;\r\n}\r\n\r\n.fa-spinner, .wcfImageViewer > div.loading:before, .wcfImageViewer > footer > div > ul > li.loading:before {\r\n\tborder-top-color: $wcfButtonPrimaryBackground;\r\n}\r\n\r\n.pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success,\r\n.pageFooterStickyNotice .warning {\r\n\tborder: none;\r\n}\r\n\r\n.containerHeadline > h3 > .badge {\r\n\tborder-radius: 30px;\r\n}\r\n\r\n.pollContainer .pollResultItem .pollResultItemCaption > .pollOptionRelativeValue {\r\n\tcolor: #dedfe9;\r\n}\r\n\r\na:any-link{\r\n\ttext-decoration: none!important;\r\n}\r\n\r\n@include screen-md-up {\r\n .quoteBoxIcon > .quoteBoxQuoteSymbol {\r\n\t\tfont-size: 140px;\r\n\t}\r\n}\r\n\r\n.dialogContainer > header > .dialogCloseButton > .icon {\r\n\tmargin-right: -8px;\r\n}\r\n\r\n.userAvatarImage {\r\n border: 2px solid #000000;\r\n}\r\n\r\n.error, .info, .success, .warning {\r\n\tborder-left: none;\r\n}\r\n\r\n.userProfileButtonContainer .icon{\r\n\tfont-size: 24px;\r\n}\r\n\r\n.tabularListRowHead > .tabularListColumns > li {\r\n font-weight: 700;\r\n\tletter-spacing: -0.7px;\r\n}\r\n\r\n.userProfileButtonContainer a.button{\r\n\tpadding: 5px 15px;\r\n}\r\n\r\n.inlineCode, kbd {\r\n background-color: rgba(0, 0, 0, 0.22)!important;\r\n border: none!important;\r\n border-radius: 2px;\r\n\tcolor: #ffffff !important;\r\n}\r\n\r\n.formError dt {\r\n color: $redColor!important;\r\n}\r\n\r\n.flexibleButtonGroup > li > a.active.green, .flexibleButtonGroup > li > input[type=\"radio\"]:checked + label.green,\r\n.flexibleButtonGroup > li > input[type=\"radio\"] + label:hover.green {\r\n background-color: $greenColor;\r\n}\r\n\r\n.flexibleButtonGroup > li > a.active.red, .flexibleButtonGroup > li > input[type=\"radio\"]:checked + label.red,\r\n.flexibleButtonGroup > li > input[type=\"radio\"] + label:hover.red {\r\n background-color: $redColor;\r\n}\r\n\r\n.innerError {\r\n background-color: $wcfStatusErrorBackground;\r\n color: $wcfStatusErrorText;\r\n}\r\n\r\n.innerError::before {\r\n border-bottom-color: $wcfStatusErrorBackground;\r\n}\r\n\r\n.innerError a {\r\n color: $wcfStatusErrorText;\r\n}\r\n\r\n.dialogContainer > .dialogContent .dialogFormSubmit {\r\n\tbackground-image: $pageBodyBackground;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbox-shadow: inset 0 0 0px 100px rgba(255,255,255,0.2);\r\n\tborder-top: none;\r\n\tborder-bottom-left-radius: $borderRadius;\r\n border-bottom-right-radius: $borderRadius;\r\n}\r\n\r\n.flexibleButtonGroup > li > a, .flexibleButtonGroup > li > label {\r\n\tbackground-color: rgba(245, 246, 249, 0.83);\r\n}\r\n\r\n.innerError a:hover {\r\n color: $wcfStatusErrorText;\r\n}\r\n\r\ntextarea.open{\r\n\tbackground-color: rgba(17, 17, 17, 0.65)!important;\r\n}\r\n\r\n.containerList > li:hover {\r\n\tborder-radius: $borderRadius;\r\n}\r\n\r\n.dialogContainer[data-id=\"styleChanger\"] .containerList{\r\n\tpadding: 6px;\r\n}\r\n\r\n.htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td,\r\n.messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td,\r\n.table tr:hover > td {\r\n background-color: $wcfTabularBoxBackgroundActive;\r\n}\r\n\r\n\r\nbutton:not(.inputPrefix), input[type=\"button\"]:not(.inputPrefix),\r\ninput[type=\"reset\"]:not(.inputPrefix), input[type=\"submit\"]:not(.inputPrefix),\r\n.button:not(.inputPrefix), a.button:not(.inputPrefix) {\r\n text-transform: none;\r\n}\r\n\r\ninput[type=\"date\"][disabled], input[type=\"datetime\"][disabled],\r\ninput[type=\"email\"][disabled], input[type=\"number\"][disabled],\r\ninput[type=\"password\"][disabled], input[type=\"search\"][disabled],\r\ninput[type=\"text\"][disabled], input[type=\"url\"][disabled], input[type=\"date\"][readonly],\r\ninput[type=\"datetime\"][readonly], input[type=\"email\"][readonly],\r\ninput[type=\"number\"][readonly], input[type=\"password\"][readonly],\r\ninput[type=\"search\"][readonly], input[type=\"text\"][readonly], input[type=\"url\"][readonly] {\r\n color: rgba(220, 220, 220, 1)!important;\r\n}\r\n\r\n.formError input, .formError select, .formError textarea {\r\n border-color: $redColor!important;\r\n}\r\n\r\n@include screen-lg {\r\n\t.mainMenu .mainMenuShowNext {\r\n\t\tbackground-color: rgba(0,0,0,0.1);\r\n\t\tbackground-image: none;\r\n\t\twidth: 20px;\r\n\t\tmargin-right: -25px;\r\n\t}\r\n\t\r\n\t.mainMenu .boxMenu .boxMenuDepth1 {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t.mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {\r\n\t\tdisplay: block;\r\n\t}\r\n\t\r\n\t#pageHeaderPanel .layoutBoundary {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t\r\n\t.mainMenu .mainMenuShowPrevious {\r\n\t\tbackground-color: rgba(0,0,0,0.1); \r\n\t\tbackground-image: none;\r\n\t\twidth: 20px;\r\n\t\tborder-top-left-radius: 4px;\r\n\t\tmargin-left: -20px;\r\n\t}\r\n\t\r\n #topMenu.userPanelLoggedIn > ul > li:first-child > a::before {\r\n content: \"\";\r\n }\r\n\r\n #topMenu #userMenu img {\r\n display: block;\r\n}\r\n\r\n#tpl_wcf_article .content > .section, .content > form, .sectionContainer {\r\n border: 0px;\r\n background-color: rgba(0, 0, 0, 0.22);\r\n padding: 20px;\r\n\tborder-radius: $borderRadius;\r\n\t\r\n}\r\n\r\n.filebaseFileList .filebaseFileCard {\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n background-color: rgba(0, 0, 0, 0.25);\r\n border-radius: 5px;\r\n box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);\r\n}\r\n\r\n.boxesFooterBoxes {\r\n background-color: transparent;\r\n}\r\n\t\r\n.dashboardBoxRecentActivity ul.containerList.recentActivityList\t{\r\n\t\tbackground-color: rgba(0,0,0,0.1); \r\n\t border-radius: 5px;\r\n\t}\r\n\r\n.contentItem {\r\n background-color: rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);\r\n}\r\n}\r\n\r\ntextarea[disabled], textarea[readonly] {\r\n color: rgba(233, 233, 233, 1) !important;\r\n}\r\n.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable),.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,.ck .ck-editor__nested-editable:focus{border-color:#318ADC9E !important}\r\n.ck.ck-editor, .ck.ck-body {\r\n --ck-color-base-border: #000 !important;\r\n --ck-color-toolbar-border: #000 !important;\r\n --ck-color-dropdown-panel-border: #000 !important;\r\n --ck-color-panel-border: #000 !important;\r\n}\/* WCF_STYLE_CUSTOM_USER_MODIFICATIONS *\/\n\/* Spendenliste ausblenden *\/\r\n#tpl_wcf_donations table, #tpl_wcf_donations .contentHeaderTitle {display:none;}\r\n\r\n\/* Spinnennetz *\/\r\n.web-right {\r\ndisplay:none;\r\n}\r\n\r\nimg.web-left {\r\n width: 200px;\r\n height: 200px;\r\n}\n}",{"darkMode\u0000individualScss":"[redacted]","messageSidebarOrientation":"[redacted]","darkMode\u0000messageSidebarOrientation":"[redacted]","darkMode\u0000overrideScss":"[redacted]","pageLogo":"[redacted]","darkMode\u0000pageLogo":"[redacted]","pageLogoWidth":"[redacted]","darkMode\u0000pageLogoWidth":"[redacted]","pageLogoHeight":"[redacted]","darkMode\u0000pageLogoHeight":"[redacted]","pageLogoMobile":"[redacted]","darkMode\u0000pageLogoMobile":"[redacted]","useFluidLayout":"[redacted]","darkMode\u0000useFluidLayout":"[redacted]","wcfButtonBackground":"[redacted]","darkMode\u0000wcfButtonBackground":"[redacted]","wcfButtonBackgroundActive":"[redacted]","darkMode\u0000wcfButtonBackgroundActive":"[redacted]","wcfButtonDisabledBackground":"[redacted]","darkMode\u0000wcfButtonDisabledBackground":"[redacted]","wcfButtonDisabledText":"[redacted]","darkMode\u0000wcfButtonDisabledText":"[redacted]","wcfButtonPrimaryBackground":"[redacted]","darkMode\u0000wcfButtonPrimaryBackground":"[redacted]","wcfButtonPrimaryBackgroundActive":"[redacted]","darkMode\u0000wcfButtonPrimaryBackgroundActive":"[redacted]","wcfButtonPrimaryText":"[redacted]","darkMode\u0000wcfButtonPrimaryText":"[redacted]","wcfButtonPrimaryTextActive":"[redacted]","darkMode\u0000wcfButtonPrimaryTextActive":"[redacted]","wcfButtonText":"[redacted]","darkMode\u0000wcfButtonText":"[redacted]","wcfButtonTextActive":"[redacted]","darkMode\u0000wcfButtonTextActive":"[redacted]","wcfContentBackground":"[redacted]","darkMode\u0000wcfContentBackground":"[redacted]","wcfContentBorder":"[redacted]","darkMode\u0000wcfContentBorder":"[redacted]","wcfContentBorderInner":"[redacted]","darkMode\u0000wcfContentBorderInner":"[redacted]","wcfContentContainerBackground":"[redacted]","darkMode\u0000wcfContentContainerBackground":"[redacted]","wcfContentContainerBorder":"[redacted]","darkMode\u0000wcfContentContainerBorder":"[redacted]","wcfContentDimmedLink":"[redacted]","darkMode\u0000wcfContentDimmedLink":"[redacted]","wcfContentDimmedLinkActive":"[redacted]","darkMode\u0000wcfContentDimmedLinkActive":"[redacted]","wcfContentDimmedText":"[redacted]","darkMode\u0000wcfContentDimmedText":"[redacted]","wcfContentHeadlineBorder":"[redacted]","darkMode\u0000wcfContentHeadlineBorder":"[redacted]","wcfContentHeadlineLink":"[redacted]","darkMode\u0000wcfContentHeadlineLink":"[redacted]","wcfContentHeadlineLinkActive":"[redacted]","darkMode\u0000wcfContentHeadlineLinkActive":"[redacted]","wcfContentHeadlineText":"[redacted]","darkMode\u0000wcfContentHeadlineText":"[redacted]","wcfContentLink":"[redacted]","darkMode\u0000wcfContentLink":"[redacted]","wcfContentLinkActive":"[redacted]","darkMode\u0000wcfContentLinkActive":"[redacted]","wcfContentText":"[redacted]","darkMode\u0000wcfContentText":"[redacted]","wcfDropdownBackground":"[redacted]","darkMode\u0000wcfDropdownBackground":"[redacted]","wcfDropdownBackgroundActive":"[redacted]","darkMode\u0000wcfDropdownBackgroundActive":"[redacted]","wcfDropdownBorderInner":"[redacted]","darkMode\u0000wcfDropdownBorderInner":"[redacted]","wcfDropdownLink":"[redacted]","darkMode\u0000wcfDropdownLink":"[redacted]","wcfDropdownLinkActive":"[redacted]","darkMode\u0000wcfDropdownLinkActive":"[redacted]","wcfDropdownText":"[redacted]","darkMode\u0000wcfDropdownText":"[redacted]","wcfEditorButtonBackground":"[redacted]","darkMode\u0000wcfEditorButtonBackground":"[redacted]","wcfEditorButtonBackgroundActive":"[redacted]","darkMode\u0000wcfEditorButtonBackgroundActive":"[redacted]","wcfEditorButtonText":"[redacted]","darkMode\u0000wcfEditorButtonText":"[redacted]","wcfEditorButtonTextActive":"[redacted]","darkMode\u0000wcfEditorButtonTextActive":"[redacted]","wcfEditorButtonTextDisabled":"[redacted]","darkMode\u0000wcfEditorButtonTextDisabled":"[redacted]","wcfEditorTableBorder":"[redacted]","darkMode\u0000wcfEditorTableBorder":"[redacted]","wcfFontFamilyFallback":"[redacted]","darkMode\u0000wcfFontFamilyFallback":"[redacted]","wcfFontFamilyGoogle":"[redacted]","darkMode\u0000wcfFontFamilyGoogle":"[redacted]","wcfFontLineHeight":"[redacted]","darkMode\u0000wcfFontLineHeight":"[redacted]","wcfFontSizeDefault":"[redacted]","darkMode\u0000wcfFontSizeDefault":"[redacted]","wcfFontSizeHeadline":"[redacted]","darkMode\u0000wcfFontSizeHeadline":"[redacted]","wcfFontSizeSection":"[redacted]","darkMode\u0000wcfFontSizeSection":"[redacted]","wcfFontSizeSmall":"[redacted]","darkMode\u0000wcfFontSizeSmall":"[redacted]","wcfFontSizeTitle":"[redacted]","darkMode\u0000wcfFontSizeTitle":"[redacted]","wcfFooterBackground":"[redacted]","darkMode\u0000wcfFooterBackground":"[redacted]","wcfFooterBoxBackground":"[redacted]","darkMode\u0000wcfFooterBoxBackground":"[redacted]","wcfFooterBoxHeadlineLink":"[redacted]","darkMode\u0000wcfFooterBoxHeadlineLink":"[redacted]","wcfFooterBoxHeadlineLinkActive":"[redacted]","darkMode\u0000wcfFooterBoxHeadlineLinkActive":"[redacted]","wcfFooterBoxHeadlineText":"[redacted]","darkMode\u0000wcfFooterBoxHeadlineText":"[redacted]","wcfFooterBoxLink":"[redacted]","darkMode\u0000wcfFooterBoxLink":"[redacted]","wcfFooterBoxLinkActive":"[redacted]","darkMode\u0000wcfFooterBoxLinkActive":"[redacted]","wcfFooterBoxText":"[redacted]","darkMode\u0000wcfFooterBoxText":"[redacted]","wcfFooterCopyrightBackground":"[redacted]","darkMode\u0000wcfFooterCopyrightBackground":"[redacted]","wcfFooterCopyrightLink":"[redacted]","darkMode\u0000wcfFooterCopyrightLink":"[redacted]","wcfFooterCopyrightLinkActive":"[redacted]","darkMode\u0000wcfFooterCopyrightLinkActive":"[redacted]","wcfFooterCopyrightText":"[redacted]","darkMode\u0000wcfFooterCopyrightText":"[redacted]","wcfFooterHeadlineLink":"[redacted]","darkMode\u0000wcfFooterHeadlineLink":"[redacted]","wcfFooterHeadlineLinkActive":"[redacted]","darkMode\u0000wcfFooterHeadlineLinkActive":"[redacted]","wcfFooterHeadlineText":"[redacted]","darkMode\u0000wcfFooterHeadlineText":"[redacted]","wcfFooterLink":"[redacted]","darkMode\u0000wcfFooterLink":"[redacted]","wcfFooterLinkActive":"[redacted]","darkMode\u0000wcfFooterLinkActive":"[redacted]","wcfFooterText":"[redacted]","darkMode\u0000wcfFooterText":"[redacted]","wcfHeaderBackground":"[redacted]","darkMode\u0000wcfHeaderBackground":"[redacted]","wcfHeaderText":"[redacted]","darkMode\u0000wcfHeaderText":"[redacted]","wcfHeaderLink":"[redacted]","darkMode\u0000wcfHeaderLink":"[redacted]","wcfHeaderLinkActive":"[redacted]","darkMode\u0000wcfHeaderLinkActive":"[redacted]","wcfHeaderMenuBackground":"[redacted]","darkMode\u0000wcfHeaderMenuBackground":"[redacted]","wcfHeaderMenuLinkBackground":"[redacted]","darkMode\u0000wcfHeaderMenuLinkBackground":"[redacted]","wcfHeaderMenuLinkBackgroundActive":"[redacted]","darkMode\u0000wcfHeaderMenuLinkBackgroundActive":"[redacted]","wcfHeaderMenuLink":"[redacted]","darkMode\u0000wcfHeaderMenuLink":"[redacted]","wcfHeaderMenuLinkActive":"[redacted]","darkMode\u0000wcfHeaderMenuLinkActive":"[redacted]","wcfHeaderMenuDropdownBackground":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownBackground":"[redacted]","wcfHeaderMenuDropdownBackgroundActive":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownBackgroundActive":"[redacted]","wcfHeaderMenuDropdownLink":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownLink":"[redacted]","wcfHeaderMenuDropdownLinkActive":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownLinkActive":"[redacted]","wcfHeaderSearchBoxBackground":"[redacted]","darkMode\u0000wcfHeaderSearchBoxBackground":"[redacted]","wcfHeaderSearchBoxBackgroundActive":"[redacted]","darkMode\u0000wcfHeaderSearchBoxBackgroundActive":"[redacted]","wcfHeaderSearchBoxText":"[redacted]","darkMode\u0000wcfHeaderSearchBoxText":"[redacted]","wcfHeaderSearchBoxTextActive":"[redacted]","darkMode\u0000wcfHeaderSearchBoxTextActive":"[redacted]","wcfHeaderSearchBoxPlaceholder":"[redacted]","darkMode\u0000wcfHeaderSearchBoxPlaceholder":"[redacted]","wcfHeaderSearchBoxPlaceholderActive":"[redacted]","darkMode\u0000wcfHeaderSearchBoxPlaceholderActive":"[redacted]","wcfInputBackground":"[redacted]","darkMode\u0000wcfInputBackground":"[redacted]","wcfInputBackgroundActive":"[redacted]","darkMode\u0000wcfInputBackgroundActive":"[redacted]","wcfInputBorder":"[redacted]","darkMode\u0000wcfInputBorder":"[redacted]","wcfInputBorderActive":"[redacted]","darkMode\u0000wcfInputBorderActive":"[redacted]","wcfInputDisabledBackground":"[redacted]","darkMode\u0000wcfInputDisabledBackground":"[redacted]","wcfInputDisabledBorder":"[redacted]","darkMode\u0000wcfInputDisabledBorder":"[redacted]","wcfInputDisabledText":"[redacted]","darkMode\u0000wcfInputDisabledText":"[redacted]","wcfInputLabel":"[redacted]","darkMode\u0000wcfInputLabel":"[redacted]","wcfInputText":"[redacted]","darkMode\u0000wcfInputText":"[redacted]","wcfInputTextActive":"[redacted]","darkMode\u0000wcfInputTextActive":"[redacted]","wcfInputPlaceholder":"[redacted]","darkMode\u0000wcfInputPlaceholder":"[redacted]","wcfInputPlaceholderActive":"[redacted]","darkMode\u0000wcfInputPlaceholderActive":"[redacted]","wcfLayoutFixedWidth":"[redacted]","darkMode\u0000wcfLayoutFixedWidth":"[redacted]","wcfLayoutMaxWidth":"[redacted]","darkMode\u0000wcfLayoutMaxWidth":"[redacted]","wcfLayoutMinWidth":"[redacted]","darkMode\u0000wcfLayoutMinWidth":"[redacted]","wcfNavigationBackground":"[redacted]","darkMode\u0000wcfNavigationBackground":"[redacted]","wcfNavigationLink":"[redacted]","darkMode\u0000wcfNavigationLink":"[redacted]","wcfNavigationLinkActive":"[redacted]","darkMode\u0000wcfNavigationLinkActive":"[redacted]","wcfNavigationText":"[redacted]","darkMode\u0000wcfNavigationText":"[redacted]","wcfPageThemeColor":"[redacted]","darkMode\u0000wcfPageThemeColor":"[redacted]","wcfSidebarBackground":"[redacted]","darkMode\u0000wcfSidebarBackground":"[redacted]","wcfSidebarDimmedLink":"[redacted]","darkMode\u0000wcfSidebarDimmedLink":"[redacted]","wcfSidebarDimmedLinkActive":"[redacted]","darkMode\u0000wcfSidebarDimmedLinkActive":"[redacted]","wcfSidebarDimmedText":"[redacted]","darkMode\u0000wcfSidebarDimmedText":"[redacted]","wcfSidebarHeadlineLink":"[redacted]","darkMode\u0000wcfSidebarHeadlineLink":"[redacted]","wcfSidebarHeadlineLinkActive":"[redacted]","darkMode\u0000wcfSidebarHeadlineLinkActive":"[redacted]","wcfSidebarHeadlineText":"[redacted]","darkMode\u0000wcfSidebarHeadlineText":"[redacted]","wcfSidebarLink":"[redacted]","darkMode\u0000wcfSidebarLink":"[redacted]","wcfSidebarLinkActive":"[redacted]","darkMode\u0000wcfSidebarLinkActive":"[redacted]","wcfSidebarText":"[redacted]","darkMode\u0000wcfSidebarText":"[redacted]","wcfStatusErrorBackground":"[redacted]","darkMode\u0000wcfStatusErrorBackground":"[redacted]","wcfStatusErrorBorder":"[redacted]","darkMode\u0000wcfStatusErrorBorder":"[redacted]","wcfStatusErrorLink":"[redacted]","darkMode\u0000wcfStatusErrorLink":"[redacted]","wcfStatusErrorLinkActive":"[redacted]","darkMode\u0000wcfStatusErrorLinkActive":"[redacted]","wcfStatusErrorText":"[redacted]","darkMode\u0000wcfStatusErrorText":"[redacted]","wcfStatusInfoBackground":"[redacted]","darkMode\u0000wcfStatusInfoBackground":"[redacted]","wcfStatusInfoBorder":"[redacted]","darkMode\u0000wcfStatusInfoBorder":"[redacted]","wcfStatusInfoLink":"[redacted]","darkMode\u0000wcfStatusInfoLink":"[redacted]","wcfStatusInfoLinkActive":"[redacted]","darkMode\u0000wcfStatusInfoLinkActive":"[redacted]","wcfStatusInfoText":"[redacted]","darkMode\u0000wcfStatusInfoText":"[redacted]","wcfStatusSuccessBackground":"[redacted]","darkMode\u0000wcfStatusSuccessBackground":"[redacted]","wcfStatusSuccessBorder":"[redacted]","darkMode\u0000wcfStatusSuccessBorder":"[redacted]","wcfStatusSuccessLink":"[redacted]","darkMode\u0000wcfStatusSuccessLink":"[redacted]","wcfStatusSuccessLinkActive":"[redacted]","darkMode\u0000wcfStatusSuccessLinkActive":"[redacted]","wcfStatusSuccessText":"[redacted]","darkMode\u0000wcfStatusSuccessText":"[redacted]","wcfStatusWarningBackground":"[redacted]","darkMode\u0000wcfStatusWarningBackground":"[redacted]","wcfStatusWarningBorder":"[redacted]","darkMode\u0000wcfStatusWarningBorder":"[redacted]","wcfStatusWarningLink":"[redacted]","darkMode\u0000wcfStatusWarningLink":"[redacted]","wcfStatusWarningLinkActive":"[redacted]","darkMode\u0000wcfStatusWarningLinkActive":"[redacted]","wcfStatusWarningText":"[redacted]","darkMode\u0000wcfStatusWarningText":"[redacted]","wcfTabularBoxBackgroundActive":"[redacted]","darkMode\u0000wcfTabularBoxBackgroundActive":"[redacted]","wcfTabularBoxBorderInner":"[redacted]","darkMode\u0000wcfTabularBoxBorderInner":"[redacted]","wcfTabularBoxHeadline":"[redacted]","darkMode\u0000wcfTabularBoxHeadline":"[redacted]","wcfTabularBoxHeadlineActive":"[redacted]","darkMode\u0000wcfTabularBoxHeadlineActive":"[redacted]","wcfTextShadowDark":"[redacted]","darkMode\u0000wcfTextShadowDark":"[redacted]","wcfTextShadowLight":"[redacted]","darkMode\u0000wcfTextShadowLight":"[redacted]","wcfTooltipBackground":"[redacted]","darkMode\u0000wcfTooltipBackground":"[redacted]","wcfTooltipText":"[redacted]","darkMode\u0000wcfTooltipText":"[redacted]","wcfUserMenuBackground":"[redacted]","darkMode\u0000wcfUserMenuBackground":"[redacted]","wcfUserMenuBackgroundActive":"[redacted]","darkMode\u0000wcfUserMenuBackgroundActive":"[redacted]","wcfUserMenuText":"[redacted]","darkMode\u0000wcfUserMenuText":"[redacted]","wcfUserMenuTextActive":"[redacted]","darkMode\u0000wcfUserMenuTextActive":"[redacted]","wcfUserMenuTextDimmed":"[redacted]","darkMode\u0000wcfUserMenuTextDimmed":"[redacted]","wcfUserMenuIndicator":"[redacted]","darkMode\u0000wcfUserMenuIndicator":"[redacted]","wcfUserMenuBorder":"[redacted]","darkMode\u0000wcfUserMenuBorder":"[redacted]","wcfSidebarBorder":"[redacted]","darkMode\u0000wcfSidebarBorder":"[redacted]","darkMode\u0000individualScssDarkMode":"[redacted]","wcfHeaderMenuDropdownBorder":"[redacted]","darkMode\u0000wcfHeaderMenuDropdownBorder":"[redacted]","style_image_path":"[redacted]","apiVersion":"[redacted]","wcfFontFamily":"[redacted]","wcfFontFamilyMonospace":"[redacted]","wcf_option_last_update_time":"[redacted]","wcf_option_woltlab_branding":"[redacted]","wcf_option_first_time_setup_state":"[redacted]","wcf_option_visitor_use_tiny_build":"[redacted]","wcf_option_enable_woltlab_news":"[redacted]","wcf_option_module_article":"[redacted]","wcf_option_module_smiley":"[redacted]","wcf_option_module_users_online":"[redacted]","wcf_option_module_user_rank":"[redacted]","wcf_option_module_user_signature":"[redacted]","wcf_option_module_members_list":"[redacted]","wcf_option_module_team_page":"[redacted]","wcf_option_module_like":"[redacted]","wcf_option_module_user_profile_wall":"[redacted]","wcf_option_module_trophy":"[redacted]","wcf_option_module_tagging":"[redacted]","wcf_option_module_poll":"[redacted]","wcf_option_module_wcf_ad":"[redacted]","wcf_option_enable_debug_mode":"[redacted]","wcf_option_enable_production_debug_mode":"[redacted]","wcf_option_enable_benchmark":"[redacted]","wcf_option_enable_developer_tools":"[redacted]","wcf_option_use_page_title_on_landing_page":"[redacted]","wcf_option_show_version_number":"[redacted]","wcf_option_external_link_target_blank":"[redacted]","wcf_option_show_update_notice_frontend":"[redacted]","wcf_option_language_use_informal_variant":"[redacted]","wcf_option_show_style_changer":"[redacted]","wcf_option_enable_ad_rotation":"[redacted]","wcf_option_enable_polling":"[redacted]","wcf_option_page_logo_link_to_app_default":"[redacted]","wcf_option_breadcrumbs_home_use_page_title":"[redacted]","wcf_option_url_omit_index_php":"[redacted]","wcf_option_sitemap_index_time_frame":"[redacted]","wcf_option_offline":"[redacted]","wcf_option_offline_message_allow_html":"[redacted]","wcf_option_log_ip_address":"[redacted]","wcf_option_prune_ip_address":"[redacted]","wcf_option_image_adapter_type":"[redacted]","wcf_option_search_engine":"[redacted]","wcf_option_exception_privacy":"[redacted]","wcf_option_user_online_timeout":"[redacted]","wcf_option_enable_user_authentication_failure":"[redacted]","wcf_option_user_authentication_failure_timeout":"[redacted]","wcf_option_user_authentication_failure_ip_captcha":"[redacted]","wcf_option_user_authentication_failure_ip_block":"[redacted]","wcf_option_user_authentication_failure_user_captcha":"[redacted]","wcf_option_user_authentication_failure_expiration":"[redacted]","wcf_option_blacklist_sfs_enable":"[redacted]","wcf_option_blacklist_sfs_username":"[redacted]","wcf_option_blacklist_sfs_email_address":"[redacted]","wcf_option_blacklist_sfs_ip_address":"[redacted]","wcf_option_blacklist_sfs_action":"[redacted]","wcf_option_register_use_captcha":"[redacted]","wcf_option_lost_password_use_captcha":"[redacted]","wcf_option_google_maps_zoom":"[redacted]","wcf_option_google_maps_default_latitude":"[redacted]","wcf_option_google_maps_default_longitude":"[redacted]","wcf_option_mail_send_method":"[redacted]","wcf_option_mail_smtp_port":"[redacted]","wcf_option_mail_smtp_starttls":"[redacted]","wcf_option_mail_use_f_param":"[redacted]","wcf_option_cache_source_type":"[redacted]","wcf_option_module_paid_subscription":"[redacted]","wcf_option_paid_subscription_enable_tos_confirmation":"[redacted]","wcf_option_attachment_retain_dimensions":"[redacted]","wcf_option_attachment_thumbnail_height":"[redacted]","wcf_option_attachment_thumbnail_width":"[redacted]","wcf_option_attachment_image_autoscale":"[redacted]","wcf_option_attachment_image_autoscale_max_width":"[redacted]","wcf_option_attachment_image_autoscale_max_height":"[redacted]","wcf_option_attachment_image_autoscale_file_type":"[redacted]","wcf_option_attachment_image_autoscale_quality":"[redacted]","wcf_option_module_edit_history":"[redacted]","wcf_option_edit_history_expiration":"[redacted]","wcf_option_enable_share_buttons":"[redacted]","wcf_option_image_allow_external_source":"[redacted]","wcf_option_message_force_secure_images":"[redacted]","wcf_option_module_image_proxy":"[redacted]","wcf_option_image_proxy_insecure_only":"[redacted]","wcf_option_image_proxy_enable_prune":"[redacted]","wcf_option_image_proxy_expiration":"[redacted]","wcf_option_module_url_unfurling":"[redacted]","wcf_option_formatting_remove_color":"[redacted]","wcf_option_formatting_remove_font":"[redacted]","wcf_option_formatting_remove_size":"[redacted]","wcf_option_password_min_score":"[redacted]","wcf_option_force_login":"[redacted]","wcf_option_register_disabled":"[redacted]","wcf_option_register_enable_disclaimer":"[redacted]","wcf_option_register_activation_method":"[redacted]","wcf_option_register_username_min_length":"[redacted]","wcf_option_register_username_max_length":"[redacted]","wcf_option_register_username_force_ascii":"[redacted]","wcf_option_register_min_user_age":"[redacted]","wcf_option_avatar_default_type":"[redacted]","wcf_option_signature_max_image_height":"[redacted]","wcf_option_user_title_max_length":"[redacted]","wcf_option_profile_show_old_username":"[redacted]","wcf_option_profile_enable_visitors":"[redacted]","wcf_option_members_list_users_per_page":"[redacted]","wcf_option_members_list_default_sort_field":"[redacted]","wcf_option_members_list_default_sort_order":"[redacted]","wcf_option_users_online_show_guests":"[redacted]","wcf_option_users_online_show_robots":"[redacted]","wcf_option_users_online_default_sort_field":"[redacted]","wcf_option_users_online_default_sort_order":"[redacted]","wcf_option_users_online_page_refresh":"[redacted]","wcf_option_users_online_record_no_guests":"[redacted]","wcf_option_users_online_enable_legend":"[redacted]","wcf_option_users_online_record":"[redacted]","wcf_option_users_online_record_time":"[redacted]","wcf_option_user_cleanup_notification_lifetime":"[redacted]","wcf_option_user_cleanup_activity_event_lifetime":"[redacted]","wcf_option_user_cleanup_profile_visitor_lifetime":"[redacted]","wcf_option_like_show_summary":"[redacted]","wcf_option_message_sidebar_enable_online_status":"[redacted]","wcf_option_message_sidebar_enable_likes_received":"[redacted]","wcf_option_message_sidebar_enable_activity_points":"[redacted]","wcf_option_message_sidebar_enable_trophy_points":"[redacted]","wcf_option_message_sidebar_enable_articles":"[redacted]","wcf_option_tagging_max_tag_length":"[redacted]","wcf_option_message_max_quote_depth":"[redacted]","wcf_option_message_enable_toc":"[redacted]","wcf_option_message_enable_user_consent":"[redacted]","wcf_option_modification_log_expiration":"[redacted]","wcf_option_search_results_per_page":"[redacted]","wcf_option_search_default_sort_field":"[redacted]","wcf_option_search_default_sort_order":"[redacted]","wcf_option_search_max_combined_tags":"[redacted]","wcf_option_search_enable_pages":"[redacted]","wcf_option_search_enable_articles":"[redacted]","wcf_option_poll_max_options":"[redacted]","wcf_option_poll_full_width":"[redacted]","wcf_option_module_contact_form":"[redacted]","wcf_option_contact_form_enable_attachments":"[redacted]","wcf_option_contact_form_prune_attachments":"[redacted]","wcf_option_media_small_thumbnail_width":"[redacted]","wcf_option_media_small_thumbnail_height":"[redacted]","wcf_option_media_small_thumbnail_retain_dimensions":"[redacted]","wcf_option_media_medium_thumbnail_width":"[redacted]","wcf_option_media_medium_thumbnail_height":"[redacted]","wcf_option_media_medium_thumbnail_retain_dimensions":"[redacted]","wcf_option_media_large_thumbnail_width":"[redacted]","wcf_option_media_large_thumbnail_height":"[redacted]","wcf_option_media_large_thumbnail_retain_dimensions":"[redacted]","wcf_option_article_show_about_author":"[redacted]","wcf_option_article_enable_comments_default_value":"[redacted]","wcf_option_article_enable_like":"[redacted]","wcf_option_articles_per_page":"[redacted]","wcf_option_article_related_articles":"[redacted]","wcf_option_article_related_articles_match_threshold":"[redacted]","wcf_option_article_sort_order":"[redacted]","wcf_option_log_missing_language_items":"[redacted]","wcf_option_module_conversation":"[redacted]","wcf_option_conversations_per_page":"[redacted]","wcf_option_conversation_messages_per_page":"[redacted]","wcf_option_conversation_list_default_sort_field":"[redacted]","wcf_option_conversation_list_default_sort_order":"[redacted]","wcf_option_module_user_infraction":"[redacted]","wcf_option_wbb_index_enable_stats":"[redacted]","wcf_option_wbb_board_list_depth":"[redacted]","wcf_option_wbb_module_ignore_boards":"[redacted]","wcf_option_wbb_board_enable_stats":"[redacted]","wcf_option_wbb_board_enable_moderators":"[redacted]","wcf_option_wbb_board_users_online_filter":"[redacted]","wcf_option_wbb_board_threads_per_page":"[redacted]","wcf_option_wbb_board_default_days_prune":"[redacted]","wcf_option_wbb_board_default_sort_field":"[redacted]","wcf_option_wbb_board_default_sort_order":"[redacted]","wcf_option_wbb_board_enable_deleted_thread_note":"[redacted]","wcf_option_wbb_board_threads_enable_language_flag":"[redacted]","wcf_option_wbb_module_thread_marking_as_done":"[redacted]","wcf_option_wbb_thread_enable_tags":"[redacted]","wcf_option_wbb_thread_enable_similar_threads":"[redacted]","wcf_option_wbb_thread_similar_threads_count":"[redacted]","wcf_option_wbb_thread_similar_threads_search_period":"[redacted]","wcf_option_wbb_thread_empty_recycle_bin_cycle":"[redacted]","wcf_option_wbb_thread_delete_link_cycle":"[redacted]","wcf_option_wbb_thread_marking_as_done_cycle":"[redacted]","wcf_option_wbb_thread_max_formatted_excerpt_length":"[redacted]","wcf_option_wbb_thread_enable_moderation_notification":"[redacted]","wcf_option_wbb_thread_enable_moderation_thread_log":"[redacted]","wcf_option_wbb_thread_moderation_notification_show_moderator":"[redacted]","wcf_option_wbb_thread_users_online_filter":"[redacted]","wcf_option_wbb_thread_posts_per_page":"[redacted]","wcf_option_wbb_thread_enable_deleted_post_note":"[redacted]","wcf_option_wbb_thread_guest_max_posts":"[redacted]","wcf_option_wbb_thread_min_char_length":"[redacted]","wcf_option_wbb_thread_min_word_count":"[redacted]","wcf_option_wbb_post_min_char_length":"[redacted]","wcf_option_wbb_post_min_word_count":"[redacted]","wcf_option_wbb_reply_old_thread_warning":"[redacted]","wcf_option_wbb_thread_show_similar_threads_when_creating_new_thread":"[redacted]","wcf_option_wbb_post_notification_mail_include_message":"[redacted]","wcf_option_wbb_post_edit_hide_edit_note_period":"[redacted]","wcf_option_wbb_install_date":"[redacted]","wcf_option_wbb_message_sidebar_enable_user_posts":"[redacted]","wcf_option_wbb_search_find_threads":"[redacted]","wcf_option_wbb_article_thread_single_board":"[redacted]","wcf_option_wbb_official_post_default":"[redacted]","wcf_option_legal_notice_additional_text_enable_html":"[redacted]","wcf_option_ticket_id_converter":"[redacted]","wcf_option_ticket_admin_user_id":"[redacted]","wcf_option_ticket_list_default_sort_field":"[redacted]","wcf_option_ticket_category_filter_count":"[redacted]","wcf_option_ticket_auto_done_days":"[redacted]","wcf_option_ticket_auto_done_user_id":"[redacted]","wcf_option_ticket_answer_sort_order":"[redacted]","wcf_option_ticket_answer_view":"[redacted]","wcf_option_ticket_answer_show_average_response_time":"[redacted]","wcf_option_ticketsystem_show_preview":"[redacted]","wcf_option_ticketsystem_answers_per_page":"[redacted]","wcf_option_ticketsystem_use_captcha":"[redacted]","wcf_option_donation_general_goal_time":"[redacted]","wcf_option_donation_general_goal_limit":"[redacted]","wcf_option_donation_general_goal":"[redacted]","wcf_option_donation_disable_when_goal_reached":"[redacted]","wcf_option_donation_groupjoin_enable":"[redacted]","wcf_option_donation_groupjoin_days":"[redacted]","wcf_option_donation_notification_paypal_email":"[redacted]","wcf_option_donation_notification_psc_email":"[redacted]","wcf_option_donation_notification_debug_email":"[redacted]","wcf_option_donation_notification_conversation_confirmed":"[redacted]","wcf_option_donation_notification_conversation_expired_group":"[redacted]","wcf_option_donation_notification_conversation_expired_group_days":"[redacted]","wcf_option_donation_paypal_enable":"[redacted]","wcf_option_donation_paypal_currency":"[redacted]","wcf_option_donation_paypal_type":"[redacted]","wcf_option_donation_psc_enable":"[redacted]","wcf_option_donation_transfer_enable":"[redacted]","wcf_option_shoutbox_sync_interval":"[redacted]","wcf_option_shoutbox_idle_limit":"[redacted]","wcf_option_shoutbox_height":"[redacted]","wcf_option_shoutbox_height_sidebar":"[redacted]","wcf_option_shoutbox_general_design":"[redacted]","wcf_option_shoutbox_general_show_user_online_list":"[redacted]","wcf_option_shoutbox_general_return_on_enter":"[redacted]","wcf_option_shoutbox_entry_limit":"[redacted]","wcf_option_shoutbox_entry_sort_order":"[redacted]","wcf_option_shoutbox_entry_use_user_online_marking":"[redacted]","wcf_option_shoutbox_entry_show_avatars":"[redacted]","wcf_option_shoutbox_entry_delete_time":"[redacted]","wcf_option_shoutbox_entry_smileys":"[redacted]","wcf_option_shoutbox_entry_toolbar":"[redacted]","wcf_option_shoutbox_entry_private":"[redacted]","wcf_option_hanashi_discord_boards_post_title":"[redacted]","wcf_option_hanashi_discord_boards_post_only_title":"[redacted]","wcf_option_hanashi_discord_boards_posts":"[redacted]","wcf_option_hanashi_discord_boards_real_bot":"[redacted]","wcf_option_module_user_sc_terms_of_use":"[redacted]","wcf_option_sc_terms_of_use_change_date":"[redacted]","wcf_option_sc_terms_of_use_liststyle":"[redacted]","wcf_option_sc_terms_of_use_decline_action":"[redacted]","wcf_option_sc_terms_of_use_min_age":"[redacted]","wcf_option_sc_terms_of_use_min_age_save":"[redacted]","wcf_option_sc_terms_of_use_last_change_enable_display":"[redacted]","wcf_option_sc_terms_of_use_last_change_position":"[redacted]","wcf_option_sc_terms_of_use_enable_button_countdown":"[redacted]","wcf_option_sc_terms_of_use_button_countdown":"[redacted]","wcf_option_sc_terms_of_use_enable_manual_confirmation":"[redacted]","wcf_option_halloween_header_enable":"[redacted]","wcf_option_donation_notification_conversation_manual_donation":"[redacted]","wcfBorderRadius":"[redacted]","wcfBorderRadiusContainer":"[redacted]","wcfBoxShadow":"[redacted]","wcfBoxShadowCard":"[redacted]"}]},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/system\/style\/StyleHandler.class.php","line":147,"function":"compile","class":"wcf\\system\\style\\StyleCompiler","type":"->","args":["wcf\\data\\style\\Style"]},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/templates\/compiled\/3_wbb_1_thread.php","line":352,"function":"getStylesheet","class":"wcf\\system\\style\\StyleHandler","type":"->","args":[]},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/system\/template\/TemplateEngine.class.php","line":340,"args":["\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/templates\/compiled\/3_wbb_1_thread.php"],"function":"include","class":"","type":""},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/page\/AbstractPage.class.php","line":386,"function":"display","class":"wcf\\system\\template\\TemplateEngine","type":"->","args":["thread","wbb"]},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/page\/AbstractPage.class.php","line":134,"function":"show","class":"wcf\\page\\AbstractPage","type":"->","args":[]},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/system\/request\/Request.class.php","line":57,"function":"__run","class":"wcf\\page\\AbstractPage","type":"->","args":[]},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/http\/middleware\/HandleValinorMappingErrors.class.php","line":35,"function":"handle","class":"wcf\\system\\request\\Request","type":"->","args":["Laminas\\Diactoros\\ServerRequest"]},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/lib\/system\/request\/RequestHandler.class.php","line":147,"function":"process","class":"wcf\\http\\Pipeline","type":"->","args":["Laminas\\Diactoros\\ServerRequest","wcf\\http\\RequestHandlerMiddleware"]},{"file":"\/var\/www\/vhosts\/web516.kerstin.webhoster.ag\/der-rentner-treff.de\/forum\/index.php","line":10,"function":"handle","class":"wcf\\system\\request\\RequestHandler","type":"->","args":["wbb"]}]
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!