Commit | Line | Data |
---|---|---|
10d7e614 RK |
1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
2 | * License, v. 2.0. If a copy of the MPL was not distributed with this | |
3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
9ca9f6bd | 4 | |
cc7585ee | 5 | @import url("chrome://communicator/skin/"); |
9ca9f6bd | 6 | |
7 | window { | |
8 | width: 640px; | |
9 | height: 480px; | |
10 | } | |
11 | ||
12 | #menu-view-none { | |
13 | display: none; | |
14 | } | |
15 | ||
9ca9f6bd | 16 | #header-url:hover { |
17 | text-decoration: underline; | |
18 | } | |
19 | ||
20 | #outer-box { | |
cc7585ee | 21 | margin: 5px; |
9ca9f6bd | 22 | } |
23 | ||
cc7585ee RK |
24 | .toolbarbutton-menu-dropmarker { |
25 | margin-left: 0.5em; | |
9ca9f6bd | 26 | } |
27 | ||
28 | #input-widget, | |
29 | #input-widget-multiline { | |
30 | border: 1px inset #CCD0DD; | |
31 | } | |
32 | ||
cc7585ee RK |
33 | #button-multiline-expand { |
34 | list-style-image:url("chrome://chatzilla/skin/images/multiline-expand.png"); | |
9ca9f6bd | 35 | } |
36 | ||
cc7585ee RK |
37 | #button-multiline-contract { |
38 | list-style-image:url("chrome://chatzilla/skin/images/multiline-contract.png"); | |
9ca9f6bd | 39 | } |
40 | ||
cc7585ee RK |
41 | #button-input { |
42 | list-style-image:url("chrome://chatzilla/skin/images/input-send.png"); | |
9ca9f6bd | 43 | } |
44 | ||
cc7585ee RK |
45 | .highlight-menu-item:hover { |
46 | color: #000000 !important; | |
47 | background: #336699 !important; | |
9ca9f6bd | 48 | } |
49 | ||
dc96f1d6 RK |
50 | #user-list { |
51 | margin: 0; | |
52 | } | |
53 | ||
cc7585ee RK |
54 | #view-tabs { |
55 | overflow: hidden; | |
9ca9f6bd | 56 | } |
57 | ||
cc7585ee RK |
58 | #views-tbar-spacer { |
59 | -moz-box-flex: 10000; | |
9ca9f6bd | 60 | } |
61 | ||
cc7585ee RK |
62 | #tabs-drop-indicator-bar { |
63 | position: relative; | |
64 | margin-top: -3px; | |
65 | -moz-margin-start: -5px; | |
66 | height: 3px; | |
9ca9f6bd | 67 | } |
68 | ||
cc7585ee RK |
69 | #tabs-drop-indicator { |
70 | position: relative; | |
71 | margin-bottom: -8px; | |
72 | width: 11px; | |
73 | height: 11px; | |
74 | background: url("chrome://chatzilla/skin/images/drop-indicator-bottom.png") 50% 50% no-repeat; | |
88166091 | 75 | } |
76 | ||
cc7585ee | 77 | .view-button { |
dc96f1d6 RK |
78 | /* Box model is 5px 5px 5px 6px in aggregate. Extra pixel on the left is for the separator. */ |
79 | -moz-appearance: none; | |
80 | margin: 5px 0; | |
81 | border: none; | |
82 | /* border-left: 1px solid ButtonShadow;*/ | |
83 | padding: 0 5px; | |
84 | /* | |
85 | background: Button; | |
86 | color: ButtonText; | |
87 | font: message-box; | |
88 | */ | |
89 | text-shadow: none; | |
cc7585ee RK |
90 | text-align: center; |
91 | max-width: 30ex; | |
92 | -moz-box-flex: 1; | |
dc96f1d6 RK |
93 | -moz-box-orient: vertical; |
94 | -moz-box-align: stretch; | |
9ca9f6bd | 95 | } |
96 | ||
dc96f1d6 RK |
97 | .view-button:first-child { |
98 | border-left-color: transparent; | |
9ca9f6bd | 99 | } |
100 | ||
dc96f1d6 RK |
101 | .view-button::before { |
102 | content: " "; | |
103 | display: -moz-box; | |
104 | margin: -5px -5px 0 -5px; | |
105 | height: 4px; | |
9ca9f6bd | 106 | } |
107 | ||
dc96f1d6 RK |
108 | .view-button[state="superfluous"]::before { |
109 | background-color: #666699; | |
9ca9f6bd | 110 | } |
111 | ||
dc96f1d6 RK |
112 | .view-button[state="activity"]::before { |
113 | background-color: #336699; | |
9ca9f6bd | 114 | } |
115 | ||
dc96f1d6 RK |
116 | .view-button[state="attention"]::before { |
117 | background-color: red; | |
118 | } | |
119 | ||
120 | .view-button:hover, | |
121 | .view-button[state="current"] { | |
122 | margin: 0 0 0 1px; | |
cc7585ee | 123 | border-left: none; |
dc96f1d6 RK |
124 | border-radius: 0 0 6px 6px; |
125 | padding: 5px; | |
126 | /* | |
127 | background: Window; | |
128 | color: WindowText; | |
129 | */ | |
130 | } | |
131 | ||
132 | .view-button[state="current"] + .view-button, | |
133 | .view-button:hover + .view-button:not([state="current"]) { | |
134 | border-left-color: transparent; | |
135 | } | |
136 | ||
137 | .view-button[state="current"] { | |
138 | position: relative; /* So it visually appears above the tabs either side. */ | |
139 | /* border: 2px solid ButtonShadow;*/ | |
140 | border-top: none; | |
141 | padding: 5px 3px 3px 3px; | |
9ca9f6bd | 142 | } |
143 | ||
cc7585ee | 144 | treecol { |
88166091 | 145 | border: none; |
146 | } | |
147 | ||
cc7585ee RK |
148 | /* we need to define both the : and :: versions of the treechildren selector |
149 | * so that we work on both 1.5 and pre 1.5 builds. | |
150 | * | |
151 | * The userlist can be in one of two state. In "symbol", the user's | |
88166091 | 152 | * channel mode is shown as a @ or + image, while in "graphic" mode, the |
153 | * image is one of the LED images. | |
154 | */ | |
155 | ||
156 | /* no mode */ | |
157 | treechildren::-moz-tree-image { | |
cc7585ee RK |
158 | list-style-image: url("chrome://chatzilla/skin/images/no-symbol.png"); |
159 | } | |
160 | ||
88166091 | 161 | #user-list[mode="graphic"] treechildren::-moz-tree-image { |
cc7585ee | 162 | list-style-image: url("chrome://chatzilla/skin/images/no-graphic.png"); |
88166091 | 163 | } |
164 | ||
165 | /* voice */ | |
166 | treechildren::-moz-tree-image(voice-true) { | |
cc7585ee RK |
167 | list-style-image: url("chrome://chatzilla/skin/images/voice-symbol.png"); |
168 | } | |
169 | ||
88166091 | 170 | #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) { |
cc7585ee | 171 | list-style-image: url("chrome://chatzilla/skin/images/voice-graphic.png"); |
88166091 | 172 | } |
173 | ||
174 | /* half-chanop */ | |
175 | treechildren::-moz-tree-image(halfop-true) { | |
cc7585ee RK |
176 | list-style-image: url("chrome://chatzilla/skin/images/halfop-symbol.png"); |
177 | } | |
178 | ||
88166091 | 179 | #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) { |
cc7585ee | 180 | list-style-image: url("chrome://chatzilla/skin/images/halfop-graphic.png"); |
88166091 | 181 | } |
182 | ||
183 | /* chanop */ | |
184 | treechildren::-moz-tree-image(op-true) { | |
cc7585ee RK |
185 | list-style-image: url("chrome://chatzilla/skin/images/op-symbol.png"); |
186 | } | |
187 | ||
88166091 | 188 | #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) { |
cc7585ee | 189 | list-style-image: url("chrome://chatzilla/skin/images/op-graphic.png"); |
9ca9f6bd | 190 | } |
191 | ||
cc7585ee | 192 | /* admin */ |
cc7585ee RK |
193 | treechildren::-moz-tree-image(admin-true) { |
194 | list-style-image: url("chrome://chatzilla/skin/images/admin-symbol.png"); | |
195 | } | |
196 | ||
cc7585ee RK |
197 | #user-list[mode="graphic"] treechildren::-moz-tree-image(admin-true) { |
198 | list-style-image: url("chrome://chatzilla/skin/images/admin-graphic.png"); | |
199 | } | |
200 | ||
201 | /* founder */ | |
cc7585ee RK |
202 | treechildren::-moz-tree-image(founder-true) { |
203 | list-style-image: url("chrome://chatzilla/skin/images/founder-symbol.png"); | |
204 | } | |
205 | ||
cc7585ee RK |
206 | #user-list[mode="graphic"] treechildren::-moz-tree-image(founder-true) { |
207 | list-style-image: url("chrome://chatzilla/skin/images/founder-graphic.png"); | |
208 | } | |
209 | ||
210 | /* away */ | |
cc7585ee RK |
211 | treechildren::-moz-tree-cell-text(away-true) { |
212 | color: #808080; | |
213 | font-style: italic; | |
214 | } | |
215 | ||
cc7585ee RK |
216 | treechildren::-moz-tree-cell-text(away-false) { |
217 | } | |
218 | ||
219 | menuitem[header="true"] { | |
220 | text-align: center; | |
221 | } | |
222 | ||
223 | .colorGrid | |
224 | { | |
5273e288 | 225 | width: 24px; |
226 | height: 16px; | |
cc7585ee | 227 | border: 1px solid #000000; |
5273e288 | 228 | -moz-box-align: center; |
229 | -moz-box-pack: center; | |
9ca9f6bd | 230 | } |
231 | ||
cc7585ee RK |
232 | #colorTooltip |
233 | { | |
5273e288 | 234 | padding: 0px; |
235 | -moz-box-align: center; | |
236 | -moz-box-pack: center; | |
9ca9f6bd | 237 | } |
cc7585ee RK |
238 | |
239 | /* Feel the hacks. */ | |
240 | progressmeter[mode="undetermined"] { | |
241 | -moz-appearance: none; | |
242 | } | |
243 | ||
244 | [dir="ltr"] { | |
245 | direction: ltr; | |
246 | } | |
247 | ||
248 | [dir="rtl"] { | |
249 | direction: rtl; | |
250 | } | |
251 | ||
dc96f1d6 RK |
252 | #input-splitter { |
253 | margin: 4px 0 0 0; | |
254 | } | |
255 | ||
256 | #input-widgets { | |
257 | margin: 4px 0; | |
258 | } | |
259 | ||
260 | #server-nick, #button-multiline-expand, #button-input, #button-multiline-contract { | |
261 | margin: 0; | |
262 | } | |
263 | ||
264 | #input, #multiline-input { | |
265 | margin: 0 4px; | |
266 | } | |
267 | ||
cc7585ee RK |
268 | /* Hack; Stop the status-bar from distorting without a security icon */ |
269 | #status-text { | |
270 | min-height: 17px; | |
271 | } | |
272 | ||
273 | #status-text[notice="true"] { | |
274 | font-weight: bold; | |
275 | } | |
276 | ||
277 | #security-button { | |
278 | min-width: 20px; | |
279 | } | |
280 | ||
cf89ee7b | 281 | #security-button:not([level="high"]):not([level="broken"]) { |
cc7585ee RK |
282 | display: none; |
283 | } | |
284 | ||
285 | #security-button[level="high"] > image { | |
286 | list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif"); | |
287 | } | |
288 | ||
cc7585ee RK |
289 | #security-button[level="broken"] > image { |
290 | list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif"); | |
291 | } | |
292 | ||
293 | /* prevent margins of a value-less label from shifting the image */ | |
294 | #security-button > label:not([value]) { | |
295 | display: none; | |
296 | } | |
297 | ||
263306f6 RK |
298 | #alert-status[alertstate="off"] { |
299 | list-style-image: url("chrome://chatzilla/skin/images/spbubble-off.png"); | |
300 | } | |
301 | ||
302 | #alert-status[alertstate="on"] { | |
303 | list-style-image: url("chrome://chatzilla/skin/images/spbubble-on.png"); | |
304 | } | |
305 | ||
306 | #logging-status[loggingstate="off"] { | |
307 | list-style-image: url("chrome://chatzilla/skin/images/logging-off.png"); | |
308 | } | |
309 | ||
310 | #logging-status[loggingstate="on"] { | |
311 | list-style-image: url("chrome://chatzilla/skin/images/logging-on.png"); | |
312 | } | |
313 | ||
cc7585ee RK |
314 | #offline-status[offlinestate="offline"] { |
315 | list-style-image: url("chrome://communicator/skin/icons/offline.gif"); | |
316 | } | |
317 | ||
318 | #offline-status[offlinestate="online"] { | |
319 | list-style-image: url("chrome://communicator/skin/icons/online.gif"); | |
320 | } | |
321 | ||
322 | /* Focus styling for a11y reasons */ | |
323 | #user-list-box[focusobvious="true"], #browser-box[focusobvious="true"], | |
324 | #multiline-hug-box[focusobvious="true"], #singleline-hug-box[focusobvious="true"] { | |
dc96f1d6 | 325 | outline: 2px solid #336699; |
cc7585ee | 326 | } |