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.

SoftCreatR

Zitat von Tom

Ich würde fast vermuten das es ein Problem mit dem Server gibt.

Die Vermutung habe ich im Zusammenhang mit einem völlig anderen Problem bei ihm auch.

KaSo

Hallo,

Forum - WoltLab Suite

Auf meiner Testinstanz funktioniert alles problemlos. Es muss am Design liegen Tom

Kann ich Dir Adminzugang per PN zuschicken, dass Du Dir das mal anschaust, Bitte?

KaSo

Zitat von SoftCreatR

Die Vermutung habe ich im Zusammenhang mit einem völlig anderen Problem bei ihm auch.

Es lag am Wartungsmodus. Habe das Wartungsmodus deaktiviert und Cache gelöscht, tada,.. Problem gelöst Vielen Dank für deine Hilfe SoftCreatR

Beitrag

RE: Nero Night Vers. 6.0.3

Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

Die Icons sind bei nicht hover Effekt zu stark nach links verschoben.

KaSo

13. März 2026 um 17:53

Dieses Problem habe ich dennoch,..

Aze /..

Wird nach wie vor ein Problem mit dem Padding sein.

Grds. greift das:

CSS

@media screen and (min-width: 1025px), print {
    .userPanel>ul>li>a {
        padding: 0 10px;
    }
}

KaSo

Zitat von Aze /..
Wird nach wie vor ein Problem mit dem Padding sein.
Grds. greift das:
CSS
@media screen and (min-width: 1025px), print {
    .userPanel>ul>li>a {
        padding: 0 10px;
    }
}

Egal was ich getan habe, eine Änderung gab es nicht. Es muss was anderes greifen.

Tom

Zitat von KaSo

Kann ich Dir Adminzugang per PN zuschicken, dass Du Dir das mal anschaust, Bitte?

Ja, kannst du machen.

Nero Night Vers. 6.0.3

RE: Nero Night Vers. 6.0.3

Tags

Benutzer online in diesem Thema

cls studio

Informationen

Demoinstallationen

Hilfe