Commit | Line | Data |
---|---|---|
9099c61d RK |
1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
2 | * License, v. 2.0. If a copy of the MPL was not distributed with this | |
3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
b1eaa419 | 4 | |
b1eaa419 | 5 | /* ===== listbox.css ======================================================= |
6 | == Styles used by XUL listbox-related elements. | |
7 | ======================================================================= */ | |
8 | ||
f98e9249 RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
b1eaa419 | 11 | /* ::::: listbox ::::: */ |
12 | ||
13 | listbox { | |
569543b3 | 14 | border-radius: 5px; |
7aa65558 | 15 | margin: 1px 2px; |
16 | padding: 0px; | |
b1eaa419 | 17 | border: 1px solid #9C9CFF; |
18 | background-color: #000000; | |
19 | color: #FF9F00; | |
20 | } | |
21 | ||
242fc635 | 22 | listbox[disabled="true"] { |
23 | border: 1px solid #8050B0; | |
24 | color: #8050B0; | |
25 | } | |
26 | ||
b1eaa419 | 27 | /* ::::: listitem ::::: */ |
28 | ||
29 | listitem { | |
30 | border: 1px solid transparent; | |
d471380e RK |
31 | |
32 | --listitem-selectedColor: #000000; | |
33 | --listitem-selectedBackground: #008484; | |
34 | --listitem-selectedFocusColor: #FFCF00; | |
35 | --listitem-selectedFocusBackground: var(--listitem-selectedBackground); | |
36 | --listitem-focusCurrentBorder: #FF9F00; | |
37 | --listitem-selectedFocusCurrentBorder: var(--listitem-focusCurrentBorder); | |
b1eaa419 | 38 | } |
39 | ||
024ec655 | 40 | listbox:-moz-focusring > listitem[current="true"] { |
d471380e | 41 | border: 1px dotted var(--listitem-focusCurrentBorder); |
dc8e1207 | 42 | } |
43 | ||
024ec655 | 44 | listbox:-moz-focusring > listitem[current="true"][selected="true"] { |
d471380e | 45 | border: 1px dotted var(--listitem-selectedFocusCurrentBorder); |
b1eaa419 | 46 | } |
47 | ||
48 | listitem[selected="true"] { | |
d471380e RK |
49 | background-color: var(--listitem-selectedBackground); |
50 | color: var(--listitem-selectedColor); | |
b1eaa419 | 51 | } |
52 | ||
53 | listbox:focus > listitem[selected="true"] { | |
d471380e RK |
54 | background-color: var(--listitem-selectedFocusBackground); |
55 | color: var(--listitem-selectedFocusColor); | |
b1eaa419 | 56 | } |
57 | ||
58 | /* ::::: listheader ::::: */ | |
59 | ||
242fc635 | 60 | listheader { |
b1eaa419 | 61 | -moz-box-align: center; |
b3bf08b1 | 62 | border: 1px solid #FF9F00; |
f36031bd RK |
63 | border-top-left-radius: 3px; |
64 | border-top-right-radius: 3px; | |
b1eaa419 | 65 | background-color: #9C9CFF; |
66 | color: #000000; | |
b3bf08b1 RK |
67 | padding: 0; |
68 | } | |
69 | ||
70 | listheader > treecol { | |
71 | -moz-border-start: none; | |
72 | border-top: none; | |
73 | border-bottom: none; | |
74 | } | |
75 | ||
76 | listheader > treecol:last-child { | |
77 | -moz-border-end: none; | |
b1eaa419 | 78 | } |
79 | ||
80 | listheader[sortable="true"]:hover:active { | |
b3bf08b1 | 81 | border: 1px solid #FF9F00; |
f98e9249 RK |
82 | padding-top: 1px; |
83 | padding-bottom: 0px; | |
84 | -moz-padding-start: 5px; | |
85 | -moz-padding-end: 4px; | |
b1eaa419 | 86 | } |
87 | ||
88 | .listheader-icon { | |
8caa872d | 89 | -moz-margin-end: 2px; |
b1eaa419 | 90 | } |
91 | ||
92 | .listheader-label { | |
b3bf08b1 | 93 | margin: 0 4px !important; |
b1eaa419 | 94 | } |
95 | ||
96 | /* ..... sort direction icon ..... */ | |
97 | ||
98 | .listheader-sortdirection { | |
99 | list-style-image: none; | |
100 | } | |
101 | ||
7aa65558 | 102 | .listheader-sortdirection[sortDirection="ascending"] { |
b1eaa419 | 103 | list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); |
104 | } | |
105 | ||
7aa65558 | 106 | .listheader-sortdirection[sortDirection="descending"] { |
b1eaa419 | 107 | list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); |
108 | } | |
109 | ||
110 | /* ::::: listcell ::::: */ | |
111 | ||
112 | .listcell-label { | |
113 | margin: 0px !important; | |
f98e9249 RK |
114 | padding-top: 0px; |
115 | padding-bottom: 1px; | |
116 | -moz-padding-start: 4px; | |
117 | -moz-padding-end: 0px; | |
b1eaa419 | 118 | white-space: nowrap; |
119 | } | |
80916bc4 | 120 | |
121 | .listcell-icon { | |
f98e9249 | 122 | -moz-margin-end: 2px; |
80916bc4 | 123 | } |
124 | ||
7aa65558 | 125 | .listcell-label[disabled="true"] { |
126 | color: #8050B0; | |
127 | } | |
128 | ||
242fc635 | 129 | /* ::::: listcell checkbox ::::: */ |
80916bc4 | 130 | |
131 | .listcell-check { | |
7aa65558 | 132 | -moz-box-align: center; |
80916bc4 | 133 | margin: 0px 2px; |
134 | border: 1px solid #FF9F00; | |
135 | padding: 2px; | |
7aa65558 | 136 | min-width: 12px; |
137 | min-height: 12px; | |
138 | background: #000000 no-repeat 50% 50%; | |
80916bc4 | 139 | } |
deada455 RK |
140 | |
141 | .listcell-check[checked="true"] { | |
142 | background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); | |
143 | } | |
144 | ||
1e32332f RK |
145 | listitem[type="checkbox"]:hover .listcell-check[checked="true"] { |
146 | background-image: url("chrome://global/skin/checkbox/cbox-check-hover.gif"); | |
147 | } | |
148 | ||
deada455 RK |
149 | listitem[type="checkbox"]:hover .listcell-check { |
150 | border-color: #FFCF00; | |
151 | } | |
152 | ||
153 | listitem[type="checkbox"]:hover .listcell-label { | |
154 | color: #FFCF00; | |
155 | } |