Benachrichtigung/Ungelesen im falschen Menü

Eht0x · Mar 29th 2020

Hallo,

ich habe seit ein paar Tagen nun ein Forum für unseren Clan erstellt. Beim testen der Seite ist mir beim erstellen eines Threads aufgefallen, dass die Benachrichtigung/Ungelesen ím falschen Menü angezeigt wird. Anstatt über dem "Forum" wird die Benachrichtigung über dem Kalender angezeigt. Im Unterpunkt vom Kalender gibt es keine Benachrichtungen die offen sind. Im Unterpunkt Forum jedoch gibt es die schon. Ich habe schon nach einem ähnlichen Thread gesucht und keinen gefunden.

Wisst ihr wie ich das ändern kann?

P.S. Sobald ich den Thread löschen ist die Benachrichtigung im Kalender weg. Hat aufjedenfall etwas mit dem Thread zu tun.

Grüße Daniel

T1N0 · Mar 29th 2020

Hallo,

Quote from Eht0x

Wisst ihr wie ich das ändern kann?

ACP - Inhalt - Menüs - Hauptmenü da mal auf die Zahl der Menüpunkte klicken. Ich schätze mal du hast den Menüpunkt Ungelesene Beiträge in das Menü vom Kalender verschoben. Einfach verschieben und Speichern.

ReeN · Mar 29th 2020

Könnte auch mit dem Stil zu tun haben. Durch ungünstiges CSS. Schau es dir mal im Standard Stil an.

Falls der Standard Stil nicht mehr existieren sollte oder verändert wurde, dann einfach im ACP einen neuen Stil erstellen und speichern.

Eht0x · Mar 29th 2020

Quote from T1N0

Hallo,
ACP - Inhalt - Menüs - Hauptmenü da mal auf die Zahl der Menüpunkte klicken. Ich schätze mal du hast den Menüpunkt Ungelesene Beiträge in das Menü vom Kalender verschoben. Einfach verschieben und Speichern.

Nein, dort war alles okay. Aber danke für die Hilfe.

Quote from ReeN

Könnte auch mit dem Stil zu tun haben. Durch ungünstiges CSS. Schau es dir mal im Standard Stil an.

Falls der Standard Stil nicht mehr existieren sollte oder verändert wurde, dann einfach im ACP einen neuen Stil erstellen und speichern.

Das ist es. Mit einem anderen Stil ist alles in Ordnung. Wisst ihr wie ich die CSS bearbeiten kann, damit das wieder normal funktioniert? Verwende den Stil "Lucent2".

CSS

/*=============================================================================================== 
   DO NOT EDIT UNTIL YOU READ THE LICENSE! | LESEN SIE DIE LIZENZBESTIMMUNG BEVOR SIE BEARBEITEN!
 
   License / Lizenz - http://wewexmedia.de/cms/index.php/license/ 
=================================================================================================*/

/* SASS */                      /* change background image path here */
$pageBodyBackground: url('#{$style_image_path}lucent_bg-blur.jpg');
$pageBodyBackgroundSharp: url('#{$style_image_path}lucent_bg.jpg');
$redColor: #eb372c;  
$greenColor: #54d123;    
$borderRadius: 4px;

/* mobile optimization */
@include screen-md-down {
    .pageHeaderPanel, .pageHeaderSearch {
        background-image: $pageBodyBackground;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: inset 0 0 0 40px rgba(0,0,0,0.25);
    }
    
    .wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {
        background-color: rgba(0, 0, 0, 0);
    }
    
    .userProfileUser .contentHeaderIcon .badgeOnline {
        padding: 6px;
    }

    .userProfileUser .contentHeaderIcon .badgeOnline::before {
        display: none;
    }
    
    .messageSidebar .badgeOnline {
        font-size: 0;
    }
    
    .main {
        margin-top: 15px;
    }
    
    .messageFooterGroup > .messageFooterButtons.buttonList.open{
        background-image: $pageBodyBackground;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 200px rgba(255,255,255,0.35);
    }
    
    .pageAction{
        left: auto;
    }
    
    .menuOverlayMobile{
        background-image: $pageBodyBackground;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .menuOverlayItemList {
        background-color: rgba(255, 255, 255, 0.2);
    }
    
    .wcfImageViewer.wcfImageViewerMobile > div > ul > li {
        background-color: rgba(0, 0, 0, 0.55);
    }
    
    .wbbBoardList .wbbBoard {
        padding: 10px;
    }
    
    .menuOverlayTitle {
        font-weight: bold;
        color: $wcfTabularBoxHeadline;
    }
    
    .menuOverlayMobile.pageUserMenuMobile + .menuOverlayMobileBackdrop {
        box-shadow: inset -5px 0 25px -5px rgba(0, 0, 0, .18);
    }
}

/* badge + icon*/
.badge.badgeUpdate, a.badge.badgeUpdate {
    line-height: 1.2;
}

.badge, a.badge {
    border-radius: 30px;
    background-color: rgba(245, 246, 249, 0.83);
    color: rgba(0, 0, 0, 0.91);
}

.badge.green, a.badge.green {
    background-color: $greenColor;
    color: #ffffff;
}

.badge.red, a.badge.red {
    background-color: $redColor;
    color: #ffffff;
}

.badge.black, a.badge.black {
    background-color: #3f3d3d;
    color: #ffffff;
}

.badge.brown, a.badge.brown {
    background-color: #e08853;
    color: #ffffff;
}

.badge.orange, a.badge.orange {
    background-color: #f7a522;
    color: #ffffff;
}

.badge.yellow, a.badge.yellow {
    background-color: #ffe519;
    color: #ffffff;
}

.badge.blue, a.badge.blue {
    background-color: #1c9ef0;
    color: #ffffff;
}

.badge.purple, a.badge.purple {
    background-color: #c960f8;
    color: #ffffff;
}

.badge.pink, a.badge.pink {
    background-color: #f761f0;
    color: #ffffff;
}

.wbbAnnouncementIcon {
    background-color: $redColor;
}

.contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before {
    color: $redColor;
}

.messageGroupList .messageDeleted .columnAvatar::before {
    color: $redColor;
}

.wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child::before {
    color: $redColor;
}

.icon.green, .fa.green {
    color: $greenColor;
}

.icon.red, .fa.red {
    color: $redColor;
}

/* search */
@include screen-lg {
    .pageHeaderSearchInputContainer {
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
        
        .pageHeaderSearchType.dropdownOpen > .button{
            background-image: $pageBodyBackground;
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
            box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);
            background-repeat: no-repeat;
        }
        
        .pageHeaderSearchInputButton {
            border-radius: 0 2px 2px 0px;
            
            &:hover{
                background-image: $pageBodyBackground;
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
                box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);
                background-repeat: no-repeat;
            }
        }
        
        .pageHeaderSearchInput {
            background-image: $pageBodyBackground;
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            box-shadow: inset 0 0px 0px 20px rgba(0, 0, 0, 0.1);
        }
        
        .pageHeaderSearchType > .button {
            border-radius: 0;
            
            &:hover{    
                background-image: $pageBodyBackground;
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
                box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.1);
                background-repeat: no-repeat;
            }
        }
    }
    
    .pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
        background-image: $pageBodyBackground;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        box-shadow: inset 0 0px 0px 20px rgba(255, 255, 255, 0.15);
        background-repeat: no-repeat;
    }
    
    .searchBarOpen .pageHeaderSearch {
        top: 220px!important;
        left: 60px!important;
        z-index: 300;
    }
}

/* pagination */ 
.pagination > ul {
    background-color: rgba(0,0,0,0.2);
    border-radius: $borderRadius;
    
    > li > .icon {
        font-size: 13px;
        margin-top: 3px;
    }
    
    > li:not(:last-child){
        margin-right: 0px;
    }
}

/* poll */
.pollContainer .pollResultItem .pollMeter {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 8px;
    
    > .pollMeterValue {
        border-radius: 2px;
        height: 8px;   
    }
}
    
