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 | |
74d14f90 |
91 | /* ::::: lines connecting cells ::::: */ |
92 | |
93 | outlinerchildren:-moz-outliner-line { |
94 | visibility: hidden; |
95 | } |
96 | |
97 | /* |
98 | outlinerchildren:-moz-outliner-line { |
f6e0a33f |
99 | border: 1px dotted grey; |
100 | } |
101 | |
74d14f90 |
102 | outlinerchildren:-moz-outliner-line(selected, focus) { |
f6e0a33f |
103 | border: 1px dotted black; |
104 | } |
74d14f90 |
105 | */ |
f6e0a33f |
106 | |
8da3cfd5 |
107 | /* ::::: outliner separator ::::: */ |
108 | |
74d14f90 |
109 | outlinerchildren:-moz-outliner-separator { |
f6e0a33f |
110 | border: 1px outset #CCD0DD; |
111 | } |
112 | |
8da3cfd5 |
113 | /* ::::: drop feedback ::::: */ |
114 | |
115 | outlinerchildren:-moz-outliner-cell-text(dropOn) { |
116 | background-color: #336699; |
117 | color: #FFFFFF; |
118 | } |
119 | |
120 | outlinerchildren:-moz-outliner-drop-feedback { |
121 | background-color: #336699; |
122 | width: 50px; |
123 | height: 2px; |
124 | margin-left: 5px; |
125 | } |
126 | |
127 | outlinerchildren:-moz-outliner-drop-feedback(selected) { |
128 | background-color: #FFFFFF; |
129 | } |
130 | |
74d14f90 |
131 | /* ::::: outliner columns ::::: */ |
132 | |
f6e0a33f |
133 | outlinercol { |
74d14f90 |
134 | -moz-box-align: center; |
135 | -moz-box-pack: center; |
136 | border: 1px outset #CCD0DD; |
f6e0a33f |
137 | background-color: #CCD0DD; |
74d14f90 |
138 | color: #000000; |
139 | padding: 1px 4px; |
f6e0a33f |
140 | } |
141 | |
74d14f90 |
142 | outlinercolpicker { |
143 | -moz-box-align: center; |
144 | -moz-box-pack: center; |
145 | border: 1px solid transparent; |
146 | background-color: #CCD0DD; |
147 | padding: 1px 0px; |
f6e0a33f |
148 | } |
149 | |
74d14f90 |
150 | .outlinercol-image { |
151 | padding: 1px; |
f6e0a33f |
152 | } |
153 | |
74d14f90 |
154 | .outlinercol-text { |
155 | margin: 0px !important; |
156 | padding: 0px !important; |
157 | } |
158 | |
159 | /* ..... internal box ..... */ |
160 | |
f6e0a33f |
161 | outlinercol:hover:active { |
162 | border: 1px solid #666699; |
74d14f90 |
163 | padding: 2px 3px 0px 5px; |
f6e0a33f |
164 | } |
165 | |
74d14f90 |
166 | outlinercolpicker:hover:active { |
167 | border: 1px solid #666699; |
f6e0a33f |
168 | } |
169 | |
74d14f90 |
170 | .outlinercol-image:hover:active { |
171 | padding: 2px 0px 0px 2px; |
f6e0a33f |
172 | } |
173 | |
74d14f90 |
174 | /* ::::: column drag and drop styles ::::: */ |
f6e0a33f |
175 | |
176 | outlinercol[dragging="true"] { |
74d14f90 |
177 | border: 1px solid transparent; |
f6e0a33f |
178 | background-color: #336699; |
179 | color: #000000; |
180 | } |
181 | |
f6e0a33f |
182 | outlinercol[insertafter="true"] { |
f6e0a33f |
183 | border-right: 1px solid #000000; |
184 | } |
185 | |
186 | outlinercol[insertbefore="true"] { |
f6e0a33f |
187 | border-left: 1px solid #000000; |
188 | } |
189 | |
74d14f90 |
190 | outlinerchildren:-moz-outliner-column(insertbefore) { |
f6e0a33f |
191 | border-left: 1px solid #000000; |
192 | } |
193 | |
74d14f90 |
194 | outlinerchildren:-moz-outliner-column(insertafter) { |
f6e0a33f |
195 | border-right: 1px solid #000000; |
196 | } |
197 | |
74d14f90 |
198 | /* ::::: sort direction indicator ::::: */ |
f6e0a33f |
199 | |
200 | .outlinercol-sortdirection { |
201 | list-style-image: none; |
202 | } |
203 | |
74d14f90 |
204 | .sortDirectionIndicator[sortDirection="ascending"] .outlinercol-sortdirection { |
205 | list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); |
f6e0a33f |
206 | } |
207 | |
74d14f90 |
208 | .sortDirectionIndicator[sortDirection="descending"] .outlinercol-sortdirection { |
209 | list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); |
f6e0a33f |
210 | } |
211 | |
74d14f90 |
212 | /* ::::: column picker ::::: */ |
213 | |
214 | .outliner-columnpicker-icon { |
215 | list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); |
f6e0a33f |
216 | } |
217 | |
74d14f90 |
218 | /* ::::: twisty ::::: */ |
219 | |
220 | outlinerchildren:-moz-outliner-twisty { |
f6e0a33f |
221 | padding-right: 2px; |
222 | width: 12px; /* The image's width is 12 pixels */ |
74d14f90 |
223 | list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); |
f6e0a33f |
224 | } |
225 | |
74d14f90 |
226 | outlinerchildren:-moz-outliner-twisty(open) { |
f6e0a33f |
227 | width: 12px; /* The image's width is 12 pixels */ |
74d14f90 |
228 | list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); |
f6e0a33f |
229 | } |
230 | |
74d14f90 |
231 | outlinerchildren:-moz-outliner-indentation { |
232 | width: 10px; |
f840e302 |
233 | } |