Letzte Aktivität im Profil ausblenden

klannte · Jul 7th 2021

Guten Tag zusammen,

Kann man die Letzte Aktivität im Profil ausblenden und wenn ja wie?

Vielen lieben dank im voraus

norse · Jul 7th 2021

Siehe z. B. Letzte Aktivität und Profi-Aufrufe im Profil deaktivieren

Gruß norse

klannte · Jul 7th 2021

Hallöchen. Danke dir Norse. Leider funktioniert der angegebene Css nicht. Oder muss er in ne bestimmte Zeile im User Template?

norse · Jul 7th 2021

Der muss natürlich in überhaupt kein Template, sondern in das individuelle CSS im Stil oder das stilübergreifende CSS (beides im ACP zu finden). Es muss auch nicht der ganze Code verwendet werden, da Du ja die Box mit den letzten Besuchern nicht ausblenden möchtest.

Gruß norse

klannte · Jul 7th 2021

Display Spoiler

CSS

/* SASS */                      /* change background image path here */
$pageBodyBackground: url('#{$style_image_path}UniteBackgroundHD_Blur.png');
$pageBodyBackgroundSharp: url('#{$style_image_path}UniteBackgroundHD.png');
$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{
            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;
}

.spoilerBox > .spoilerBoxContent {
    background-color: rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    padding: 10px 20px;
    margin-top: 10px;
}

.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;
    }
    
    #topMenu.userPanelLoggedIn > ul > li:first-child > a::before {
       content: "";
    }

    #topMenu #userMenu img {
       display: block;
}

#tpl_wcf_article .content > .section, .content > form, .sectionContainer {
    border: 0px;
    background-color: rgba(0, 0, 0, 0.22);
    padding: 20px;
    border-radius: $borderRadius;
    
}

.filebaseFileList .filebaseFileCard {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
}

.boxesFooterBoxes {
    background-color: transparent;
}
    
.dashboardBoxRecentActivity ul.containerList.recentActivityList    {
        background-color: rgba(255,255,255,0.1);  
        border-radius: 5px;
    }

.contentItem {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
}
}

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

Display More

Das ist mein aktueller. Kannst du mir zufällig sagen wo genau der rein muss oder muss ich den nur iwo reinpacken?

norse · Jul 7th 2021

Ich würde den Code ganz ans Ende setzen. Du bist aber auch im ACP unterwegs und versuchst nicht etwa, irgendwelche Dateien zu bearbeiten?

Gruß norse

klannte · Jul 7th 2021

Grüß dich,

klar im ACP. Ok hat nun funktioniert. Dazu noch ne frage. Kann ich die drei markierten sachen vom Anhang auch ausblenden lassen?

Dankeschön für die Hilfe

HTMH · Jul 7th 2021

Code

.contentHeader .inlineDataList {
    display: none;
}

oder im Template user folgendes löschen (Zeile 237-244)

Code

                <dl class="plain inlineDataList">
                    {include file='userInformationStatistics'}
                    
                    {if $user->profileHits}
                        <dt{if $user->getProfileAge() > 1} title="{lang}wcf.user.profileHits.hitsPerDay{/lang}"{/if}>{lang}wcf.user.profileHits{/lang}</dt>
                        <dd>{#$user->profileHits}</dd>
                    {/if}
                </dl>

klannte · Jul 7th 2021

Perfekt. Ich danke euch vielmals!

klannte · Jul 8th 2021

Kann man es hier unter der Team Seite auch ausblenden?

norse · Jul 8th 2021

CSS

#tpl_wcf_team .inlineDataList {
  display: none;
}

Meinst Du nicht, es ist an der Zeit, Dich mal ein wenig mit CSS zu befassen? Im Grunde ist es immer derselbe Befehl, so dass Du einfach nur lernen solltest, die passenden Selektoren selbst herauszufinden.

Gruß norse

Letzte Aktivität im Profil ausblenden

Participate now!

Share

Similar Threads

Benutzerprofil Informationen ausblenden

Benutzerlöschen - letzte Aktivitäten bleiben stehen

"letzte Aktivitäten" Box hängt sich plötzlich auf

Trophäe nur bei Aktivität

Letzte Aktivität und Profi-Aufrufe im Profil deaktivieren

letzte Profilbesucher