Nero Night Vers. 6.0.3

KaSo

ich habe eine frische WBB installiert und das WBB auch frisch installiert, aber ich merke grad das im Stil unter individuelle css folgendes enthält:

CSS

/* Global Variables */

:root {
	/* Blur */
	--bodyBlur:			blur(10px);
	--wcfBoxShadowCard:	0 0 0 rgba(0,0,0,0);
}

/* Board */

html[data-color-scheme="dark"] .wbbSimpleBoardNodeList {
    border: 1px solid var(--wcfContentContainerBorder);
}

.wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header::after {
    border-radius: 0;
	border-bottom-color: var(--wcfHeaderMenuLinkBackgroundActive);
}

.wbbBoardNodeContainer__header {
	.wbbBoardNodeContainer__title,
	.wbbBoardNodeContainer__description {
		background-color: #3157A8;
		color: var(--wcfHeaderMenuLink);
		padding: 5px 10px;
		a:hover {
			color: var(--wcfHeaderMenuLinkActive);
		}
	}
	.wbbBoardNodeContainer__link {
		text-shadow: 0 1px 2px #00000063;
	}
	.wbbBoardNodeContainer__title {
		display: inline-block;
	}
	button.collapsibleButton {
    	padding-right: 3px;
	}
	.wbbBoardNodeContainer__description {
		box-shadow: 23px 0 0 var(--wcfHeaderMenuLinkBackgroundActive);
		padding: 5px 10px 0 10px;
	}
}

.wbbBoardNodeContainer__description + .wbbBoardNodeContainer__collapsibleButton {
	color: var(--wcfHeaderMenuLink);
}

.wbbBoardNodeContainer--category:not(.wbbBoardNodeContainer--collapsed) .wbbBoardNodeContainer__header {
    padding-bottom: 3px;
}

/* Colors */

html[data-color-scheme="dark"] {
	/* Editor */

	.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
		border-color: var(--wcfInputBorder);
	}
	.ck.ck-editor__main > .ck-editor__editable {
		background: var(--wcfInputBackground);
	}	

	/* Border */

	.commentAdd__content--collapsed .commentAdd__placeholder {
		border: 1px solid var(--wcfSidebarBorder);
	}

	/* Linkcolors */

	.wbbBoardNode__link,
	.wbbBoardNode__lastPostLink { 
		color: var(--wcfContentLink);
	}

	.boxesSidebarLeft .boxTitle, 
	.boxesSidebarRight .boxTitle {
		color: var(--wcfContentLink);
	}

	.contentHeader, 
	.boxHeadline {
		color: var(--wcfContentLink);
	}

	.section .sectionTitle {
		color: var(--wcfContentLink);
	}
	
	.mainMenu .badge.badgeUpdate {
    	background-color: var(--wcfHeaderMenuLink) !important;
		color: var(--wcfHeaderMenuLinkBackgroundActive) !important;
	}
}

/* Shadows */

html[data-color-scheme="light"] {
	.wbbBoardNodeList {
		box-shadow:
			0 1px 1px var(--wcfContentBorderInner);
	}
}

.filebaseFileCard {
    box-shadow:
		0 0 0 1px var(--wcfContentBorderInner);
}

html[data-color-scheme="dark"] .filebaseFileCard {
    border: 0;
}

/* Breadcrumbs */

@include screen-md-down {
	.breadcrumbs {
    	margin-bottom: 0;
	}
}

/* Base */

@media only screen and (min-width: 1085px) {
	.pageContainer {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		padding-right: 20px;
		padding-left: 20px;
	}
}
	
@include screen-lg {
	
	#pageFooter {
		margin-bottom: 40px;
	}
	
	.layoutBoundary {
	    max-width: 100%;
	}
	
	#pageHeaderPanel {
		position: relative;
		backdrop-filter: var(--bodyBlur);
		-webkit-backdrop-filter: var(--bodyBlur);
		z-index: 299;
	}

	#pageHeaderUserPanel > .layoutBoundary {
    	justify-content: flex-end;
	}

	.pageHeaderFacade > .layoutBoundary {
    	padding-bottom: 40px;
    	padding-top: 0px;
	}
	
	#pageHeaderUserPanel {
		backdrop-filter: var(--bodyBlur);
		-webkit-backdrop-filter: var(--bodyBlur);
		position: absolute;
	}

	.pageHeaderFacade > .layoutBoundary {
    	padding-left: 0px;
    	padding-right: 0px;
	}

	#pageHeaderUserPanel > .layoutBoundary,
	#pageHeaderPanel > .layoutBoundary {
		padding: 0;
		position: relative;
	}
	
	.layoutBoundary {
		min-width: 100%;
	}	
}

