128000f4 |
1 | /* ***** BEGIN LICENSE BLOCK ***** |
2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 |
3 | * |
4 | * The contents of this file are subject to the Mozilla Public License Version |
5 | * 1.1 (the "License"); you may not use this file except in compliance with |
6 | * the License. You may obtain a copy of the License at |
7 | * http://www.mozilla.org/MPL/ |
8 | * |
9 | * Software distributed under the License is distributed on an "AS IS" basis, |
10 | * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License |
11 | * for the specific language governing rights and limitations under the |
12 | * License. |
13 | * |
14 | * The Original Code is "Classic" theme of mozilla.org code. |
15 | * |
16 | * The Initial Developer of the Original Code is |
17 | * the Mozilla Organization. |
18 | * Portions created by the Initial Developer are Copyright (C) 1998-2001 |
19 | * the Initial Developer. All Rights Reserved. |
20 | * |
21 | * Contributor(s): |
22 | * Robert Kaiser <KaiRo@KaiRo.at> |
23 | * |
24 | * Alternatively, the contents of this file may be used under the terms of |
25 | * either the GNU General Public License Version 2 or later (the "GPL"), or |
26 | * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), |
27 | * in which case the provisions of the GPL or the LGPL are applicable instead |
28 | * of those above. If you wish to allow use of your version of this file only |
29 | * under the terms of either the GPL or the LGPL, and not to allow others to |
30 | * use your version of this file under the terms of the MPL, indicate your |
31 | * decision by deleting the provisions above and replace them with the notice |
32 | * and other provisions required by the GPL or the LGPL. If you do not delete |
33 | * the provisions above, a recipient may use your version of this file under |
34 | * the terms of any one of the MPL, the GPL or the LGPL. |
35 | * |
36 | * ***** END LICENSE BLOCK ***** */ |
37 | |
38 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
f6e0a33f |
39 | |
74d14f90 |
40 | /* ===== outliner.css =================================================== |
41 | == Styles used by the XUL outline element. |
42 | ======================================================================= */ |
f6e0a33f |
43 | |
74d14f90 |
44 | /* ::::: outliner ::::: */ |
f6e0a33f |
45 | |
46 | outliner { |
74d14f90 |
47 | border-spacing: 0px; |
48 | border: none; |
49 | background-color: #FFFFFF; |
50 | color: #000000; |
f6e0a33f |
51 | } |
52 | |
74d14f90 |
53 | /* ::::: outliner rows ::::: */ |
f6e0a33f |
54 | |
74d14f90 |
55 | outlinerchildren:-moz-outliner-row { |
f6e0a33f |
56 | border: 1px solid transparent; |
74d14f90 |
57 | height: 18px; |
f6e0a33f |
58 | } |
59 | |
74d14f90 |
60 | outlinerchildren:-moz-outliner-row(selected) { |
f6e0a33f |
61 | background-color: #808080; |
62 | } |
63 | |
74d14f90 |
64 | outlinerchildren:-moz-outliner-row(selected, focus) { |
f6e0a33f |
65 | background-color: #336699; |
66 | } |
67 | |
74d14f90 |
68 | outlinerchildren:-moz-outliner-row(current, focus) { |
f6e0a33f |
69 | border: 1px dotted #9999CC; |
70 | } |
71 | |
74d14f90 |
72 | /* ::::: outliner cells ::::: */ |
73 | |
74 | outlinerchildren:-moz-outliner-cell { |
75 | padding: 0px 2px 0px 2px; |
f6e0a33f |
76 | } |
77 | |
74d14f90 |
78 | outlinerchildren:-moz-outliner-cell-text { |
f6e0a33f |
79 | color: inherit; |
74d14f90 |
80 | border: 2px solid transparent; |
f6e0a33f |
81 | } |
82 | |
74d14f90 |
83 | outlinerchildren:-moz-outliner-cell-text(selected) { |
84 | color: #FFFFFF; |
f6e0a33f |
85 | } |
86 | |
74d14f90 |
87 | outlinerchildren:-moz-outliner-cell-text(selected, focus) { |
88 | color: #FFFFFF; |
89 | } |
90 | |
91 | outlinerchildren:-moz-outliner-cell-text(primary) { |
92 | border: 2px solid transparent; |
93 | } |
94 | |
95 | outlinerchildren:-moz-outliner-cell-text(primary, drop) { |
96 | background-color: #336699; |
97 | color: #FFFFFF; |
98 | } |
99 | |
100 | outlinerchildren:-moz-outliner-cell-text(primary, dropBefore) { |
101 | border-top: 2px solid #000000; |
102 | } |
103 | |
104 | outlinerchildren:-moz-outliner-cell-text(selected, primary, dropBefore) { |
105 | border-top: 2px solid #000000; |
106 | } |
107 | |
108 | outlinerchildren:-moz-outliner-cell-text(primary, dropAfter) { |
109 | border-bottom: 2px solid #000000; |
f6e0a33f |
110 | } |
f6e0a33f |
111 | |
74d14f90 |
112 | outlinerchildren:-moz-outliner-cell-text(selected, primary, dropAfter) { |
113 | border-bottom: 2px solid #000000; |
114 | } |
115 | |
116 | |
117 | /* ::::: lines connecting cells ::::: */ |
118 | |
119 | outlinerchildren:-moz-outliner-line { |
120 | visibility: hidden; |
121 | } |
122 | |
123 | /* |
124 | outlinerchildren:-moz-outliner-line { |
f6e0a33f |
125 | border: 1px dotted grey; |
126 | } |
127 | |
74d14f90 |
128 | outlinerchildren:-moz-outliner-line(selected, focus) { |
f6e0a33f |
129 | border: 1px dotted black; |
130 | } |
74d14f90 |
131 | */ |
f6e0a33f |
132 | |
74d14f90 |
133 | outlinerchildren:-moz-outliner-separator { |
f6e0a33f |
134 | border: 1px outset #CCD0DD; |
135 | } |
136 | |
74d14f90 |
137 | /* ::::: outliner columns ::::: */ |
138 | |
f6e0a33f |
139 | outlinercol { |
74d14f90 |
140 | -moz-box-align: center; |
141 | -moz-box-pack: center; |
142 | border: 1px outset #CCD0DD; |
f6e0a33f |
143 | background-color: #CCD0DD; |
74d14f90 |
144 | color: #000000; |
145 | padding: 1px 4px; |
f6e0a33f |
146 | } |
147 | |
74d14f90 |
148 | outlinercolpicker { |
149 | -moz-box-align: center; |
150 | -moz-box-pack: center; |
151 | border: 1px solid transparent; |
152 | background-color: #CCD0DD; |
153 | padding: 1px 0px; |
f6e0a33f |
154 | } |
155 | |
74d14f90 |
156 | .outlinercol-image { |
157 | padding: 1px; |
f6e0a33f |
158 | } |
159 | |
74d14f90 |
160 | .outlinercol-text { |
161 | margin: 0px !important; |
162 | padding: 0px !important; |
163 | } |
164 | |
165 | /* ..... internal box ..... */ |
166 | |
f6e0a33f |
167 | outlinercol:hover:active { |
168 | border: 1px solid #666699; |
74d14f90 |
169 | padding: 2px 3px 0px 5px; |
f6e0a33f |
170 | } |
171 | |
74d14f90 |
172 | outlinercolpicker:hover:active { |
173 | border: 1px solid #666699; |
f6e0a33f |
174 | } |
175 | |
74d14f90 |
176 | .outlinercol-image:hover:active { |
177 | padding: 2px 0px 0px 2px; |
f6e0a33f |
178 | } |
179 | |
74d14f90 |
180 | /* ::::: column drag and drop styles ::::: */ |
f6e0a33f |
181 | |
182 | outlinercol[dragging="true"] { |
74d14f90 |
183 | border: 1px solid transparent; |
f6e0a33f |
184 | background-color: #336699; |
185 | color: #000000; |
186 | } |
187 | |
f6e0a33f |
188 | outlinercol[insertafter="true"] { |
f6e0a33f |
189 | border-right: 1px solid #000000; |
190 | } |
191 | |
192 | outlinercol[insertbefore="true"] { |
f6e0a33f |
193 | border-left: 1px solid #000000; |
194 | } |
195 | |
74d14f90 |
196 | outlinerchildren:-moz-outliner-column(insertbefore) { |
f6e0a33f |
197 | border-left: 1px solid #000000; |
198 | } |
199 | |
74d14f90 |
200 | outlinerchildren:-moz-outliner-column(insertafter) { |
f6e0a33f |
201 | border-right: 1px solid #000000; |
202 | } |
203 | |
74d14f90 |
204 | /* ::::: sort direction indicator ::::: */ |
f6e0a33f |
205 | |
206 | .outlinercol-sortdirection { |
207 | list-style-image: none; |
208 | } |
209 | |
74d14f90 |
210 | .sortDirectionIndicator[sortDirection="ascending"] .outlinercol-sortdirection { |
211 | list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); |
f6e0a33f |
212 | } |
213 | |
74d14f90 |
214 | .sortDirectionIndicator[sortDirection="descending"] .outlinercol-sortdirection { |
215 | list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); |
f6e0a33f |
216 | } |
217 | |
74d14f90 |
218 | /* ::::: column picker ::::: */ |
219 | |
220 | .outliner-columnpicker-icon { |
221 | list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); |
f6e0a33f |
222 | } |
223 | |
74d14f90 |
224 | /* ::::: twisty ::::: */ |
225 | |
226 | outlinerchildren:-moz-outliner-twisty { |
f6e0a33f |
227 | padding-right: 2px; |
228 | width: 12px; /* The image's width is 12 pixels */ |
74d14f90 |
229 | list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); |
f6e0a33f |
230 | } |
231 | |
74d14f90 |
232 | outlinerchildren:-moz-outliner-twisty(open) { |
f6e0a33f |
233 | width: 12px; /* The image's width is 12 pixels */ |
74d14f90 |
234 | list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); |
f6e0a33f |
235 | } |
236 | |
74d14f90 |
237 | outlinerchildren:-moz-outliner-indentation { |
238 | width: 10px; |
f840e302 |
239 | } |