LCARStrek/messenger/messengercompose/messengercompose.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   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/
   8  *
   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
  12  * License.
  13  *
  14  * The Original Code is mozilla.org code.
  15  *
  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.
  20  *
  21  * Contributor(s):
  22  *   Joe Hewitt (hewitt@netscape.com)
  23  *   Robert Kaiser <KaiRo@KaiRo.at>
  24  *
  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.
  36  *
  37  * ***** END LICENSE BLOCK ***** */
  38
  39 /* ===== messengercompose.css ===========================================
  40   == Styles for the main Messenger Compose window.
  41   ======================================================================= */
  42
  43 @import url("chrome://messenger/skin/");
  44
  45 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  46
  47 /* ::::: primary toolbar buttons ::::: */
  48
  49 #button-send {
  50   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  51   -moz-image-region: rect(231px 25px 252px 0px);
  52 }
  53
  54 #button-send[disabled="true"] {
  55   -moz-image-region: rect(231px 50px 252px 25px);
  56 }
  57
  58 #button-send:not([disabled="true"]):hover,
  59 #button-send:not([disabled="true"]):hover:active {
  60   -moz-image-region: rect(231px 75px 252px 50px);
  61 }
  62
  63 #button-send[offline="true"] {
  64   -moz-image-region: rect(273px 25px 294px 0px);
  65 }
  66
  67 #button-send[offline="true"][disabled="true"] {
  68   -moz-image-region: rect(273px 50px 294px 25px);
  69 }
  70
  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);
  74 }
  75
  76 #button-address {
  77   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  78   -moz-image-region: rect(189px 25px 210px 0px);
  79 }
  80
  81 #button-address[disabled="true"] {
  82   -moz-image-region: rect(189px 50px 210px 25px);
  83 }
  84
  85 #button-address:not([disabled="true"]):hover,
  86 #button-address:not([disabled="true"]):hover:active {
  87   -moz-image-region: rect(189px 75px 210px 50px);
  88 }
  89
  90 #button-attach {
  91   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  92   -moz-image-region: rect(210px 25px 231px 0px);
  93 }
  94
  95 #button-attach[disabled="true"] {
  96   -moz-image-region: rect(210px 50px 231px 25px);
  97 }
  98
  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);
 103 }
 104
 105 #spellingButton {
 106   list-style-image: url("chrome://editor/skin/icons/editoricons.png");
 107   -moz-image-region: rect(168px 25px 189px 0px);
 108 }
 109
 110 #spellingButton[disabled="true"] {
 111   -moz-image-region: rect(168px 50px 189px 25px);
 112 }
 113
 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);
 118 }
 119
 120 #button-save {
 121   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
 122   -moz-image-region: rect(294px 25px 315px 0px);
 123 }
 124
 125 #button-save[disabled="true"] {
 126   -moz-image-region: rect(294px 50px 315px 25px);
 127 }
 128
 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);
 133 }
 134
 135 /* ::::: small primary toolbar buttons ::::: */
 136
 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);
 141 }
 142
 143 toolbar[iconsize="small"] > #button-send[disabled="true"] {
 144   -moz-image-region: rect(176px 32px 192px 16px);
 145 }
 146
 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);
 150 }
 151
 152 toolbar[iconsize="small"] > #button-send[offline="true"] {
 153   -moz-image-region: rect(208px 16px 224px 0);
 154 }
 155
 156 toolbar[iconsize="small"] > #button-send[offline="true"][disabled="true"] {
 157   -moz-image-region: rect(208px 32px 224px 16px);
 158 }
 159
 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);
 163 }
 164
 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);
 169 }
 170
 171 toolbar[iconsize="small"] > #button-address[disabled="true"] {
 172   -moz-image-region: rect(144px 32px 160px 16px);
 173 }
 174
 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);
 178 }
 179
 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);
 184 }
 185
 186 toolbar[iconsize="small"] > #button-attach[disabled="true"] {
 187   -moz-image-region: rect(160px 32px 176px 16px);
 188 }
 189
 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);
 194 }
 195
 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);
 200 }
 201
 202 toolbar[iconsize="small"] > #spellingButton[disabled="true"] {
 203   -moz-image-region: rect(128px 32px 144px 16px);
 204 }
 205
 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);
 210 }
 211
 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);
 216 }
 217
 218 toolbar[iconsize="small"] > #button-save[disabled="true"] {
 219   -moz-image-region: rect(224px 32px 240px 16px);
 220 }
 221
 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);
 226 }
 227
 228 #MsgHeadersToolbar {
 229   min-height: 0px; /* this undoes the min-height in toolbar.css */
 230 }
 231
 232 #MsgHeadersToolbar > .toolbar-box > .toolbar-holder {
 233   -moz-padding-end: 0; /* this undoes the padding in toolbar.css */
 234 }
 235
 236 /* ::::: autocomplete icons ::::: */
 237
 238 treechildren::-moz-tree-cell-text(default-match) {
 239   margin-top: 2px;
 240   margin-bottom: 2px;
 241   -moz-margin-start: 15px;
 242   -moz-margin-end: -3px;
 243   border: none;
 244 }
 245
 246 treechildren::-moz-tree-image(local-abook) {
 247   margin-top: 2px;
 248   margin-bottom: 2px;
 249   -moz-margin-start: 4px;
 250   -moz-margin-end: -1px;
 251   list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.gif");
 252 }
 253
 254 treechildren::-moz-tree-image(remote-abook) {
 255   margin: 2px;
 256   -moz-margin-end: -3px;
 257   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif");
 258 }
 259
 260 treechildren::-moz-tree-image(remote-err) {
 261   margin: 2px;
 262   -moz-margin-end: -3px;
 263   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.gif");
 264 }
 265
 266 /* ::::: LCARStrek layout corrections ::::: */
 267
 268 #msgheaderstoolbar-box {
 269   background-color: #E7ADE7;
 270   color: #000000;
 271 }
 272
 273 #addresses-box,
 274 #attachments-box {
 275   padding: 1px 5px;
 276 }
 277
 278 #addresses-box > hbox > label,
 279 #attachments-box > label {
 280   -moz-margin-start: 0px;
 281 }
 282
 283 #msgIdentity {
 284   -moz-margin-end: 0px;
 285 }
 286
 287 #msgSubject {
 288   -moz-margin-end: 0px;
 289 }
 290
 291 #attachmentBucket {
 292   margin: 3px 0px 2px;
 293   color: #FF9F00;
 294 }
 295
 296 #attachmentbucket-sizer {
 297   width: 5px;
 298   margin: 0px;
 299   background-color: #000000;
 300 }
 301
 302 #compose-toolbar-sizer {
 303   height: 3px;
 304   margin-top: 0px;
 305   border: none;
 306 }