Wie lassen sich die verändern?
Bitte in Zukunft die primäre Frage nicht nur als Überschrift stehen lassen, sondern immer im messageBody wiederholen, Dankeschön
Teste bitte das ↓ CSS in der userContent.css.
#cardbookCardsTree table[is="cb-tree-view-table"] {
line-height: 1.6 !important;
}Und zwar möchte ich beim Hovern über die Adressbücher "Gesammelte Adressen, Markus Adressbuch und Persönliches Adressbuch die Farbe ändern. Hast du eine Idee?
Aber sicher doch. 
#wdw_mainWindowBody #cardbookAccountsTreeUL > li {
border-radius: 0 !important;
border: 0 !important;
background-color: #0082FC !important;
color: #FFF !important;
margin: 1px 1px 0 1px !important;
}
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected > .container {
background-color: #006800 !important;
color: #FFF !important;
}
#wdw_mainWindowBody #cardbookAccountsTreeUL > li:hover,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li:hover > .container,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected:hover,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected:hover > .container,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li > ul > li > .container:hover,
#wdw_mainWindowBody #cardbookAccountsTreeUL > li.selected > ul > li > .container:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}Der erste hat ja supi funktioniert. Jetzt ist Cardbook so wie ich es wollte.
Hm, sehr schräg das ganze, ansonsten war es wie immer gerne geschehen.
ich habe 3-Spalten-Ansicht, Adressenansicht und Kontaktansicht eingestellt (angehakt).
Hm, das eingestellte Layout spielt hier keine Rolle, das CSS-Schnipsel aus #8 funktioniert hier immer.
Der Code aus #8 zeigt keine Wirkung.
Welches Fensterlayout hast Du in Cardbook eingestellt?
und was bei dir braun eingefärbt ist ( Leiste Adressen).
Füge das jetzt noch nach dem → #CBCardsCount {…} Eintrag ein, passt es jetzt?
#cardbookCardsTree thead[is="tree-view-table-header"]::after {
border-bottom: 1px solid #B2B2B2 !important;
}
#cardbookCardsTree th[is="tree-view-table-header-cell"] {
min-height: 22px !important;
max-height: 22px !important;
background-color: #905B46 !important;
}
#cardbookCardsTree th[is="tree-view-table-header-cell"]:hover {
background-color: #D1E2F2 !important;
}
#cardbookCardsTree .tree-table-cell-container button {
padding: 0 1px !important;
}Es fehlen noch die rechten Buttons in der zweiten Reihe
Ersetze mal das bisherige CSS durch das ↓.
#wdw_mainWindowBody > #search {
border-bottom: 1px solid #B2B2B2 !important;
padding: 1px !important;
}
#wdw_mainWindowBody > #cardsPane {
margin-left: 0 !important;
}
#CBCardsCount {
border-top: 1px solid #B2B2B2 !important;
padding: 0 0 1px 3px !important;
}
#cardbookCardsTree thead[is="cb-tree-view-table-header"]::after {
border-bottom: 1px solid #B2B2B2 !important;
}
#cardbookCardsTreePicker-Button {
border-radius: 0 !important;
border: 0 !important;
background-color: #0082FC !important;
color: #FFF !important;
}
#cardbookCardsTreePicker-Button:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}
#wdw_mainWindowBody > div:not([id="detailsPane"]) > button,
#wdw_mainWindowBody > div:not([id="detailsPane"]) > div > div,
#cardbookContactButtonsBox > button {
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background-color: #0082FC !important;
color: #FFF !important;
margin: 1px 1px 1px 0 !important;
}
#cardbookContactButtonsBox > button[visuallyselected="true"] {
background-color: #006800 !important;
color: #FFF !important;
}
#wdw_mainWindowBody > div:not([id="detailsPane"]) > button:hover,
#wdw_mainWindowBody > div:not([id="detailsPane"]) > div > div:hover,
#cardbookContactButtonsBox > button:hover {
border: 1px solid #0082FC !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}
#wdw_mainWindowBody #toolbox .dropdownContainer > ul,
#accountsOrCatsTreeSelect-Ul {
transition: none !important;
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
padding: 0 0 1px 0 !important;
}
#accountsOrCatsTreeSelect-Ul {
width: calc(27em - 46px) !important;
margin: 0 0 0 -1px !important;
}
#wdw_mainWindowBody #toolbox .dropdownContainer > ul > li,
#accountsOrCatsTreeSelect-Ul > li {
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background-color: #0082FC !important;
color: #FFF !important;
padding: 3px 6px 10px 6px !important;
margin: 1px 1px 0 1px !important;
}
#wdw_mainWindowBody #toolbox .dropdownContainer > ul > li.active::before {
padding: 1px 6px 0 0 !important;
}
#wdw_mainWindowBody #toolbox .dropdownContainer > ul > li:hover,
#accountsOrCatsTreeSelect-Ul > li:hover {
border: 1px solid #0082FC !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}Dein Code hat dort keine Wirkung.
Hm, muss womöglich in die userContent.css, bei mir wird die Datei Erweiterungen.css über ein Javascript geladen.
die Buttons von Cardbook komplett einzufärben
Meinst Du die ↓ Button?
#wdw_mainWindowBody > div:not([id="detailsPane"]) > button,
#wdw_mainWindowBody > div:not([id="detailsPane"]) > div > div {
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
background-color: #0082FC !important;
color: #FFF !important;
margin: 1px 1px 1px 0 !important;
}
#wdw_mainWindowBody > div:not([id="detailsPane"]) > button:hover,
#wdw_mainWindowBody > div:not([id="detailsPane"]) > div > div:hover {
border: 1px solid #0082FC !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}gibt es eine Möglichkeit die Buttons von Cardbook komplett einzufärben ohne jeden einzelnen Button ändern zu müssen?
Welche Buttons meinst Du? Wenn ich das richtig verstanden habe, dann eher nicht, aber man könnte mit Sicherheit die Bereiche zusammenfassen.
Vielen Dank @Dharkness !!
Aber gerne doch, ich habe Dich sehr gerne auf den richtigen Weg geschubst, das werde ich, wenn es mal wieder sein muss, wieder tun, wenn ich denn kann.
Übersehe ich irgendwo etwas?
Hm, die Konten-Aktionen sollten eigentlich zwischen Postausgangs-Server (SMTP) und Thunderbird-Einstellungen vorhanden sein, hast Du die per CSS-Voodoo in der userContent.css ausgeblendet?
Stimmt - sollte eigentlich auch so da stehen - Fehler meinerseits...
Deswegen brauchst Du doch nicht den Kopf gegen die Wand Hämmern, kann doch mal passieren.
Ersetze padding-left: 240px durch padding-left: 40px; margin-left: 20px;, das sollte eigentlich helfen. Ggf. mit den Werten spielen...
Wäre bei einem Ausgangswert von padding-left: 240px !important; nicht padding-left: 40px !important; und margin-left: 200px !important; zielführender?
Das sind keine Tippfehler
Oh doch, nicht with, sondern width, aber einen 2ten Fehler sehe ich nicht.
TB-Version war 52.6
Für diese Hoffnungslos veraltete Version erwartest Du wirklich noch Hilfe?
Du wirst schlicht und ergreifend diese alte Stück Schrott installieren müssen, das Profil einbinden müssen und dann Schrittweise die angebotenen Updates im Menü Hilfe und dort unter Über Thunderbird installieren müssen.
Halte Deine Software in Zukunft aktuell und trage nicht zur Unsicherheit des Internets bei, Danke.
Hoffe es ist so richtig.
Es gibt noch eine Datei Namens userChrome.js, die muss ebenfalls in den Ordner chrome.
Danke Dir für den Code... Allerdings ändert dieser die Tabs im Menü (z.B. Posteingang, Kalender, Adressbuch...).
Ich meinte die "Lightning Calendar Tabs", deren Hintergrund farblich angepaßt werden soll. Hier mal ein Screenshot:
Ups sorry, da habe ich mich vertan teste bitte das CSS, ist aus meiner Lightning.css.
#calendar-view-box > arrowscrollbox {
border-bottom: 1px solid #B2B2B2 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox {
max-width: 828px !important;
margin: 0 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs {
max-width: 823px !important;
border: 0 !important;
border-right: 1px solid #B2B2B2 !important;
border-left: 1px solid #B2B2B2 !important;
background-image: none !important;
padding: 0 0 0 1px !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab {
border: 1px solid #B2B2B2 !important;
margin: 1px 1px 1px 0 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab.past {
background-color: #AA2F2F !important;
color: #FFF !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab.future {
background-color: #0082FC !important;
color: #FFF !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab.current {
background-color: #EEE8AA !important;
color: #000 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab.future[label~="Januar"] {
background-color: #EEE8AA !important;
color: #000 !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab[selected="true"] {
font-weight: normal !important;
background-image: none !important;
background-color: #006800 !important;
color: #FFF !important;
}
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab:hover,
.lightning-calendar-tabs-tabs-container > tabbox > tabs > tab[selected="true"]:hover {
border: 1px solid #0082FC !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}Wo muss ich den .js-Code einsetzen?
In der einfachsten Variante im Profil in den Ordner chrome, Du musst aber noch ein paar Vorbereitungen * treffen, damit es funktioniert.
Wie färbe ich den Hintergrund der Tabs ein?
Teste bitte das ↓ CSS.
.tabmail-tab .tab-background {
background-color: #F20 !important;
}
.tabmail-tab:hover .tab-background {
background-color: #D1E2F2 !important;
}
.tabmail-tab .tab-text {
background-color: #FFF !important;
}
.tabmail-tab:hover .tab-ttext {
background-color: #000 !important;
}