Camp-Firefox Forumcode für 68.7.0esr

Boersenfeger

Auf dem Arbeitsrechner ist in der userContent.css u.a. ein Forencode niedergelegt, der aber rumzickt.

CSS

/* Camp Firefox Forum */

@-moz-document domain('camp-firefox.de') {

html,
body,
.main,
.boxesFooter,
.boxesFooterBoxes,
.layoutBoundary,
.pageFooterCopyright,
.pageHeaderFacade,
.pageNavigation
{ 
background: #6495ed !important;
}
}
a,
button,
input,
textarea,
.messageGroupList .columnSubject > .statusDisplay
{
    transition: none !important;
    -webkit-transition: none !important;
}

a.externalURL,
.pageNavigation a,
.contentHeaderTitle a
{
    color: lightblue !important;
    font-weight: bold !important;
}

a.externalURL:hover,
.pageNavigation a:hover,
.contentHeaderTitle a:hover
{
    color: #eeca87 !important;
    font-weight: 900 !important;
}

#pageContainer,
.pageContainer
{
    max-width: 1360px !important;
    margin: 0px auto !important;
}

#tpl_wbb_board .pageNavigationIcons > li:not(:last-child)
{
    margin-left: 0px !important;
}

#tpl_wbb_board .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_unresolvedThreadList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_userPostList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wcf_disclaimer .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wcf_membersList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wcf_recentActivityList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wcf_team .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wcf_userSearch .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wcf_usersOnlineList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons
{
    left: calc(1vw - 100% + 85px) !important;
}

#tpl_wbb_thread .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_unreadThreadList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons
{
    left: calc(1vw - 100% + 110px) !important;
}

#tpl_wcf_articleList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wcf_conversation .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wcf_ignoredUsers .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wcf_notificationList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons
{
    left: calc(1vw - 100% + 05px) !important;
}

#tpl_wbb_boardList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/2-nachrichten/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/3-smalltalk/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/4-erweiterungen-themes/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/7-vorab-versionen/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/8-probleme-auf-websites/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/9-m%C3%BCllhalde/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/11-schaltzentrale/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/15-firefox-allgemein/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/16-individuelle-anpassungen/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/20-firefox-produkte-f%C3%BCr-android/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons,
#tpl_wbb_board[itemid="https://www.camp-firefox.de/forum/forum/24-firefox-produkte-f%C3%BCr-apple-ios/"] .pageNavigation .pageNavigationIcons.jsPageNavigationIcons
{
    left: calc(1vw - 100% + 125px) !important;
}

#tpl_wbb_unreadThreadList .section .tabularListRow.tabularListRowHead
{
    background: #eee !important;
}

#tpl_wbb_userPostList .message
{
    border: none !important;
    padding: 1px !important;
}

#tpl_wbb_userPostList .messageContent,
#tpl_wbb_userPostList .messageFooterGroup
{
    background: #eee !important;
    margin-left: 0px !important;
}

#tpl_wcf_disclaimer .content form .section.htmlContent > ol li
{
    background: #eee !important;
    border-bottom: 1px #888 solid !important;
    padding: 0px 5px 5px 5px !important;
}

#tpl_wcf_membersList .section.sectionContainerList > ol li,
#tpl_wcf_recentActivityList .section.sectionContainerList > ul li,
#tpl_wcf_searchResult .section.sectionContainerList > ul li,
#tpl_wcf_team .section.sectionContainerList > ol li,
#tpl_wcf_usersOnlineList .section.sectionContainerList > ol li
{
    border-bottom: 1px #888 solid !important;
}

#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem div.box32 div img
{
    height: 32px !important;
    width: 32px !important;
}

#tpl_wcf_recentActivityList .containerList > li .containerHeadline,
#tpl_wcf_recentActivityList .containerContent.htmlContent
{
    background: #fff !important;
    padding: 2px !important;
}

#tpl_wcf_settings .content p.success
{
    background-color: #ff6800 !important;
    border: none !important;
    color: #222 !important;
}

