Ich will nichts zentrieren, sondern Zebra Streifen.
Ok, das habe ich falsch verstanden, bitte teste mal das ↓.
CSS
/* 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;
}
Alles anzeigen