Klappt wunderbar mit dem Code "Text der Spalten zentrieren
Na das ist doch schön. 
Beiträge von dharkness21
-
-
Der Code hat auf die Folderpane keine Auswirkung
Ups, nicht mit kopiert, sorry, füge das ↓ vor dem CSS für die Threadpane ein und die Folderpane sollte auch ihren Senf abbekommen.
CSS
Alles anzeigenul[role="group"] > li[aria-selected="true"] .container { background-color: #006800 !important; } ul[role="group"] > li[class~="unread"] { background-color: #b17600 !important; } ul[role="group"] > li[class~="unread"][aria-selected="true"] { background-color: #827047 !important; } ul[role="group"] > li .container:hover, ul[role="group"] > li[aria-label="E-Mail-Adresse oder Kontoname"] .container:hover, ul[role="group"] > li[aria-label="E-Mail-Adresse oder Kontoname"] .container:hover, ul[role="group"] > li[aria-label="E-Mail-Adresse oder Kontoname"] .container:hover, ul[role="group"] > li[aria-label="Lokale Ordner"] .container:hover, ul[role="group"] > li[aria-selected="true"] .container:hover { background-color: #004382 !important; color: #FFF !important; } ul[role="group"] > li > .container { min-height: 20px !important; max-height: 20px !important; border-radius: 0 !important; border: 0 !important; border-bottom: 1px solid #B2B2B2 !important; padding: 0 !important; margin: 0 !important; } ul[role="group"] > li > ul > li > .container { min-height: 20px !important; max-height: 20px !important; border-radius: 0 !important; border: 0 !important; border-bottom: 1px solid #B2B2B2 !important; padding: 0 !important; margin: 0 !important; } ul[role="group"] div > div.twisty { min-height: 20px !important; max-height: 20px !important; border-radius: 0 !important; border: 0 !important; border-right: 1px solid #B2B2B2 !important; padding: 2px 0 0 0 !important; margin: 0 !important; } ul[role="group"] div > div.icon { min-height: 20px !important; max-height: 20px !important; border-radius: 0 !important; border: 0 !important; border-right: 1px solid #B2B2B2 !important; padding: 0 !important; margin: 2px 0 0 0 !important; } ul[role="group"] > li > ul > li > .container > div { min-height: 20px !important; max-height: 20px !important; border-radius: 0 !important; border: 0 !important; border-right: 1px solid #B2B2B2 !important; padding: 2px 0 0 0 !important; margin: 0 !important; } ul[role="group"] > li[class~="new-messages"] > .container > .name { color: #EEE8AA !important; } ul[role="group"] > li[class~="new-messages"][aria-selected="true"] > .container > .name { color: #B88959 !important; } -
Ich will nichts zentrieren, sondern Zebra Streifen.
Ok, das habe ich falsch verstanden, bitte teste mal das ↓.
CSS
Alles anzeigen/* Zebra Folderpane */ treechildren::-moz-tree-cell(selected, focus) { appearance: none !important; background-color: #006800 !important; } treechildren::-moz-tree-row(selected) { appearance: none !important; background-color: #5F5F68 !important; } treechildren::-moz-tree-row(selected, focus) { appearance: none !important; background-color: #38383D !important; } treechildren::-moz-tree-cell-text(selected), treechildren::-moz-tree-cell-text(selected, focus) { appearance: none !important; color: #FFF !important; } treechildren::-moz-tree-cell-text(hover), treechildren::-moz-tree-cell-text(selected, hover), treechildren::-moz-tree-cell-text(selected, focus, hover) { appearance: none !important; color: #000 !important; } treechildren::-moz-tree-row(hover), treechildren::-moz-tree-row(selected, hover), treechildren::-moz-tree-row(selected, focus, hover) { appearance: none !important; background-color: #D1E2F2 !important; } /* Zebra Threadpane */ #threadTree tr { background-image: none !important; background-color: #006ece !important; } #threadTree tr:nth-child(2n) { background-image: none !important; background-color: #003d76 !important; } #threadTree tr.selected { background-image: none !important; background-color: #006800 !important; } #threadTree tr:nth-child(2n).selected { background-image: none !important; background-color: #006800 !important; } #threadTree tr:hover, #threadTree tr:nth-child(2n):hover, #threadTree tr.selected:hover, #threadTree tr:nth-child(2n).selected:hover { background-image: none !important; background-color: #D1E2F2 !important; color: #000 !important; } #threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"] :where(td) { appearance: none !important; background-color: #F20 !important; color: #eee8aa !important; } #threadTree tbody .children[data-properties~="hasUnread"][data-properties~="read"] :where(td) { appearance: none !important; background-color: #FF7909 !important; color: #000 !important; } #threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"].selected :where(td) { appearance: none !important; background-color: #800 !important; color: #eee8aa !important; } #threadTree tbody .children[data-properties~="hasUnread"][data-properties~="read"].selected :where(td) { appearance: none !important; background-color: #873f05 !important; color: #FFF !important; } #threadTree tbody .children:hover :where(td), #threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"]:hover :where(td), #threadTree tbody .children[data-properties~="hasUnread"][data-properties~="read"]:hover :where(td), #threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"].selected:hover :where(td), #threadTree tbody .children[data-properties~="hasUnread"][data-properties~="read"].selected:hover :where(td){ appearance: none !important; background-color: #D1E2F2 !important; color: #000 !important; } tr[data-properties~="imapdeleted"][data-properties~="read"] { color: #fc4242 !important; } tr[data-properties~="untagged"][data-properties~="unread"] { color: #fc7e00 !important; } tr[data-properties~="new"][data-properties~="unread"] :where(td) { appearance: none !important; color: #62cf61 !important; } -
Du meinst die Folderpane?
Ja
In dem Fall verstehe ich nicht, was Du da zentriert haben möchtest, nur die Kontennamen, oder die Größe oder was sonst?
-
hast Du auch noch einen Code für die linke Spalte mit den Mail Konten?
Du meinst die Folderpane?
-
In der v102 konnte die Inhalte der Kolonnen Datum und Größe mittig anzeigen mit dem Code
In der 115'er geht es so ↓.
CSS
Alles anzeigen/* Text der Spaltenöpfe zentrieren. */ .tree-table-header.threaded tr th div button#dateColButton, .tree-table-header.threaded tr th div button#sizeColButton { appearance: none !important; text-align: center !important; } /* Text der Spalten zentrieren. */ #threadTree table[is="tree-view-table"] > tbody > tr > td.datecol-column, #threadTree table[is="tree-view-table"] > tbody > tr > td.sizecol-column { appearance: none !important; text-align: center !important; } -
Ja, die Datei befindet sich unter ~/.thunderbird/<profilname>/chrome/userChrome.css.
Ich hatte userContent.css geschrieben und nicht userChrome.css, bitte korrigieren.
-
Nein, dieser Code hat leider keine Auswirkungen.
Die userContent.css liegt im Profil wirklich im Ordner chrome?
Du hast den Ordner chrome wirklich im Profil und nicht im Programmordner angelegt?
P.S.: Vergrößere mal den Wert bei font-size, ist vielleicht zu klein, sprich erhöhe von 18px auf 24px.
-
Hallo alle zusammen,
testet doch mal den Weg über die userContent.css ↓, die im Profil im zu erstellenden Ordner chrome angelegt werden muss.
CSS
Alles anzeigen.moz-cite-prefix, .moz-text-flowed, .moz-text-html, .moz-text-plain, .moz-quote-pre, body[style*="width: 72ch"], body > tt[_moz_dirty=""], body[_moz_dirty=""], body[_moz_dirty=""] > tt[_moz_dirty=""] { appearance: none !important; font-size: 18px !important; }P.S.: Zusätzlich muss in den Einstellungen unter Allgemein bei Konfiguration bearbeiten… die ↓ Pref auf true gestellt werden.
toolkit.legacyUserProfileCustomizations.stylesheets
-
Ich habe jetzt noch mal getestet, nur mit deinem Code, und meine sämtlichen CSS entfernt!
Entferne die @namespace-Zeile und das .threaded und teste erneut.
-
Danke für den Vorschlag, leider ändert er nichts bei mir.
Dann solltest Du vorhergehende Einträge auf Fehler testen, funktioniert hier ohne Probleme.
-
Ja, für die Tabellenüberschrift besteht nun aus einzelnen Buttons, welche
auch so behandelt werden möchten
Nein, so aufwändig muss das nicht gemacht werden, schau Dir mein CSS an, das reicht völlig.
-
um die Schriftgröße in der Leiste mit den Spaltenköpfen zu ändern.
Teste bitte mal das ↓.
CSS.tree-table-header.threaded tr th div button { font-size: 20px !important; } -
Das Erstellen neuer Unterordner geht nicht, weil der Ordner gesperrt ist
Das Schloss bedeutet sicherlich nicht, das der Ordner/das Konto gesperrt ist, das bedeutet nur das eine verschlüsselte Verbindung eingerichtet ist.
Ich habe an jedem Konto dieses Schloss und kann problemlos mit den Konten arbeiten.
-
aber müsste das letzte Komma vor url-prefix nicht weggelassen werden?
Nein, das Komma gehört definitiv dahin.
-
Es muss ja nicht der gesamte Code verwendet werden.
Speziell das ↓ könnte wohl zu dem Teil gehören, der nicht gebraucht wird.
Codedomain("1und1.de"), domain("gmx.de"), domain("outlook.office365.com"), domain("web.de") -
Mit ist die Schrift viel zu klein und wenn ich zu Einstellungen
Welche Schrift ist Dir zu klein? Teste mal unter Menü Ansicht → Schriftgröße die Schriftgröße zu vergrößern.
-
Hat jemand eine Idee, warum es seit Version 115 nicht mehr geht? Funktioniert list-sytle-image nicht mehr?
Naja, Tb115 wurde bzw. wird vollständig umgebaut, die Folderpane ist nun nicht mehr tree, sondern eine Liste und wird mit ul > li angesprochen und list-style-image wird für das Ordnersymbol nicht verwendet, sondern background-image.
Es müsste also für die Folderpane ungefähr so ↓ aussehen.
CSSli[aria-label~="Support"] > .container > .icon { background-image: url("..//chrome/icons/Bild3.png") no-repeat !important; background-position: 1px 1px !important; }P.S.: Eventuell musst Du noch ein wenig mit der background-position spielen.
Sollen gleichnamige Ordner in unterschiedlich Konten unterschiedliche Symbole haben, wird es deutlich aufwändiger.
CSSli[aria-label="Hier muss die E-Mail-Adresse des Kontos stehen, oder eventuell der Kontoname."] > ul > li[aria-label~="Support"] > .container > .icon { background-image: url("..//chrome/icons/Bild3.png") no-repeat !important; background-position: 15px 3px !important; } -
Hat jemand eine Ahnung wie dies per CSS geht?
Bitte teste mal das ↓ in der userChrome.css.
CSS#mail-notification-top > .notificationbox-stack { font-size: 70% !important; } -
bei mir funktioniert diese Vorgehensweise seit Update auf 115 leider nicht mehr.
Geht es bei Euch noch? Oder habt Ihr Ideen, wie man es wieder einrichten kann?
Teste bitte mal das ↓ für 115.
CSSul[role="group"] > li[class~="new-messages"] > .container > .name { color: #EEE8AA !important; /* Heller Gelbton */ } ul[role="group"] > li[class~="new-messages"][aria-selected="true"] > .container > .name { color: #B88959 !important; /* Heller Braunton */ }P.S.: Die Farbe musst Du noch Deinem Wunsch entsprechend ändern.
