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 | ||
16 | #tabpanels-contents-box { | |
cc7585ee | 17 | margin: 3px 0; |
9ca9f6bd | 18 | } |
19 | ||
20 | #header-url:hover { | |
21 | text-decoration: underline; | |
22 | } | |
23 | ||
24 | #outer-box { | |
cc7585ee | 25 | margin: 5px; |
9ca9f6bd | 26 | } |
27 | ||
cc7585ee RK |
28 | .toolbarbutton-menu-dropmarker { |
29 | margin-left: 0.5em; | |
9ca9f6bd | 30 | } |
31 | ||
32 | #input-widget, | |
33 | #input-widget-multiline { | |
34 | border: 1px inset #CCD0DD; | |
35 | } | |
36 | ||
cc7585ee RK |
37 | #button-multiline-expand { |
38 | list-style-image:url("chrome://chatzilla/skin/images/multiline-expand.png"); | |
9ca9f6bd | 39 | } |
40 | ||
cc7585ee RK |
41 | #button-multiline-contract { |
42 | list-style-image:url("chrome://chatzilla/skin/images/multiline-contract.png"); | |
9ca9f6bd | 43 | } |
44 | ||
cc7585ee RK |
45 | #button-input { |
46 | list-style-image:url("chrome://chatzilla/skin/images/input-send.png"); | |
9ca9f6bd | 47 | } |
48 | ||
cc7585ee RK |
49 | .highlight-menu-item:hover { |
50 | color: #000000 !important; | |
51 | background: #336699 !important; | |
9ca9f6bd | 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 RK |
77 | .view-button { |
78 | /* do NOT set colour, at least not without background. :) */ | |
79 | text-align: center; | |
80 | max-width: 30ex; | |
81 | -moz-box-flex: 1; | |
9ca9f6bd | 82 | } |
83 | ||
cc7585ee | 84 | .view-button[state="current"] { |
9ca9f6bd | 85 | font-weight: bold; |
9ca9f6bd | 86 | } |
87 | ||
cc7585ee RK |
88 | .view-button[state="superfluous"] { |
89 | color: #666699; | |
9ca9f6bd | 90 | } |
91 | ||
cc7585ee RK |
92 | .view-button[state="activity"] { |
93 | color: #336699; | |
9ca9f6bd | 94 | } |
95 | ||
cc7585ee RK |
96 | .view-button[state="attention"] { |
97 | color: red; | |
9ca9f6bd | 98 | } |
99 | ||
100 | .output-container { | |
101 | border: 1px inset #CCD0DD; | |
cc7585ee RK |
102 | border-left: none; |
103 | border-right: none; | |
9ca9f6bd | 104 | } |
105 | ||
cc7585ee | 106 | treecol { |
88166091 | 107 | border: none; |
108 | } | |
109 | ||
cc7585ee RK |
110 | /* we need to define both the : and :: versions of the treechildren selector |
111 | * so that we work on both 1.5 and pre 1.5 builds. | |
112 | * | |
113 | * The userlist can be in one of two state. In "symbol", the user's | |
88166091 | 114 | * channel mode is shown as a @ or + image, while in "graphic" mode, the |
115 | * image is one of the LED images. | |
116 | */ | |
117 | ||
118 | /* no mode */ | |
119 | treechildren::-moz-tree-image { | |
cc7585ee RK |
120 | list-style-image: url("chrome://chatzilla/skin/images/no-symbol.png"); |
121 | } | |
122 | ||
88166091 | 123 | #user-list[mode="graphic"] treechildren::-moz-tree-image { |
cc7585ee | 124 | list-style-image: url("chrome://chatzilla/skin/images/no-graphic.png"); |
88166091 | 125 | } |
126 | ||
127 | /* voice */ | |
128 | treechildren::-moz-tree-image(voice-true) { | |
cc7585ee RK |
129 | list-style-image: url("chrome://chatzilla/skin/images/voice-symbol.png"); |
130 | } | |
131 | ||
88166091 | 132 | #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) { |
cc7585ee | 133 | list-style-image: url("chrome://chatzilla/skin/images/voice-graphic.png"); |
88166091 | 134 | } |
135 | ||
136 | /* half-chanop */ | |
137 | treechildren::-moz-tree-image(halfop-true) { | |
cc7585ee RK |
138 | list-style-image: url("chrome://chatzilla/skin/images/halfop-symbol.png"); |
139 | } | |
140 | ||
88166091 | 141 | #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) { |
cc7585ee | 142 | list-style-image: url("chrome://chatzilla/skin/images/halfop-graphic.png"); |
88166091 | 143 | } |
144 | ||
145 | /* chanop */ | |
146 | treechildren::-moz-tree-image(op-true) { | |
cc7585ee RK |
147 | list-style-image: url("chrome://chatzilla/skin/images/op-symbol.png"); |
148 | } | |
149 | ||
88166091 | 150 | #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) { |
cc7585ee | 151 | list-style-image: url("chrome://chatzilla/skin/images/op-graphic.png"); |
9ca9f6bd | 152 | } |
153 | ||
cc7585ee | 154 | /* admin */ |
cc7585ee RK |
155 | treechildren::-moz-tree-image(admin-true) { |
156 | list-style-image: url("chrome://chatzilla/skin/images/admin-symbol.png"); | |
157 | } | |
158 | ||
cc7585ee RK |
159 | #user-list[mode="graphic"] treechildren::-moz-tree-image(admin-true) { |
160 | list-style-image: url("chrome://chatzilla/skin/images/admin-graphic.png"); | |
161 | } | |
162 | ||
163 | /* founder */ | |
cc7585ee RK |
164 | treechildren::-moz-tree-image(founder-true) { |
165 | list-style-image: url("chrome://chatzilla/skin/images/founder-symbol.png"); | |
166 | } | |
167 | ||
cc7585ee RK |
168 | #user-list[mode="graphic"] treechildren::-moz-tree-image(founder-true) { |
169 | list-style-image: url("chrome://chatzilla/skin/images/founder-graphic.png"); | |
170 | } | |
171 | ||
172 | /* away */ | |
cc7585ee RK |
173 | treechildren::-moz-tree-cell-text(away-true) { |
174 | color: #808080; | |
175 | font-style: italic; | |
176 | } | |
177 | ||
cc7585ee RK |
178 | treechildren::-moz-tree-cell-text(away-false) { |
179 | } | |
180 | ||
181 | menuitem[header="true"] { | |
182 | text-align: center; | |
183 | } | |
184 | ||
185 | .colorGrid | |
186 | { | |
5273e288 | 187 | width: 24px; |
188 | height: 16px; | |
cc7585ee | 189 | border: 1px solid #000000; |
5273e288 | 190 | -moz-box-align: center; |
191 | -moz-box-pack: center; | |
9ca9f6bd | 192 | } |
193 | ||
cc7585ee RK |
194 | #colorTooltip |
195 | { | |
5273e288 | 196 | padding: 0px; |
197 | -moz-box-align: center; | |
198 | -moz-box-pack: center; | |
9ca9f6bd | 199 | } |
cc7585ee RK |
200 | |
201 | /* Feel the hacks. */ | |
202 | progressmeter[mode="undetermined"] { | |
203 | -moz-appearance: none; | |
204 | } | |
205 | ||
206 | [dir="ltr"] { | |
207 | direction: ltr; | |
208 | } | |
209 | ||
210 | [dir="rtl"] { | |
211 | direction: rtl; | |
212 | } | |
213 | ||
214 | /* Hack; Stop the status-bar from distorting without a security icon */ | |
215 | #status-text { | |
216 | min-height: 17px; | |
217 | } | |
218 | ||
219 | #status-text[notice="true"] { | |
220 | font-weight: bold; | |
221 | } | |
222 | ||
223 | #security-button { | |
224 | min-width: 20px; | |
225 | } | |
226 | ||
227 | #security-button:not([level="high"]):not([level="low"]):not([level="broken"]) { | |
228 | display: none; | |
229 | } | |
230 | ||
231 | #security-button[level="high"] > image { | |
232 | list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif"); | |
233 | } | |
234 | ||
235 | #security-button[level="low"] > image { | |
236 | list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif"); | |
237 | } | |
238 | ||
239 | #security-button[level="broken"] > image { | |
240 | list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif"); | |
241 | } | |
242 | ||
243 | /* prevent margins of a value-less label from shifting the image */ | |
244 | #security-button > label:not([value]) { | |
245 | display: none; | |
246 | } | |
247 | ||
248 | #offline-status[offlinestate="offline"] { | |
249 | list-style-image: url("chrome://communicator/skin/icons/offline.gif"); | |
250 | } | |
251 | ||
252 | #offline-status[offlinestate="online"] { | |
253 | list-style-image: url("chrome://communicator/skin/icons/online.gif"); | |
254 | } | |
255 | ||
256 | /* Focus styling for a11y reasons */ | |
257 | #user-list-box[focusobvious="true"], #browser-box[focusobvious="true"], | |
258 | #multiline-hug-box[focusobvious="true"], #singleline-hug-box[focusobvious="true"] { | |
259 | border-color: #336699 !important; | |
260 | } | |
261 | ||
262 | /* Not setting a right border so the scrollbar remains on the window edge. */ | |
263 | #browser-box:last-child, #user-list-box:last-child { | |
264 | border-left: 2px solid transparent; | |
265 | border-top: 2px solid transparent; | |
266 | border-bottom: 2px solid transparent; | |
267 | } | |
268 | ||
269 | #user-list-box:first-child, #browser-box:first-child { | |
270 | border-right: 2px solid transparent; | |
271 | border-top: 2px solid transparent; | |
272 | border-bottom: 2px solid transparent; | |
273 | } | |
274 | ||
275 | #singleline-hug-box, #multiline-hug-box { | |
276 | border-right: 2px solid transparent; | |
277 | border-left: 2px solid transparent; | |
278 | border-top: 2px solid transparent; | |
279 | } |