#tpl_wbb_board .section ul.wbbBoardList > li.wbbBoardContainer,
#tpl_wbb_unreadThreadList .section .tabularListColumns > ol.tabularListColumns,
#tpl_wcf_disclaimer .section > ul.boardrules-rules,
#tpl_wcf_membersList .section.sectionContainerList > ol,
#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem,
#tpl_wcf_recentActivityList .section.sectionContainerList > ul,
#tpl_wcf_searchResult .section.sectionContainerList,
#tpl_wcf_team .section.sectionContainerList > ol,
#tpl_wcf_usersOnlineList .section.sectionContainerList > ol
{
    background: #eee !important;
    border-bottom: 1px #888 solid !important;
}

#tpl_wbb_userPostList .message:hover,
#tpl_wbb_userPostList .messageContent:hover
{
    background: #00bfff !important;
}

#tpl_wbb_board .section ul.wbbBoardList > li.wbbBoardContainer:hover,
#tpl_wbb_unreadThreadList .section ol.tabularList li.tabularListRow ol.tabularListColumns:hover,
#tpl_wcf_membersList .section.sectionContainerList > ol li:hover,
#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem:hover,
#tpl_wcf_recentActivityList .section.sectionContainerList > ul li:hover,
#tpl_wcf_searchResult .section.sectionContainerList > ul li:hover,
#tpl_wcf_team .section.sectionContainerList > ol li:hover,
#tpl_wcf_usersOnlineList .section.sectionContainerList > ol li:hover
{
    background: #faebd7 !important;
}

.attachmentThumbnail .attachmentThumbnailImage img
{
    opacity: .95 !important;
    transition: none !important;
    -webkit-transition: none !important;
}

.badge,
a.badge,
.newMessageBadge
{
    color: #ee0 !important;
    font-weight: 900 !important;
}

.boxesFooterBoxes .box > .boxContent
{
    margin-top: 0px !important;
    margin-left: 20px !important;
    min-height: 80px !important;
}

.boxesFooterBoxes .boxContainer
{
    padding: 0px !important;
    margin-left: -5px !important;
}

.buttonGroup > li:last-child .button[data-tooltip="Inhalt melden"],
.messageFooterButtons > li:last-child .button[data-tooltip="Inhalt melden"],
.messageFooterButtonsExtra > li:last-child .button[data-tooltip="Inhalt melden"]
{
    background: #c00 !important;
}

.buttonGroup > li:last-child .button[data-tooltip="Zitieren"],
.messageFooterButtons > li:last-child .button[data-tooltip="Zitieren"],
.messageFooterButtonsExtra > li:last-child .button[data-tooltip="Zitieren"]
{
    background: #44f !important;
}

.containerHeadline a,
.htmlContent a,
.messageBody > .messageText a,
.messageGroupAuthor a.userLink,
.messageGroupList .columnLastPost a,
.messageSignature > div a,
.messageText a,
.redactor-layer a,
.sidebarItemTitle a.userLink,
a.messageGroupLink,
a.wbbLastPostAuthor,
#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem a
{
    color: #286ce6 !important;
}

.containerHeadline a:hover,
.htmlContent a:hover,
.messageBody > .messageText a:hover,
.messageGroupAuthor a.userLink:hover,
.messageGroupList .columnLastPost a:hover,
.messageSignature > div a:hover,
.messageText a:hover,
.redactor-layer a:hover,
.sidebarItemTitle a.userLink:hover,
.tabularBoxTitle > header h2 a:hover,
a.messageGroupLink:hover,
a.wbbLastPostAuthor:hover,
#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem a:hover
{
    color: #eeca87 !important;
}

.columnSubject > h3 a,
.containerHeadline > h3,
.tabularBoxTitle > header > h2
{
    font-size: 16px !important;
}

.content .userAvatarImage
{
    background: none !important;
    border: none !important;
    height: 32px !important;
    width: 32px !important;
}

.contentHeader
{
    max-height: 64px !important;
    padding: 0px !important;
    margin: 0px 0px 5px 0px !important;
}

.contentHeader .contentTitle
{
    font-size: 16px !important;
    font-weight: 900 !important;
}

.contentHeader.userProfileUser
{
    min-height: 120px !important;
}

.contentHeader + .section,
.contentHeader + .sectionContainer,
.contentHeader + form,
.messageHeader + .messageBody,
.paginationTop + .section
{
    margin-top: 0px !important;
}
.contentHeader .inlineDataList,
.contentHeaderTitle ul,
.messageHeaderBox > .messageHeaderMetaData *
{
    color: black !important;
}


.main
{
    padding: 0px !important;
    padding-bottom: 10px !important;
}

