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/. */
5 /* ===== messengercompose.css ===========================================
6 == Styles for the main Messenger Compose window.
7 ======================================================================= */
9 @import url("chrome://messenger/skin/");
11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
13 /* ::::: primary toolbar buttons ::::: */
16 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
17 -moz-image-region: rect(231px 25px 252px 0px);
20 #button-send[disabled="true"] {
21 -moz-image-region: rect(231px 50px 252px 25px);
24 #button-send[offline="true"] {
25 -moz-image-region: rect(273px 25px 294px 0px);
28 #button-send[offline="true"][disabled="true"] {
29 -moz-image-region: rect(273px 50px 294px 25px);
33 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
34 -moz-image-region: rect(189px 25px 210px 0px);
37 #button-address[disabled="true"] {
38 -moz-image-region: rect(189px 50px 210px 25px);
42 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
43 -moz-image-region: rect(210px 25px 231px 0px);
46 #button-attach[disabled="true"] {
47 -moz-image-region: rect(210px 50px 231px 25px);
51 list-style-image: url("chrome://editor/skin/icons/editoricons.png");
52 -moz-image-region: rect(168px 25px 189px 0px);
55 #spellingButton[disabled="true"] {
56 -moz-image-region: rect(168px 50px 189px 25px);
60 list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
61 -moz-image-region: rect(294px 25px 315px 0px);
64 #button-save[disabled="true"] {
65 -moz-image-region: rect(294px 50px 315px 25px);
68 /* ::::: small primary toolbar buttons ::::: */
70 toolbar[iconsize="small"] > #button-send,
71 toolbar[iconsize="small"] > toolbarpaletteitem > #button-send {
72 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
73 -moz-image-region: rect(176px 16px 192px 0);
76 toolbar[iconsize="small"] > #button-send[disabled="true"] {
77 -moz-image-region: rect(176px 32px 192px 16px);
80 toolbar[iconsize="small"] > #button-send[offline="true"] {
81 -moz-image-region: rect(208px 16px 224px 0);
84 toolbar[iconsize="small"] > #button-send[offline="true"][disabled="true"] {
85 -moz-image-region: rect(208px 32px 224px 16px);
88 toolbar[iconsize="small"] > #button-address,
89 toolbar[iconsize="small"] > toolbarpaletteitem > #button-address {
90 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
91 -moz-image-region: rect(144px 16px 160px 0);
94 toolbar[iconsize="small"] > #button-address[disabled="true"] {
95 -moz-image-region: rect(144px 32px 160px 16px);
98 toolbar[iconsize="small"] > #button-attach,
99 toolbar[iconsize="small"] > toolbarpaletteitem > #button-attach {
100 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
101 -moz-image-region: rect(160px 16px 176px 0);
104 toolbar[iconsize="small"] > #button-attach[disabled="true"] {
105 -moz-image-region: rect(160px 32px 176px 16px);
108 toolbar[iconsize="small"] > #spellingButton,
109 toolbar[iconsize="small"] > toolbarpaletteitem > #spellingButton {
110 list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
111 -moz-image-region: rect(128px 16px 144px 0);
114 toolbar[iconsize="small"] > #spellingButton[disabled="true"] {
115 -moz-image-region: rect(128px 32px 144px 16px);
118 toolbar[iconsize="small"] > #button-save,
119 toolbar[iconsize="small"] > toolbarpaletteitem > #button-save {
120 list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
121 -moz-image-region: rect(224px 16px 240px 0);
124 toolbar[iconsize="small"] > #button-save[disabled="true"] {
125 -moz-image-region: rect(224px 32px 140px 16px);
129 min-height: 0px; /* this undoes the min-height in toolbar.css */
132 /* ::::: autocomplete icons ::::: */
134 treechildren::-moz-tree-cell-text(default-match) {
137 -moz-margin-start: 15px;
138 -moz-margin-end: -3px;
142 treechildren::-moz-tree-image(local-abook) {
145 -moz-margin-start: 4px;
146 -moz-margin-end: -1px;
147 list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.gif");
150 treechildren::-moz-tree-image(remote-abook) {
152 -moz-margin-end: -3px;
153 list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif");
156 treechildren::-moz-tree-image(remote-err) {
158 -moz-margin-end: -3px;
159 list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.gif");
162 /* ::::: EarlyBlue layout corrections ::::: */
169 #addresses-box > hbox > label,
170 #attachments-box > label {
171 -moz-margin-start: 0px;
175 -moz-margin-end: 0px;
179 -moz-margin-end: 0px;
186 #compose-toolbar-sizer {
190 treechildren::-moz-tree-image(subscribed-news) {
191 -moz-margin-start: 2px;
192 -moz-margin-end: -3px;
193 list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.png");
196 /* ::::: compact menulists ::::: */
199 -moz-box-align: center;
200 -moz-box-pack: center;
202 border: 1px outset #CCD0DD;
204 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
207 .menulist-compact > .menulist-label-box {
208 border: 1px solid transparent;
211 .menulist-compact > .menulist-label-box > .menulist-label {
212 margin: 0 3px !important;
216 .menulist-compact > .menulist-label-box > .menulist-icon {
217 -moz-margin-start: 2px;
220 .menulist-compact[open="true"] {
221 border: 1px inset #CCD0DD;
222 /* color: ThreeDHighlight; */
225 .menulist-compact[disabled="true"] {
226 list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
229 .menulist-compact:-moz-focusring:not([open="true"]) > .menulist-label-box {
230 border: 1px dotted #999999;
233 /* ::::: lightweight themes ::::: */
235 #MsgHeadersToolbar:-moz-lwtheme,
236 #FormatToolbar:-moz-lwtheme,
237 #compose-toolbar-sizer:-moz-lwtheme {
239 /* color: -moz-dialogtext;
240 background-color: -moz-dialog; */
243 #MsgHeadersToolbar textbox:-moz-lwtheme,
244 #MsgHeadersToolbar menulist:-moz-lwtheme,
245 .formatting-button menulist:-moz-lwtheme {