EarlyBlue/messenger/messengercompose/messengercompose.css

   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[offline="true"] {
  25   -moz-image-region: rect(273px 25px 294px 0px);
  26 }
  27
  28 #button-send[offline="true"][disabled="true"] {
  29   -moz-image-region: rect(273px 50px 294px 25px);
  30 }
  31
  32 #button-address {
  33   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  34   -moz-image-region: rect(189px 25px 210px 0px);
  35 }
  36
  37 #button-address[disabled="true"] {
  38   -moz-image-region: rect(189px 50px 210px 25px);
  39 }
  40
  41 #button-attach {
  42   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  43   -moz-image-region: rect(210px 25px 231px 0px);
  44 }
  45
  46 #button-attach[disabled="true"] {
  47   -moz-image-region: rect(210px 50px 231px 25px);
  48 }
  49
  50 #spellingButton {
  51   list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  52   -moz-image-region: rect(168px 25px 189px 0px);
  53 }
  54
  55 #spellingButton[disabled="true"] {
  56   -moz-image-region: rect(168px 50px 189px 25px);
  57 }
  58
  59 #button-save {
  60   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  61   -moz-image-region: rect(294px 25px 315px 0px);
  62 }
  63
  64 #button-save[disabled="true"] {
  65   -moz-image-region: rect(294px 50px 315px 25px);
  66 }
  67
  68 /* ::::: small primary toolbar buttons ::::: */
  69
  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);
  74 }
  75
  76 toolbar[iconsize="small"] > #button-send[disabled="true"] {
  77   -moz-image-region: rect(176px 32px 192px 16px);
  78 }
  79
  80 toolbar[iconsize="small"] > #button-send[offline="true"] {
  81   -moz-image-region: rect(208px 16px 224px 0);
  82 }
  83
  84 toolbar[iconsize="small"] > #button-send[offline="true"][disabled="true"] {
  85   -moz-image-region: rect(208px 32px 224px 16px);
  86 }
  87
  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);
  92 }
  93
  94 toolbar[iconsize="small"] > #button-address[disabled="true"] {
  95   -moz-image-region: rect(144px 32px 160px 16px);
  96 }
  97
  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);
 102 }
 103
 104 toolbar[iconsize="small"] > #button-attach[disabled="true"] {
 105   -moz-image-region: rect(160px 32px 176px 16px);
 106 }
 107
 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);
 112 }
 113
 114 toolbar[iconsize="small"] > #spellingButton[disabled="true"] {
 115   -moz-image-region: rect(128px 32px 144px 16px);
 116 }
 117
 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);
 122 }
 123
 124 toolbar[iconsize="small"] > #button-save[disabled="true"] {
 125   -moz-image-region: rect(224px 32px 140px 16px);
 126 }
 127
 128 #MsgHeadersToolbar {
 129   min-height: 0px; /* this undoes the min-height in toolbar.css */
 130 }
 131
 132 /* ::::: autocomplete icons ::::: */
 133
 134 treechildren::-moz-tree-cell-text(default-match) {
 135   margin-top: 2px;
 136   margin-bottom: 2px;
 137   margin-inline-start: 15px;
 138   margin-inline-end: -3px;
 139   border: none;
 140 }
 141
 142 treechildren::-moz-tree-image(local-abook) {
 143   margin-top: 2px;
 144   margin-bottom: 2px;
 145   margin-inline-start: 4px;
 146   margin-inline-end: -1px;
 147   list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.gif");
 148 }
 149
 150 treechildren::-moz-tree-image(remote-abook) {
 151   margin: 2px;
 152   margin-inline-end: -3px;
 153   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif");
 154 }
 155
 156 treechildren::-moz-tree-image(remote-err) {
 157   margin: 2px;
 158   margin-inline-end: -3px;
 159   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.gif");
 160 }
 161
 162 /* ::::: EarlyBlue layout corrections ::::: */
 163
 164 #addresses-box,
 165 #attachments-box {
 166   padding: 1px 5px;
 167 }
 168
 169 #addresses-box > hbox > label,
 170 #attachments-box > label {
 171   margin-inline-start: 0px;
 172 }
 173
 174 #msgIdentity{
 175   margin-inline-end: 0px;
 176 }
 177
 178 #msgSubject {
 179   margin-inline-end: 0px;
 180 }
 181
 182 #attachmentBucket {
 183   margin: 3px 0px 2px;
 184 }
 185
 186 #compose-toolbar-sizer {
 187   border-top: none;
 188 }
 189
 190 treechildren::-moz-tree-image(subscribed-news) {
 191   margin-inline-start: 2px;
 192   margin-inline-end: -3px;
 193   list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.png");
 194 }
 195
 196 /* ::::: compact menulists ::::: */
 197
 198 .menulist-compact {
 199   -moz-box-align: center;
 200   -moz-box-pack: center;
 201   margin: 0px;
 202   border: 1px outset #CCD0DD;
 203   color: #000000;
 204   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 205 }
 206
 207 .menulist-compact > .menulist-label-box {
 208   border: 1px solid transparent;
 209 }
 210
 211 .menulist-compact > .menulist-label-box > .menulist-label {
 212   margin: 0 3px !important;
 213   text-align: end;
 214 }
 215
 216 .menulist-compact > .menulist-label-box > .menulist-icon {
 217   margin-inline-start: 2px;
 218 }
 219
 220 .menulist-compact[open="true"] {
 221   border: 1px inset #CCD0DD;
 222   /* color: ThreeDHighlight; */
 223 }
 224
 225 .menulist-compact[disabled="true"] {
 226   list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
 227 }
 228
 229 .menulist-compact:-moz-focusring:not([open="true"]) > .menulist-label-box {
 230   border: 1px dotted #999999;
 231 }
 232
 233 #FontFaceSelect {
 234   max-width: 35ch;
 235 }
 236
 237 /* ::::: lightweight themes ::::: */
 238
 239 #MsgHeadersToolbar:-moz-lwtheme,
 240 #FormatToolbar:-moz-lwtheme,
 241 #compose-toolbar-sizer:-moz-lwtheme {
 242   text-shadow: none;
 243   /* color: -moz-dialogtext;
 244   background-color: -moz-dialog; */
 245 }
 246
 247 #MsgHeadersToolbar textbox:-moz-lwtheme,
 248 #MsgHeadersToolbar menulist:-moz-lwtheme,
 249 .formatting-button menulist:-moz-lwtheme {
 250   opacity: 1;
 251 }