.boxesFooter,
.boxesFooterBoxes,
.layoutBoundary,
.main,
.pageFooterCopyright,
.pageHeaderFacade,
.pageNavigation
{
    background-color: #6495ed !important;
}

.main #about,
.main #recentActivity,
li.jsIgnoredUser .box48
{
    background: #eee !important;
    padding: 5px !important;
}

.main #recentActivity li:hover,
.main ol.userList li.jsIgnoredUser .box48:hover
{
    background: #fff !important;
}

.main .layoutBoundary
{
    padding: 0px 15px !important;
}

.main ol.userList li.jsIgnoredUser
{
    background: #eee !important;
    padding: 0px !important;
}

.main ol.userList li.jsIgnoredUser .box48
{
    background: #eee !important;
    padding: 3px !important;
}

.message
{
    border: 1px #888 solid !important;
}

.messageContent,
.messageFooterGroup
{
    background: #ddd !important;
    padding: 10px !important;
    margin-left: 20px !important;
}

.messageFooterGroup
{
    padding: 2px !important;
    margin-top: 0px !important;
}

.messageGroupAuthor a.userLink
.sidebarItemTitle a.userLink
{
    /*font-style: italic !important;*/
}

.messageGroupList .box32 a,
#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem div.box32 div
{
    width: 32px !important;
}

.messageGroupList .columnLastPost a
{
    overflow: visible !important;
}

.messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats > dl
{
    visibility: visible !important;
}

.messageGroupList .tabularList li.divider ol.wbbThreadAnnouncement
{
    background: #bb190040 !important;
}

.messageGroupList .tabularList li.divider ol.wbbThreadSticky
{
    background: #89faff4f !important;
}

.messageGroupList .tabularList li.divider:hover
{
    background: #eef6f9 !important;
}

.messageGroupList .userAvatarImage
{
    background: none !important;
    border: none !important;
    height: 75% !important;
    width: 75% !important;
}

.messageHeader
{
    border-bottom: 1px #888 solid !important;
    margin-bottom: 3px !important;
    padding-bottom: 0px !important;
}

.messageHeaderBox > .messageStatus *
{
    color: #f5deb3 !important;
}

.messageList.messageReducedList > li:not(:last-child)
{
    padding-bottom: 10px !important;
}

.messageSidebar .userAvatar span.badgeOnline
{
    padding: 1px !important;
    margin: 0px 0px 0px 36px !important;
}

.pageHeaderFacade > .layoutBoundary .pageHeaderLogo > a
{
    padding: 0px 0px 0px 10px !important;
}

.pageHeaderFixed .pageHeaderPanel
{
    animation: none !important;
    transform: none !important;
    position: absolute !important;
}

.pageHeaderFixed .userPanel,
.pageHeaderFacade .userPanel
{
    animation: none !important;
    position: absolute !important;
    top: 10px !important;
    transition: none !important;
    -webkit-transition: none !important;
    z-index: 999 !important;
}

@media screen and (min-width:1025px)
{
    .pageHeaderFixed .userPanel,
    .pageHeaderFacade .userPanel
    {
        left: calc((100vw - 1360px) / 2 + 400px) !important;
        /*left: 400px !important; für stylesweeping*/
    }
}

@media screen and (min-width:1400px)
{
    .pageHeaderFixed .userPanel,
    .pageHeaderFacade .userPanel
    {
        left: calc((100vw - 1360px) / 2 + 400px) !important;
        /*left: 400px !important; für stylesweeping*/
    }
}

.pageHeaderNormal .pageHeaderPanel
{
    position: absolute !important;
    transform: none !important;
    -webkit-transform: none !important;
}

.pageHeaderPanel,
.pageHeaderFacade > .layoutBoundary
{
    background: none !important;
}

.pageNavigation
{
    padding: 10px 0px 4px 0px !important;
}

.pageNavigation
{
    margin-left: 10px !important;
}

.pageNavigation .breadcrumbs
{
    margin-left: 125px;
}

.pageNavigation .layoutBoundary
{
    background-color: #286ce6 !important;
    margin-left: 5px;
    margin-right: 20px;
}

.pageNavigation .pageNavigationIcons.jsPageNavigationIcons
{
    color: lightblue !important;
    flex-direction: row !important;
    left: -1160px !important;
    margin-left: 0px !important;
    margin-right: 20px !important;
    position: relative !important;
}

.pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after
{
    content: " Du bist hier: " !important;
    color: lightblue !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    margin-left: 10px !important;
}

.paginationTop
{
    margin-top: 10px !important;
}

.quoteBox .quoteBoxContent
{
    font-style: normal !important;
}

.quoteBox .quoteBoxContent .quoteBox
{
    background: #fef6de !important;
    margin-right: 10px !important;
}

.quoteBoxContent
{
    padding-left: 10px !important;
}

.quoteBoxTitle
{
    color: blue !important;
    font-size: 15px !important;
}

.quoteBoxTitle,
.xboxesFooterBoxes .box
{
    margin-bottom: 0px !important;
}

.searchBarOpen .pageHeaderSearch
{
    background: none !important;
    inset: 0px !important;
    left: calc((100vw - 1360px) / 2 + 600px) !important;
    margin-top: 0px !important;
    max-width: 400px !important;
    position: absolute !important;
    top: 10px !important;
    z-index: 999 !important;
}

.searchBarOpen .pageHeaderSearch form
{
    border: 1px #444 solid !important;
}

.searchBarOpen .pageHeaderSearch form .pageHeaderSearchInput
{
    background: #ddd !important;
}

.searchBarOpen .pageHeaderSearch form .pageHeaderSearchInputContainer .pageHeaderSearchType > .button::after
{
    text-align: start !important;
}

.searchBarOpen .pageHeaderSearch form .pageHeaderSearchType.dropdown
{
    width: 200px !important;
}

.sidebar
{
    margin-top: 30px !important;
}

.sidebar.boxesSidebarRight .boxContainer .box .boxTitle
{
    background: #eee !important;
    border-bottom: 1px #888 solid !important;
}

.sidebar.boxesSidebarRight .boxContainer .box h2
{
    padding: 20px 20px 0px !important;
    margin-top: -20px !important;
}

.tabularBoxTitle > header
{
    background: #eee !important;
    border-bottom: 1px #888 solid !important;
    margin-bottom: 0px !important;
}

.tabularListRowHead > .tabularListColumns > li,
.tabularBoxTitle > header a,
.tabularBoxTitle > header .icon
{
    color: #009cff !important;
    font-weight: 900 !important;
}

.tabularListRowHead
{
    border-bottom: 2px solid #8cd2ff !important;
}

.userMention
{
    background: none !important;
    border: none !important;
    padding: 0px !important;
}

.wbbBoardDescription
{
    max-width: 610px !important;
}

.wbbBoardList .wbbBoard
{
    padding: 2px 0px !important;
}

.xboxesFooterBoxes .boxContainer h2.boxTitle,
.xboxesFooterBoxes .boxContainer .boxContent.messageShareButtons
{
    max-height: 0px !important;
}

.xboxesFooterBoxes .boxContainer,
.boxesFooterBoxes .boxContainer section.box:nth-of-type(2)
{
    background: #eee !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

woltlab-quote,
.quoteBox
{
    padding: 0px 0px 4px 10px !important;
    min-height: 0px !important;
}


/* html content, zB about:support */
.messageBody > .messageText table *,
.redactor-layer table *
{
    font-size: 12px !important;
}

.htmlContent table td,
.htmlContent table th,
.messageBody > .messageText table td,
.messageBody > .messageText table th,
.messageSignature > div table td,
.messageSignature > div table th,
.redactor-layer table td,
.redactor-layer table th,
.table td,
.table th,
.tabularListRow
{
    padding: 0px !important;
}


/*elemente ausblenden*/
.box16,
.boxesFooterBoxes .boxContainer section.box:nth-of-type(1),
.box[data-box-identifier="com.woltlab.wcf.RegisterButton"],
.box[data-box-identifier="com.woltlab.wcf.TodaysBirthdays"],
.contentHeader .contentHeaderIcon,
.messageGroupListStatsSimple,
.messageHeader::after,
.messageHeader::before,
.pageHeaderLogo .pageHeaderLogoSmall,
.pageHeaderLogo img.pageHeaderLogoLarge,
.pageHeaderLogo,
.pageNavigation .pageNavigationIcons.jsPageNavigationIcons a[data-tooltip="RSS-Feed"],
.quoteBox .userLink,
.quoteBoxIcon,
.sidebar.boxesSidebarRight .boxContainer .box .boxTitle::after,
.sidebar.boxesSidebarRight .boxContainer .box .boxTitle::before,
.tabularBoxTitle > header::after,
.tabularBoxTitle > header::before,
.tabularListRowHead::after,
.tabularListRowHead::before,
#tpl_wbb_board .wbbStats,
#tpl_wbb_boardList .wbbStats,
#tpl_wbb_userPostList .messageFooterGroup,
#tpl_wcf_articleList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after,
#tpl_wcf_recentActivityList small.containerContentType
{
    display: none !important;
}


/*  Weitere Anpassungen */

/* Camp-Firefox Ergänzungen */
 
    #redactor-toolbar-0 {
        background:#3b83bd! important;
    } 

