X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Flistbox.css;h=71a85d1dd0b3a57ae6ddde79d17007369b49f4ed;hp=4b801dde88c92f708083a262d79b3e010310de8b;hb=1b1f3d099d79ff3f7e081b2702a1076c6cd627c4;hpb=1e32332fe703b0d8d949023f18fe4ad7bb847c51 diff --git a/EarlyBlue/global/listbox.css b/EarlyBlue/global/listbox.css index 4b801dde..71a85d1d 100644 --- a/EarlyBlue/global/listbox.css +++ b/EarlyBlue/global/listbox.css @@ -26,24 +26,31 @@ listbox[disabled="true"] { listitem { border: 1px solid transparent; + + --listitem-selectedColor: #FFFFFF; + --listitem-selectedBackground: #808080; + --listitem-selectedFocusColor: var(--listitem-selectedColor); + --listitem-selectedFocusBackground: #336699; + --listitem-focusCurrentBorder: #6666CC; + --listitem-selectedFocusCurrentBorder: #666699; } listbox:-moz-focusring > listitem[current="true"] { - border: 1px dotted #9999CC; + border: 1px dotted var(--listitem-focusCurrentBorder); } listbox:-moz-focusring > listitem[current="true"][selected="true"] { - border: 1px dotted #666699; + border: 1px dotted var(--listitem-selectedFocusCurrentBorder); } listitem[selected="true"] { - background-color: #808080; - color: #FFFFFF; + background-color: var(--listitem-selectedBackground); + color: var(--listitem-selectedColor); } listbox:focus > listitem[selected="true"] { - background-color: #336699; - color: #FFFFFF; + background-color: var(--listitem-selectedFocusBackground); + color: var(--listitem-selectedFocusColor); } /* ::::: listheader ::::: */ @@ -60,12 +67,12 @@ listheader[sortable="true"]:hover:active { border: 1px outset #CCD0DD; padding-top: 1px; padding-bottom: 0px; - -moz-padding-start: 5px; - -moz-padding-end: 4px; + padding-inline-start: 5px; + padding-inline-end: 4px; } .listheader-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .listheader-label { @@ -92,13 +99,13 @@ listheader[sortable="true"]:hover:active { margin: 0px !important; padding-top: 0px; padding-bottom: 1px; - -moz-padding-start: 4px; - -moz-padding-end: 0px; + padding-inline-start: 4px; + padding-inline-end: 0px; white-space: nowrap; } .listcell-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .listcell-label[disabled="true"] {