X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Flistbox.css;h=5bc4be856107eee29abff4e43eb4c575b1f980c1;hp=5c16a28b389994d896f1de35b2ab658c82f90b28;hb=f36031bd6c6a251a541cdf42956f5199adcd9cb8;hpb=80916bc42ca2ff0cb12a784cc644905b9036da6e diff --git a/LCARStrek/global/listbox.css b/LCARStrek/global/listbox.css index 5c16a28b..5bc4be85 100644 --- a/LCARStrek/global/listbox.css +++ b/LCARStrek/global/listbox.css @@ -1,87 +1,96 @@ -/* - * The contents of this file are subject to the Netscape Public - * License Version 1.1 (the "License"); you may not use this file - * except in compliance with the License. You may obtain a copy of - * the License at http://www.mozilla.org/NPL/ - * - * Software distributed under the License is distributed on an "AS - * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or - * implied. See the License for the specific language governing - * rights and limitations under the License. - * - * The Original Code is Mozilla Communicator client code, released - * March 31, 1998. - * - * The Initial Developer of the Original Code is Netscape - * Communications Corporation. Portions created by Netscape are - * Copyright (C) 1998-2001 Netscape Communications Corporation. All - * Rights Reserved. - * - * Contributor(s): - * Joe Hewitt (hewitt@netscape.com) - * Robert Kaiser - */ - -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +/* 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 { - -moz-border-radius: 5px; - margin: 2px 4px; + border-radius: 5px; + margin: 1px 2px; + padding: 0px; border: 1px solid #9C9CFF; background-color: #000000; color: #FF9F00; } -listrows { +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:focus > listitem[selected="true"][current="true"] { - border: 1px dotted #FF9F00; +listbox:-moz-focusring > listitem[current="true"][selected="true"] { + border: 1px dotted var(--listitem-selectedFocusCurrentBorder); } listitem[selected="true"] { - background-color: #008484; - color: #000000; + background-color: var(--listitem-selectedBackground); + color: var(--listitem-selectedColor); } listbox:focus > listitem[selected="true"] { - background-color: #008484; - color: #FFCF00; + background-color: var(--listitem-selectedFocusBackground); + color: var(--listitem-selectedFocusColor); } /* ::::: listheader ::::: */ -listheader { +listheader { -moz-box-align: center; - border: 1px solid #FFCF00; + border: 1px solid #FF9F00; + border-top-left-radius: 3px; + border-top-right-radius: 3px; background-color: #9C9CFF; color: #000000; - padding: 0 4px; + padding: 0; +} + +listheader > treecol { + -moz-border-start: none; + border-top: none; + border-bottom: none; +} + +listheader > treecol:last-child { + -moz-border-end: none; } listheader[sortable="true"]:hover:active { - border: 1px solid #FFCF00; - padding: 1px 4px 0 5px; + border: 1px solid #FF9F00; + padding-top: 1px; + padding-bottom: 0px; + -moz-padding-start: 5px; + -moz-padding-end: 4px; } .listheader-icon { - margin-right: 2px; + -moz-margin-end: 2px; } .listheader-label { - margin: 0px !important; + margin: 0 4px !important; } /* ..... sort direction icon ..... */ @@ -90,11 +99,11 @@ listheader[sortable="true"]:hover:active { list-style-image: none; } -.listheader-sortdirection[sortdirection="ascending"] { +.listheader-sortdirection[sortDirection="ascending"] { list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); } -.listheader-sortdirection[sortdirection="descending"] { +.listheader-sortdirection[sortDirection="descending"] { list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); } @@ -102,24 +111,45 @@ listheader[sortable="true"]:hover:active { .listcell-label { margin: 0px !important; - padding: 0px 0px 1px 4px; + padding-top: 0px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 0px; white-space: nowrap; } .listcell-icon { - margin-right: 2px; + -moz-margin-end: 2px; } -/* ::::: listcell checkbox ::::: */ +.listcell-label[disabled="true"] { + color: #8050B0; +} + +/* ::::: listcell checkbox ::::: */ .listcell-check { + -moz-box-align: center; margin: 0px 2px; border: 1px solid #FF9F00; padding: 2px; - width: 7px; + min-width: 12px; + min-height: 12px; + background: #000000 no-repeat 50% 50%; } .listcell-check[checked="true"] { - width: 0px; - list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); + 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; }