Commit | Line | Data |
---|---|---|
cc7585ee RK |
1 | /* ***** BEGIN LICENSE BLOCK ***** |
2 | * Version: MPL 1.1/GPL 2.0/LGPL 2.1 | |
9ca9f6bd | 3 | * |
cc7585ee RK |
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. | |
9ca9f6bd | 13 | * |
14 | * The Original Code is Mozilla JSIRC Library. | |
15 | * | |
cc7585ee RK |
16 | * The Initial Developer of the Original Code is |
17 | * New Dimensions Consulting, Inc. | |
18 | * Portions created by the Initial Developer are Copyright (C) 1999 | |
19 | * the Initial Developer. All Rights Reserved. | |
9ca9f6bd | 20 | * |
21 | * Contributor(s): | |
cc7585ee | 22 | * Robert Ginda, rginda@ndcico.com, original author |
9ca9f6bd | 23 | * |
cc7585ee RK |
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 ***** */ | |
9ca9f6bd | 37 | |
cc7585ee | 38 | @import url("chrome://communicator/skin/"); |
9ca9f6bd | 39 | |
40 | window { | |
41 | width: 640px; | |
42 | height: 480px; | |
43 | } | |
44 | ||
45 | #menu-view-none { | |
46 | display: none; | |
47 | } | |
48 | ||
49 | #tabpanels-contents-box { | |
cc7585ee | 50 | margin: 3px 0; |
9ca9f6bd | 51 | } |
52 | ||
53 | #header-url:hover { | |
54 | text-decoration: underline; | |
55 | } | |
56 | ||
57 | #outer-box { | |
cc7585ee | 58 | margin: 5px; |
9ca9f6bd | 59 | } |
60 | ||
cc7585ee RK |
61 | .toolbarbutton-menu-dropmarker { |
62 | margin-left: 0.5em; | |
9ca9f6bd | 63 | } |
64 | ||
65 | #input-widget, | |
66 | #input-widget-multiline { | |
67 | border: 1px inset #CCD0DD; | |
68 | } | |
69 | ||
cc7585ee RK |
70 | #button-multiline-expand { |
71 | list-style-image:url("chrome://chatzilla/skin/images/multiline-expand.png"); | |
9ca9f6bd | 72 | } |
73 | ||
cc7585ee RK |
74 | #button-multiline-contract { |
75 | list-style-image:url("chrome://chatzilla/skin/images/multiline-contract.png"); | |
9ca9f6bd | 76 | } |
77 | ||
cc7585ee RK |
78 | #button-input { |
79 | list-style-image:url("chrome://chatzilla/skin/images/input-send.png"); | |
9ca9f6bd | 80 | } |
81 | ||
cc7585ee RK |
82 | .highlight-menu-item:hover { |
83 | color: #000000 !important; | |
84 | background: #336699 !important; | |
9ca9f6bd | 85 | } |
86 | ||
cc7585ee RK |
87 | #view-tabs { |
88 | overflow: hidden; | |
9ca9f6bd | 89 | } |
90 | ||
cc7585ee RK |
91 | #views-tbar-spacer { |
92 | -moz-box-flex: 10000; | |
9ca9f6bd | 93 | } |
94 | ||
cc7585ee RK |
95 | #tabs-drop-indicator-bar { |
96 | position: relative; | |
97 | margin-top: -3px; | |
98 | -moz-margin-start: -5px; | |
99 | height: 3px; | |
9ca9f6bd | 100 | } |
101 | ||
cc7585ee RK |
102 | #tabs-drop-indicator { |
103 | position: relative; | |
104 | margin-bottom: -8px; | |
105 | width: 11px; | |
106 | height: 11px; | |
107 | background: url("chrome://chatzilla/skin/images/drop-indicator-bottom.png") 50% 50% no-repeat; | |
88166091 | 108 | } |
109 | ||
cc7585ee RK |
110 | .view-button { |
111 | /* do NOT set colour, at least not without background. :) */ | |
112 | text-align: center; | |
113 | max-width: 30ex; | |
114 | -moz-box-flex: 1; | |
9ca9f6bd | 115 | } |
116 | ||
cc7585ee | 117 | .view-button[state="current"] { |
9ca9f6bd | 118 | font-weight: bold; |
9ca9f6bd | 119 | } |
120 | ||
cc7585ee RK |
121 | .view-button[state="superfluous"] { |
122 | color: #666699; | |
9ca9f6bd | 123 | } |
124 | ||
cc7585ee RK |
125 | .view-button[state="activity"] { |
126 | color: #336699; | |
9ca9f6bd | 127 | } |
128 | ||
cc7585ee RK |
129 | .view-button[state="attention"] { |
130 | color: red; | |
9ca9f6bd | 131 | } |
132 | ||
133 | .output-container { | |
134 | border: 1px inset #CCD0DD; | |
cc7585ee RK |
135 | border-left: none; |
136 | border-right: none; | |
9ca9f6bd | 137 | } |
138 | ||
cc7585ee | 139 | treecol { |
88166091 | 140 | border: none; |
141 | } | |
142 | ||
cc7585ee RK |
143 | /* we need to define both the : and :: versions of the treechildren selector |
144 | * so that we work on both 1.5 and pre 1.5 builds. | |
145 | * | |
146 | * The userlist can be in one of two state. In "symbol", the user's | |
88166091 | 147 | * channel mode is shown as a @ or + image, while in "graphic" mode, the |
148 | * image is one of the LED images. | |
149 | */ | |
150 | ||
151 | /* no mode */ | |
cc7585ee RK |
152 | treechildren:-moz-tree-image { |
153 | list-style-image: url("chrome://chatzilla/skin/images/no-symbol.png"); | |
154 | } | |
155 | ||
88166091 | 156 | treechildren::-moz-tree-image { |
cc7585ee RK |
157 | list-style-image: url("chrome://chatzilla/skin/images/no-symbol.png"); |
158 | } | |
159 | ||
160 | #user-list[mode="graphic"] treechildren:-moz-tree-image { | |
161 | list-style-image: url("chrome://chatzilla/skin/images/no-graphic.png"); | |
88166091 | 162 | } |
163 | ||
164 | #user-list[mode="graphic"] treechildren::-moz-tree-image { | |
cc7585ee | 165 | list-style-image: url("chrome://chatzilla/skin/images/no-graphic.png"); |
88166091 | 166 | } |
167 | ||
168 | /* voice */ | |
cc7585ee RK |
169 | treechildren:-moz-tree-image(voice-true) { |
170 | list-style-image: url("chrome://chatzilla/skin/images/voice-symbol.png"); | |
171 | } | |
172 | ||
88166091 | 173 | treechildren::-moz-tree-image(voice-true) { |
cc7585ee RK |
174 | list-style-image: url("chrome://chatzilla/skin/images/voice-symbol.png"); |
175 | } | |
176 | ||
177 | #user-list[mode="graphic"] treechildren:-moz-tree-image(voice-true) { | |
178 | list-style-image: url("chrome://chatzilla/skin/images/voice-graphic.png"); | |
88166091 | 179 | } |
180 | ||
181 | #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) { | |
cc7585ee | 182 | list-style-image: url("chrome://chatzilla/skin/images/voice-graphic.png"); |
88166091 | 183 | } |
184 | ||
185 | /* half-chanop */ | |
cc7585ee RK |
186 | treechildren:-moz-tree-image(halfop-true) { |
187 | list-style-image: url("chrome://chatzilla/skin/images/halfop-symbol.png"); | |
188 | } | |
189 | ||
88166091 | 190 | treechildren::-moz-tree-image(halfop-true) { |
cc7585ee RK |
191 | list-style-image: url("chrome://chatzilla/skin/images/halfop-symbol.png"); |
192 | } | |
193 | ||
194 | #user-list[mode="graphic"] treechildren:-moz-tree-image(halfop-true) { | |
195 | list-style-image: url("chrome://chatzilla/skin/images/halfop-graphic.png"); | |
88166091 | 196 | } |
197 | ||
198 | #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) { | |
cc7585ee | 199 | list-style-image: url("chrome://chatzilla/skin/images/halfop-graphic.png"); |
88166091 | 200 | } |
201 | ||
202 | /* chanop */ | |
cc7585ee RK |
203 | treechildren:-moz-tree-image(op-true) { |
204 | list-style-image: url("chrome://chatzilla/skin/images/op-symbol.png"); | |
205 | } | |
206 | ||
88166091 | 207 | treechildren::-moz-tree-image(op-true) { |
cc7585ee RK |
208 | list-style-image: url("chrome://chatzilla/skin/images/op-symbol.png"); |
209 | } | |
210 | ||
211 | #user-list[mode="graphic"] treechildren:-moz-tree-image(op-true) { | |
212 | list-style-image: url("chrome://chatzilla/skin/images/op-graphic.png"); | |
9ca9f6bd | 213 | } |
214 | ||
88166091 | 215 | #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) { |
cc7585ee | 216 | list-style-image: url("chrome://chatzilla/skin/images/op-graphic.png"); |
9ca9f6bd | 217 | } |
218 | ||
cc7585ee RK |
219 | /* admin */ |
220 | treechildren:-moz-tree-image(admin-true) { | |
221 | list-style-image: url("chrome://chatzilla/skin/images/admin-symbol.png"); | |
222 | } | |
223 | ||
224 | treechildren::-moz-tree-image(admin-true) { | |
225 | list-style-image: url("chrome://chatzilla/skin/images/admin-symbol.png"); | |
226 | } | |
227 | ||
228 | #user-list[mode="graphic"] treechildren:-moz-tree-image(admin-true) { | |
229 | list-style-image: url("chrome://chatzilla/skin/images/admin-graphic.png"); | |
230 | } | |
231 | ||
232 | #user-list[mode="graphic"] treechildren::-moz-tree-image(admin-true) { | |
233 | list-style-image: url("chrome://chatzilla/skin/images/admin-graphic.png"); | |
234 | } | |
235 | ||
236 | /* founder */ | |
237 | treechildren:-moz-tree-image(founder-true) { | |
238 | list-style-image: url("chrome://chatzilla/skin/images/founder-symbol.png"); | |
239 | } | |
240 | ||
241 | treechildren::-moz-tree-image(founder-true) { | |
242 | list-style-image: url("chrome://chatzilla/skin/images/founder-symbol.png"); | |
243 | } | |
244 | ||
245 | #user-list[mode="graphic"] treechildren:-moz-tree-image(founder-true) { | |
246 | list-style-image: url("chrome://chatzilla/skin/images/founder-graphic.png"); | |
247 | } | |
248 | ||
249 | #user-list[mode="graphic"] treechildren::-moz-tree-image(founder-true) { | |
250 | list-style-image: url("chrome://chatzilla/skin/images/founder-graphic.png"); | |
251 | } | |
252 | ||
253 | /* away */ | |
254 | treechildren:-moz-tree-cell-text(away-true) { | |
255 | color: #808080; | |
256 | font-style: italic; | |
257 | } | |
258 | ||
259 | treechildren::-moz-tree-cell-text(away-true) { | |
260 | color: #808080; | |
261 | font-style: italic; | |
262 | } | |
263 | ||
264 | treechildren:-moz-tree-cell-text(away-false) { | |
265 | } | |
266 | ||
267 | treechildren::-moz-tree-cell-text(away-false) { | |
268 | } | |
269 | ||
270 | menuitem[header="true"] { | |
271 | text-align: center; | |
272 | } | |
273 | ||
274 | .colorGrid | |
275 | { | |
5273e288 | 276 | width: 24px; |
277 | height: 16px; | |
cc7585ee | 278 | border: 1px solid #000000; |
5273e288 | 279 | -moz-box-align: center; |
280 | -moz-box-pack: center; | |
9ca9f6bd | 281 | } |
282 | ||
cc7585ee RK |
283 | #colorTooltip |
284 | { | |
5273e288 | 285 | padding: 0px; |
286 | -moz-box-align: center; | |
287 | -moz-box-pack: center; | |
9ca9f6bd | 288 | } |
cc7585ee RK |
289 | |
290 | /* Feel the hacks. */ | |
291 | progressmeter[mode="undetermined"] { | |
292 | -moz-appearance: none; | |
293 | } | |
294 | ||
295 | [dir="ltr"] { | |
296 | direction: ltr; | |
297 | } | |
298 | ||
299 | [dir="rtl"] { | |
300 | direction: rtl; | |
301 | } | |
302 | ||
303 | /* Hack; Stop the status-bar from distorting without a security icon */ | |
304 | #status-text { | |
305 | min-height: 17px; | |
306 | } | |
307 | ||
308 | #status-text[notice="true"] { | |
309 | font-weight: bold; | |
310 | } | |
311 | ||
312 | #security-button { | |
313 | min-width: 20px; | |
314 | } | |
315 | ||
316 | #security-button:not([level="high"]):not([level="low"]):not([level="broken"]) { | |
317 | display: none; | |
318 | } | |
319 | ||
320 | #security-button[level="high"] > image { | |
321 | list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif"); | |
322 | } | |
323 | ||
324 | #security-button[level="low"] > image { | |
325 | list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif"); | |
326 | } | |
327 | ||
328 | #security-button[level="broken"] > image { | |
329 | list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif"); | |
330 | } | |
331 | ||
332 | /* prevent margins of a value-less label from shifting the image */ | |
333 | #security-button > label:not([value]) { | |
334 | display: none; | |
335 | } | |
336 | ||
337 | #offline-status[offlinestate="offline"] { | |
338 | list-style-image: url("chrome://communicator/skin/icons/offline.gif"); | |
339 | } | |
340 | ||
341 | #offline-status[offlinestate="online"] { | |
342 | list-style-image: url("chrome://communicator/skin/icons/online.gif"); | |
343 | } | |
344 | ||
345 | /* Focus styling for a11y reasons */ | |
346 | #user-list-box[focusobvious="true"], #browser-box[focusobvious="true"], | |
347 | #multiline-hug-box[focusobvious="true"], #singleline-hug-box[focusobvious="true"] { | |
348 | border-color: #336699 !important; | |
349 | } | |
350 | ||
351 | /* Not setting a right border so the scrollbar remains on the window edge. */ | |
352 | #browser-box:last-child, #user-list-box:last-child { | |
353 | border-left: 2px solid transparent; | |
354 | border-top: 2px solid transparent; | |
355 | border-bottom: 2px solid transparent; | |
356 | } | |
357 | ||
358 | #user-list-box:first-child, #browser-box:first-child { | |
359 | border-right: 2px solid transparent; | |
360 | border-top: 2px solid transparent; | |
361 | border-bottom: 2px solid transparent; | |
362 | } | |
363 | ||
364 | #singleline-hug-box, #multiline-hug-box { | |
365 | border-right: 2px solid transparent; | |
366 | border-left: 2px solid transparent; | |
367 | border-top: 2px solid transparent; | |
368 | } |