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