Fatal error: Could not compile SCSS: Trying to access array offset on value of type null

System Information

• PHP Version:

  7.4.2

• WoltLab Suite Core:

  3.1.11

• Peak Memory Usage:

  15.404/256 MiB

• Request URI:

  /wcf/

• Referrer:

• User Agent:

  Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0

Original Error

• Error Type:

  wcf\system\exception\ErrorException

• Error Message:

  Trying to access array offset on value of type null

• File:

  */lib/system/WCF.class.php (346)

Final Error

• Error Type:

  wcf\system\exception\SystemException

• Error Message:

  Could not compile SCSS: Trying to access array offset on value of type null

• File:

  */lib/system/style/StyleCompiler.class.php (360)

• Stack Trace:

  • #0 */lib/system/style/StyleCompiler.class.php (131):
  • wcf\system\style\StyleCompiler->compileStylesheet('*/style/style-16', [ 99 items ], [ 604 items ], '/* Global Border-Radius --- Globale Abrundung 3px */ $borderRadius: 3px; /* Logo-Width --- Logo-Breite 250px */ $logoWidth: 250px; /* Background-Color Tabularbox --- Hintergrundfarbe Kategorien */ $tabularBoxTitleBackgroundColor: $wcfContentLinkActive; /* Mainmenu Height --- Höhe Menü 80px */ $mainMenuHeight: 80px; /* Headerheight User --- Höhe Userheader 140px */ $headerHeight: 140px; /* Show Userheader --- Userheader anzeigen 0 - 1 */ $displayUserHeader: 1; /* Show Guestheader --- Gästeheader anzeigen 0 - 1 */ $displayGuestHeader: 1; /* Padding Aside --- Seitlicher Abstand 20px */ $paddingAside: 20px; /* Fixed Mainmenu --- Fixiertes Manü 0 - 1 */ $fixedMainmenu: 1; /* Width Messagesidebar / Requiered min. width: 180px */ $messageSidebarWidth: 180px; /* Menu Animantion --- 0 - 1 - 2 */ $mainMenuAnimation: 0; /* Startseite */ body[data-page-id="227"] { background-image: url("https://www.mysf.eu/images/loading/bg.jpg"); background-size: cover; height: 100vh; #main { background-color: rgba(0, 0, 0, 0.0) !important; background-image: none!important; } #animatedLogo { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 20%; } .startPosition { position: absolute; top: 75vh; left: 50%; transform: translate(-50%, -50%); } .startTitle { font-weight: bold; font-size: 28px; color: #FFF!important; } .contentHeader, .pageHeaderContainer, .pageNavigation, .boxesFooter, .contentHeaderNavigation, .pageFooterCopyright { display: none; } Media only screen and (min-width: 1921px) { #animatedLogo { top: 20%!important; } .startPosition { top: 75vh!important; } } } @if($displayUserHeader == 0) { .novaHeaderContentUser > .layoutBoundary { display: none !important; } .novaHeaderContentUser { height: 7px; } .interactiveDropdown { top: 7 + 40 + 50 + $mainMenuHeight !important; } } Else { .interactiveDropdown { top: $headerHeight + 40 + 50 + $mainMenuHeight !important; } } @if($displayGuestHeader == 0) { .novaHeaderContentVisitor > .layoutBoundary { display: none !important; } .novaHeaderContentVisitor { height: 7px; } } Else { .userPanelItems > #userLogin { display: none; } Media (min-width: 1025px) { .box[data-box-identifier="com.woltlab.wcf.RegisterButton"] { display: none; } } } Media (max-width: 1024px) { .novaHeaderContentVisitor, .novaHeaderContentUser { display: none !important; } } Media (min-width: 1081px) { #pageHeaderPanel, #pageHeaderPanel > .layoutBoundary { height: $mainMenuHeight; border-radius: $borderRadius $borderRadius 0 0; } .pageFooterCopyright { border-radius: 0 0 $borderRadius $borderRadius; } } Media (min-width: 1025px) { .layoutBoundary { max-width: 100%; } } .pageHeaderFacade > .layoutBoundary { position: relative; } /* Userpanel */ @if($displayUserHeader == 1) { #userMenu > a::before { background-color: rgba(0, 0, 0, 0); color: $wcfHeaderMenuLink; font-family: FontAwesome; font-size: 18px; padding: 5px 2px; } #userMenu > a::before { content: "\\f2c0"; } #userMenu > a > img { display: none; } .userPanelAvatarCustom { width: 74px; } .userPanelAvatarCustom > span { position: absolute; bottom: 9px; left: 20px; } .userPanelAvatarCustom img { padding: 0; background-color: rgba(0,0,0,0); } } Else { Media (min-width: 1025px) { #pageHeaderUserPanel > .layoutBoundary { padding: 0 10px; } } .userPanelAvatarCustom { display: none !important; } } .interactiveDropdown { position: absolute !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 3px 16px rgba(0, 0, 0, 0.1); } Media (min-width: 1025px) { .userPanel > ul > li > a { height: 40px; padding: 0 10px; } .userPanel > ul > li > a > .icon { font-size: 18px; width: 18px; } } Media (min-width: 1025px) { .pageHeaderFacade.novaHeaderContentUser > .layoutBoundary { height: $headerHeight; } } Media (min-width: 1025px) { .pageHeaderLogo { margin-right: 20px; min-width: $logoWidth; flex: 1 1 auto; } .pageHeaderLogo > a { display: inline-block; } .userPanel > ul > li > a > span:not(.icon):not(.badge) { display: block;margin-left:7px; } #pageHeaderUserPanel { background-color: rgba(0,0,0,0.2); z-index: 100; position: relative; } .userPanel > ul > li > a { background: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 1); } .userPanel > ul > li.dropdownOpen > a, .userPanel > ul > li.open > a, .userPanel > ul > li:hover > a { background-color: rgba(0,0,0,0.2); } } Media (min-width: 1025px) { #pageHeader { position: relative; padding-top: $mainMenuHeight; } .mainMenu { margin: 15px 0; height: 50px; flex: 0 1 auto; } .mainMenu .boxMenu > li:not(:last-child) { margin-right: 3px; } .mainMenu .boxMenu > li > a { background: $wcfFooterBoxBackground; color: $wcfContentLink; border-radius: $borderRadius; } .mainMenu .boxMenu .boxMenuDepth2 li > a { padding: 5px 15px 5px 30px; font-size: 12px; } .mainMenu .mainMenuShowPrevious, .mainMenu .mainMenuShowNext { z-index: 100; } } .mainMenu .boxMenu > li.active:not(:last-child), .mainMenu .boxMenu > li:hover:not(:last-child) { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .wbbLastPost { border-radius: $borderRadius; background-color: $wcfContentBackground; padding: 5px 10px; border-top: 1px solid $wcfContentBorderInner; border-bottom: 1px solid $wcfContentBorderInner; margin-right: 10px; } .tabularBoxTitle > header { background-color: $wcfHeaderBackground; border-bottom: 1px solid $wcfContentBackground; padding: 8px 10px 7px 13px; color: $wcfContentBackground; } .wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton { margin-right: 0; } Media (min-width: 1025px) { .tabularBoxTitle > header { border-radius: $borderRadius $borderRadius 0 0; } } .tabularBoxTitle > header > h1 .badge, .tabularBoxTitle > header > h2 .badge, .tabularBoxTitle > header > h3 .badge { top: 0px; background-color: $wcfContentBackground; color: $wcfHeaderMenuLinkBackgroundActive; margin-right: 5px; } .wbbBoardList .wbbCollapsibleCategory h2 + small { color: $wcfContentBackground; margin-left: 0; } .tabularBoxTitle > header a, .tabularBoxTitle > header .icon { color: $wcfHeaderMenuLink; } .tabularBoxTitle > header a:hover, .tabularBoxTitle > header .icon:hover { color: transparentize($wcfContentBackground, 0.5); } .wbbBoardList .wbbCollapsibleCategory h2 { flex-direction: row-reverse; } .wbbBoardList .wbbCollapsibleCategory h2 a { font-size: 14px; line-height: 14px; } .pageHeaderPanel { background-color: rgba(0,0,0,0); } Media (min-width: 1081px) { .pageContainer { padding: 0 $paddingAside; } } Media (min-width: 1025px) { .pageContainer { @if $useFluidLayout == 1 { min-width: $wcfLayoutMinWidth + $paddingAside + $paddingAside; max-width: $wcfLayoutMaxWidth; margin: 0 auto; } Else { width: $wcfLayoutFixedWidth; margin: 0 auto; } } } Media (min-width: 1081px) { .pageHeaderContainer { margin-top: 50px; padding-top: 0; } } Media (min-width: 1025px) { #pageFooter { margin-bottom: 50px; } } Media only screen and (min-width: 1025px) { #pageHeaderPanel { position: absolute; } } #pageHeaderPanel > .layoutBoundary { background-color: $wcfFooterBoxBackground; } Media only screen and (min-width: 1025px) { #pageHeaderContainer, #pageHeaderSearch { background-image: url(\'#{$style_image_path}backgroundBlur.jpg\'); background-attachment: fixed; background-size: cover; } body { background-image: url(\'#{$style_image_path}background.jpg\'); background-attachment: fixed; background-size: cover; } #pageHeader { background-color: rgba(0,0,0,0.35); } .searchBarOpen .pageHeaderSearch { z-index: 101; } } #main { background-color: $wcfContentBackground; } .pageNavigation { background-color: $wcfFooterBoxBackground; } Media (min-width: 1025px) { .sidebar { background-color: $wcfFooterBoxBackground; padding: 40px 20px; flex: 0 0 320px; } .content + .sidebar { margin-left: 0px; } .sidebar > .boxContainer > .box .boxTitle { font-size: 14px; } .sidebar > .boxContainer > .box .boxTitle:first-of-type { margin: -21px -10px 0 -10px; padding: 7px 10px; background-color: $wcfHeaderBackground; border-radius: $borderRadius $borderRadius 0 0; } .sidebar > .boxContainer > .box .boxTitle:first-of-type, .sidebar > .boxContainer > .box .boxTitle:first-of-type > a { color: $wcfHeaderMenuLink; } .sidebar.boxesSidebarLeft .box:not(.boxBorderless), .sidebar.boxesSidebarRight .box:not(.boxBorderless) { border-radius: $borderRadius; border-top: 1px solid $wcfContentBorder; border-bottom: 1px solid $wcfContentBorder; padding: 20px 10px; } } Media (min-width: 1025px) { .boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu { margin-left: -10px; margin-right: -10px; } .boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink { background-color: $wcfFooterBoxBackground; } } Media (max-width: 1024px) { .boxesSidebarLeft .box:not(.boxBorderless):not(.boxInfo), .boxesSidebarRight .box:not(.boxBorderless):not(.boxInfo) { background-color: $wcfFooterBoxBackground; } .box.boxInfo .boxTitle { color: $wcfStatusInfoText; } } .wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon { margin-left: 10px; } /* Base Layout */ Media (min-width: 1025px) { #sidebarRightExpand a { color: red; } .sidebar.boxesSidebarRight.sidebarRightCollapsed { display: none; } /* Sidebar left / Content */ .layoutBoundary > .boxesSidebarLeft + .content { padding:40px 20px 30px; } /* No Sidebars */ .layoutBoundary > .content:first-child:last-child { padding:30px 20px; } /* Content / Sidebar right */ .layoutBoundary > .content:not(:last-child) { padding:40px 20px 30px; flex-basis: calc(100% - 320px); max-width: calc(100% - 320px); } /* Content / Sidebar right collapsed */ .layoutBoundary > .content.sidebarRightCollapsed:not(:last-child) { flex-basis: calc(100%); max-width: calc(100%); } /* Sidebars Left + Right */ .layoutBoundary > .boxesSidebarLeft + .content:not(:last-child) { padding:40px 20px; } /* Content / Sidebar Right */ .sidebar:first-child { margin-right: 0; } #main > .layoutBoundary { padding:0; } .main { padding: 0; } html, body { height: inherit; } } /* Headercontent - Base */ .headerContent { text-align: center; color: $wcfHeaderText; } .headerContent h2 { margin-bottom: 2px; } .headerContent a { color: $wcfHeaderText; } .headerContent a:hover { color: $wcfHeaderText; } .headerContentMessage h2 { text-shadow: 0 0 15px rgba(0,0,0,0.5); } .headerContentUserData { justify-content: center; } .headerContentUserData .userHeaderDataAvatar, .headerContentUserData .userHeaderDataUser { display: none; } .headerContentUserData > li:not(:first-child) { border-color: rgba(255,255,255,0.3); } .headerContentUserData .userHeaderDataTitle { border-left: 0 !important; padding-left: 0 !important; margin-left: 0 !important; } .headerContentUserData .userHeaderDataEntry p { font-size: 0.85rem; color: rgba(255,255,255,0.5); } .headerContentUserData .userHeaderDataEntry h3 { font-size: 1.2rem; text-shadow: 0 0 5px rgba(0,0,0,0.25); } .headerContentVisitor .headerContentMessage a { border: 2px solid $wcfHeaderText !important; border-radius: $borderRadius; font-size: 16px; transition-property: all; transition-duration: .1s; transition-timing-function: linear; } .headerContentVisitor .headerContentMessage a:hover { border: 2px solid rgba(255,255,255,0) !important; background-color: rgba(255,255,255,0.35); transition-property: all; transition-duration: .1s; transition-timing-function: linear; } Media (min-width: 1025px) { @if($fixedMainmenu == 1) { #pageHeaderPanel.fixed { position: fixed; z-index: 300; } Media (min-width: 1081px) { #pageHeaderPanel.fixed > .layoutBoundary { box-shadow: 0 0 25px rgba(0,0,0,0.15), 0 1px 0 rgba(0,0,0,0.05); @if $useFluidLayout == 1 { min-width: $wcfLayoutMinWidth; max-width: $wcfLayoutMaxWidth - $paddingAside - $paddingAside; margin: 0 auto; } Else { width: $wcfLayoutFixedWidth - $paddingAside - $paddingAside; margin: 0 auto; } } #pageHeaderPanel.fixed { padding: 0 $paddingAside; } } Media (max-width: 1080px) { #pageHeaderPanel.fixed > .layoutBoundary { max-width: 100%; min-width: 100%; box-shadow: 0 0 25px rgba(0,0,0,0.15), 0 1px 0 rgba(0,0,0,0.05); } } #pageHeaderPanel.fixed, #pageHeaderPanel.fixed > .layoutBoundary { border-radius: 0; height: 50px; } #pageHeaderPanel.fixed .box.mainMenu { margin: 5px 0; height: 40px; } #pageHeaderPanel.fixed .pageHeaderLogo > a >img { height: 30px !important; width: auto !important; } #pageHeaderPanel.fixed .mainMenu .boxMenu > li > a { height: 40px; } #pageHeaderPanel.fixed .mainMenu .boxMenu > li > a { height: 40px; } #pageHeaderPanel.fixed .pageHeaderLogo .pageHeaderLogoLarge { display: none; } #pageHeaderPanel.fixed .pageHeaderLogo .pageHeaderLogoSmall { display: inline-block; } } } .mainMenuShowPrevious .icon, .mainMenuShowNext .icon { border-radius: 20px; background-color: $wcfHeaderMenuLinkBackgroundActive; color: $wcfHeaderMenuLink; font-size: 14px; height: 16px; line-height: 16px; width: 16px; box-shadow: 0 5px 0 $wcfHeaderMenuBackground, 0 15px 0 $wcfHeaderMenuBackground; } .mainMenuShowPrevious { background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%) !important; } .mainMenuShowNext { background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%) !important; } /* Search */ Media (min-width: 1025px) { #pageHeaderSearch { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: $wcfHeaderSearchBoxBackground; } .pageHeaderSearch { position: absolute; } .pageHeaderSearchInputContainer .pageHeaderSearchType { display: flex; height: 40px; } .pageHeaderSearchInputContainer .pageHeaderSearchInput { margin-left: 0; padding-left: 20px; flex-grow: 1; background-color: $wcfHeaderSearchBoxBackground; height: 40px; } .pageHeaderSearchInputContainer .pageHeaderSearchType > .button { max-width: 240px; min-width: 240px; padding: 4px 24px 4px 20px; width: 240px; box-sizing: border-box; background-color: $wcfHeaderMenuLinkBackgroundActive; } .pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover { background-color: $wcfHeaderMenuLinkBackgroundActive; } .pageHeaderSearchInputButton.button { width: 50px; } .pageHeaderSearchInputContainer .pageHeaderSearchInputButton { background-color: $wcfHeaderMenuLinkBackgroundActive; } .pageHeaderSearchInputButton.button { width: 40px; height: 40px; } .pageHeaderSearchInputButton.button > .icon { font-size: 18px; height: 32px; line-height: 32px; width: 18px; vertical-align: -5px; } .pageHeaderSearchInputContainer .pageHeaderSearchInputButton { padding: 4px 0; } } /* Messages */ Media (min-width: 769px) { .messageList > li .message { padding: 0; background-color: $wcfSidebarBackground; border-radius: $borderRadius; } .messageList > li .message { border-top: 1px solid $wcfContentBorder; } .messageList:not(.messageReducedList) > li { padding: 0; border-radius: $borderRadius; } .messageList:not(.messageReducedList) { border-radius: $borderRadius; } .messageList > li { margin-bottom: 20px; } .messageList:not(.messageReducedList) { /* border-top: 0; */ } .messageSidebar { flex: 0 0 $messageSidebarWidth; border-radius: $borderRadius 0 0 0; background-color: rgba(0,0,0,0); } .messageSidebar + .messageContent { flex-basis: calc(100% - #{$messageSidebarWidth}); max-width: calc(100% - #{$messageSidebarWidth}); margin-left: 0; } .messageContent { padding:20px; border-radius: 0 $borderRadius $borderRadius 0; background-color: $wcfTabularBoxBackgroundActive; } .messageList > li .message { background-color: $wcfFooterBoxBackground; } } Media (max-width: 768px) { .messageSidebar { background-color: $wcfTabularBoxBackgroundActive; } .messageList:not(.messageReducedList) .messageSidebar { border-bottom: 1px solid $wcfContentBorderInner; } } .messageList.messageReducedList > li:not(:last-child) { padding-bottom: 10px; } .messageList.messageReducedList > li .message, .messageList.messageReducedList > li:not(:first-child) .message { border-top: 1px solid $wcfContentBorderInner; border-bottom: 1px solid $wcfContentBorderInner; } Media (min-width: 769px) { .messageReduced .messageBody, .messageReduced .messageFooter { padding: 0; } .messageSignature { opacity: 1.0; } } /* Quotes */ woltlab-quote, .quoteBox { box-shadow: 5px 0 0 $wcfContentText inset, -1px 0 0 $wcfContentBorderInner inset, 0 1px 0 $wcfContentBorderInner inset, 0 -1px 0 0 $wcfContentBorderInner inset; } /* Tablehead */ Media (min-width: 1025px) { .tabularListRowHead > .tabularListColumns > li { font-size: 14px; } .tabularListRowHead { background-color: $wcfTabularBoxBackgroundActive; } } /* Tabs */ .tabMenu > ul > li > a { font-size: 16px; padding: 10px; } .tabMenu { background-color: $wcfTabularBoxBackgroundActive; } .tabMenu > ul > li:not(:last-child) { margin-right: 0; } /* Editor */ .redactor-editor pre, .redactor-editor woltlab-spoiler { box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); } /* Buttons */ button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button { &:not(.inputPrefix) { text-transform: none; } } /* Pagination */ .pagination > ul > li:not(.active) > a { background-color: $wcfFooterBoxBackground; } .pagination > ul > li > a:hover { background-color: $wcfButtonBackground; } .pagination > ul > li.skip > a:not(:hover) { background-color: transparent; } /* Mainmenu Dropdown */ .mainMenu .boxMenu .boxMenuDepth1 { box-shadow: 0 5px 10px rgba(0,0,0,0.2); min-width: 120px; } .mainMenu .boxMenu .boxMenuDepth1 > li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span { padding: 5px 15px; font-size: 12px; } .mainMenu .boxMenu .boxMenuDepth1 { display: none; } .mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 { display: block; } /* Forms Borderradius */ input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], select, textarea, .inputItemList { border-radius: $borderRadius; transition-property: background-color; transition-duration: .1s; transition-timing-function: linear; } /* Transitions */ .mainMenu .boxMenu > li > a, .mainMenu .boxMenu > li > a:hover, .userPanel > ul > li > a, .userPanel > ul > li > a:hover, .wbbBoardList .wbbBoard, .wbbBoardList .wbbBoard:hover, .button, .button:hover, input[type="submit"], input[type="submit"]:hover, button, button:hover, .interactiveDropdownItems > li, .interactiveDropdownItems > li:hover, .tabularListRow, .tabularListRow:hover { transition-property: background-color; transition-duration: .1s; transition-timing-function: linear; } /* Subcategories */ .wbbDepth2 > header { border-radius: 0; } .wbbCategory.wbbDepth2.tabularBox.tabularBoxTitle.wbbCollapsibleCategory { margin-top: -1px; } .wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard > .icon { margin-left: 48px; } #tpl_wbb_board .wbbCategory.wbbDepth1.tabularBox.tabularBoxTitle.wbbCollapsibleCategory:not(:last-child) { margin-top: 20px; } /* Calendar */ .calendarMonthView .calendarWeeks .calendarWeekDays > li.calendarToday { background-color: transparentize($wcfContentBorderInner, 0.5); } .calendarFullMonthView .calendarMonthViewHeader { background-color: $wcfFooterBoxBackground; } /* New Topics */ .tabularListColumns.wbbThread li.columnSubject { padding-left:20px; } .messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink { position: relative; } .messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink:after { content: ""; position: absolute; left: -13px; top: 6px; width: 8px; height: 8px; border-radius:10px; background: #00b200; } /* BB-Code Tables */ .messageTableOverflow table thead tr, .messageTableOverflow table tr:nth-child(even) { background-color: $wcfContentBackground; } /* BB-Code Spoiler */ .spoilerBox > .spoilerBoxContent { box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); border-radius: $borderRadius; } /* BB-Code Code */ .codeBox { box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); border-radius: $borderRadius; } /* Polls */ .pollContainer { background-color: $wcfContentBackground; padding: 20px; border-radius: $borderRadius; } .pollContainer .pollResultItem .pollMeter > .pollMeterValue { background-color: $wcfContentLink; } /* Mobile View */ Media (max-width: 1024px) { .mainMenu::before, .userPanel:not(.userPanelLoggedIn)::before { color: $wcfContentLink; } .mainMenu:hover::before, .userPanel:hover:not(.userPanelLoggedIn)::before { color: $wcfContentText; } #pageHeaderPanel { box-shadow: 0 0 25px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(0, 0, 0, 0.05); } #pageHeaderLogo { flex: 1 1 auto; text-align: center; order: 2; margin-right: 60px; } #pageHeaderUserPanel { left: inherit; width: 60px; } .mainMenu { order: 1; } } .menuOverlayItemLink, .menuOverlayItemLinkIcon { background-color: $wcfFooterBoxBackground; } .menuOverlayItemLink:hover { color: $wcfContentText; } .menuOverlayItemLink, .menuOverlayTitle, .menuOverlayBackLink, .menuOverlayItemLink .icon::before, .menuOverlayItemLinkIcon:not(.active) > .icon::before { color: $wcfContentLink; } .menuOverlayItemLink.active, .menuOverlayItemLinkIcon.active { color: $wcfContentBackground; } .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchInputButton { background-color: $wcfContentLink; } .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover { background-color: $wcfHeaderSearchBoxBackground; } .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchInput { border-radius: 0; } Media only screen and (min-width: 1025px) { .pageHeaderSearchInputContainer .pageHeaderSearchInput, .pageHeaderSearchInputContainer .pageHeaderSearchInput:focus, .pageHeaderSearchInputContainer .pageHeaderSearchInput:hover { background-color: rgba(0, 0, 0, 0.1); } .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchInputButton { background-color: rgba(0, 0, 0, 0.2); } .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover { background-color: rgba(0, 0, 0, 0.25); } #pageHeaderSearch { box-shadow: 0 100px 0 rgba(0, 0, 0, 0.35) inset; } } /* Menu Effects */ @if($mainMenuAnimation == 1) { Media only screen and (min-width: 1025px) { .mainMenu .boxMenu > li:not(.active) > a:hover { background-color: rgba(0,0,0,0); } .mainMenu .boxMenu > li:not(.active) > a > span, .mainMenu .boxMenu > li:not(.active) > a::after { z-index: 1; position: relative; } .mainMenu .boxMenu > li:not(.active) > a { position: relative; transition: color 0.1s ease-in-out; } .mainMenu .boxMenu > li:not(.active) > a::before { position: absolute; content: ""; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; transition: transform 0.2s ease-in-out; transform: scaleX(0); background-color: $wcfHeaderMenuLinkBackgroundActive; border-radius: $borderRadius; } .mainMenu .boxMenu > li:not(.active) > a:hover::before, .mainMenu .boxMenu > li:hover:not(.active) > a::before { transform: scaleX(1); transition: transform 0.2s ease-in-out; } } } @if($mainMenuAnimation == 2) { Media only screen and (min-width: 1025px) { .mainMenu .boxMenu > li:not(.active) > a:hover { background-color: rgba(0,0,0,0); } .mainMenu .boxMenu > li:not(.active) > a > span, .mainMenu .boxMenu > li:not(.active) > a::after { z-index: 1; position: relative; } .mainMenu .boxMenu > li:not(.active) > a { position: relative; transition: color 0.1s ease-in-out; } .mainMenu .boxMenu > li:not(.active) > a::before { position: absolute; content: ""; z-index: 0; width: 100%; height: 0; bottom: 0; left: 0; transition: all 0.3s ease; background-color: $wcfHeaderMenuLinkBackgroundActive; border-radius: $borderRadius; } .mainMenu .boxMenu > li:not(.active) > a:hover::before, .mainMenu .boxMenu > li:hover:not(.active) > a::before { top: 0; height: 100%; } } } @if($mainMenuAnimation == doNotUse) { Media only screen and (min-width: 1025px) { .mainMenu .boxMenu > li > a { overflow: hidden; } .mainMenu .boxMenu > li:not(.active) > a:hover { background-color: rgba(0,0,0,0); } .mainMenu .boxMenu > li:not(.active) > a > span, .mainMenu .boxMenu > li:not(.active) > a::after { z-index: 1; position: relative; } .mainMenu .boxMenu > li:not(.active) > a::before { content: ""; position: absolute; z-index: 0; background-color: $wcfHeaderMenuLinkBackgroundActive; height: 150px; width: 200px; border-radius: 50%; } .mainMenu .boxMenu > li:not(.active) > a::before { top: 100%; left: 100%; transition: all .7s; } .mainMenu .boxMenu > li:not(.active) > a:hover::before, .mainMenu .boxMenu > li:hover:not(.active) > a::before { top: -30px; left: -30px; } } } @if($mainMenuAnimation == doNotUse) { Media only screen and (min-width: 1025px) { .mainMenu .boxMenu > li > a { overflow: hidden; } .mainMenu .boxMenu > li:not(.active) > a:hover { background-color: rgba(0,0,0,0); } .mainMenu .boxMenu > li:not(.active) > a > span, .mainMenu .boxMenu > li:not(.active) > a::after { z-index: 1; position: relative; } .mainMenu .boxMenu > li:not(.active) > a::before { content: ""; position: absolute; z-index: 0; background-color: $wcfHeaderMenuLinkBackgroundActive; height: 150px; width: 200px; border-radius: 50%; } .mainMenu .boxMenu > li:not(.active) > a::before { left: -30px; bottom: 100%; transition: all .7s; } .mainMenu .boxMenu > li:not(.active) > a:hover::before, .mainMenu .boxMenu > li:hover:not(.active) > a::before { bottom: -50px; } } } Media (min-width: 769px) { .messageList > .messageGroupStarter > .message > .messageSidebar::after { content: "\\f044"; color: $wcfContentLink; font-family: FontAwesome; font-size: 16px; display: block; left: 6px; position: absolute; top: 2px; } } .userPanel > ul > li > a > .badgeUpdate { box-shadow: -1px 2px 3px rgba(0, 0, 0, .1), inset 0 2px 5px rgba(225, 225, 225, .3); left: 5px; position: relative; top: 0; margin-right: 5px; } /* Likesystem */ .wcfLikeCounter.likeCounterLiked { color: #008400 !important; } .wcfLikeCounter.likeCounterDisliked { color: #cd2900 !important; } .messageGroupList .columnSubject > .statusDisplay { opacity: 1.0; } /* Update 3.0.1 */ .badgeOnline::before { background: linear-gradient(rgb(0,132,0), rgb(0,132,0)); } /* Update 3.0.2 */ /* Sticky */ .info:not(.cookiePolicyNotice), .success, .error, .warning { border-radius: $borderRadius; } .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning { border-top-width: 0; border-radius: 0; } .pageFooterStickyNotice a { background-color: rgba(0,0,0,0.3) !important; color: #fff !important; box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; } .pageFooterStickyNotice a:hover { background-color: rgba(0,0,0,0.5) !important; } .boxInfo a { color: $wcfStatusInfoLink; } .boxInfo a:hover { color: $wcfStatusInfoLinkActive; } /* Fix 3.0.2*/ .messageList:not(.messageReducedList) > li.messageListPagination { border-bottom: 0; } .messageQuickReplyContent { background-color: $wcfFooterBoxBackground !important; } .messageQuickReplyCollapsed:hover .messageQuickReplyContent::before, .messageQuickReplyCollapsed:hover .messageQuickReplyContent::after { color: $wcfContentLink; } Media (min-width: 769px) { #messageQuickReply { border-bottom: 1px solid $wcfContentBorderInner !important; } } Media (max-width: 768px) { .messageQuickReplyContent { border-top: 1px solid $wcfContentBorderInner !important; border-bottom: 1px solid $wcfContentBorderInner !important; } } Media (min-width: 1025px) { /* WoltLab Suite 3.1 */ body .content > .section, body .content > form, body .sectionContainer { border: 0; padding: 0; background-color: rgba(0,0,0,0); } body .content > .section, body .content > form, body .sectionContainer { border: 0; } .messageGroupList .tabularListRowHead .columnApplyFilter { padding-right: 10px; } .commentListAddComment .redactor-layer, .commentListAddCommentResponseEditorContainer .redactor-layer { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .messageList:not(.messageReducedList) { border-top: 0 !important; } .commentList > li.jsCommentAdd { padding-right: 20px; } } Media (max-width: 1024px) { .commentList > li.jsCommentAdd { padding-right: 10px; } } .commentListAddComment.collapsed { background-color: $wcfContentBackground; border-radius: $borderRadius; border-top: 1px solid $wcfContentBorderInner; border-bottom: 1px solid $wcfContentBorderInner; } /* (min-width: 769px) and (max-width: 1024px) */ @include screen-md { body .content > .section, body .content > form, body .sectionContainer { border: 0; padding: 0; background-color: rgba(0,0,0,0); } } /* (max-width: 768px) */ @include screen-sm-down { body .content > .section, body .content > form, body .sectionContainer { background-color: rgba(0,0,0,0); border: 0; } .content > .section.tabularBox { margin-left: 0; margin-right: 0; padding: 0; } } Media (max-width: 1024px) { .pageHeaderFacade:first-child { margin-top: 0px; } #pageHeaderSubMenu { background-color: rgba(255,255,255,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.075); } .pageNavigation { background-color: rgba(255,255,255,0.0); } .pageNavigation > .layoutBoundary { box-shadow: 0 0 10px 0 rgba(0,0,0,0.075); } #pageHeaderSubMenu { } .pageHeaderMobileMenu { background-color: rgba(0,0,0,0.1); } .pageHeaderMobileMenu .mobileMainMenu > li.active > a, .pageHeaderMobileMenu .mobileMainMenu > li > a:hover { background-color: rgba(255, 255, 255, 0.1); } .mainMenu.pageMenuMobileButtonHasContent::after, .userPanel.pageMenuMobileButtonHasContent::after { border: 2px solid $wcfHeaderMenuLinkBackgroundActive; } } Media (min-width: 1025px) { #pageHeaderSubMenu { display: none; } } Media (max-width: 768px) { .breadcrumbs { margin-top: 0; margin-bottom: 0; } .breadcrumbs > ol > li:last-child > a, .breadcrumbs > ol > li:last-child::before { color: $wcfNavigationLink; } } .modificationLogEntry { padding-top: 0; padding-bottom: 0; } /* Default Cover */ .userProfileUserWithCoverPhoto::before { background-image: url(\'#{$style_image_path}backgroundBlur.jpg\'); background-position: center top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; height:200px; border-radius: 3px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.25) inset; } .userProfileCoverPhoto { background-color: rgba(0,0,0,0.2) !important; } Media (max-width: 544px) { .userProfileUserWithCoverPhoto::before { height: 150px; } } Media (min-width: 545px) { .userProfileUserWithCoverPhoto::before { height: 200px; } } /* Mobile boardlist */ @include screen-sm-down { #tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > a { display: inline-block; } #tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div { display: block; } #tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small { margin-left: 0; } #tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small > .wbbLastPostAuthor { display: inline-block; } } Media (max-width: 544px) { .sidebar + .content, .content + .sidebar { margin-top: 0; margin-bottom: 20px; } } /* Moderation */ Media (max-width: 768px) { .modificationLogEntry > .message > .messageContent, .jsModificationLogEntry > .message > .messageContent { background-color: $wcfTabularBoxBackgroundActive; } .modificationLogEntry, .jsModificationLogEntry { margin-bottom: 10px; } .modificationLogEntry .messageHeader, .jsModificationLogEntry .messageHeader { border-top: 1px solid $wcfContentBorder; border-bottom: 1px solid $wcfContentBorder; } } .modificationLogEntry, .jsModificationLogEntry { background-color: rgba(0,0,0,0.0); padding-top: 0 !important; padding-bottom: 0 !important; } .modificationLogEntry > .message, .jsModificationLogEntry > .message { background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)) !important; background-color: rgba(0, 0, 0, 0) !important; } .modificationLogEntry > .message > .messageContent, .jsModificationLogEntry > .message > .messageContent { padding: 0 !important; background-color: $wcfTabularBoxBackgroundActive; } .modificationLogEntry > .message > .messageContent .messageHeader, .jsModificationLogEntry > .message > .messageContent .messageHeader { background-color: $wcfTabularBoxBackgroundActive; } /* Border-Reset */ .section > .wbbBoardList > .wbbCategory:last-child > ul > li:last-child { border-bottom-width: 1px; } .section > .wbbBoardList > .wbbBoardContainer:last-child { border-bottom-width: 1px; } .section > .wbbBoardList > .wbbBoardContainer:first-child { border-top-width: 1px; } .content > .section > .tabularList:last-child { border-bottom-width: 1px; } .content > .section > .messageList > :last-child { border-bottom-width: 1px; } .content > .section > .tabularList:last-child { border-bottom-width: 1px; } .content > .section > .containerList > :first-child { border-top-width: 1px; } .content > .section > .containerList > :last-child { border-bottom-width: 1px; } /* Messagenotification */ .messageList:not(.messageReducedList) > li.messageListNotice { border-bottom: 0; } /* Calendar */ .calendarFullMonthView .calendarEventLink { background-color: $wcfHeaderMenuBackground; color: $wcfHeaderMenuLink; text-shadow: 1px 1px 3px rgba(0,0,0,0); } .calendarMonthView .calendarWeeks .calendarWeekDays > li.calendarWeekend:not(.calendarToday) { background-color: $wcfSidebarBackground; } /* Profile */ .containerList > li:hover { background-color: darken($wcfSidebarBackground,1%); } .mainMenu .boxMenu .boxMenuDepth1 { box-shadow: 0 0 0 rgba(0, 0, 0, 0.0); } @include screen-md-down { .mainMenu.pageMenuMobileButtonHasContent::after, .userPanel.pageMenuMobileButtonHasContent::after { border: 2px solid $wcfHeaderMenuBackground; } } /* Tables */ .tabularList > li { background-color: $wcfFooterBoxBackground; } .tabularList > li:nth-child(even) { background-color: $wcfFooterBoxBackground; } .wbbBoardList > li, .wbbCategory.wbbDepth1 > ul > li { background-color: $wcfFooterBoxBackground; } .wbbBoardList > li:nth-child(even), .wbbCategory.wbbDepth1 > ul > li:nth-child(even) { background-color: $wcfFooterBoxBackground; } /* Comments */ .commentResponseList > li { background-color: $wcfFooterBoxBackground; } .commentResponseList > li:nth-child(even) { background-color: $wcfFooterBoxBackground; } .containerList > li { background-color: $wcfFooterBoxBackground; } .containerList > li:nth-child(even) { background-color: $wcfFooterBoxBackground; } .containerList > li:hover { background-color: $wcfFooterBoxBackground; } /* Profile */ #profileContent .tabMenuContent > .section { margin-top: 0px !important; padding: 20px; border-bottom: 1px solid $wcfContentBorder; background-color: $wcfFooterBoxBackground; } .messageSignature { border-top-color: lighten($wcfContentBorderInner,3%); } /* Padding mobile */ Media (max-width: 1024px) { .wbbBoardList .wbbBoard, .tabularListRow, .containerList > li { padding-left: 10px; padding-right: 10px; } } /* Likesystem */ .wcfLikeCounter.likeCounterLiked { color: #01d001 !important; text-shadow: 0 0 0.5em #01d001; } .wcfLikeCounter.likeCounterDisliked { color: #ff0101 !important; text-shadow: 0 0 0.5em #ff0101; } /* Darkmode */ table th { border-color: $wcfContentBorder; border-bottom-color: $wcfContentBorder; } table td { border-color: $wcfContentBorder; } .htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td, .messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td, .table tr:hover > td { background-color: $wcfTabularBoxBackgroundActive; } .redactor-layer table td { border-color: $wcfContentBorder; } .redactor-layer table th { border-top-color: $wcfContentBorder !important; border-left-color: $wcfContentBorder !important; border-right-color: $wcfContentBorder !important; border-bottom-color: $wcfTabularBoxHeadline !important; } .redactor-layer pre:not(.redactorCalcHeight)::before, .redactor-layer pre.woltlabHtml::before { color: $wcfContentBackground; } .userAvatarImage { background-color: $wcfContentBackground; } .userAvatarList > li > a > img { border: 2px solid $wcfContentBackground; } /* Sidebar */ #main > div > div > .sidebar { background-color: rgba(0,0,0,0.3) !important; background-image: url(\'https://mysf.eu/wcf/images/novaDark/backgroundBlurContent.jpg\'); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } /* Content */ #main { background-color: rgba(0,0,0,0.3) !important; background-image: url(\'https://mysf.eu/wcf/images/novaDark/backgroundBlurContent.jpg\'); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } /* Footer */ .footer { background-color:fade(@wcfTabularBoxBackgroundColor,90%) !important; background-image: url(\'https://mysf.eu/wcf/images/novaDark/backgroundBlurContent.jpg\'); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } /* Navigation */ .navigation { background-color: rgba(0,0,0,0.75) !important; border-color: rgba(0,0,0,0.5) !important; background-image: url(\'https://mysf.eu/wcf/images/novaDark/backgroundBlurContent.jpg\'); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } /* Misc */ #main > div > div > .content { background-color: rgba(0,0,0,0.3) !important; background-image: url(\'https://mysf.eu/wcf/images/novaDark/backgroundBlurContent.jpg\'); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } body[data-page-id="80"] #main > .layoutBoundary, body[data-page-id="39"] #main > .layoutBoundary, { background: #000 !important; } .wbbBoardIcon153.fa-folder-open-o:before, .wbbBoardIcon153.fa-folder-o:before { content: $fa-var-address-card-o; } .wbbBoardIcon153.fa-folder-open:before, .wbbBoardIcon153.fa-folder:before { content: $fa-var-address-card; } .wbbBoardIcon13.fa-folder-open-o:before, .wbbBoardIcon13.fa-folder-o:before { content: $fa-var-flask; } .wbbBoardIcon13.fa-folder-open:before, .wbbBoardIcon13.fa-folder:before { content: $fa-var-flask; } .wbbBoardIcon11.fa-folder-open-o:before, .wbbBoardIcon11.fa-folder-o:before { content: $fa-var-bug; } .wbbBoardIcon11.fa-folder-open:before, .wbbBoardIcon11.fa-folder:before { content: $fa-var-bug; } .wbbBoardIcon105.fa-folder-open-o:before, .wbbBoardIcon105.fa-folder-o:before { content: $fa-var-bug; } .wbbBoardIcon105.fa-folder-open:before, .wbbBoardIcon105.fa-folder:before { content: $fa-var-bug; } .wbbBoardIcon125.fa-folder-open-o:before, .wbbBoardIcon125.fa-folder-o:before { content: $fa-var-bug; } .wbbBoardIcon125.fa-folder-open:before, .wbbBoardIcon125.fa-folder:before { content: $fa-var-bug; } .wbbBoardIcon132.fa-folder-open-o:before, .wbbBoardIcon132.fa-folder-o:before { content: $fa-var-bug; } .wbbBoardIcon132.fa-folder-open:before, .wbbBoardIcon132.fa-folder:before { content: $fa-var-bug; } .wbbBoardIcon3.fa-folder-open-o:before, .wbbBoardIcon3.fa-folder-o:before { content: $fa-var-newspaper-o; } .wbbBoardIcon3.fa-folder-open:before, .wbbBoardIcon3.fa-folder:before { content: $fa-var-newspaper-o; } .wbbBoardIcon150.fa-folder-open-o:before, .wbbBoardIcon150.fa-folder-o:before { content: $fa-var-bug; } .wbbBoardIcon150.fa-folder-open:before, .wbbBoardIcon150.fa-folder:before { content: $fa-var-bug; } ', Closure)
  • #1 */lib/system/style/StyleHandler.class.php (140):
  • wcf\system\style\StyleCompiler->compile(wcf\data\style\Style)
  • #2 */templates/compiled/15_wcf_1_cms.php (122):
  • wcf\system\style\StyleHandler->getStylesheet()
  • #3 */lib/system/template/TemplateEngine.class.php (321):
  • include('*/templates/compiled/15_wcf_1_cms.php')
  • #4 */lib/page/AbstractPage.class.php (323):
  • wcf\system\template\TemplateEngine->display('cms', 'wcf')
  • #5 */lib/page/AbstractPage.class.php (114):
  • wcf\page\AbstractPage->show()
  • #6 */lib/system/request/Request.class.php (83):
  • wcf\page\AbstractPage->__run()
  • #7 */lib/system/request/RequestHandler.class.php (96):
  • wcf\system\request\Request->execute()
  • #8 */index.php (9):
  • wcf\system\request\RequestHandler->handle('wcf')