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 */ | |
152 | treechildren::-moz-tree-image { | |
cc7585ee RK |
153 | list-style-image: url("chrome://chatzilla/skin/images/no-symbol.png"); |
154 | } | |
155 | ||
88166091 | 156 | #user-list[mode="graphic"] treechildren::-moz-tree-image { |
cc7585ee | 157 | list-style-image: url("chrome://chatzilla/skin/images/no-graphic.png"); |
88166091 | 158 | } |
159 | ||
160 | /* voice */ | |
161 | treechildren::-moz-tree-image(voice-true) { | |
cc7585ee RK |
162 | list-style-image: url("chrome://chatzilla/skin/images/voice-symbol.png"); |
163 | } | |
164 | ||
88166091 | 165 | #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) { |
cc7585ee | 166 | list-style-image: url("chrome://chatzilla/skin/images/voice-graphic.png"); |
88166091 | 167 | } |
168 | ||
169 | /* half-chanop */ | |
170 | treechildren::-moz-tree-image(halfop-true) { | |
cc7585ee RK |
171 | list-style-image: url("chrome://chatzilla/skin/images/halfop-symbol.png"); |
172 | } | |
173 | ||
88166091 | 174 | #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) { |
cc7585ee | 175 | list-style-image: url("chrome://chatzilla/skin/images/halfop-graphic.png"); |
88166091 | 176 | } |
177 | ||
178 | /* chanop */ | |
179 | treechildren::-moz-tree-image(op-true) { | |
cc7585ee RK |
180 | list-style-image: url("chrome://chatzilla/skin/images/op-symbol.png"); |
181 | } | |
182 | ||
88166091 | 183 | #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) { |
cc7585ee | 184 | list-style-image: url("chrome://chatzilla/skin/images/op-graphic.png"); |
9ca9f6bd | 185 | } |
186 | ||
cc7585ee | 187 | /* admin */ |
cc7585ee RK |
188 | treechildren::-moz-tree-image(admin-true) { |
189 | list-style-image: url("chrome://chatzilla/skin/images/admin-symbol.png"); | |
190 | } | |
191 | ||
cc7585ee RK |
192 | #user-list[mode="graphic"] treechildren::-moz-tree-image(admin-true) { |
193 | list-style-image: url("chrome://chatzilla/skin/images/admin-graphic.png"); | |
194 | } | |
195 | ||
196 | /* founder */ | |
cc7585ee RK |
197 | treechildren::-moz-tree-image(founder-true) { |
198 | list-style-image: url("chrome://chatzilla/skin/images/founder-symbol.png"); | |
199 | } | |
200 | ||
cc7585ee RK |
201 | #user-list[mode="graphic"] treechildren::-moz-tree-image(founder-true) { |
202 | list-style-image: url("chrome://chatzilla/skin/images/founder-graphic.png"); | |
203 | } | |
204 | ||
205 | /* away */ | |
cc7585ee RK |
206 | treechildren::-moz-tree-cell-text(away-true) { |
207 | color: #808080; | |
208 | font-style: italic; | |
209 | } | |
210 | ||
cc7585ee RK |
211 | treechildren::-moz-tree-cell-text(away-false) { |
212 | } | |
213 | ||
214 | menuitem[header="true"] { | |
215 | text-align: center; | |
216 | } | |
217 | ||
218 | .colorGrid | |
219 | { | |
5273e288 | 220 | width: 24px; |
221 | height: 16px; | |
cc7585ee | 222 | border: 1px solid #000000; |
5273e288 | 223 | -moz-box-align: center; |
224 | -moz-box-pack: center; | |
9ca9f6bd | 225 | } |
226 | ||
cc7585ee RK |
227 | #colorTooltip |
228 | { | |
5273e288 | 229 | padding: 0px; |
230 | -moz-box-align: center; | |
231 | -moz-box-pack: center; | |
9ca9f6bd | 232 | } |
cc7585ee RK |
233 | |
234 | /* Feel the hacks. */ | |
235 | progressmeter[mode="undetermined"] { | |
236 | -moz-appearance: none; | |
237 | } | |
238 | ||
239 | [dir="ltr"] { | |
240 | direction: ltr; | |
241 | } | |
242 | ||
243 | [dir="rtl"] { | |
244 | direction: rtl; | |
245 | } | |
246 | ||
247 | /* Hack; Stop the status-bar from distorting without a security icon */ | |
248 | #status-text { | |
249 | min-height: 17px; | |
250 | } | |
251 | ||
252 | #status-text[notice="true"] { | |
253 | font-weight: bold; | |
254 | } | |
255 | ||
256 | #security-button { | |
257 | min-width: 20px; | |
258 | } | |
259 | ||
260 | #security-button:not([level="high"]):not([level="low"]):not([level="broken"]) { | |
261 | display: none; | |
262 | } | |
263 | ||
264 | #security-button[level="high"] > image { | |
265 | list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif"); | |
266 | } | |
267 | ||
268 | #security-button[level="low"] > image { | |
269 | list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif"); | |
270 | } | |
271 | ||
272 | #security-button[level="broken"] > image { | |
273 | list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif"); | |
274 | } | |
275 | ||
276 | /* prevent margins of a value-less label from shifting the image */ | |
277 | #security-button > label:not([value]) { | |
278 | display: none; | |
279 | } | |
280 | ||
281 | #offline-status[offlinestate="offline"] { | |
282 | list-style-image: url("chrome://communicator/skin/icons/offline.gif"); | |
283 | } | |
284 | ||
285 | #offline-status[offlinestate="online"] { | |
286 | list-style-image: url("chrome://communicator/skin/icons/online.gif"); | |
287 | } | |
288 | ||
289 | /* Focus styling for a11y reasons */ | |
290 | #user-list-box[focusobvious="true"], #browser-box[focusobvious="true"], | |
291 | #multiline-hug-box[focusobvious="true"], #singleline-hug-box[focusobvious="true"] { | |
292 | border-color: #336699 !important; | |
293 | } | |
294 | ||
295 | /* Not setting a right border so the scrollbar remains on the window edge. */ | |
296 | #browser-box:last-child, #user-list-box:last-child { | |
297 | border-left: 2px solid transparent; | |
298 | border-top: 2px solid transparent; | |
299 | border-bottom: 2px solid transparent; | |
300 | } | |
301 | ||
302 | #user-list-box:first-child, #browser-box:first-child { | |
303 | border-right: 2px solid transparent; | |
304 | border-top: 2px solid transparent; | |
305 | border-bottom: 2px solid transparent; | |
306 | } | |
307 | ||
308 | #singleline-hug-box, #multiline-hug-box { | |
309 | border-right: 2px solid transparent; | |
310 | border-left: 2px solid transparent; | |
311 | border-top: 2px solid transparent; | |
312 | } |