@include screen-lg {
	body {
		background-size: cover;
		background-attachment: fixed;
	}
}



@include screen-lg {
	.pageHeaderContainer {
	    background-color: rgba(0, 0, 0, 0);
		position: relative;
		margin-top: 40px;
		padding-top: 0px;
	}

	.pageHeaderLogo > a {
	    display: inline-block;
	    padding: 0;
		min-height: 50px;
	}
}

/* Userpanel */

body {
	background-color: #F2F2F2;
}

@include screen-lg {
	
	.userPanel > ul > li > a > .badgeUpdate {
    	left: initial;
    	right: 3px;
	}
	
	#pageHeaderUserPanel {
		left: inherit;
		min-width: 0;
	}

	#pageHeaderUserPanel > .layoutBoundary {
		min-width: 0;
	}

	.userPanel > ul > li > a {
		padding: 0 10px;
	}

	.userPanelItems .loginLink {
		padding-left: 15px;
		padding-right: 15px;
	}

	.dropdownMenuContainer .userMenu {
		position: absolute !important;
		border-radius: 2px;
	}
}

@include screen-md-down { 
	#pageHeaderUserPanel > .layoutBoundary {
		justify-content: flex-end;
	}
}

/* Search */

@include screen-lg {
	#pageHeaderSearch {
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		background-color: var(--wcfHeaderSearchBoxBackground);
	}

	.pageHeaderSearch {
	    position: absolute;
	}

	.pageHeaderSearchInputContainer .pageHeaderSearchType {
	    display: flex;
	    height: 50px;
	}

	.pageHeaderSearchInputContainer .pageHeaderSearchInput {
		margin-left: 0;
		padding-left: 20px;
		flex-grow: 1;
		background-color: var(--wcfHeaderSearchBoxBackgroundActive);
	}

	.pageHeaderSearchInputContainer .pageHeaderSearchType > .button {
		max-width: 240px;
		min-width: 240px;
		padding: 4px 24px 4px 20px;
		width: 240px;
		box-sizing: border-box;
	}

	.pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover {
		background-color: var(--wcfHeaderSearchBoxBackgroundActive);
	}	

	.pageHeaderSearchInputButton.button {
		width: 50px;
	}
}

@include screen-lg {
	.pageHeaderSearchInputButton.button {
	    width: 50px;
	}

	.pageHeaderSearchInputButton.button > .icon {
 	   font-size: 28px;
 	   height: 32px;
 	   line-height: 32px;
 	   width: 32px;
 	   vertical-align: -5px;	
	}

	.pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
	    padding: 4px 0;
	}

}

@include screen-md-down {
	.searchBarOpen .pageHeaderSearch > form {
		background-color: var(--wcfHeaderSearchBoxBackground);
	}
}

@include screen-lg {
	#pageHeaderPanel {
	    min-width: 0;
	    border-bottom: 5px solid var(--wcfHeaderMenuLinkBackgroundActive);
	}
}

/* Boardlist */

.tabularBoxTitle > header {
    padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	border-bottom-width: 2px;
	width: 100%;
}

.wbbCategory.wbbCollapsibleCategory > header > h2 {
	flex-direction: row-reverse;
	justify-content: space-between;
	width: 100%;
}

.wbbCategory.wbbCollapsibleCategory > header > h2 > a {
    flex: none;
	background-color: var(--wcfTabularBoxHeadline);
	padding: 5px 10px;
	color: var(--wcfContentBackground);
	font-size: 16px;
}

.wbbCategory.wbbCollapsibleCategory > header > h2 + small {
	background-color: var(--wcfTabularBoxHeadline);
	padding: 3px 10px;
	color: var(--wcfContentBackground);
	margin-left: 0;
}

.wbbCategory.wbbCollapsibleCategory > header > h2 > .collapsibleButton {
    margin-right: 0px;
}