/*Vorschaufenster für eine Antwort breiter*/

    .dialogContent {
        min-width:1000px! important; 
    }

/*Text Code eingefügt*/

    .re-button.re-code.re-button-icon:after {
        font-weight:bold! important;
        content: 'Code' ! important; }
    .re-button.re-code.re-button-icon:hover {
        color:black! important; 
    }

/*Rahmen um Antwortfenster*/

    .messageContent.messageQuickReplyContent {
        border-left: 1px solid black! important;
        border-right: 1px solid black! important;
        border-bottom: 1px solid black! important; 
    }

    .messageTabMenu{
        border-top: 1px solid black! important;
        border-bottom: 1px solid black! important;
    }

/*Rahmen um Zitatfenster und andere*/

    .codeBox.collapsibleBbcode.cssHighlighter,
    .quoteBox.collapsibleBbcode,
    .quoteBox.collapsibleBbcode.collapsed,
    .codeBox.collapsibleBbcode.cssHighlighter.collapsed,
    .quoteBox.collapsibleBbcode.jsCollapsibleBbcode {
        background:beige! important;
        border: 1px solid black! important;
    }

/*Zitateblock farbig*/

    blockquote.quoteBox {
        background: marigold ! important; 
    }

    .userAvatarImage {
        border-radius: 0 ! important;
    }

    span.quoteBoxTitle {
        font-size: 16px ! important;
    }

/* Smilies ausgeklappt*/

    LI[data-name="smilies"]{
        display:none! important;
        }
    DIV[class="messageTabMenuContent messageTabMenu"][data-preselect="true"][data-collapsible="false"] {
        margin-left:10px! important;
        border:none! important;
        display: block! important;
    }
        
    .messageTabMenuNavigation.jsOnly {
        border-bottom:1px solid black! important;
    }

/* Überschriften in Unterforen */

    .tabularBoxTitle > header a {
        color: marigold! important;
    }

/* Boxen unterschiedlich einfaerben */

    #pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:nth-child(2) > OL{
        background:beige! important;
    }
    #pageHeaderPanel > DIV > DIV > DIV > NAV > OL > LI:last-child > OL{
        background:red! important;
    }

/* Ungelesene Themen ausblenden */

    .box[data-box-identifier="com.woltlab.wbb.UnreadThreads"] {
    display: none! important;
    }    
    
/* Aufzählungszeichen ist fett */

    .paginationTop > nav:nth-child(1) > ul:nth-child(1) > li:nth-child(n+2) > a:nth-child(1):hover,
    .paginationTop > nav:nth-child(1) > ul:nth-child(1) > li:nth-child(n+3) > a:nth-child(1):hover,
    .messageListPagination > nav:nth-child(1) > ul:nth-child(1) > li:nth-child(n+2) > a:nth-child(1):hover,
    #content > FOOTER > DIV > NAV > UL > LI:nth-child(n+1) > A:hover{
        color:white! important;
        background:marigold! important;
    }

/* Untere Boxen auch blau */
    .boxesFooterBoxes{
        background:#3b83bd! important;
    }

/* PopUps ausblenden */

    .popoverContent {display: none}
    
/* Aktiv für alle Webseiten */

    * { text-shadow: transparent 0px 0px 0px, rgba(0,0,0,0.68) 0px 0px 0px !important
    }    
    
/* Beitrag bearbeiten hochsetzen */

    .wbbPost {
        position: relative !important;
        }

    .messageSidebar + .messageContent {
        padding-top: 54px !important;
        }

    .messageFooterGroup {
        position: absolute !important;
        top: 0 !important;
        left: 260px !important;
        right: 30px !important;
        }    
    .jsReportPost.jsOnly {
        margin-right: -19px !important;
       }


