Commit | Line | Data |
---|---|---|
9099c61d 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/. */ | |
351107c9 | 4 | |
5 | /* ===== messengercompose.css =========================================== | |
6 | == Styles for the main Messenger Compose window. | |
7 | ======================================================================= */ | |
8 | ||
9 | @import url("chrome://messenger/skin/"); | |
10 | ||
11 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
12 | ||
351107c9 | 13 | /* ::::: primary toolbar buttons ::::: */ |
3a121502 | 14 | |
b1eaa419 | 15 | #button-send { |
303bd2e1 RK |
16 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
17 | -moz-image-region: rect(231px 25px 252px 0px); | |
3a121502 | 18 | } |
b1eaa419 | 19 | |
20 | #button-send[disabled="true"] { | |
303bd2e1 | 21 | -moz-image-region: rect(231px 50px 252px 25px); |
3a121502 | 22 | } |
b1eaa419 | 23 | |
303bd2e1 RK |
24 | #button-send:not([disabled="true"]):hover, |
25 | #button-send:not([disabled="true"]):hover:active { | |
26 | -moz-image-region: rect(231px 75px 252px 50px); | |
b1eaa419 | 27 | } |
351107c9 | 28 | |
303bd2e1 RK |
29 | #button-send[offline="true"] { |
30 | -moz-image-region: rect(273px 25px 294px 0px); | |
b1eaa419 | 31 | } |
32 | ||
33 | #button-send[offline="true"][disabled="true"] { | |
303bd2e1 | 34 | -moz-image-region: rect(273px 50px 294px 25px); |
b1eaa419 | 35 | } |
36 | ||
303bd2e1 RK |
37 | #button-send[offline="true"]:not([disabled="true"]):hover, |
38 | #button-send[offline="true"]:not([disabled="true"]):hover:active { | |
39 | -moz-image-region: rect(273px 75px 294px 50px); | |
b1eaa419 | 40 | } |
351107c9 | 41 | |
303bd2e1 RK |
42 | #button-address { |
43 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); | |
44 | -moz-image-region: rect(189px 25px 210px 0px); | |
3a121502 | 45 | } |
b1eaa419 | 46 | |
47 | #button-address[disabled="true"] { | |
303bd2e1 | 48 | -moz-image-region: rect(189px 50px 210px 25px); |
3a121502 | 49 | } |
b1eaa419 | 50 | |
303bd2e1 RK |
51 | #button-address:not([disabled="true"]):hover, |
52 | #button-address:not([disabled="true"]):hover:active { | |
53 | -moz-image-region: rect(189px 75px 210px 50px); | |
b1eaa419 | 54 | } |
351107c9 | 55 | |
303bd2e1 RK |
56 | #button-attach { |
57 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); | |
58 | -moz-image-region: rect(210px 25px 231px 0px); | |
3a121502 | 59 | } |
b1eaa419 | 60 | |
61 | #button-attach[disabled="true"] { | |
303bd2e1 | 62 | -moz-image-region: rect(210px 50px 231px 25px); |
b1eaa419 | 63 | } |
351107c9 | 64 | |
303bd2e1 RK |
65 | #button-attach:not([disabled="true"]):hover, |
66 | #button-attach:not([disabled="true"]):hover:active, | |
67 | #button-attach[open="true"] { | |
68 | -moz-image-region: rect(210px 75px 231px 50px); | |
3a121502 | 69 | } |
b1eaa419 | 70 | |
71 | #spellingButton { | |
4db0b17b RK |
72 | list-style-image: url("chrome://editor/skin/icons/editoricons.png"); |
73 | -moz-image-region: rect(168px 25px 189px 0px); | |
b1eaa419 | 74 | } |
351107c9 | 75 | |
4db0b17b RK |
76 | #spellingButton[disabled="true"] { |
77 | -moz-image-region: rect(168px 50px 189px 25px); | |
b1eaa419 | 78 | } |
79 | ||
4db0b17b RK |
80 | #spellingButton:not([disabled="true"]):hover, |
81 | #spellingButton:not([disabled="true"]):hover:active, | |
82 | #spellingButton[open="true"] { | |
83 | -moz-image-region: rect(168px 75px 189px 50px); | |
b1eaa419 | 84 | } |
85 | ||
86 | #button-save { | |
303bd2e1 RK |
87 | list-style-image: url("chrome://messenger/skin/icons/messengericons.png"); |
88 | -moz-image-region: rect(294px 25px 315px 0px); | |
b1eaa419 | 89 | } |
351107c9 | 90 | |
303bd2e1 RK |
91 | #button-save[disabled="true"] { |
92 | -moz-image-region: rect(294px 50px 315px 25px); | |
3a121502 | 93 | } |
b1eaa419 | 94 | |
303bd2e1 RK |
95 | #button-save:not([disabled="true"]):hover, |
96 | #button-save:not([disabled="true"]):hover:active, | |
97 | #button-save[open="true"] { | |
98 | -moz-image-region: rect(294px 75px 315px 50px); | |
3a121502 | 99 | } |
b1eaa419 | 100 | |
4db0b17b RK |
101 | /* ::::: small primary toolbar buttons ::::: */ |
102 | ||
103 | toolbar[iconsize="small"] > #button-send, | |
104 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-send { | |
105 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); | |
106 | -moz-image-region: rect(176px 16px 192px 0); | |
107 | } | |
108 | ||
109 | toolbar[iconsize="small"] > #button-send[disabled="true"] { | |
110 | -moz-image-region: rect(176px 32px 192px 16px); | |
111 | } | |
112 | ||
113 | toolbar[iconsize="small"] > #button-send:not([disabled="true"]):hover, | |
114 | toolbar[iconsize="small"] > #button-send:not([disabled="true"]):hover:active { | |
115 | -moz-image-region: rect(176px 48px 192px 32px); | |
116 | } | |
117 | ||
118 | toolbar[iconsize="small"] > #button-send[offline="true"] { | |
119 | -moz-image-region: rect(208px 16px 224px 0); | |
120 | } | |
121 | ||
122 | toolbar[iconsize="small"] > #button-send[offline="true"][disabled="true"] { | |
123 | -moz-image-region: rect(208px 32px 224px 16px); | |
124 | } | |
125 | ||
126 | toolbar[iconsize="small"] > #button-send[offline="true"]:not([disabled="true"]):hover, | |
127 | toolbar[iconsize="small"] > #button-send[offline="true"]:not([disabled="true"]):hover:active { | |
128 | -moz-image-region: rect(208px 48px 2224px 32px); | |
129 | } | |
130 | ||
131 | toolbar[iconsize="small"] > #button-address, | |
132 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-address { | |
133 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); | |
134 | -moz-image-region: rect(144px 16px 160px 0); | |
135 | } | |
136 | ||
137 | toolbar[iconsize="small"] > #button-address[disabled="true"] { | |
138 | -moz-image-region: rect(144px 32px 160px 16px); | |
139 | } | |
140 | ||
141 | toolbar[iconsize="small"] > #button-address:not([disabled="true"]):hover, | |
142 | toolbar[iconsize="small"] > #button-address:not([disabled="true"]):hover:active { | |
143 | -moz-image-region: rect(144px 48px 160px 32px); | |
144 | } | |
145 | ||
146 | toolbar[iconsize="small"] > #button-attach, | |
147 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-attach { | |
148 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); | |
149 | -moz-image-region: rect(160px 16px 176px 0); | |
150 | } | |
151 | ||
152 | toolbar[iconsize="small"] > #button-attach[disabled="true"] { | |
153 | -moz-image-region: rect(160px 32px 176px 16px); | |
154 | } | |
155 | ||
156 | toolbar[iconsize="small"] > #button-attach:not([disabled="true"]):hover, | |
157 | toolbar[iconsize="small"] > #button-attach:not([disabled="true"]):hover:active, | |
158 | toolbar[iconsize="small"] > #button-attach[open="true"] { | |
159 | -moz-image-region: rect(160px 48px 176px 32px); | |
160 | } | |
161 | ||
162 | toolbar[iconsize="small"] > #spellingButton, | |
163 | toolbar[iconsize="small"] > toolbarpaletteitem > #spellingButton { | |
164 | list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); | |
165 | -moz-image-region: rect(128px 16px 144px 0); | |
166 | } | |
167 | ||
168 | toolbar[iconsize="small"] > #spellingButton[disabled="true"] { | |
169 | -moz-image-region: rect(128px 32px 144px 16px); | |
170 | } | |
171 | ||
172 | toolbar[iconsize="small"] > #spellingButton:not([disabled="true"]):hover, | |
173 | toolbar[iconsize="small"] > #spellingButton:not([disabled="true"]):hover:active, | |
174 | toolbar[iconsize="small"] > #spellingButton[open="true"] { | |
175 | -moz-image-region: rect(128px 48px 144px 32px); | |
176 | } | |
177 | ||
178 | toolbar[iconsize="small"] > #button-save, | |
179 | toolbar[iconsize="small"] > toolbarpaletteitem > #button-save { | |
180 | list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png"); | |
181 | -moz-image-region: rect(224px 16px 240px 0); | |
b1eaa419 | 182 | } |
351107c9 | 183 | |
4db0b17b RK |
184 | toolbar[iconsize="small"] > #button-save[disabled="true"] { |
185 | -moz-image-region: rect(224px 32px 240px 16px); | |
3a121502 | 186 | } |
b1eaa419 | 187 | |
4db0b17b RK |
188 | toolbar[iconsize="small"] > #button-save:not([disabled="true"]):hover, |
189 | toolbar[iconsize="small"] > #button-save:not([disabled="true"]):hover:active, | |
190 | toolbar[iconsize="small"] > #button-save[open="true"] { | |
191 | -moz-image-region: rect(224px 48px 240px 32px); | |
3a121502 | 192 | } |
351107c9 | 193 | |
ee6cb01c RK |
194 | #MsgHeadersToolbar { |
195 | min-height: 0px; /* this undoes the min-height in toolbar.css */ | |
196 | } | |
197 | ||
bad6bfa4 | 198 | #MsgHeadersToolbar > .toolbar-box > .toolbar-holder { |
dae45075 | 199 | padding-inline-end: 0; /* this undoes the padding in toolbar.css */ |
bad6bfa4 RK |
200 | } |
201 | ||
b1eaa419 | 202 | /* ::::: autocomplete icons ::::: */ |
351107c9 | 203 | |
01fc5c11 | 204 | treechildren::-moz-tree-cell-text(default-match) { |
02920d2b RK |
205 | margin-top: 2px; |
206 | margin-bottom: 2px; | |
dae45075 RK |
207 | margin-inline-start: 15px; |
208 | margin-inline-end: -3px; | |
b1eaa419 | 209 | border: none; |
210 | } | |
351107c9 | 211 | |
01fc5c11 | 212 | treechildren::-moz-tree-image(local-abook) { |
02920d2b RK |
213 | margin-top: 2px; |
214 | margin-bottom: 2px; | |
dae45075 RK |
215 | margin-inline-start: 4px; |
216 | margin-inline-end: -1px; | |
b1eaa419 | 217 | list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.gif"); |
218 | } | |
351107c9 | 219 | |
01fc5c11 | 220 | treechildren::-moz-tree-image(remote-abook) { |
02920d2b | 221 | margin: 2px; |
dae45075 | 222 | margin-inline-end: -3px; |
b1eaa419 | 223 | list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif"); |
224 | } | |
351107c9 | 225 | |
01fc5c11 | 226 | treechildren::-moz-tree-image(remote-err) { |
02920d2b | 227 | margin: 2px; |
dae45075 | 228 | margin-inline-end: -3px; |
b1eaa419 | 229 | list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.gif"); |
230 | } | |
351107c9 | 231 | |
b1eaa419 | 232 | /* ::::: LCARStrek layout corrections ::::: */ |
233 | ||
234 | #msgheaderstoolbar-box { | |
235 | background-color: #E7ADE7; | |
236 | color: #000000; | |
3a121502 | 237 | } |
b1eaa419 | 238 | |
239 | #addresses-box, | |
240 | #attachments-box { | |
241 | padding: 1px 5px; | |
351107c9 | 242 | } |
243 | ||
2b722888 | 244 | #addresses-box > hbox > label, |
245 | #attachments-box > label { | |
dae45075 | 246 | margin-inline-start: 0px; |
2b722888 | 247 | } |
248 | ||
edb23828 | 249 | #msgIdentity { |
dae45075 | 250 | margin-inline-end: 0px; |
351107c9 | 251 | } |
252 | ||
edb23828 | 253 | #msgSubject { |
dae45075 | 254 | margin-inline-end: 0px; |
edb23828 | 255 | } |
256 | ||
b1eaa419 | 257 | #attachmentBucket { |
02920d2b | 258 | margin: 3px 0px 2px; |
b1eaa419 | 259 | color: #FF9F00; |
351107c9 | 260 | } |
261 | ||
b1eaa419 | 262 | #attachmentbucket-sizer { |
263 | width: 5px; | |
264 | margin: 0px; | |
265 | background-color: #000000; | |
351107c9 | 266 | } |
267 | ||
b1eaa419 | 268 | #compose-toolbar-sizer { |
269 | height: 3px; | |
270 | margin-top: 0px; | |
271 | border: none; | |
272 | } | |
fb2b5761 | 273 | |
e6488357 | 274 | treechildren::-moz-tree-image(subscribed-news) { |
dae45075 RK |
275 | margin-inline-start: 2px; |
276 | margin-inline-end: -3px; | |
e6488357 RK |
277 | list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.png"); |
278 | } | |
279 | ||
dcd97c01 RK |
280 | /* ::::: compact menulists ::::: */ |
281 | ||
282 | .menulist-compact { | |
283 | -moz-box-align: center; | |
284 | -moz-box-pack: center; | |
285 | margin: 0px; | |
286 | color: #E7ADE7; | |
287 | border: 1px solid #9C9CFF; | |
288 | list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); | |
289 | } | |
290 | ||
291 | .menulist-compact > .menulist-label-box > .menulist-label { | |
292 | margin: 0 3px !important; | |
293 | text-align: end; | |
294 | } | |
295 | ||
296 | .menulist-compact > .menulist-label-box > .menulist-icon { | |
dae45075 | 297 | margin-inline-start: 2px; |
dcd97c01 RK |
298 | } |
299 | ||
300 | .menulist-compact[open="true"] { | |
301 | border: 1px solid #FFCF00; | |
302 | } | |
303 | ||
304 | .menulist-compact:hover, | |
305 | .menulist-compact[open="true"] { | |
306 | list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); | |
307 | } | |
308 | ||
309 | .menulist-compact[disabled="true"] { | |
310 | list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); | |
311 | } | |
312 | ||
43ba37c1 RK |
313 | #FontFaceSelect { |
314 | max-width: 35ch; | |
315 | } | |
316 | ||
fb2b5761 RK |
317 | /* ::::: lightweight themes ::::: */ |
318 | ||
319 | #MsgHeadersToolbar:-moz-lwtheme, | |
320 | #FormatToolbar:-moz-lwtheme, | |
321 | #compose-toolbar-sizer:-moz-lwtheme { | |
322 | text-shadow: none; | |
323 | /* color: -moz-dialogtext; | |
324 | background-color: -moz-dialog; */ | |
325 | } | |
326 | ||
327 | #MsgHeadersToolbar textbox:-moz-lwtheme, | |
328 | #MsgHeadersToolbar menulist:-moz-lwtheme, | |
52af0a75 | 329 | .formatting-button menulist:-moz-lwtheme { |
fb2b5761 RK |
330 | opacity: 1; |
331 | } |