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; | |
31 | } | |
32 | ||
024ec655 | 33 | listbox:-moz-focusring > listitem[current="true"] { |
dc8e1207 | 34 | border: 1px dotted #FF9F00; |
35 | } | |
36 | ||
024ec655 | 37 | listbox:-moz-focusring > listitem[current="true"][selected="true"] { |
b1eaa419 | 38 | border: 1px dotted #FF9F00; |
39 | } | |
40 | ||
41 | listitem[selected="true"] { | |
42 | background-color: #008484; | |
43 | color: #000000; | |
44 | } | |
45 | ||
46 | listbox:focus > listitem[selected="true"] { | |
47 | background-color: #008484; | |
48 | color: #FFCF00; | |
49 | } | |
50 | ||
51 | /* ::::: listheader ::::: */ | |
52 | ||
242fc635 | 53 | listheader { |
b1eaa419 | 54 | -moz-box-align: center; |
b3bf08b1 RK |
55 | border: 1px solid #FF9F00; |
56 | border-left-top-radius: 3px; | |
57 | border-right-top-radius: 3px; | |
b1eaa419 | 58 | background-color: #9C9CFF; |
59 | color: #000000; | |
b3bf08b1 RK |
60 | padding: 0; |
61 | } | |
62 | ||
63 | listheader > treecol { | |
64 | -moz-border-start: none; | |
65 | border-top: none; | |
66 | border-bottom: none; | |
67 | } | |
68 | ||
69 | listheader > treecol:last-child { | |
70 | -moz-border-end: none; | |
b1eaa419 | 71 | } |
72 | ||
73 | listheader[sortable="true"]:hover:active { | |
b3bf08b1 | 74 | border: 1px solid #FF9F00; |
f98e9249 RK |
75 | padding-top: 1px; |
76 | padding-bottom: 0px; | |
77 | -moz-padding-start: 5px; | |
78 | -moz-padding-end: 4px; | |
b1eaa419 | 79 | } |
80 | ||
81 | .listheader-icon { | |
8caa872d | 82 | -moz-margin-end: 2px; |
b1eaa419 | 83 | } |
84 | ||
85 | .listheader-label { | |
b3bf08b1 | 86 | margin: 0 4px !important; |
b1eaa419 | 87 | } |
88 | ||
89 | /* ..... sort direction icon ..... */ | |
90 | ||
91 | .listheader-sortdirection { | |
92 | list-style-image: none; | |
93 | } | |
94 | ||
7aa65558 | 95 | .listheader-sortdirection[sortDirection="ascending"] { |
b1eaa419 | 96 | list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); |
97 | } | |
98 | ||
7aa65558 | 99 | .listheader-sortdirection[sortDirection="descending"] { |
b1eaa419 | 100 | list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); |
101 | } | |
102 | ||
103 | /* ::::: listcell ::::: */ | |
104 | ||
105 | .listcell-label { | |
106 | margin: 0px !important; | |
f98e9249 RK |
107 | padding-top: 0px; |
108 | padding-bottom: 1px; | |
109 | -moz-padding-start: 4px; | |
110 | -moz-padding-end: 0px; | |
b1eaa419 | 111 | white-space: nowrap; |
112 | } | |
80916bc4 | 113 | |
114 | .listcell-icon { | |
f98e9249 | 115 | -moz-margin-end: 2px; |
80916bc4 | 116 | } |
117 | ||
7aa65558 | 118 | .listcell-label[disabled="true"] { |
119 | color: #8050B0; | |
120 | } | |
121 | ||
242fc635 | 122 | /* ::::: listcell checkbox ::::: */ |
80916bc4 | 123 | |
124 | .listcell-check { | |
7aa65558 | 125 | -moz-box-align: center; |
80916bc4 | 126 | margin: 0px 2px; |
127 | border: 1px solid #FF9F00; | |
128 | padding: 2px; | |
7aa65558 | 129 | min-width: 12px; |
130 | min-height: 12px; | |
131 | background: #000000 no-repeat 50% 50%; | |
80916bc4 | 132 | } |
deada455 RK |
133 | |
134 | .listcell-check[checked="true"] { | |
135 | background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); | |
136 | } | |
137 | ||
1e32332f RK |
138 | listitem[type="checkbox"]:hover .listcell-check[checked="true"] { |
139 | background-image: url("chrome://global/skin/checkbox/cbox-check-hover.gif"); | |
140 | } | |
141 | ||
deada455 RK |
142 | listitem[type="checkbox"]:hover .listcell-check { |
143 | border-color: #FFCF00; | |
144 | } | |
145 | ||
146 | listitem[type="checkbox"]:hover .listcell-label { | |
147 | color: #FFCF00; | |
148 | } |