addon-card:not([expanded]) .card-contents {
    white-space: normal !important;
    }

.addon-description {
    max-width: 600px !important;
    }
    
button:hover {    
     cursor: pointer !important;
    }
    
.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] {
    margin-left: -20px !important;
    padding-right: 10px !important;
    background: lightgrey !important;
    border-radius: 60px !important;
    }

.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"]:hover {
    margin-left: -20px !important;
    padding-right: 10px !important;
    background: red !important;
    color: white !important;
    border-radius: 60px !important;
    }

.more-options-menu addon-options panel-list panel-item[action="remove"] {
    margin-left: 8px !important;
    padding-right: 13px !important;
    background: lightgrey !important;
    border-radius: 60px !important;
    }

.more-options-menu addon-options panel-list panel-item[action="remove"]:hover {
    margin-left: 8px !important;
    padding-right: 13px !important;
    background: red !important;
    color: white !important;
    border-radius: 60px !important;
    }

.more-options-menu addon-options panel-list panel-item[action="preferences"] {
    margin-left: 32px !important;
    padding-right: 14px !important;
    background: lightgrey !important;
    border-radius: 60px !important;
    }

.more-options-menu addon-options panel-list panel-item[action="preferences"]:hover {
    margin-left: 32px !important;
    padding-right: 14px !important;
    background: red !important;
    color: white !important;
    border-radius: 60px !important;
    }

.more-options-menu addon-options panel-list panel-item[action="expand"] {
    margin-left: 60px !important;
    padding-right: 17px !important;
    background: lightgrey !important;
    border-radius: 60px !important;
    }

.more-options-menu addon-options panel-list panel-item[action="expand"]:hover {
    margin-left: 60px !important;
    padding-right: 17px !important;
    background: red !important;
    color: white !important;
    border-radius: 60px !important;
    }
    
.more-options-menu addon-options panel-list panel-item[action="install-update"] {
    margin-left: 60px !important;
    padding-right: 17px !important;
    background: lightgrey !important;
    border-radius: 60px !important;
    }
    
.more-options-menu addon-options panel-list panel-item[action="install-update"]:hover {
    margin-left: 60px !important;
    padding-right: 17px !important;
    background: red !important;
    color: white !important;
    border-radius: 60px !important;
    }

Alles anzeigen

Damit habe ich dieses Erscheinungsbild

Die gelb markierten Teile sollen auch hellblau sein..

Übrigens wirkt der Code entsprechend auch auf http://Thunderbird-mail.de/forum

2002Andreas

In Zeile 17 bitte mal die 2te Klammer entfernen und dann testen.

Boersenfeger

Dann geht der ganze Code nicht...

2002Andreas

Zitat von Boersenfeger

Dann geht der ganze Code nicht...

Siehe bitte meinen Screenshot, das sieht so aus wie du es gerne wolltest

Boersenfeger

Ich entferne die Klammer, mache einen Firefox-Neustart und es ist gar kein Blau mehr zu sehen...

Edit: Nochmal ein Neustart, jetzt gehts...

Danke

2002Andreas

Aber selbst dein Code mit der 2ten Klammer sieht hier so aus:

Diese 2te Klammer gehört normalerweise an eine andere Position im Code.

Dharkness

Hi Boersenfeger,

Zitat von Boersenfeger

Dann geht der ganze Code nicht...

die geschweifte Klammer muss in der Tat weg, aber ans Ende Deiner Anpassungen fürs Camp muss dann dafür eine geschweifte Klammer gesetzt werden.

Boersenfeger

Es ist alles wie es soll, jetzt!

Vielen Dank!

Ich setze die Klammer noch nach ganz unten!

2002Andreas

Zitat von Boersenfeger

Ich setze die Klammer noch nach ganz unten!

Das solltest du nicht machen, denn ganz unten hast du den Code für about:addons. Und darüber einen für alle Webseiten.

Boersenfeger

..ans Ende des Forencodes...

2002Andreas

Zitat von Boersenfeger

..ans Ende des Forencodes

Wenn du den findest, dann..

Boersenfeger

Sören Hentzschel

