Mein Firefoxforum Style

Boersenfeger

Ich habe jetzt viel probiert, geändert etc etc. und bin einigermaßen zufrieden mit dem Forum.. 2 Baustellen habe ich noch und komme auf keine Lösung:

Das angekreuzte soll nun auch noch blau bzw. die gelbe Markierung ist durchscheinend, wenn man scrollt, das ist die "schwimmende Leiste" oben am Rand. Das hätte ich gern noch geändert..

Hier meine beiden Codes, in denen bestimmt noch Kopierfehler zu finden sind...

CSS

/* Camp-Firefox Ergänzungen */

@-moz-document domain("camp-firefox.de") {
    
/*#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: #fafafa !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: -moz-box !important;}
.messageTabMenuNavigation.jsOnly{
border-bottom:1px solid black!important;}

/* Überschriften in Unterforen schwarz */
.tabularBoxTitle > header a {
  color: rgb(0, 0, 0);
}

/* 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;
}    
/* 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:red!important;}
}

Alles anzeigen

CSS

/* Neues Forum auf Basis von 2002Andreas */

@-moz-document domain("camp-firefox.de") {
    
a, button, .button, input, textarea {transition: none !important;}
a.externalURL, .pageNavigation a, .contentHeaderTitle a {color: #44f !important; font-weight: 900 !important;}
a.externalURL:hover, .pageNavigation a:hover, .contentHeaderTitle a:hover {color: #f0f !important; font-weight: 900 !important;}
html *, body * {transition: none !important;}
html, body {font-size: 14px !important; 
font-family: Verdana, Arial, Helvetica, sans-serif !important; background-color: #darkblue !important;}
woltlab-quote, .quoteBox {padding: 0px 0px 4px 10px !important; min-height: 0px !important;}
.attachmentThumbnail .attachmentThumbnailImage img {opacity: 0.95 !important; 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: 0px !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 > h3, .tabularBoxTitle > header > h2, .columnSubject > h3 a {font-size: 16px !important;}
.containerHeadline a, 
.messageText a, .htmlContent a, 
.messageBody > .messageText a, .messageSignature > div a, 
.redactor-layer a, .messageGroupList .columnLastPost a, a.messageGroupLink, 
#tpl_wcf_notificationList 
.content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem a, a.wbbLastPostAuthor, 
.messageGroupAuthor a.userLink, .sidebarItemTitle a.userLink {color: #44f !important;}
.containerHeadline a:hover, 
.messageText a:hover, .htmlContent a:hover, 
.messageBody > .messageText a:hover, 
.messageSignature > div a:hover, 
.redactor-layer a:hover, 
.messageGroupList .columnLastPost a:hover, a.messageGroupLink:hover, .tabularBoxTitle > header h2 a:hover, 
#tpl_wcf_notificationList 
.content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem a:hover, a.wbbLastPostAuthor:hover, 
.messageGroupAuthor a.userLink:hover, .sidebarItemTitle a.userLink:hover {color: #f0f !important;}
.content .userAvatarImage {background: none !important; border: none !important; width: 32px !important; height: 32px !important;}
.contentHeader {max-height: 64px !important; padding: 0px !important; margin: 0px !important; margin-bottom: 5px !important;}
.contentHeader .contentTitle {font-size: 16px !important; font-weight: 900 !important;}
.contentHeader + .section, .contentHeader + form, .contentHeader + .sectionContainer {margin-top: 0px !important;}
.contentHeader.userProfileUser {min-height: 120px !important;}
.main {padding: 0px !important; padding-bottom: 10px !important;}
.main, .pageNavigation, .layoutBoundary, .boxesFooter, .pageFooterCopyright, .pageHeaderFacade {background-color: #3b83bd !important;}
.message {border: 1px #888 solid !important;}
.messageContent, .messageFooterGroup {background: #ddd !important; padding: 10px !important; margin-left: 20px !important;}
.messageFooterGroup {margin-top: 0px !important; padding: 2px !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 .columnSubject > .statusDisplay  {transition: none !important;}
.messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats > dl {visibility: visible !important;}
.messageGroupList .userAvatarImage {background: none !important; border: none !important; width: 75% !important; height: 75% !important;}
.messageHeader {margin-bottom: 3px !important; padding-bottom: 0px !important; border-bottom: 1px #888 solid !important;}
.messageHeader + .messageBody {margin-top: 0px !important;}
.messageHeader::before, 
.messageHeader::after, 
.quoteBox .userLink, 
.quoteBoxIcon, 
.pageHeaderLogo, 
.pageHeaderLogoSmall, 
.pageHeaderLogo img
.pageHeaderLogoLarge, 
.tabularBoxTitle > header::before, 
.tabularBoxTitle > header::after, 
.tabularListRowHead::before, 
.tabularListRowHead::after, 
.sidebar.boxesSidebarRight .boxContainer .box .boxTitle::before, 
.sidebar.boxesSidebarRight .boxContainer .box .boxTitle::after, 
.box[data-box-identifier="com.woltlab.wcf.RegisterButton"], 
.box[data-box-identifier="com.woltlab.wcf.TodaysBirthdays"], 
.boxesFooterBoxes .boxContainer section.box:nth-of-type(1), 
.contentHeader .contentHeaderIcon, 
.messageGroupListStatsSimple, 
#tpl_wbb_boardList .wbbStats, 
#tpl_wbb_board .wbbStats, .box16{display: none !important;}
.messageHeaderBox > .messageHeaderMetaData , 
.contentHeaderTitle ul, 
.contentHeader .inlineDataList {color: #224 !important; font-style: italic !important;}
.messageHeaderBox > .messageStatus  { color: #224 !important;
 font-style: italic !important;}
.pageHeaderFacade > .layoutBoundary .pageHeaderLogo > a {padding: 0 0 0 10px !important;}
.pageHeaderFixed .pageHeaderPanel {animation: none !important; transform: none !important; position: absolute !important;}
.pageHeaderFixed .userPanel, 
.pageHeaderFacade .userPanel {animation: none !important; transition: none !important; position: absolute; left: 400px; top: 10px; z-index: 999;}
.pageHeaderLogo {min-height: 50px !important;
 display: none !important;} }
.pageHeaderNormal .pageHeaderPanel {transform: none !important; position: absolute !important;}
.pageHeaderPanel, .pageHeaderFacade > .layoutBoundary {background: none !important;}
.pageNavigation {padding: 10px 0px 4px 0px !important;}
.pageNavigation {margin-left: 10px !important;}
.pageNavigation .breadcrumbs {margin-left: 120px;}
.pageNavigation .layoutBoundary {background-color: lightblue !important; margin-left: 10px; margin-right: 20px;}
.pageNavigation .pageNavigationIcons.jsPageNavigationIcons {flex-direction: row !important; 
margin-left: 0px !important; margin-right: 20px !important; left: 0px !important; 
position: absolute !important; color: #44f !important;}
.pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after {content: " Du bist hier: " !important; color: #bb1900 !important; 
margin-left: 10px !important; font-weight: 900 !important; font-size: 14px !important;}
.paginationTop {margin-top: 10px !important;}
.paginationTop + .section {margin-top: 0px !important;}
.quoteBox .quoteBoxContent * {font-style: normal !important;}
.quoteBox .quoteBoxContent .quoteBox {background: #ddd !important; margin-right: 10px !important;}
.quoteBoxContent {padding-left: 10px !important;}
.quoteBoxTitle {margin-bottom: 0px !important;}
.quoteBoxTitle * {color: #44f !important; font-style: italic !important; font-size: 14px !important;}
.sidebar {margin-top: 30px !important;}
.sidebar.boxesSidebarRight .boxContainer .box h2 {padding: 20px 20px 0px !important; margin-top: -20px !important;}
.tabularBoxTitle > header a, .tabularBoxTitle > header .icon, 
.tabularListRowHead > .tabularListColumns > li {color: rgb(0, 156, 255) !important; font-weight: 900 !important;}
.tabularBoxTitle > header, .tabularListRowHead, 
.sidebar.boxesSidebarRight .boxContainer .box .boxTitle, 
#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem {background: #eee !important; 
border-bottom: 1px #888 solid !important;}
.tabularListRow {padding: 0px !important;}
.userMention {background: none !important; border: none !important; padding: 0px !important;}
.wbbBoardDescription {max-width: 620px !important;}
.wbbBoardList .wbbBoard {padding: 2px 0 !important;}
.xboxesFooterBoxes .box {margin-bottom: 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;}
#tpl_wbb_boardList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons {margin-left: 0px !important;}
#tpl_wbb_thread .pageNavigation .pageNavigationIcons.jsPageNavigationIcons, 
#tpl_wbb_unreadThreadList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons {margin-left: 20px !important;}
#tpl_wbb_unresolvedThreadList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after, 
#tpl_wbb_unreadThreadList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after {margin-left: 20px !important;}
#tpl_wcf_articleList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons {margin-left: 10px !important;}
#tpl_wcf_articleList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after {display: none !important;}
#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem div.box32 div img {width: 32px !important; height: 32px !important;}
#tpl_wcf_settings .content p.success {background-color: rgb(255, 104, 0) !important; border: none !important; color: #222 !important;}

}

Alles anzeigen

Für eure Mithilfe wäre ich, wie immer sehr dankbar... es eilt auch nicht....

Oh, noch eins... Das Bearbeiten Feld hätte ich gerne nach oben verschoben, der Code, der hier zu Lesen war, hatte bei mir keine Auswirkungen.

BTW: Ich nutze das Script UserCSSLoader.uc.js, trenne also nicht zwischen userContent.css und userCrome.css. Alle CSS-Codes liegen im Unterordner CSS des Chrome-Ordners.

.DeJaVu

Im zweiten ist ein Fehler

CSS

html, body {font-size: 14px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; background-color: #darkblue !important;}

# muss weg

Und das allerletzte } ist zuviel

ebenfalls ein } zuviel

CSS

.pageHeaderLogo {min-height: 50px !important; display: none !important;} }

und im ersten moniert Stylus das hier

CSS

display: -moz-box !important;}

-moz-box bewirkt hier was?

Mit diesen Korrekturen hat es hier nicht das Aussehen wie im Bild.

Sören Hentzschel

Zitat von .DeJaVu

-moz-box bewirkt hier was?

Das muss durch was anderes ersetzt werden, wie ich bereits in einem anderen Thread erklärte. Das funktioniert bereits seit Firefox 64 (und in Firefox Nightly und Beta seit einem Jahr) nicht mehr für Webseiten und wirkt einzig und alleine aus dem Grund noch in der Datei userContent.css, weil dort offensichtlich Einstellungen aus about:config ignoriert werden. Es ist also nur eine Frage der Zeit, bis die Unterstützung komplett entfernt wird und der Code wieder angepasst werden müsste. Das ist eine proprietäre (nicht standardisierte) Mozilla-Erfindung und stammt noch aus ältesten XUL-Zeiten, wurde aber längst durch standardisierte Webtechnologie ersetzt…

milupo

.DeJaVu Statt -moz-box gehört da block hin, also display: block!important;

.DeJaVu

Aris verwendet es auch noch (ctr css 2.5.2, was neueres hab ich grad nicht), auch in einem Style, der für Firefox 65 gedacht ist. Bei mir, was auch Teile von ctr-css beinhaltet, sind noch andere -moz enthalten. (-moz-margin, -moz-any, -moz-image usw.) Dürfte ja dann bald wegfallenn, vermute ich nach deiner Antwort.

PS ja, mit block kann ich was anfangen, das nutze ich auch öfters. Ich habe einen spezielle Lesezeichenordner, der nur Symbole anzeigt als Raster, Ausschnitt.

CSS

{  display: block !important;  width:  220px !important;  height: 300px !important;}

Oder in "Selection Search" (Erweiterung) für die gleiche Formatierung der Suchleiste.

Sören Hentzschel

Das kann man nicht so pauschal über alles sagen, was mit -moz- beginnt. Das ist eben Mozillas Vendor Prefix. Einige Eigenschaften, die damit beginnen, werden noch unterstützt, auch langfristig. Das muss man immer individuell pro Eigenschaft beantworten.

2002Andreas

Zitat von Boersenfeger

Das angekreuzte soll nun auch noch blau

Damit kannst du das ansprechen, musst nur deine Farbe hinzufügen:

CSS

.boxesFooterBoxes{
background:xxxxxxx!important;}

Speravir

Zitat von .DeJaVu

Aris verwendet es auch noch (ctr css 2.5.2, was neueres hab ich grad nicht), auch in einem Style, der für Firefox 65 gedacht ist.

Aris verwendet in der aktuellen Version 2.5.6 insgesamt viermal display: -moz-box (davon 2x in einer versionsabhängigen Variante). ~~Man könnte ihn ja mal hierauf anpingen.~~ Erledigt.

milupo

Zitat von Speravir

Aris verwendet in der aktuellen Version 2.5.6 insgesamt viermal display: -moz-box (davon 2x in einer versionsabhängigen Variante). ~~Man könnte ihn ja mal hierauf anpingen.~~ Erledigt.

Wirklich punktgenau auf dem aktuellen Stand sind nur die Firefox-Entwickler, die beschließen, das Prefix für obsolet zu erklären bzw. abzuschaffen. Bei anderen Leuten kommt das immer erst mit Verzögerung an.

milupo

Wenigstens ein wenig - ohne großen Aufwand - kann man das über die Entwickler-Release-Notes verfolgen. Das letzte, was ich bisher gefunden habe sind max-content und min-content, die schon in Fx 66 ohne Prefix verwendet werden:

https://developer.mozilla.org/en-US/docs/Moz…fox/Releases/66

Dort im Abschnitt CSS. Für Fx 69 gibt es noch keine vollständigen Entwickler-Release-Notes, es könnte aber in Bugzilla noch Bugreports über solche Fälle geben. Einer der nächsten Kandidaten wird wohl -moz-binding werden.

Boersenfeger

Ich danke für die rege Beteiligung..

.DeJaVu: Die Fehler sind ausgemerzt, es hat sich aber nichts verändert

2002Andreas: Die Boxen unten sind nun zur Hälfte eingefärbt, ist ist noch ein Rest weiß da...

der Code reicht noch nicht ganz:

CSS

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

Und schließlich habe ich noch ein Problem mit dem oberen Teil:

Das gelb markierte ist unschön und links neben: Du bist hier, ist auch noch ein weißes Fleckchen...

Hier nochmal beide Codes:

CSS

/* Camp-Firefox Ergänzungen */

@-moz-document domain("camp-firefox.de") {
    
#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: #fafafa !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 schwarz */
.tabularBoxTitle > header a {
  color: rgb(0, 0, 0);
}

/* 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;
}    
/* 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:red!important;}
}
/* Untere Boxen auch blau */
.boxesFooterBoxes{
background:#3b83bd!important;}

Alles anzeigen

CSS

/*Forum neuer Code Andreas */

@-moz-document domain("camp-firefox.de") {
    
a, button, .button, input, textarea {transition: none !important;}
a.externalURL, .pageNavigation a, .contentHeaderTitle a {color: #44f !important; font-weight: 900 !important;}
a.externalURL:hover, .pageNavigation a:hover, .contentHeaderTitle a:hover {color: #f0f !important; font-weight: 900 !important;}
html *, body * {transition: none !important;}
woltlab-quote, .quoteBox {padding: 0px 0px 4px 10px !important; min-height: 0px !important;}
.attachmentThumbnail .attachmentThumbnailImage img {opacity: 0.95 !important; 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: 0px !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 > h3, .tabularBoxTitle > header > h2, .columnSubject > h3 a {font-size: 16px !important;}
.containerHeadline a, 
.messageText a, .htmlContent a, 
.messageBody > .messageText a, .messageSignature > div a, 
.redactor-layer a, .messageGroupList .columnLastPost a, a.messageGroupLink, 
#tpl_wcf_notificationList 
.content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem a, a.wbbLastPostAuthor, 
.messageGroupAuthor a.userLink, .sidebarItemTitle a.userLink {color: #44f !important;}
.containerHeadline a:hover, 
.messageText a:hover, .htmlContent a:hover, 
.messageBody > .messageText a:hover, 
.messageSignature > div a:hover, 
.redactor-layer a:hover, 
.messageGroupList .columnLastPost a:hover, a.messageGroupLink:hover, .tabularBoxTitle > header h2 a:hover, 
#tpl_wcf_notificationList 
.content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem a:hover, a.wbbLastPostAuthor:hover, 
.messageGroupAuthor a.userLink:hover, .sidebarItemTitle a.userLink:hover {color: #f0f !important;}
.content .userAvatarImage {background: none !important; border: none !important; width: 32px !important; height: 32px !important;}
.contentHeader {max-height: 64px !important; padding: 0px !important; margin: 0px !important; margin-bottom: 5px !important;}
.contentHeader .contentTitle {font-size: 16px !important; font-weight: 900 !important;}
.contentHeader + .section, .contentHeader + form, .contentHeader + .sectionContainer {margin-top: 0px !important;}
.contentHeader.userProfileUser {min-height: 120px !important;}
.main {padding: 0px !important; padding-bottom: 10px !important;}
.main, .pageNavigation, .layoutBoundary, .boxesFooter, .pageFooterCopyright, .pageHeaderFacade {background-color: #3b83bd !important;}
.message {border: 1px #888 solid !important;}
.messageContent, .messageFooterGroup {background: #ddd !important; padding: 10px !important; margin-left: 20px !important;}
.messageFooterGroup {margin-top: 0px !important; padding: 2px !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 .columnSubject > .statusDisplay  {transition: none !important;}
.messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats > dl {visibility: visible !important;}
.messageGroupList .userAvatarImage {background: none !important; border: none !important; width: 75% !important; height: 75% !important;}
.messageHeader {margin-bottom: 3px !important; padding-bottom: 0px !important; border-bottom: 1px #888 solid !important;}
.messageHeader + .messageBody {margin-top: 0px !important;}
.messageHeader::before, 
.messageHeader::after, 
.quoteBox .userLink, 
.quoteBoxIcon, 
.pageHeaderLogo, 
.pageHeaderLogoSmall, 
.pageHeaderLogo img
.pageHeaderLogoLarge, 
.tabularBoxTitle > header::before, 
.tabularBoxTitle > header::after, 
.tabularListRowHead::before, 
.tabularListRowHead::after, 
.sidebar.boxesSidebarRight .boxContainer .box .boxTitle::before, 
.sidebar.boxesSidebarRight .boxContainer .box .boxTitle::after, 
.box[data-box-identifier="com.woltlab.wcf.RegisterButton"], 
.box[data-box-identifier="com.woltlab.wcf.TodaysBirthdays"], 
.boxesFooterBoxes .boxContainer section.box:nth-of-type(1), 
.contentHeader .contentHeaderIcon, 
.messageGroupListStatsSimple, 
#tpl_wbb_boardList .wbbStats, 
#tpl_wbb_board .wbbStats, .box16{display: none !important;}
.messageHeaderBox > .messageHeaderMetaData , 
.contentHeaderTitle ul, 
.contentHeader .inlineDataList {color: #224 !important; font-style: italic !important;}
.messageHeaderBox > .messageStatus  { color: #224 !important;
 font-style: italic !important;}
.pageHeaderFacade > .layoutBoundary .pageHeaderLogo > a {padding: 0 0 0 10px !important;}
.pageHeaderFixed .pageHeaderPanel {animation: none !important; transform: none !important; position: absolute !important;}
.pageHeaderFixed .userPanel, 
.pageHeaderFacade .userPanel {animation: none !important; transition: none !important; position: absolute; left: 400px; top: 10px; z-index: 999;}
.pageHeaderLogo {min-height: 50px !important;
 display: none !important;}
.pageHeaderNormal .pageHeaderPanel {transform: none !important; position: absolute !important;}
.pageHeaderPanel, .pageHeaderFacade > .layoutBoundary {background: none !important;}
.pageNavigation {padding: 10px 0px 4px 0px !important;}
.pageNavigation {margin-left: 10px !important;}
.pageNavigation .breadcrumbs {margin-left: 120px;}
.pageNavigation .layoutBoundary {background-color: lightblue !important; margin-left: 10px; margin-right: 20px;}
.pageNavigation .pageNavigationIcons.jsPageNavigationIcons {flex-direction: row !important; 
margin-left: 0px !important; margin-right: 20px !important; left: 0px !important; 
position: absolute !important; color: #44f !important;}
.pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after {content: " Du bist hier: " !important; color: #bb1900 !important; 
margin-left: 10px !important; font-weight: 900 !important; font-size: 14px !important;}
.paginationTop {margin-top: 10px !important;}
.paginationTop + .section {margin-top: 0px !important;}
.quoteBox .quoteBoxContent * {font-style: normal !important;}
.quoteBox .quoteBoxContent .quoteBox {background: #ddd !important; margin-right: 10px !important;}
.quoteBoxContent {padding-left: 10px !important;}
.quoteBoxTitle {margin-bottom: 0px !important;}
.quoteBoxTitle * {color: #44f !important; font-style: italic !important; font-size: 14px !important;}
.sidebar {margin-top: 30px !important;}
.sidebar.boxesSidebarRight .boxContainer .box h2 {padding: 20px 20px 0px !important; margin-top: -20px !important;}
.tabularBoxTitle > header a, .tabularBoxTitle > header .icon, 
.tabularListRowHead > .tabularListColumns > li {color: rgb(0, 156, 255) !important; font-weight: 900 !important;}
.tabularBoxTitle > header, .tabularListRowHead, 
.sidebar.boxesSidebarRight .boxContainer .box .boxTitle, 
#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem {background: #eee !important; 
border-bottom: 1px #888 solid !important;}
.tabularListRow {padding: 0px !important;}
.userMention {background: none !important; border: none !important; padding: 0px !important;}
.wbbBoardDescription {max-width: 620px !important;}
.wbbBoardList .wbbBoard {padding: 2px 0 !important;}
.xboxesFooterBoxes .box {margin-bottom: 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;}
#tpl_wbb_boardList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons {margin-left: 0px !important;}
#tpl_wbb_thread .pageNavigation .pageNavigationIcons.jsPageNavigationIcons, 
#tpl_wbb_unreadThreadList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons {margin-left: 20px !important;}
#tpl_wbb_unresolvedThreadList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after, 
#tpl_wbb_unreadThreadList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after {margin-left: 20px !important;}
#tpl_wcf_articleList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons {margin-left: 10px !important;}
#tpl_wcf_articleList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons::after {display: none !important;}
#tpl_wcf_notificationList .content ul.containerList.userNotificationItemList li.jsNotificationItem.notificationItem div.box32 div img {width: 32px !important; height: 32px !important;}
#tpl_wcf_settings .content p.success {background-color: rgb(255, 104, 0) !important; border: none !important; color: #222 !important;}

Alles anzeigen

Zitat von Boersenfeger

Oh, noch eins... Das Bearbeiten Feld hätte ich gerne nach oben verschoben, der Code, der hier zu Lesen war, hatte bei mir keine Auswirkungen.

Hats da noch irgendwelche Ideen?

.DeJaVu

Ja, ein bisschen erkenne ich wieder

Ich habe eben die neue Fassung drüben eingefügt, weil ich bei dir sehe, dass zB die breadcrumbs noch falsch dargestellt werden - je nach Seite wird da mehr oder weniger margin erforderlich. Damit müsste dann auch der weisse Zipfel Geschichte sei, den hatte ich nämlich auch.

Dass ich diese andersfarbigen Kästchen nicht habe, liegt dann nicht am Style, evtl wird da bei mir was anderes gefiltert, was eigentlich nicht kann, ublock kennt das nicht.

PS ach daher kommt das, im maximierten Fenster habe ich nun auch die weissen Kästen unten, fixed, ist der gleiche Code wie oben. Update.

Nachtrag: Vollbild-Fehler ausgemerzt, betrifft zB breadcrumbs, suche nach

Code

.pageNavigation .pageNavigationIcons.jsPageNavigationIcons

Boersenfeger

Vielen Dank, ich werde es heute Nachmittag nach der Arbeit testen....

.DeJaVu

Ich habe gestern noch länger dran gesessen wegen der breadcrumbs, inzwischen geht die Weiche dafür bis auf die Unterforen runter, weil die sich beide das gleiche Tag teilen. Und das userpanel spinnt auch rum je nach Browserbreite. Das kann man alles berechnen, aber es könnte sein, dass im Foren-CSS das media-screen stört. Das muss man dann ganz gezielt raussuchen und exakt übernehmen als Rahmenbedingung, sonst springt das userpanel unkontrolliert rechts und links, obwohl die Berechnung (calc()) eindeutig ist.

Boersenfeger

.DeJaVu: Könntest du mal einen Beispielcode für den Zipfel bzw für die verbleibenden Blöcke unten posten.. Ich kann hier in den Werten von .pageNavigation.... ändern, was ich will, es ändert am Erscheinungsbild nix.

Einzig in der unreadThreadList-Zeile kann ich den Schriftzug: Du bist hier: nach links und rechts bewegen...

CSS

#tpl_wbb_unreadThreadList .pageNavigation .pageNavigationIcons.jsPageNavigationIcons {margin-left: 60px !important;}

So passt dies für mich...

Boersenfeger

Das das Online-Plakat über meinem Avatar liegt, ist natürlich auch nicht schön... wie kriege ich es entweder zwischen Avatar und Nutzername oder unter die Bezeichnung Senior-Mitglied?

.DeJaVu

Ich hatte vorhin noch die Änderungen übertragen im Beitrag. (calc)

Das "online" ist hier kleiner und nach rechts gerückt. Findest du auch im CSS.

Boersenfeger

Zitat von .DeJaVu

Ich hatte vorhin noch die Änderungen übertragen im Beitrag. (calc)
..... Findest du auch im CSS.

Ich kann dir nicht folgen... welcher Beitrag (calc) und welcher CSS-Code?

.DeJaVu

Drüben ab Zeile 508.

Großer camp-firefox.de Relaunch

Ich beziehe mich stets nur auf den dortigen Style.

Boersenfeger

Ahhh,

dann werde ich nachher mal mit dem spielen, ich habe ja 2002Andreas Code als Basis....

Danke!