/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ /* ===== listbox.css ======================================================= == Styles used by XUL listbox-related elements. ======================================================================= */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ::::: listbox ::::: */ listbox { border-radius: 5px; margin: 1px 2px; padding: 0px; border: 1px solid #9C9CFF; background-color: #000000; color: #FF9F00; } listbox[disabled="true"] { border: 1px solid #8050B0; color: #8050B0; } /* ::::: listitem ::::: */ listitem { border: 1px solid transparent; --listitem-selectedColor: #000000; --listitem-selectedBackground: #008484; --listitem-selectedFocusColor: #FFCF00; --listitem-selectedFocusBackground: var(--listitem-selectedBackground); --listitem-focusCurrentBorder: #FF9F00; --listitem-selectedFocusCurrentBorder: var(--listitem-focusCurrentBorder); } listbox:-moz-focusring > listitem[current="true"] { border: 1px dotted var(--listitem-focusCurrentBorder); } listbox:-moz-focusring > listitem[current="true"][selected="true"] { border: 1px dotted var(--listitem-selectedFocusCurrentBorder); } listitem[selected="true"] { background-color: var(--listitem-selectedBackground); color: var(--listitem-selectedColor); } listbox:focus > listitem[selected="true"] { background-color: var(--listitem-selectedFocusBackground); color: var(--listitem-selectedFocusColor); } /* ::::: listheader ::::: */ listheader { -moz-box-align: center; border: 1px solid #FF9F00; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #9C9CFF; color: #000000; padding: 0; } listheader > treecol { border-inline-start: none; border-top: none; border-bottom: none; } listheader > treecol:last-child { border-inline-end: none; } listheader[sortable="true"]:hover:active { border: 1px solid #FF9F00; padding-top: 1px; padding-bottom: 0px; padding-inline-start: 5px; padding-inline-end: 4px; } .listheader-icon { margin-inline-end: 2px; } .listheader-label { margin: 0 4px !important; } /* ..... sort direction icon ..... */ .listheader-sortdirection { list-style-image: none; } .listheader-sortdirection[sortDirection="ascending"] { list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); } .listheader-sortdirection[sortDirection="descending"] { list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); } /* ::::: listcell ::::: */ .listcell-label { margin: 0px !important; padding-top: 0px; padding-bottom: 1px; padding-inline-start: 4px; padding-inline-end: 0px; white-space: nowrap; } .listcell-icon { margin-inline-end: 2px; } .listcell-label[disabled="true"] { color: #8050B0; } /* ::::: listcell checkbox ::::: */ .listcell-check { -moz-box-align: center; margin: 0px 2px; border: 1px solid #FF9F00; padding: 2px; min-width: 12px; min-height: 12px; background: #000000 no-repeat 50% 50%; } .listcell-check[checked="true"] { background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); } listitem[type="checkbox"]:hover .listcell-check[checked="true"] { background-image: url("chrome://global/skin/checkbox/cbox-check-hover.gif"); } listitem[type="checkbox"]:hover .listcell-check { border-color: #FFCF00; } listitem[type="checkbox"]:hover .listcell-label { color: #FFCF00; }