@include screen-lg {
	.wbbBoardList .wbbDepth2.wbbCategory:not(.wbbCollapsibleCategory) > header {
	    padding-left: 16px;
	}
}

.wbbCategory.wbbDepth2:not(.wbbCollapsibleCategory) > header > h2 > a {
	background-color: var(--wcfTabularBoxHeadline);
	padding: 5px 10px;
	color: var(--wcfContentBackground);
	font-size: 16px;
	flex: none;
}

.wbbCategory.wbbDepth2:not(.wbbCollapsibleCategory) > header > h2 + small {
	background-color: var(--wcfTabularBoxHeadline);
	padding: 1px 10px;
	color: var(--wcfContentBackground);
	margin-left: 0;
}

/* Borderradius */

@media only screen and (min-width: 1085px) {
	.pageHeaderSearchInputButton.button {
		border-radius: 0 2px 0 0;
	}
	
	#pageHeaderSearch {
		border-radius: 2px 2px 0 0;
	}

	.pageFooterCopyright {
	    border-radius: 0 0 2px 2px;
		backdrop-filter: var(--bodyBlur);
		-webkit-backdrop-filter: var(--bodyBlur);
	}

	.pageHeaderPanel {
	    border-radius: 2px 2px 0 0;
	}

	.mainMenu .boxMenu > li:first-child,
	.mainMenu .boxMenu > li:first-child > a {
	    border-radius: 2px 0 0 0;
	}

	.userPanelItems {
		border-radius: 2px;
	}

	.userPanel > ul > li:first-child.dropdownOpen > a, 
	.userPanel > ul > li:first-child.open > a, 
	.userPanel > ul > li:first-child:hover > a,
	.userPanel > ul > li:first-child > a:hover {
	    border-top-left-radius: 2px;
	    border-bottom-left-radius: 2px;
	}

	.userPanel > ul > li:last-child.dropdownOpen > a, 
	.userPanel > ul > li:last-child.open > a, 
	.userPanel > ul > li:last-child:hover > a,
	.userPanel > ul > li:last-child > a:hover {
	    border-top-right-radius: 2px;
	    border-bottom-right-radius: 2px;
	}

}

/* Mobile Menu */

@include screen-md-down {
	.mainMenu::before, 
	.userPanel::before {
	    background-color: var(--wcfButtonPrimaryBackground);
	}

	#pageHeaderPanel {
		right: 50px;
	}

	#pageHeaderPanel,
	#pageHeaderUserPanel {
		background-color: #000;
	}

	.mainMenu.pageMenuMobileButtonHasContent::after, 
	.userPanel.pageMenuMobileButtonHasContent::after {
	    border: 2px solid #000;
	}
	
	.mainMenu::before, 
	.userPanel::before {
		background-color: rgba(0,0,0,0);
	}

	#pageHeaderUserPanel > .layoutBoundary,
	#pageHeaderPanel > .layoutBoundary {
		background-color: var(--wcfHeaderMenuBackground);
	}	

	.menuOverlayItemLinkIcon,
	.menuOverlayItemLink {
	    background-color: rgba(0, 0, 0, 1);
	}
	.menuOverlayItemList {
		background-color: rgba(0, 0, 0, 0.8);
	}
}

/* Boardlist Icons */

@include screen-md-up {
	.wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon {
	    margin-left: 16px;
	}
}

/* Buttons */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
a.button { 
	&:not(.inputPrefix) {
		text-transform: none;
	}
}

/* Tabs */

.tabMenu > ul > li > a {
    font-size: 16px;
}

.tabMenu > ul > li::before, 
.menu > ul > li::before {
    border-top-width: 2px;
}

/* Experimental stuff */

.mainMenu .boxMenu > li > a,
.mainMenu .boxMenu .boxMenuDepth1 > li a,
.wbbBoardList .wbbCollapsibleCategory h2 > a,
.wbbBoardList .wbbCollapsibleCategory h2 > a,
.userPanel > ul > li > a {
	-webkit-font-smoothing: antialiased;	
	-moz-osx-font-smoothing: grayscale;
	font-weight: bold;
}

@include screen-md {
	.pageHeaderContainer {
	    background-color: var(--wcfFooterCopyrightBackground);
	}
}

/* Mainmenu */

