some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / LCARStrek / messenger / messengercompose / messengercompose.css
... / ...
CommitLineData
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
103toolbar[iconsize="small"] > #button-send,
104toolbar[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
109toolbar[iconsize="small"] > #button-send[disabled="true"] {
110 -moz-image-region: rect(176px 32px 192px 16px);
111}
112
113toolbar[iconsize="small"] > #button-send:not([disabled="true"]):hover,
114toolbar[iconsize="small"] > #button-send:not([disabled="true"]):hover:active {
115 -moz-image-region: rect(176px 48px 192px 32px);
116}
117
118toolbar[iconsize="small"] > #button-send[offline="true"] {
119 -moz-image-region: rect(208px 16px 224px 0);
120}
121
122toolbar[iconsize="small"] > #button-send[offline="true"][disabled="true"] {
123 -moz-image-region: rect(208px 32px 224px 16px);
124}
125
126toolbar[iconsize="small"] > #button-send[offline="true"]:not([disabled="true"]):hover,
127toolbar[iconsize="small"] > #button-send[offline="true"]:not([disabled="true"]):hover:active {
128 -moz-image-region: rect(208px 48px 2224px 32px);
129}
130
131toolbar[iconsize="small"] > #button-address,
132toolbar[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
137toolbar[iconsize="small"] > #button-address[disabled="true"] {
138 -moz-image-region: rect(144px 32px 160px 16px);
139}
140
141toolbar[iconsize="small"] > #button-address:not([disabled="true"]):hover,
142toolbar[iconsize="small"] > #button-address:not([disabled="true"]):hover:active {
143 -moz-image-region: rect(144px 48px 160px 32px);
144}
145
146toolbar[iconsize="small"] > #button-attach,
147toolbar[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
152toolbar[iconsize="small"] > #button-attach[disabled="true"] {
153 -moz-image-region: rect(160px 32px 176px 16px);
154}
155
156toolbar[iconsize="small"] > #button-attach:not([disabled="true"]):hover,
157toolbar[iconsize="small"] > #button-attach:not([disabled="true"]):hover:active,
158toolbar[iconsize="small"] > #button-attach[open="true"] {
159 -moz-image-region: rect(160px 48px 176px 32px);
160}
161
162toolbar[iconsize="small"] > #spellingButton,
163toolbar[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
168toolbar[iconsize="small"] > #spellingButton[disabled="true"] {
169 -moz-image-region: rect(128px 32px 144px 16px);
170}
171
172toolbar[iconsize="small"] > #spellingButton:not([disabled="true"]):hover,
173toolbar[iconsize="small"] > #spellingButton:not([disabled="true"]):hover:active,
174toolbar[iconsize="small"] > #spellingButton[open="true"] {
175 -moz-image-region: rect(128px 48px 144px 32px);
176}
177
178toolbar[iconsize="small"] > #button-save,
179toolbar[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
184toolbar[iconsize="small"] > #button-save[disabled="true"] {
185 -moz-image-region: rect(224px 32px 240px 16px);
186}
187
188toolbar[iconsize="small"] > #button-save:not([disabled="true"]):hover,
189toolbar[iconsize="small"] > #button-save:not([disabled="true"]):hover:active,
190toolbar[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
204treechildren::-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
212treechildren::-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
220treechildren::-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
226treechildren::-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
274treechildren::-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}