Ich bin noch über anderes im Code gestolpert, wenn wir schon dabei sind. Wieso verwendet man -webkit-transition und -webkit-transform in einem Code, der nur für Firefox gedacht ist? Da bin ich neugierig, woher dieser Code stammt. Ein paar Gedanken dazu:

Auch wenn Firefox das mittlerweile aus Kompatibilitätsgründen versteht, damit werden eigentlich Apple Safari und Google Chrome angespochen, jedenfalls nicht Firefox.
Würde man Firefox ansprechen wollen, sollte der Präfix -moz- und nicht -webkit- heißen.
Diese beiden Eigenschaften sind aber seit zig Jahren standardisiert und benötigen keinen Präfix.
In dem Fall ist das sowieso immer zusammen mit der Variante ohne Präfix verwendet worden, also einmal mit und einmal ohne. Das ist auch absolut üblich - im Bereich der Webentwicklung, weil man da natürlich verschiedene Browser unterstützen möchte. Und je nachdem, wie lange man in die Vergangenheit zurückgehen möchte, macht man das entweder so oder nicht so. In einem Code, der nur für einen einzigen Browser ist, ergibt die gemeinsame Verwendung beider Varianten aber keinen Sinn.
Wenn man schon beide Varianten gemeinsam nutzt, sollte die Variante mit Präfix immer vor der Variante ohne Präfix kommen, nie umgekehrt. Ansonsten wird die browserspezifische Variante der standardisierten Variante vorgezogen, weil der Browser die letzte zutreffende Variante anwendet. Das ist in diesem konkreten Fall kein Schaden, weil die Variante mit Präfix hier tatsächlich nur noch als Alias operiert, also absolut identisch ist, das trifft aber nicht auf jede Eigenschaft zu. Daher sollte man sich das grundsätzlich angewöhnen, einfach immer die richtige Reihenfolge zu verwenden.

Lange Rede, kurzer Sinn: Aus dem Code können alle Zeilen mit -webkit- entfernt werden. Was mich aber tatsächlich interessiert, ist die Quelle dieser Zeilen.

Boersenfeger

Der Code stammt aus diesem Forum, aber frag mich jetzt nicht von wo genau... dies ist ein Arbeitsrechner, auf dem ich Firefox völlig anders aufgebaut habe, als meinen Nightly zu Hause... nämlich alles mit userContent.css und userChrome.css und ohne Scripte, da mir hier die Rechte für die Vorarbeiten fehlen.

Nach dem Motto suchen, kopieren und ausprobieren bin ich nun relativ zufrieden.

Ich werde die webkit-Zeilen suchen, löschen und schauen, ob sich was zum Nachteil verändert...

Zitronella

Zitat von Sören Hentzschel

Was mich aber tatsächlich interessiert, ist die Quelle dieser Zeilen.

evtl. RE: 2019-Update: Großer camp-firefox.de Relaunch

Boersenfeger

Zeilen entfernt und alles bleibt...

Damit bedanke ich mich bei den Mitwirkenden, weiter werde ich den Arbeitsfuchs nicht pimpen..

.DeJaVu

Und dort steht beides, und inzwischen nur noch ohne webkit und moz und klappert auch unter Chromium einwandfrei. Wenn die Quelle bekannt ist, einfach die Quelle fragen

Speravir

Zitat von .DeJaVu

Wenn die Quelle bekannt ist, einfach die Quelle fragen

War sie ja nicht:

Zitat von Boersenfeger

Der Code stammt aus diesem Forum, aber frag mich jetzt nicht von wo genau

Aus genau solchen Gründen sage ich immer, dass der Link zur Quelle in einem Kommentar abgelegt werden sollte.

Boersenfeger

Da der Code zusammengestückelt ist, für diese Version, ist die Quellenanzeige obsolet. Zu diesem Konglomerat werden ja auch keine Nachfragen mehr kommen... wenn dann eine neue ESR-Version am Start ist, muss ich eh alles neu machen und versuche dann auch einen kompletten vorhandenen Code zu nutzen.

Das Thema ist erledigt und kann geschlossen werden. Weitere Diskussion ist überflüssig und wird von meiner Seite auch nicht fortgeführt!

.DeJaVu

Und was bist du dann grad sauer?

Kann dir noch empfehlen, den Code mal aufzuarbeiten mit einem vernünftigen CSS-Editor, "Sweepen" genannt. Selbst als Kontrolle in Stylus würdest viele Fehler so angezeigt bekommen.