.mainMenu .boxMenu > li > a {
    padding: 0 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.mainMenu .boxMenu .boxMenuDepth1 {
	display: none;
}

.mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {
	display: block;
}

@include screen-lg {
	.mainMenu {
		margin-right: 0;
	}
}

.mainMenu .mainMenuShowPrevious > .icon, 
.mainMenu .mainMenuShowNext > .icon {
    background-color: var(--wcfHeaderMenuLinkBackgroundActive);
	color: var(--wcfHeaderMenuLink);
	border-radius: 30px;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	width: 20px;
    box-shadow: 
		0 0 5px var(--wcfHeaderMenuBackground), 
		0 0 15px var(--wcfHeaderMenuBackground);
}

.mainMenu .mainMenuShowPrevious > .icon {
	margin-left: 10px;
}

.mainMenu .mainMenuShowNext > .icon {
	margin-right: 10px;
}

.mainMenuShowPrevious {
	background: linear-gradient(to left, transparent 0, #000 0.75) !important;
}

.mainMenuShowNext {
	background: linear-gradient(to right, transparent 0, #000 0.75) !important;
}

/* Sidebar */

@include screen-md-up {
	.messageSidebar {
	    flex: 0 0 220px;
	}

	.messageSidebar + .messageContent {
	    flex-basis: calc(100% - 250px);
	    max-width: calc(100% - 250px);
	}
} 

/* Fix broken Menu-Nav */

.mainMenu .mainMenuShowPrevious.active, 
.mainMenu .mainMenuShowNext.active {
    z-index: 100;
}

@include screen-sm-down {
	.pageNavigation {
		background-color: var(--wcfNavigationBackground);
	}
}

/* Sidebar right collapsed */

@include screen-md-down {
	#sidebarRightCollapse,
	#sidebarRightExpand {
		display: none !important;
	}		
}

@include screen-lg {
	.noSidebarAvailable {
		#sidebarRightCollapse,
		#sidebarRightExpand {
			display: none;
		}
	}

	.sidebarRightCollapsed {
		#sidebarRightCollapse {
			display: none;
		}
		#sidebarRightExpand {
			display: block !important;
		}
		.sidebar.boxesSidebarRight {
			display: none;
		}
		.content:not(:last-child) {
			flex-basis: calc(100% - 340px) !important;
			max-width: calc(100% - 340px) !important;
		}
	}
}

/* Colors */

html[data-color-scheme="light"] {
	#main {
		background-color: var(--wcfContentBackground);
	}
	.contentItem {
		box-shadow: 0 0 0 1px var(--wcfContentBorderInner);
	}
}

html[data-color-scheme="dark"] {
	#main {
		background-color: var(--wcfContentBackground);
	}
	.contentItem {
		box-shadow: 0 0 0 0;
	}
}

/* Mainmenu Dropdown */

.mainMenu .boxMenu .boxMenuDepth1 {
	border-radius: 0 0 5px 5px;
    min-width: 120px;
	box-shadow: 0 3px 5px rgb(var(--wcfHeaderMenuDropdownBackground-rgb) / 20%);
}

/* Colormodes adjustments */

html[data-color-scheme="light"] {
	.dropdownMenu,
	.dropdownMenuContainer .userMenu {
 		box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.25);
	}
}

html[data-color-scheme="dark"] {
	.dropdownMenu,
	.dropdownMenuContainer .userMenu {
		box-shadow: 0 12px 28px 0 rgba(0,0,0,0.75);
	}
}

@include screen-lg {
	html[data-color-scheme="light"] {
		body {
			background-image: url('#{$style_image_path}custom/background.jpg');
		}
	}
}

@include screen-lg {
	html[data-color-scheme="dark"] {
		body {
			background-image: url('#{$style_image_path}custom/backgroundDarkmode.jpg');
		}
	}
}

@include screen-lg {
	.dropdownMenuContainer .userMenu {
		position: absolute;
	}
	#pageOverlayContainer {
		position: static;
	}
}

Alles anzeigen

Liegt hier evtl. etwas, was das ganze stört?

Tom

Ne, das ist ja das CSS vom Stil. Läuft denn sonst alles ok in dem Forum? Ich würde fast vermuten das es ein Problem mit dem Server gibt.

KaSo

Sind noch andere Probleme.

Nero Night Vers. 6.0.3

Tags

cls-design

Informationen

Demoinstallationen

Hilfe