.pollContainer .pollResultItem:nth-child(12n+1) .pollMeter > .pollMeterValue{
    background-color: #e74c3c;
    background-image: linear-gradient(#ff6151,#e74c3c);
    background-image: -webkit-linear gradient(#ff6151,#e74c3c);
}
    
.pollContainer .pollResultItem:nth-child(12n+2) .pollMeter > .pollMeterValue{
    background-color: #e67e22;
    background-image: linear-gradient(#ff9334,#e67e22);
    background-image: -webkit-linear gradient(#ff9334,#e67e22);
}

.pollContainer .pollResultItem:nth-child(12n+3) .pollMeter > .pollMeterValue{
    background-color: #f1c40f;
    background-image: linear-gradient(#ffd738,#f1c40f);
    background-image: -webkit-linear gradient(#ffd738,#f1c40f);
}
    
.pollContainer .pollResultItem:nth-child(12n+4) .pollMeter > .pollMeterValue{
    background-color: #2ecc71;
    background-image: linear-gradient(#3fea88,#2ecc71);
    background-image: -webkit-linear gradient(#3fea88,#2ecc71);
}
    
.pollContainer .pollResultItem:nth-child(12n+5) .pollMeter > .pollMeterValue{
    background-color: #3498db;
    background-image: linear-gradient(#3dabf5,#3498db);
    background-image: -webkit-linear gradient(#3dabf5,#3498db);
}
    
.pollContainer .pollResultItem:nth-child(12n+6) .pollMeter > .pollMeterValue{
    background-color: #1abc9c;
    background-image: linear-gradient(#26d8b5,#1abc9c);
    background-image: -webkit-linear gradient(#26d8b5,#1abc9c);
}
    
.pollContainer .pollResultItem:nth-child(12n+7) .pollMeter > .pollMeterValue{
    background-color: #9b59b6;
    background-image: linear-gradient(#b167d0,#9b59b6);
    background-image: -webkit-linear gradient(#b167d0,#9b59b6);
}
    
.pollContainer .pollResultItem:nth-child(12n+8) .pollMeter > .pollMeterValue{
    background-color: #34495e;
    background-image: linear-gradient(#46607b,#34495e);
    background-image: -webkit-linear gradient(#46607b,#34495e);
}
    
.pollContainer .pollResultItem:nth-child(12n+9) .pollMeter > .pollMeterValue{
    background-color: #95a5a6;
    background-image: linear-gradient(#abbfc0,#95a5a6);
    background-image: -webkit-linear gradient(#abbfc0,#95a5a6);
}
    
.pollContainer .pollResultItem:nth-child(12n+10) .pollMeter > .pollMeterValue{
    background-color: #bdc3c7;
    background-image: linear-gradient(#d7dce0,#bdc3c7);
    background-image: -webkit-linear gradient(#d7dce0,#bdc3c7);
}

/* menu */
.mainMenu .boxMenu {
    border-bottom-left-radius: $borderRadius;
    border-bottom-right-radius: $borderRadius;
    
    .boxMenuDepth1{
        background-image: $pageBodyBackground;
        background-size: cover;  
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        box-shadow: inset 0 0 0px 80px rgba(43,44,45,0.3);
        
        > li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span {
            padding: 7px 12px;
        }
    }
    
    > li > a {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        letter-spacing: -0.6px;
        font-size: 1.1rem;
        
        .badge.badgeUpdate{
            position: absolute;
            top: -9px;
            right: 12px;
            line-height: 1.28;
            border-radius: 16px;
        }
    }
}

/* body */
body { 
    background-image: $pageBodyBackgroundSharp;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2a231a;
}

/* sidebar */
.boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {
    background-color: rgba(255,255,255,0.4);
    border-top-left-radius: 6px; 
    border-top-right-radius: 6px;
    padding: 10px 10px;
    letter-spacing: -0.35px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 1.125rem;
}

.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink {
    margin-left: 0px;
    padding-left: 22px;
}

.boxesSidebarLeft .box:not(:first-child), .boxesSidebarRight .box:not(:first-child) {
    margin-top: 0px;
}

.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
    background-color: rgba(0, 0, 0, 0.15);
}

.boxesSidebarLeft .box .boxMenu .boxMenuLink .badge, .boxesSidebarRight .box .boxMenu .boxMenuLink .badge {
    margin-right: 10px;
}

.boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
    margin-right: 0px;
    padding-right: 0px;
}

.boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
    padding: 10px;
}

.boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu {
    margin-left: -8px;
    margin-right: -8px;
}

.sidebar .boxContainer > section .boxContent {
    padding: 8px;
    margin-top: 0;
    border-bottom-left-radius: 6px; 
    border-bottom-right-radius: 6px;
    background-color: rgba(255,255,255,0.33);
}

/* ImageViewer */
.wcfImageViewer {
    background-image: $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    
    .icon {
        color: $wcfContentText;
    }
    
    > div {
        background-color: rgba(0, 0, 0, 0);
        border-color: $wcfContentBorder;
    }
    
    &:not(.wcfImageViewerMobile) > div > ul {
        background-image: $pageBodyBackground;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: inset 0 0 0px 50px rgba(0,0,0,0.25);
        border: none;
        border-top-left-radius: $borderRadius;
        border-top-right-radius: $borderRadius;
    }
    
    &:not(.wcfImageViewerMobile) > div > ul > li:not(.pointer) > .icon {
        color: #aeaeae!important;
    }
    
    > header h1, > header h2, > header h3 {
        color: $wcfContentText;
    }
}

/* redactor */
.redactor-layer {
    border: none;
}

.redactorAutosaveRestored{
    border: none;
    
    > a{
        border-left: 1px solid rgba(255, 255, 255, 0.28);
    }
}

.redactor-layer pre {
    background-color: rgba(255,255,255,0.25)!important;
    box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .15);
}

.redactorBoxFullscreen {
    background-image: $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.redactor-box {
    border-top-left-radius: $borderRadius; 
    border-top-right-radius: $borderRadius;
    background-color: rgba(250, 250, 250, 0.3);
}

.redactor-toolbar {
    background-color: rgba(255, 255, 255, 0.15);
    border-top-left-radius: $borderRadius; 
    border-top-right-radius: $borderRadius;
    padding: 8px;
    
    > li {
    background-color: rgba(0,0,0,0.4);
        
        &:first-child{
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        
        > a:hover{
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        
        &:last-child{
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }
        
        > a:hover{
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }
        
        &.redactor-toolbar-separator {
            margin-left: 0px;
            
            &::before {
                border-left: none;
            }
        }
    }
}

.messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {
    background-color: $wcfButtonPrimaryBackgroundActive;
    color: $wcfButtonPrimaryTextActive;
    padding: 3px 7px; 
    position: relative;
    top: 2px;
    border-radius: 3px;
}

.messageTabMenu.messageTabMenuContent > nav {
    padding: 5px 20px 8px;
}

 .smileyList {
     padding: 5px;
}

.messageTabMenu > .messageTabMenuContent.active {
    border-radius: $borderRadius;
    background-color: rgba(255, 255, 255, 0.25);
}

.messageTabMenuNavigation > ul > li.active > a {
    color: #ffffff;
}

.messageTabMenu > div > nav ul li a { 
    color: $wcfButtonText;
    border-radius: 3px;
    position: relative;
    top: 2px;
    padding: 3px 7px;
}

.messageTabMenu > div > nav ul li a:hover {
    color: $wcfButtonTextActive;
    background-color: $wcfButtonBackgroundActive;
}

.messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {
    margin-top: 8px;
    border: none;
    border-radius: $borderRadius;
}

.messageTabMenuNavigation > ul {
    border: none;
    background-color: rgba(255, 255, 255, 0.45);
    border-bottom-left-radius: $borderRadius;
    border-bottom-right-radius: $borderRadius;
}

/* BoardList */
.wbbBoardList .wbbBoardContainer {
    background-color: rgba(255,255,255,0.33);
    border-bottom: none;
}

.wbbBoardList > li.wbbBoardContainer:first-child {
    border-top: none;
}

.wbbBoardList .wbbBoardContainer {
    border-bottom: none;
}

.wbbCategory.wbbDepth1 > ul > li:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.wbbBoardList .wbbCollapsibleCategory h2 {    
    flex-direction: row-reverse;
    letter-spacing: -0.35px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 1.125rem;
}

.tabularBoxTitle > header {
    background-color: rgba(255,255,255,0.4);
    border-bottom: none;
    border-top-left-radius: 6px; 
    border-top-right-radius: 6px;
    padding: 10px 10px;
}

/* layout */
@include screen-lg {
    .pageContainer {
        margin: 0 auto;
        max-width: 1400px;
        padding-top: 40px;
        width: 90%;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .pageHeaderContainer {
        padding-top: 0px;
    }
    
    .pageHeaderFacade > .layoutBoundary {
        padding-bottom: 0px;
        padding-top: 0px;
    }
    
    .layoutBoundary {
        min-width: auto;
    }
    
     #pageHeaderPanel {
        position: absolute;
    }
    
    #pageHeaderPanel {
        position: absolute;
        top: inherit;
        bottom: 0;
    }
    
    #pageHeader {
        position: relative;
        padding-top: 120px;
    }
}

/* messsage content */
.messageSidebar .userAvatarImage {
    border: 2px solid #ffffff;
}

.messageSidebar + .messageContent {
    background: rgba(255,255,255,0.2);
    border-radius: 6px;
    padding: 10px 10px 10px 10px;
}

.messageList:not(.messageReducedList) {
    border-top: none;
    
    > li {
        border-bottom: none;
    }
}

@include screen-lg {
    .messageSidebar {
       border-radius: 0px;
       flex: 0 0 205px;
        
        .badgeOnline {
            margin-bottom: 24px;
            padding: 7px;
            background-color: $greenColor;
            border: 2px solid #ffffff;
            border-radius: 10px;
            font-size: 0;
        }
        
        + .messageContent {
            margin-left: 0px;
            max-width: calc(100% - 225px);
            
            &:not(.messageQuickReplyContent)::before {
                content: "";
                border-style: solid;
                border-color: rgba(0,0,0,0) rgba(255, 255, 255, 0.2) rgba(0,0,0,0) rgba(0,0,0,0);
                border-width: 0px 14px 15px 0px;
                margin-top: 18px;
                margin-left: -24px;
                position: absolute;
            }
        }
    }

    .messageQuickOptions {
        background-color: rgba(0,0,0,0.4);
        padding: 2px 4px 1px 6px;
        border-radius: 15px;
    }
    
    .message .messageClipboardCheckbox::before {
        font-size: 20px;
        left: 5px;
        top: -2px;
    }
    
    .messageFooterNote {
        border-left: 3px solid rgba(224, 224, 224, 1);
    }
    
    .messageCheckboxLabel::after, .message .messageClipboardCheckbox::after, .messageGroupList .columnMark > label::after {
        color: #54d123;
    }
    
    .message.jsMarked .messageClipboardCheckbox::after {
        font-size: 11px;
        left: 7px;
        top: 4px;
    }
    
    #tpl_wbb_thread .contentHeader, #tpl_wcf_conversation .contentHeader{
        background-color: rgba(0,0,0,0.2);
        margin: -20px; 
        padding: 20px;
        border-top-left-radius: 6px; 
        border-top-right-radius: 6px;
    }
    
    .messageQuickReplyCollapsed .messageQuickReplyContent{
        padding-top: 12px;
        
        &::before {
            font-size: 26px;
        }
    }
    
}

/* social buttons */
.messageShareButtons .jsShareFacebook, .messageShareButtons .jsShareTwitter, .messageShareButtons .jsShareGoogle, .messageShareButtons .jsShareReddit, .messageShareButtons .jsShareWhatsApp, .messageShareButtons .jsShareLinkedIn, .messageShareButtons .jsSharePinterest, .messageShareButtons .jsShareXing {
    background-color: rgba(0,0,0,0.35);
}

.messageShareButtons .button span:not(.icon){
    display: none;
}

/* main content */
@include screen-lg {
    .main {
        padding: 20px 0;
    }
}

.main {
    background-image: $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

.contentHeader .contentTitle, .boxHeadline .contentTitle, .contentHeader > h1{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: -0.3px;
}

/* footer boxes */    
.boxesFooter .layoutBoundary{
    padding: 0px 4px  0 8px;
}

.boxesFooterBoxes {
    background-image: $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 25px;
    border-radius: 6px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
    
    @include screen-lg {
        .boxContainer {
            padding: 20px 0;
            margin-bottom: -50px;
        }
    }
}

/* header */
@include screen-lg {
    .pageHeaderPanel {
        background-image: $pageBodyBackground;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    
        > .layoutBoundary {
            display: inline-block;
        }
    }
    
    .pageHeaderLogo {
        position: relative; 
        top: -100px;
        text-align: center;
    }
}

/* dropdown */
.dropdownMenu {
    background-image: $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 0 0px 0px 200px rgba(255, 255, 255, 0.32), 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

@include screen-lg {
    .interactiveDropdown{ 
        background-image: $pageBodyBackground;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: $borderRadius;
        left: 72px!important;
        top: 18px!important;
        box-shadow: inset 0 0px 0px 200px rgba(255, 255, 255, 0.32), 0 0 12px 0 rgba(0, 0, 0, 0.2);
        
        .userAvatarImage {
            max-width: 40px;
            max-height: 40px;
            margin-left: 3px;
        }
        
        &[data-source="userNotifications"] {
            top: 65px!important;
        }
        
        &[data-source="outstandingModeration"] { 
            top: 116px!important;
        }
        
        &[data-source="unreadConversations"] {
            top: 167px!important;
        }
    }
        
    .interactiveDropdownHeader {
        padding: 6px 12px;
        
        &::before{ 
            content: "";
            border-style: solid;
            border-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            border-width: 8px 7px 8px 0px;
            margin-top: 0px;
            margin-left: -19px;
            position: absolute;
        }

        .interactiveDropdownTitle {
            letter-spacing: -0.35px;
            font-weight: 500;
            font-family: 'Roboto', sans-serif;
            font-size: 1.125rem;
        }
    }
    
    .interactiveDropdownItems > li {
        padding: 10px 12px;
        
        .icon{ 
            font-size: 2.2rem;
        }
    }
    
    .interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead .icon{    
        font-size: 1.2rem;
    }
    
    .interactiveDropdownShowAll {
        font-weight: bold;
        
        &:hover {
            background-color: $wcfTabularBoxBackgroundActive;
        }
    }
}

/* userpanel */
@include screen-lg {
    #topMenu{
        background-image: $pageBodyBackground;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 6px;
        top: 15px;
        left: 10px;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 40px rgba(255,255,255,0.08);
        height: 96%;
        width: 50px;
        position: fixed;
        
        #userLogin a{
            margin-top: 90px;
            padding-right: 18px;
            
            &::before {
                content: "\f090";
                font-family: "FontAwesome";
                left: 5px;
                position: relative;
                font-size: 26px;
            }
        }
        
        #userLogin a{
            font-size: 0;
        }
        
        #userMenu img {
            display: none;
        }
        
        &.userPanelLoggedIn > ul > li:first-child > a::before {
            position: absolute; 
            content: "\f2bd ";
            padding-right: 8px;
            padding-left: 8px;
            left: 0;
            top: 2px;
            font-size: 33px;
            font-family: "FontAwesome";
        }
        
        &.userPanel > ul {
            display: block;
            
            #pageLanguageContainer {
                font-size: 0;
                
                .boxFlag.box24 > img:first-child {
                    display: none;
                }
                
                a {
                    top: 90px;
                    padding-right: 14px;
                    
                    &::before{
                        content: "\f1ab";
                        left: 6px;
                        position: relative;
                        font-family: "FontAwesome";
                        font-size: 26px;
                    }
                }
            }
       
            
            > li:first-child:hover > a{
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
            }

            > li:hover > a .icon {
                color: #ffffff;
            }
            
            > li > a {
                background: rgba(0,0,0,0);
                padding: 0 9px;
                
                > .badgeUpdate {
                    padding: 1px 5px;
                    box-shadow: none;
                    left: 26px;
                    top: 8px;
                    border-radius: 20px;
                }
                
                .icon {
                    color: #F3F3F3;
                    font-size: 26px;
                }
            }
        }
    }
    
    _:-webkit-full-screen:not(:root:root), .pageHeaderPanel > .layoutBoundary {
        transform: none;
    }
    
    #topMenu #userLogin a::before, #topMenu.userPanel > ul #pageLanguageContainer a::before{
        color: #f3f3f3;
    }
    
    #topMenu #userLogin a:hover::before, #topMenu.userPanel > ul #pageLanguageContainer a:hover::before{
        color: #ffffff;
    }
}

/* general */
.styleChanger a::before {
    content: "\f03e";
    font-size: 1.1rem;
    font-family: "FontAwesome";
    margin-right: 5px;
}

.pageNavigation {
    background-image:  $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 25px;     
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.wcfLikeCounter.likeCounterLiked {
    color: $greenColor!important;
}

.wcfLikeCounter.likeCounterDisliked {
    color: $redColor!important;
}

woltlab-quote, .quoteBox {
    background-color: rgba(0, 0, 0, 0.22);
    box-shadow: none;
    border-radius: 3px;
}

.contentHeaderIcon .userAvatarImage{ 
    border: 2px solid #ffffff;
}

.contentHeaderIcon .badgeOnline {
    margin-bottom: 24px;
    padding: 7px;
    background-color: #54d123;
    border: 2px solid #ffffff;
    border-radius: 10px;
    font-size: 0;
}

.dialogContainer{
    background-image: $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px; 
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(0, 0, 0, 0.2); 
}

.balloonTooltip, .redactor-toolbar-tooltip {
    box-shadow: none;
}

.badge.badgeUpdate, a.badge.badgeUpdate {
    background-color: #ff2502; 
}

.containerList > li:not(:last-child) {
    border-bottom: none;
}

.dialogContainer > header > span{
    letter-spacing: -0.35px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 1.25rem;
    color: $wcfTabularBoxHeadlineActive;
}

.dialogContainer > .dialogContent .dialogFormSubmit {
    border-top: none;
}

.containerList > li:first-child {
    border-top: none;
}

.containerList > li:last-child {
    border-bottom: none;
}

@include screen-md-up {
    .tabMenu > ul > li > a {
        font-size: 20px;
    }
}

.spinner {
    background-color: rgba(255,255,255,0.4);
    background-image: $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 60px rgba(255, 255, 255, 0.25); 
}

.smileyList {
    margin-bottom: 0px;
}

.redactorAutosaveRestored {
    background-color: rgba(0, 0, 0, 0.18);
}

.redactorAutosaveRestored > span {
    color: $wcfButtonText;
}

* {
    outline: none;
}

.popover, .datePicker {
    background-image: $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2), inset 0 0 0px 300px rgba(255,255,255,0.2);
    border-radius: $borderRadius;
}

input[type="date"][disabled], input[type="datetime"][disabled],
input[type="email"][disabled], input[type="number"][disabled],
input[type="password"][disabled], input[type="search"][disabled],
input[type="text"][disabled], input[type="url"][disabled], input[type="date"][readonly],
input[type="datetime"][readonly], input[type="email"][readonly],
input[type="number"][readonly], input[type="password"][readonly],
input[type="search"][readonly], input[type="text"][readonly], input[type="url"][readonly] {
    background-color: $wcfInputBackground!important;
    border: none;
}

.tagList > li {
    border-top-right-radius: 3px; 
    border-bottom-right-radius: 3px;
}

.tagList .tag {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.wbbBoardList .wbbCollapsibleCategory h2 + small {
    color: #4C4C4C;
}

.wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
    border: 1px solid $wcfButtonText;
}

.inputItemList {
    border-radius: $borderRadius;
}

.wbbStickyIcon, .wbbMovedIcon {
    background-color: rgba(255, 151, 54, 1);
    color: $wcfButtonText;
}

input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="text"], input[type="url"], select{
     border-radius: 3px;
}

.fa-spinner, .wcfImageViewer > div.loading:before, .wcfImageViewer > footer > div > ul > li.loading:before {
    border-top-color: $wcfButtonPrimaryBackground;
}

.pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success,
.pageFooterStickyNotice .warning {
    border: none;
}

.containerHeadline > h3 > .badge {
    border-radius: 30px;
}

.pollContainer .pollResultItem .pollResultItemCaption > .pollOptionRelativeValue {
    color: #dedfe9;
}

a:any-link{
    text-decoration: none!important;
}

@include screen-md-up {
    .quoteBoxIcon > .quoteBoxQuoteSymbol {
        font-size: 140px;
    }
}

.dialogContainer > header > .dialogCloseButton > .icon {
    margin-right: -8px;
}

.userAvatarImage {
    border: 2px solid #ffffff;
}

.error, .info, .success, .warning {
    border-left: none;
}

.userProfileButtonContainer .icon{
    font-size: 24px;
}

.tabularListRowHead > .tabularListColumns > li {
    font-weight: 700;
    letter-spacing: -0.7px;
}

.userProfileButtonContainer a.button{
    padding: 5px 15px;
}

.inlineCode, kbd {
    background-color: rgba(0, 0, 0, 0.22)!important;
    border: none!important;
    border-radius: 2px;
    color: #ffffff !important;
}

.formError dt {
    color: $redColor!important;
}

.flexibleButtonGroup > li > a.active.green, .flexibleButtonGroup > li > input[type="radio"]:checked + label.green,
.flexibleButtonGroup > li > input[type="radio"] + label:hover.green {
    background-color: $greenColor;
}

.flexibleButtonGroup > li > a.active.red, .flexibleButtonGroup > li > input[type="radio"]:checked + label.red,
.flexibleButtonGroup > li > input[type="radio"] + label:hover.red {
    background-color: $redColor;
}

.innerError {
    background-color: $wcfStatusErrorBackground;
    color: $wcfStatusErrorText;
}

.innerError::before {
    border-bottom-color: $wcfStatusErrorBackground;
}

.innerError a {
    color: $wcfStatusErrorText;
}

.dialogContainer > .dialogContent .dialogFormSubmit {
    background-image: $pageBodyBackground;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0px 100px rgba(255,255,255,0.2);
    border-top: none;
    border-bottom-left-radius: $borderRadius;
    border-bottom-right-radius: $borderRadius;
}

.flexibleButtonGroup > li > a, .flexibleButtonGroup > li > label {
    background-color: rgba(245, 246, 249, 0.83);
}

.innerError a:hover {
    color: $wcfStatusErrorText;
}

textarea.open{
    background-color: rgba(17, 17, 17, 0.65)!important;
}

.containerList > li:hover {
    border-radius: $borderRadius;
}

.dialogContainer[data-id="styleChanger"] .containerList{
    padding: 6px;
}

.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;
}


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

input[type="date"][disabled], input[type="datetime"][disabled],
input[type="email"][disabled], input[type="number"][disabled],
input[type="password"][disabled], input[type="search"][disabled],
input[type="text"][disabled], input[type="url"][disabled], input[type="date"][readonly],
input[type="datetime"][readonly], input[type="email"][readonly],
input[type="number"][readonly], input[type="password"][readonly],
input[type="search"][readonly], input[type="text"][readonly], input[type="url"][readonly] {
    color: rgba(220, 220, 220, 1)!important;
}

.formError input, .formError select, .formError textarea {
    border-color: $redColor!important;
}

@include screen-lg {
    .mainMenu .mainMenuShowNext {
        background-color: rgba(255,255,255,0.1);
        background-image: none;
        width: 20px;
        margin-right: -25px;
    }
    
    .mainMenu .boxMenu .boxMenuDepth1 {
        display: none;
    }
    
    .mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {
        display: block;
    }
    
    #pageHeaderPanel .layoutBoundary {
        max-width: 100%;
    }
    
    .mainMenu .mainMenuShowPrevious {
        background-color: rgba(255,255,255,0.1);  
        background-image: none;
        width: 20px;
        border-top-left-radius: 4px;
        margin-left: -20px;
    }
}

textarea[disabled], textarea[readonly] {
    color: rgba(233, 233, 233, 1) !important;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:500,700');

Display More

adrian.schw · Mar 29th 2020

Diesen fehler hat Namenloser auch

ReeN · Mar 29th 2020

Quote from Eht0x

Verwende den Stil "Lucent2".

Dann am besten mal beim Ersteller des Stils melden, damit der das korrigieren kann. Wird dann ja nicht nur dich betreffen. Oder hast du am CSS selbst etwas verändert?

Eht0x · Mar 29th 2020

Quote from ReeN

Dann am besten mal beim Ersteller des Stils melden, damit der das korrigieren kann. Wird dann ja nicht nur dich betreffen. Oder hast du am CSS selbst etwas verändert?

Nein habe ich nicht. Nur die Hintergrundbilder per FTP getauscht.

Dann werde ich mich mal an pash wenden, falls man ihn erreichen kann

Danke für eure Hilfe!

Eht0x · Mar 30th 2020

Für den Stil habe ich es hinbekommen. Die CSS vom Stil "Lucent 2" hat dies verursacht. Durch das Ausklammern von:

Code

/*        
        .badge.badgeUpdate{
            position: absolute;
            top: -9px;
            right: 12px;
            line-height: 1.28;
            border-radius: 16px;
        }*/

hat dies wieder ganz normal funktioniert

Falls jemand anderes auch dieses Problem hat.

Benachrichtigung/Ungelesen im falschen Menü

Participate now!

Share

Similar Threads

Import WBB4.1 (MySQL 5.1 + InnoDB) in WCS 5.2 (MySQL 5.7)

Artikel für Gäste anktivieren

Update: WoltLab Suite 5.2.3 / 3.1.12 / 3.0.23