-/*
- * 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)
- * Dean Tessman (dean_tessman@hotmail.com)
- * Robert Kaiser <KaiRo@KaiRo.at>
- */
-
-@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 {
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:focus > listitem[current="true"] {
- border: 1px dotted #9999CC;
+listbox:-moz-focusring > listitem[current="true"] {
+ border: 1px dotted var(--listitem-focusCurrentBorder);
}
-listbox:focus > listitem[current="true"][selected="true"] {
- border: 1px dotted #666699;
+listbox:-moz-focusring > listitem[current="true"][selected="true"] {
+ 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 ::::: */
listheader[sortable="true"]:hover:active {
border: 1px outset #CCD0DD;
- padding: 1px 4px 0 5px;
+ padding-top: 1px;
+ padding-bottom: 0px;
+ padding-inline-start: 5px;
+ padding-inline-end: 4px;
}
.listheader-icon {
- margin-right: 2px;
+ margin-inline-end: 2px;
}
.listheader-label {
.listcell-label {
margin: 0px !important;
- padding: 0px 0px 1px 4px;
+ padding-top: 0px;
+ padding-bottom: 1px;
+ padding-inline-start: 4px;
+ padding-inline-end: 0px;
white-space: nowrap;
}
.listcell-icon {
- margin-right: 2px;
+ margin-inline-end: 2px;
}
.listcell-label[disabled="true"] {
.listcell-check[checked="true"] {
background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
}
-
-.listcell-check[disabled="true"] {
- border-color: #808080;
- background-image: url("chrome://global/skin/checkbox/cbox-disabled.gif");
-}
-
-.listcell-check[disabled="true"][checked="true"] {
- background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif");
-}
-