some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / LCARStrek / messenger / messengercompose / messengercompose.css
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/. */
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
13 /* ::::: primary toolbar buttons ::::: */
14
15 #button-send {
16   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
17   -moz-image-region: rect(231px 25px 252px 0px);
18 }
19
20 #button-send[disabled="true"] {
21   -moz-image-region: rect(231px 50px 252px 25px);
22 }
23
24 #button-send:not([disabled="true"]):hover,
25 #button-send:not([disabled="true"]):hover:active {
26   -moz-image-region: rect(231px 75px 252px 50px);
27 }
28
29 #button-send[offline="true"] {
30   -moz-image-region: rect(273px 25px 294px 0px);
31 }
32
33 #button-send[offline="true"][disabled="true"] {
34   -moz-image-region: rect(273px 50px 294px 25px);
35 }
36
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);
40 }
41
42 #button-address {
43   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
44   -moz-image-region: rect(189px 25px 210px 0px);
45 }
46
47 #button-address[disabled="true"] {
48   -moz-image-region: rect(189px 50px 210px 25px);
49 }
50
51 #button-address:not([disabled="true"]):hover,
52 #button-address:not([disabled="true"]):hover:active {
53   -moz-image-region: rect(189px 75px 210px 50px);
54 }
55
56 #button-attach {
57   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
58   -moz-image-region: rect(210px 25px 231px 0px);
59 }
60
61 #button-attach[disabled="true"] {
62   -moz-image-region: rect(210px 50px 231px 25px);
63 }
64
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);
69 }
70
71 #spellingButton {
72   list-style-image: url("chrome://editor/skin/icons/editoricons.png");
73   -moz-image-region: rect(168px 25px 189px 0px);
74 }
75
76 #spellingButton[disabled="true"] {
77   -moz-image-region: rect(168px 50px 189px 25px);
78 }
79
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);
84 }
85
86 #button-save {
87   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
88   -moz-image-region: rect(294px 25px 315px 0px);
89 }
90
91 #button-save[disabled="true"] {
92   -moz-image-region: rect(294px 50px 315px 25px);
93 }
94
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);
99 }
100
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);
182 }
183
184 toolbar[iconsize="small"] > #button-save[disabled="true"] {
185   -moz-image-region: rect(224px 32px 240px 16px);
186 }
187
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);
192 }
193
194 #MsgHeadersToolbar {
195   min-height: 0px; /* this undoes the min-height in toolbar.css */
196 }
197
198 #MsgHeadersToolbar > .toolbar-box > .toolbar-holder {
199   padding-inline-end: 0; /* this undoes the padding in toolbar.css */
200 }
201
202 /* ::::: autocomplete icons ::::: */
203
204 treechildren::-moz-tree-cell-text(default-match) {
205   margin-top: 2px;
206   margin-bottom: 2px;
207   margin-inline-start: 15px;
208   margin-inline-end: -3px;
209   border: none;
210 }
211
212 treechildren::-moz-tree-image(local-abook) {
213   margin-top: 2px;
214   margin-bottom: 2px;
215   margin-inline-start: 4px;
216   margin-inline-end: -1px;
217   list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.gif");
218 }
219
220 treechildren::-moz-tree-image(remote-abook) {
221   margin: 2px;
222   margin-inline-end: -3px;
223   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif");
224 }
225
226 treechildren::-moz-tree-image(remote-err) {
227   margin: 2px;
228   margin-inline-end: -3px;
229   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.gif");
230 }
231
232 /* ::::: LCARStrek layout corrections ::::: */
233
234 #msgheaderstoolbar-box {
235   background-color: #E7ADE7;
236   color: #000000;
237 }
238
239 #addresses-box,
240 #attachments-box {
241   padding: 1px 5px;
242 }
243
244 #addresses-box > hbox > label,
245 #attachments-box > label {
246   margin-inline-start: 0px;
247 }
248
249 #msgIdentity {
250   margin-inline-end: 0px;
251 }
252
253 #msgSubject {
254   margin-inline-end: 0px;
255 }
256
257 #attachmentBucket {
258   margin: 3px 0px 2px;
259   color: #FF9F00;
260 }
261
262 #attachmentbucket-sizer {
263   width: 5px;
264   margin: 0px;
265   background-color: #000000;
266 }
267
268 #compose-toolbar-sizer {
269   height: 3px;
270   margin-top: 0px;
271   border: none;
272 }
273
274 treechildren::-moz-tree-image(subscribed-news) {
275   margin-inline-start: 2px;
276   margin-inline-end: -3px;
277   list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.png");
278 }
279
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 {
297   margin-inline-start: 2px;
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
313 #FontFaceSelect {
314   max-width: 35ch;
315 }
316
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,
329 .formatting-button menulist:-moz-lwtheme {
330   opacity: 1;
331 }