LCARStrek/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:not([disabled="true"]):hover,
  25 #button-send:not([disabled="true"]):hover:active {
  26   -moz-image-region: rect(231px 75px 252px 50px);
  27 }
  28
  29 #button-send[offline="true"] {
  30   -moz-image-region: rect(273px 25px 294px 0px);
  31 }
  32
  33 #button-send[offline="true"][disabled="true"] {
  34   -moz-image-region: rect(273px 50px 294px 25px);
  35 }
  36
  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);
  40 }
  41
  42 #button-address {
  43   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  44   -moz-image-region: rect(189px 25px 210px 0px);
  45 }
  46
  47 #button-address[disabled="true"] {
  48   -moz-image-region: rect(189px 50px 210px 25px);
  49 }
  50
  51 #button-address:not([disabled="true"]):hover,
  52 #button-address:not([disabled="true"]):hover:active {
  53   -moz-image-region: rect(189px 75px 210px 50px);
  54 }
  55
  56 #button-attach {
  57   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  58   -moz-image-region: rect(210px 25px 231px 0px);
  59 }
  60
  61 #button-attach[disabled="true"] {
  62   -moz-image-region: rect(210px 50px 231px 25px);
  63 }
  64
  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);
  69 }
  70
  71 #spellingButton {
  72   list-style-image: url("chrome://editor/skin/icons/editoricons.png");
  73   -moz-image-region: rect(168px 25px 189px 0px);
  74 }
  75
  76 #spellingButton[disabled="true"] {
  77   -moz-image-region: rect(168px 50px 189px 25px);
  78 }
  79
  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);
  84 }
  85
  86 #button-save {
  87   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  88   -moz-image-region: rect(294px 25px 315px 0px);
  89 }
  90
  91 #button-save[disabled="true"] {
  92   -moz-image-region: rect(294px 50px 315px 25px);
  93 }
  94
  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);
  99 }
 100
 101 /* ::::: small primary toolbar buttons ::::: */
 102
 103 toolbar[iconsize="small"] > #button-send,
 104 toolbar[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
 109 toolbar[iconsize="small"] > #button-send[disabled="true"] {
 110   -moz-image-region: rect(176px 32px 192px 16px);
 111 }
 112
 113 toolbar[iconsize="small"] > #button-send:not([disabled="true"]):hover,
 114 toolbar[iconsize="small"] > #button-send:not([disabled="true"]):hover:active {
 115   -moz-image-region: rect(176px 48px 192px 32px);
 116 }
 117
 118 toolbar[iconsize="small"] > #button-send[offline="true"] {
 119   -moz-image-region: rect(208px 16px 224px 0);
 120 }
 121
 122 toolbar[iconsize="small"] > #button-send[offline="true"][disabled="true"] {
 123   -moz-image-region: rect(208px 32px 224px 16px);
 124 }
 125
 126 toolbar[iconsize="small"] > #button-send[offline="true"]:not([disabled="true"]):hover,
 127 toolbar[iconsize="small"] > #button-send[offline="true"]:not([disabled="true"]):hover:active {
 128   -moz-image-region: rect(208px 48px 2224px 32px);
 129 }
 130
 131 toolbar[iconsize="small"] > #button-address,
 132 toolbar[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
 137 toolbar[iconsize="small"] > #button-address[disabled="true"] {
 138   -moz-image-region: rect(144px 32px 160px 16px);
 139 }
 140
 141 toolbar[iconsize="small"] > #button-address:not([disabled="true"]):hover,
 142 toolbar[iconsize="small"] > #button-address:not([disabled="true"]):hover:active {
 143   -moz-image-region: rect(144px 48px 160px 32px);
 144 }
 145
 146 toolbar[iconsize="small"] > #button-attach,
 147 toolbar[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
 152 toolbar[iconsize="small"] > #button-attach[disabled="true"] {
 153   -moz-image-region: rect(160px 32px 176px 16px);
 154 }
 155
 156 toolbar[iconsize="small"] > #button-attach:not([disabled="true"]):hover,
 157 toolbar[iconsize="small"] > #button-attach:not([disabled="true"]):hover:active,
 158 toolbar[iconsize="small"] > #button-attach[open="true"] {
 159   -moz-image-region: rect(160px 48px 176px 32px);
 160 }
 161
 162 toolbar[iconsize="small"] > #spellingButton,
 163 toolbar[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
 168 toolbar[iconsize="small"] > #spellingButton[disabled="true"] {
 169   -moz-image-region: rect(128px 32px 144px 16px);
 170 }
 171
 172 toolbar[iconsize="small"] > #spellingButton:not([disabled="true"]):hover,
 173 toolbar[iconsize="small"] > #spellingButton:not([disabled="true"]):hover:active,
 174 toolbar[iconsize="small"] > #spellingButton[open="true"] {
 175   -moz-image-region: rect(128px 48px 144px 32px);
 176 }
 177
 178 toolbar[iconsize="small"] > #button-save,
 179 toolbar[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);
 182 }
 183
 184 toolbar[iconsize="small"] > #button-save[disabled="true"] {
 185   -moz-image-region: rect(224px 32px 240px 16px);
 186 }
 187
 188 toolbar[iconsize="small"] > #button-save:not([disabled="true"]):hover,
 189 toolbar[iconsize="small"] > #button-save:not([disabled="true"]):hover:active,
 190 toolbar[iconsize="small"] > #button-save[open="true"] {
 191   -moz-image-region: rect(224px 48px 240px 32px);
 192 }
 193
 194 #MsgHeadersToolbar {
 195   min-height: 0px; /* this undoes the min-height in toolbar.css */
 196 }
 197
 198 #MsgHeadersToolbar > .toolbar-box > .toolbar-holder {
 199   padding-inline-end: 0; /* this undoes the padding in toolbar.css */
 200 }
 201
 202 /* ::::: autocomplete icons ::::: */
 203
 204 treechildren::-moz-tree-cell-text(default-match) {
 205   margin-top: 2px;
 206   margin-bottom: 2px;
 207   margin-inline-start: 15px;
 208   margin-inline-end: -3px;
 209   border: none;
 210 }
 211
 212 treechildren::-moz-tree-image(local-abook) {
 213   margin-top: 2px;
 214   margin-bottom: 2px;
 215   margin-inline-start: 4px;
 216   margin-inline-end: -1px;
 217   list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.gif");
 218 }
 219
 220 treechildren::-moz-tree-image(remote-abook) {
 221   margin: 2px;
 222   margin-inline-end: -3px;
 223   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif");
 224 }
 225
 226 treechildren::-moz-tree-image(remote-err) {
 227   margin: 2px;
 228   margin-inline-end: -3px;
 229   list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.gif");
 230 }
 231
 232 /* ::::: LCARStrek layout corrections ::::: */
 233
 234 #msgheaderstoolbar-box {
 235   background-color: #E7ADE7;
 236   color: #000000;
 237 }
 238
 239 #addresses-box,
 240 #attachments-box {
 241   padding: 1px 5px;
 242 }
 243
 244 #addresses-box > hbox > label,
 245 #attachments-box > label {
 246   margin-inline-start: 0px;
 247 }
 248
 249 #msgIdentity {
 250   margin-inline-end: 0px;
 251 }
 252
 253 #msgSubject {
 254   margin-inline-end: 0px;
 255 }
 256
 257 #attachmentBucket {
 258   margin: 3px 0px 2px;
 259   color: #FF9F00;
 260 }
 261
 262 #attachmentbucket-sizer {
 263   width: 5px;
 264   margin: 0px;
 265   background-color: #000000;
 266 }
 267
 268 #compose-toolbar-sizer {
 269   height: 3px;
 270   margin-top: 0px;
 271   border: none;
 272 }
 273
 274 treechildren::-moz-tree-image(subscribed-news) {
 275   margin-inline-start: 2px;
 276   margin-inline-end: -3px;
 277   list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.png");
 278 }
 279
 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 {
 297   margin-inline-start: 2px;
 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
 313 #FontFaceSelect {
 314   max-width: 35ch;
 315 }
 316
 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,
 329 .formatting-button menulist:-moz-lwtheme {
 330   opacity: 1;
 331 }