X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Flistbox.css;h=71a85d1dd0b3a57ae6ddde79d17007369b49f4ed;hp=0118317035c1073b3f36c0cc259542e8cab4ef90;hb=708381dda4ddae3127c953bfcc3ca36ccaa014ed;hpb=9099c61da39b1346a25b1c01463829a44d72d6e1 diff --git a/EarlyBlue/global/listbox.css b/EarlyBlue/global/listbox.css index 01183170..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"] { @@ -116,3 +123,7 @@ listheader[sortable="true"]:hover:active { min-height: 12px; background: #FFFFFF no-repeat 50% 50%; } + +.listcell-check[checked="true"] { + background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +}