1 /* ***** BEGIN LICENSE BLOCK *****
2 * Version: NPL 1.1/GPL 2.0/LGPL 2.1
4 * The contents of this file are subject to the Netscape Public License
5 * Version 1.1 (the "License"); you may not use this file except in
6 * compliance with the License. You may obtain a copy of the License at
7 * http://www.mozilla.org/NPL/
9 * Software distributed under the License is distributed on an "AS IS" basis,
10 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11 * for the specific language governing rights and limitations under the
14 * The Original Code is mozilla.org code.
16 * The Initial Developer of the Original Code is
17 * Netscape Communications Corporation.
18 * Portions created by the Initial Developer are Copyright (C) 1998
19 * the Initial Developer. All Rights Reserved.
22 * Joe Hewitt (hewitt@netscape.com)
23 * Robert Kaiser <KaiRo@KaiRo.at>
25 * Alternatively, the contents of this file may be used under the terms of
26 * either the GNU General Public License Version 2 or later (the "GPL"), or
27 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
28 * in which case the provisions of the GPL or the LGPL are applicable instead
29 * of those above. If you wish to allow use of your version of this file only
30 * under the terms of either the GPL or the LGPL, and not to allow others to
31 * use your version of this file under the terms of the NPL, indicate your
32 * decision by deleting the provisions above and replace them with the notice
33 * and other provisions required by the GPL or the LGPL. If you do not delete
34 * the provisions above, a recipient may use your version of this file under
35 * the terms of any one of the NPL, the GPL or the LGPL.
37 * ***** END LICENSE BLOCK ***** */
39 /* ===== messengercompose.css ===========================================
40 == Styles for the main Messenger Compose window.
41 ======================================================================= */
43 @import url("chrome://messenger/skin/");
45 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
47 /* ::::: primary toolbar buttons ::::: */
50 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
51 -moz-image-region: rect(231px 25px 252px 0px);
54 #button-send[disabled="true"] {
55 -moz-image-region: rect(231px 50px 252px 25px);
58 #button-send:not([disabled="true"]):hover,
59 #button-send:not([disabled="true"]):hover:active {
60 -moz-image-region: rect(231px 75px 252px 50px);
63 #button-send[offline="true"] {
64 -moz-image-region: rect(273px 25px 294px 0px);
67 #button-send[offline="true"][disabled="true"] {
68 -moz-image-region: rect(273px 50px 294px 25px);
71 #button-send[offline="true"]:not([disabled="true"]):hover,
72 #button-send[offline="true"]:not([disabled="true"]):hover:active {
73 -moz-image-region: rect(273px 75px 294px 50px);
77 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
78 -moz-image-region: rect(189px 25px 210px 0px);
81 #button-address[disabled="true"] {
82 -moz-image-region: rect(189px 50px 210px 25px);
85 #button-address:not([disabled="true"]):hover,
86 #button-address:not([disabled="true"]):hover:active {
87 -moz-image-region: rect(189px 75px 210px 50px);
91 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
92 -moz-image-region: rect(210px 25px 231px 0px);
95 #button-attach[disabled="true"] {
96 -moz-image-region: rect(210px 50px 231px 25px);
99 #button-attach:not([disabled="true"]):hover,
100 #button-attach:not([disabled="true"]):hover:active,
101 #button-attach[open="true"] {
102 -moz-image-region: rect(210px 75px 231px 50px);
106 list-style-image: url("chrome://editor/skin/icons/editoricons.png");
107 -moz-image-region: rect(168px 25px 189px 0px);
110 #spellingButton[disabled="true"] {
111 -moz-image-region: rect(168px 50px 189px 25px);
114 #spellingButton:not([disabled="true"]):hover,
115 #spellingButton:not([disabled="true"]):hover:active,
116 #spellingButton[open="true"] {
117 -moz-image-region: rect(168px 75px 189px 50px);
121 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
122 -moz-image-region: rect(294px 25px 315px 0px);
125 #button-save[disabled="true"] {
126 -moz-image-region: rect(294px 50px 315px 25px);
129 #button-save:not([disabled="true"]):hover,
130 #button-save:not([disabled="true"]):hover:active,
131 #button-save[open="true"] {
132 -moz-image-region: rect(294px 75px 315px 50px);
135 /* ::::: small primary toolbar buttons ::::: */
137 toolbar[iconsize="small"] > #button-send,
138 toolbar[iconsize="small"] > toolbarpaletteitem > #button-send {
139 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
140 -moz-image-region: rect(176px 16px 192px 0);
143 toolbar[iconsize="small"] > #button-send[disabled="true"] {
144 -moz-image-region: rect(176px 32px 192px 16px);
147 toolbar[iconsize="small"] > #button-send:not([disabled="true"]):hover,
148 toolbar[iconsize="small"] > #button-send:not([disabled="true"]):hover:active {
149 -moz-image-region: rect(176px 48px 192px 32px);
152 toolbar[iconsize="small"] > #button-send[offline="true"] {
153 -moz-image-region: rect(208px 16px 224px 0);
156 toolbar[iconsize="small"] > #button-send[offline="true"][disabled="true"] {
157 -moz-image-region: rect(208px 32px 224px 16px);
160 toolbar[iconsize="small"] > #button-send[offline="true"]:not([disabled="true"]):hover,
161 toolbar[iconsize="small"] > #button-send[offline="true"]:not([disabled="true"]):hover:active {
162 -moz-image-region: rect(208px 48px 2224px 32px);
165 toolbar[iconsize="small"] > #button-address,
166 toolbar[iconsize="small"] > toolbarpaletteitem > #button-address {
167 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
168 -moz-image-region: rect(144px 16px 160px 0);
171 toolbar[iconsize="small"] > #button-address[disabled="true"] {
172 -moz-image-region: rect(144px 32px 160px 16px);
175 toolbar[iconsize="small"] > #button-address:not([disabled="true"]):hover,
176 toolbar[iconsize="small"] > #button-address:not([disabled="true"]):hover:active {
177 -moz-image-region: rect(144px 48px 160px 32px);
180 toolbar[iconsize="small"] > #button-attach,
181 toolbar[iconsize="small"] > toolbarpaletteitem > #button-attach {
182 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
183 -moz-image-region: rect(160px 16px 176px 0);
186 toolbar[iconsize="small"] > #button-attach[disabled="true"] {
187 -moz-image-region: rect(160px 32px 176px 16px);
190 toolbar[iconsize="small"] > #button-attach:not([disabled="true"]):hover,
191 toolbar[iconsize="small"] > #button-attach:not([disabled="true"]):hover:active,
192 toolbar[iconsize="small"] > #button-attach[open="true"] {
193 -moz-image-region: rect(160px 48px 176px 32px);
196 toolbar[iconsize="small"] > #spellingButton,
197 toolbar[iconsize="small"] > toolbarpaletteitem > #spellingButton {
198 list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
199 -moz-image-region: rect(128px 16px 144px 0);
202 toolbar[iconsize="small"] > #spellingButton[disabled="true"] {
203 -moz-image-region: rect(128px 32px 144px 16px);
206 toolbar[iconsize="small"] > #spellingButton:not([disabled="true"]):hover,
207 toolbar[iconsize="small"] > #spellingButton:not([disabled="true"]):hover:active,
208 toolbar[iconsize="small"] > #spellingButton[open="true"] {
209 -moz-image-region: rect(128px 48px 144px 32px);
212 toolbar[iconsize="small"] > #button-save,
213 toolbar[iconsize="small"] > toolbarpaletteitem > #button-save {
214 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
215 -moz-image-region: rect(224px 16px 240px 0);
218 toolbar[iconsize="small"] > #button-save[disabled="true"] {
219 -moz-image-region: rect(224px 32px 240px 16px);
222 toolbar[iconsize="small"] > #button-save:not([disabled="true"]):hover,
223 toolbar[iconsize="small"] > #button-save:not([disabled="true"]):hover:active,
224 toolbar[iconsize="small"] > #button-save[open="true"] {
225 -moz-image-region: rect(224px 48px 240px 32px);
229 min-height: 0px; /* this undoes the min-height in toolbar.css */
232 #MsgHeadersToolbar > .toolbar-box > .toolbar-holder {
233 -moz-padding-end: 0; /* this undoes the padding in toolbar.css */
236 /* ::::: autocomplete icons ::::: */
238 treechildren::-moz-tree-cell-text(default-match) {
241 -moz-margin-start: 15px;
242 -moz-margin-end: -3px;
246 treechildren::-moz-tree-image(local-abook) {
249 -moz-margin-start: 4px;
250 -moz-margin-end: -1px;
251 list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.gif");
254 treechildren::-moz-tree-image(remote-abook) {
256 -moz-margin-end: -3px;
257 list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif");
260 treechildren::-moz-tree-image(remote-err) {
262 -moz-margin-end: -3px;
263 list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.gif");
266 /* ::::: LCARStrek layout corrections ::::: */
268 #msgheaderstoolbar-box {
269 background-color: #E7ADE7;
278 #addresses-box > hbox > label,
279 #attachments-box > label {
280 -moz-margin-start: 0px;
284 -moz-margin-end: 0px;
288 -moz-margin-end: 0px;
296 #attachmentbucket-sizer {
299 background-color: #000000;
302 #compose-toolbar-sizer {
308 /* ::::: lightweight themes ::::: */
310 #MsgHeadersToolbar:-moz-lwtheme,
311 #FormatToolbar:-moz-lwtheme,
312 #compose-toolbar-sizer:-moz-lwtheme {
314 /* color: -moz-dialogtext;
315 background-color: -moz-dialog; */
318 #MsgHeadersToolbar textbox:-moz-lwtheme,
319 #MsgHeadersToolbar menulist:-moz-lwtheme,
320 .formatting-button menulist:-moz-lwtheme {