second part of syncing LCARStrek with Firefox 52 browser windows theme changes
[themes.git] / LCARStrek / messenger / messengercompose / messengercompose.css
CommitLineData
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
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);
b1eaa419 182}
351107c9 183
4db0b17b
RK
184toolbar[iconsize="small"] > #button-save[disabled="true"] {
185 -moz-image-region: rect(224px 32px 240px 16px);
3a121502 186}
b1eaa419 187
4db0b17b
RK
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);
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 204treechildren::-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 212treechildren::-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 220treechildren::-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 226treechildren::-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 274treechildren::-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}