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