LCARStrek/messenger/primaryToolbar.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 /* ===== primaryToolbar.css =============================================
   6   == Images for the Mail primary toolbar.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 /* ::::: primary toolbar buttons ::::: */
  12
  13 #button-getmsg {
  14   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  15   -moz-image-region: rect(63px 25px 84px 0px);
  16 }
  17
  18 #button-getmsg[disabled="true"] {
  19   -moz-image-region: rect(63px 50px 84px 25px);
  20 }
  21
  22 #button-getmsg:not([disabled="true"]):hover,
  23 #button-getmsg:not([disabled="true"]):hover:active,
  24 #button-getmsg[open="true"] {
  25   -moz-image-region: rect(63px 75px 84px 50px);
  26 }
  27
  28 #button-newmsg {
  29   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  30   -moz-image-region: rect(105px 25px 126px 0px);
  31 }
  32
  33 #button-newmsg[disabled="true"] {
  34   -moz-image-region: rect(105px 50px 126px 25px);
  35 }
  36
  37 #button-newmsg:not([disabled="true"]):hover,
  38 #button-newmsg:not([disabled="true"]):hover:active {
  39   -moz-image-region: rect(105px 75px 126px 50px);
  40 }
  41
  42 #button-reply {
  43   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  44   -moz-image-region: rect(147px 25px 168px 0px);
  45 }
  46
  47 #button-reply[disabled="true"] {
  48   -moz-image-region: rect(147px 50px 168px 25px);
  49 }
  50
  51 #button-reply:not([disabled="true"]):hover,
  52 #button-reply:not([disabled="true"]):hover:active,
  53 #button-reply[open="true"] {
  54   -moz-image-region: rect(147px 75px 168px 50px);
  55 }
  56
  57 #button-replyall {
  58   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  59   -moz-image-region: rect(168px 25px 189px 0px);
  60 }
  61
  62 #button-replyall[disabled="true"] {
  63   -moz-image-region: rect(168px 50px 189px 25px);
  64 }
  65
  66 #button-replyall:not([disabled="true"]):hover,
  67 #button-replyall:not([disabled="true"]):hover:active,
  68 #button-replyall[open="true"] {
  69   -moz-image-region: rect(168px 75px 189px 50px);
  70 }
  71
  72 #button-forward {
  73   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  74   -moz-image-region: rect(42px 25px 63px 0px);
  75 }
  76
  77 #button-forward[disabled="true"] {
  78   -moz-image-region: rect(42px 50px 63px 25px);
  79 }
  80
  81 #button-forward:not([disabled="true"]):hover,
  82 #button-forward:not([disabled="true"]):hover:active,
  83 #button-forward[open="true"] {
  84   -moz-image-region: rect(42px 75px 63px 50px);
  85 }
  86
  87 #button-file {
  88   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
  89   -moz-image-region: rect(21px 25px 42px 0px);
  90 }
  91
  92 #button-file[disabled="true"] {
  93   -moz-image-region: rect(21px 50px 42px 25px);
  94 }
  95
  96 #button-file:not([disabled="true"]):hover,
  97 #button-file:not([disabled="true"]):hover:active,
  98 #button-file[open="true"] {
  99   -moz-image-region: rect(21px 75px 42px 50px);
 100 }
 101
 102 #button-goback {
 103   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
 104   -moz-image-region: rect(42px 25px 63px 0px);
 105 }
 106
 107 #button-goback:not([disabled="true"]):hover,
 108 #button-goback:not([disabled="true"]):hover:active,
 109 #button-goback[open="true"] {
 110   -moz-image-region: rect(42px 75px 63px 50px);
 111 }
 112
 113 #button-goback[disabled="true"] {
 114   -moz-image-region: rect(42px 50px 63px 25px);
 115 }
 116
 117 #button-goforward {
 118   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
 119   -moz-image-region: rect(63px 25px 84px 0px);
 120 }
 121
 122 #button-goforward:not([disabled="true"]):hover,
 123 #button-goforward:not([disabled="true"]):hover:active,
 124 #button-goforward[open="true"] {
 125   -moz-image-region: rect(63px 75px 84px 50px);
 126 }
 127
 128 #button-goforward[disabled="true"] {
 129   -moz-image-region: rect(63px 50px 84px 25px);
 130 }
 131
 132 #button-next {
 133   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
 134   -moz-image-region: rect(126px 25px 147px 0px);
 135 }
 136
 137 #button-next[disabled="true"] {
 138   -moz-image-region: rect(126px 50px 147px 25px);
 139 }
 140
 141 #button-next:not([disabled="true"]):hover,
 142 #button-next:not([disabled="true"]):hover:active,
 143 #button-next[open="true"] {
 144   -moz-image-region: rect(126px 75px 147px 50px);
 145 }
 146
 147 #button-delete {
 148   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
 149   -moz-image-region: rect(0px 25px 21px 0px);
 150 }
 151
 152 #button-delete[disabled="true"] {
 153   -moz-image-region: rect(0px 50px 21px 25px);
 154 }
 155
 156 #button-delete:not([disabled="true"]):hover,
 157 #button-delete:not([disabled="true"]):hover:active {
 158   -moz-image-region: rect(0px 75px 21px 50px);
 159 }
 160
 161 toolbarpaletteitem > #button-delete {
 162   display: -moz-box;
 163 }
 164
 165 #button-mark {
 166   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
 167   -moz-image-region: rect(84px 25px 105px 0px);
 168 }
 169
 170 #button-mark[disabled="true"] {
 171   -moz-image-region: rect(84px 50px 105px 25px);
 172 }
 173
 174 #button-mark:not([disabled="true"]):hover,
 175 #button-mark:not([disabled="true"]):hover:active,
 176 #button-mark[open="true"] {
 177   -moz-image-region: rect(84px 75px 105px 50px);
 178 }
 179
 180 #button-stop {
 181   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
 182   -moz-image-region: rect(21px 25px 42px 0px);
 183 }
 184
 185 #button-stop:not([disabled="true"]):hover,
 186 #button-stop:not([disabled="true"]):hover:active {
 187   -moz-image-region: rect(21px 75px 42px 50px);
 188 }
 189
 190 #button-stop[disabled="true"] {
 191   -moz-image-region: rect(21px 50px 42px 25px);
 192 }
 193
 194 #button-junk {
 195   list-style-image: url("chrome://messenger/skin/icons/messengericons.png");
 196   -moz-image-region: rect(252px 25px 273px 0px);
 197 }
 198
 199 #button-junk[disabled="true"] {
 200   -moz-image-region: rect(252px 50px 273px 25px);
 201 }
 202
 203 #button-junk:not([disabled="true"]):hover,
 204 #button-junk:not([disabled="true"]):hover:active {
 205   -moz-image-region: rect(252px 75px 273px 50px);
 206 }
 207
 208 #sync-button {
 209   list-style-image: url("chrome://communicator/skin/sync/sync-32.png");
 210 }
 211
 212 #sync-button[status=active] {
 213   list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png");
 214 }
 215
 216 #locationFolders {
 217   width: 22em;
 218 }
 219
 220 toolbarpaletteitem[place="palette"] > #folder-location-container > #locationFolders {
 221   max-width: 11em;
 222 }
 223
 224 toolbarpaletteitem[place="palette"] > #search-container > #searchInput {
 225   max-width: 11em;
 226 }
 227
 228 toolbarpaletteitem[place="palette"] > #mailviews-container > #viewPicker {
 229   max-width: 11em;
 230 }
 231
 232 #viewPickerPopup > menuitem > .menu-iconic-left,
 233 #viewPickerPopup > menu > menupopup > menuitem > .menu-iconic-left {
 234   display: -moz-box !important;
 235 }
 236
 237 /* ::::: small primary toolbar buttons ::::: */
 238
 239 toolbar[iconsize="small"] > #button-getmsg,
 240 toolbar[iconsize="small"] > toolbarpaletteitem > #button-getmsg {
 241   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 242   -moz-image-region: rect(48px 16px 64px 0);
 243 }
 244
 245 toolbar[iconsize="small"] > #button-getmsg[disabled="true"] {
 246   -moz-image-region: rect(48px 32px 64px 16px);
 247 }
 248
 249 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover,
 250 toolbar[iconsize="small"] > #button-getmsg:not([disabled="true"]):hover:active,
 251 toolbar[iconsize="small"] > #button-getmsg[open="true"] {
 252   -moz-image-region: rect(48px 48px 64px 32px);
 253 }
 254
 255 toolbar[iconsize="small"] > #button-newmsg,
 256 toolbar[iconsize="small"] > toolbarpaletteitem > #button-newmsg {
 257   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 258   -moz-image-region: rect(80px 16px 96px 0);
 259 }
 260
 261 toolbar[iconsize="small"] > #button-newmsg[disabled="true"] {
 262   -moz-image-region: rect(80px 32px 96px 16px);
 263 }
 264
 265 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover,
 266 toolbar[iconsize="small"] > #button-newmsg:not([disabled="true"]):hover:active {
 267   -moz-image-region: rect(80px 48px 96px 32px);
 268 }
 269
 270 toolbar[iconsize="small"] > #button-reply,
 271 toolbar[iconsize="small"] > toolbarpaletteitem > #button-reply {
 272   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 273   -moz-image-region: rect(112px 16px 128px 0);
 274 }
 275
 276 toolbar[iconsize="small"] > #button-reply[disabled="true"] {
 277   -moz-image-region: rect(112px 32px 128px 16px);
 278 }
 279
 280 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover,
 281 toolbar[iconsize="small"] > #button-reply:not([disabled="true"]):hover:active,
 282 toolbar[iconsize="small"] > #button-reply[open="true"] {
 283   -moz-image-region: rect(112px 48px 128px 32px);
 284 }
 285
 286 toolbar[iconsize="small"] > #button-replyall,
 287 toolbar[iconsize="small"] > toolbarpaletteitem > #button-replyall {
 288   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 289   -moz-image-region: rect(128px 16px 144px 0);
 290 }
 291
 292 toolbar[iconsize="small"] > #button-replyall[disabled="true"] {
 293   -moz-image-region: rect(128px 32px 144px 16px);
 294 }
 295
 296 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover,
 297 toolbar[iconsize="small"] > #button-replyall:not([disabled="true"]):hover:active,
 298 toolbar[iconsize="small"] > #button-replyall[open="true"] {
 299   -moz-image-region: rect(128px 48px 144px 32px);
 300 }
 301
 302 toolbar[iconsize="small"] > #button-forward,
 303 toolbar[iconsize="small"] > toolbarpaletteitem > #button-forward {
 304   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 305   -moz-image-region: rect(32px 16px 48px 0);
 306 }
 307
 308 toolbar[iconsize="small"] > #button-forward[disabled="true"] {
 309   -moz-image-region: rect(32px 32px 48px 16px);
 310 }
 311
 312 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover,
 313 toolbar[iconsize="small"] > #button-forward:not([disabled="true"]):hover:active,
 314 toolbar[iconsize="small"] > #button-forward[open="true"] {
 315   -moz-image-region: rect(32px 48px 48px 32px);
 316 }
 317
 318 toolbar[iconsize="small"] > #button-file,
 319 toolbar[iconsize="small"] > toolbarpaletteitem > #button-file {
 320   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 321   -moz-image-region: rect(16px 16px 32px 0);
 322 }
 323
 324 toolbar[iconsize="small"] > #button-file[disabled="true"] {
 325   -moz-image-region: rect(16px 32px 32px 16px);
 326 }
 327
 328 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover,
 329 toolbar[iconsize="small"] > #button-file:not([disabled="true"]):hover:active,
 330 toolbar[iconsize="small"] > #button-file[open="true"] {
 331   -moz-image-region: rect(16px 48px 32px 32px);
 332 }
 333
 334 toolbar[iconsize="small"] > #button-goback,
 335 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goback {
 336   list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
 337   -moz-image-region: rect(32px 16px 48px 0);
 338 }
 339
 340 toolbar[iconsize="small"] > #button-goback[disabled="true"] {
 341   -moz-image-region: rect(32px 32px 48px 16px);
 342 }
 343
 344 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover,
 345 toolbar[iconsize="small"] > #button-goback:not([disabled="true"]):hover:active,
 346 toolbar[iconsize="small"] > #button-goback[open="true"] {
 347   -moz-image-region: rect(32px 48px 48px 32px);
 348 }
 349
 350 toolbar[iconsize="small"] > #button-goforward,
 351 toolbar[iconsize="small"] > toolbarpaletteitem > #button-goforward {
 352   list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
 353   -moz-image-region: rect(48px 16px 64px 0);
 354 }
 355
 356 toolbar[iconsize="small"] > #button-goforward[disabled="true"] {
 357   -moz-image-region: rect(48px 32px 64px 16px);
 358 }
 359
 360 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover,
 361 toolbar[iconsize="small"] > #button-goforward:not([disabled="true"]):hover:active,
 362 toolbar[iconsize="small"] > #button-goforward[open="true"] {
 363   -moz-image-region: rect(48px 48px 64px 32px);
 364 }
 365
 366 toolbar[iconsize="small"] > #button-next,
 367 toolbar[iconsize="small"] > toolbarpaletteitem > #button-next {
 368   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 369   -moz-image-region: rect(96px 16px 112px 0);
 370 }
 371
 372 toolbar[iconsize="small"] > #button-next[disabled="true"] {
 373   -moz-image-region: rect(96px 32px 112px 16px);
 374 }
 375
 376 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover,
 377 toolbar[iconsize="small"] > #button-next:not([disabled="true"]):hover:active,
 378 toolbar[iconsize="small"] > #button-next[open="true"] {
 379   -moz-image-region: rect(96px 48px 112px 32px);
 380 }
 381
 382 toolbar[iconsize="small"] > #button-delete,
 383 toolbar[iconsize="small"] > toolbarpaletteitem > #button-delete {
 384   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 385   -moz-image-region: rect(0 16px 16px 0);
 386 }
 387
 388 toolbar[iconsize="small"] > #button-delete[disabled="true"] {
 389   -moz-image-region: rect(0 32px 16px 16px);
 390 }
 391
 392 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover,
 393 toolbar[iconsize="small"] > #button-delete:not([disabled="true"]):hover:active {
 394   -moz-image-region: rect(0 48px 16px 32px);
 395 }
 396
 397 toolbar[iconsize="small"] > #button-mark,
 398 toolbar[iconsize="small"] > toolbarpaletteitem > #button-mark {
 399   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 400   -moz-image-region: rect(64px 16px 80px 0);
 401 }
 402
 403 toolbar[iconsize="small"] > #button-mark[disabled="true"] {
 404   -moz-image-region: rect(64px 32px 80px 16px);
 405 }
 406
 407 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover,
 408 toolbar[iconsize="small"] > #button-mark:not([disabled="true"]):hover:active,
 409 toolbar[iconsize="small"] > #button-mark[open="true"] {
 410   -moz-image-region: rect(64px 48px 80px 32px);
 411 }
 412
 413 toolbar[iconsize="small"] > #button-junk,
 414 toolbar[iconsize="small"] > toolbarpaletteitem > #button-junk {
 415   list-style-image: url("chrome://messenger/skin/icons/messengericons-small.png");
 416   -moz-image-region: rect(192px 16px 208px 0);
 417 }
 418
 419 toolbar[iconsize="small"] > #button-junk[disabled="true"] {
 420   -moz-image-region: rect(192px 32px 208px 16px);
 421 }
 422
 423 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover
 424 toolbar[iconsize="small"] > #button-junk:not([disabled="true"]):hover:active {
 425   -moz-image-region: rect(192px 48px 208px 32px);
 426 }
 427
 428 toolbar[iconsize="small"] > #button-stop,
 429 toolbar[iconsize="small"] > toolbarpaletteitem > #button-stop {
 430   list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
 431   -moz-image-region: rect(16px 16px 32px 0);
 432 }
 433
 434 toolbar[iconsize="small"] > #button-stop[disabled="true"] {
 435   -moz-image-region: rect(16px 32px 32px 16px);
 436 }
 437
 438 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover,
 439 toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover:active {
 440   -moz-image-region: rect(16px 48px 32px 32px);
 441 }
 442
 443 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button,
 444 toolbar[iconsize="small"] > #sync-button {
 445   list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
 446 }
 447
 448 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
 449 toolbar[iconsize="small"] > #sync-button[status=active] {
 450   list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
 451 }
 452
 453 /* ::::: message notification bar style rules ::::: */
 454
 455 #msgNotificationBar:not([collapsed="true"]) > .msgNotificationBar {
 456   margin-bottom: 3px;
 457 }
 458
 459 .msgNotificationBar {
 460   border-radius: 7px;
 461   padding: 3px;
 462   background-color: #FF9F00;
 463   color: #000000;
 464 }
 465
 466 .msgNotificationBar:-moz-lwtheme {
 467   text-shadow: none;
 468 }
 469
 470 .msgNotificationBarText {
 471   font-weight: bold;
 472 }
 473
 474 #junkBarImage {
 475   list-style-image: url("chrome://messenger/skin/toolbar/junk-hover.gif");
 476 }
 477
 478 #junkIcon {
 479   -moz-margin-start: 0.5ex;
 480   list-style-image: url("chrome://messenger/skin/icons/folder-junk.gif");
 481 }
 482
 483 #remoteContentImage {
 484   list-style-image: url("chrome://messenger/skin/toolbar/remote-blocked.png");
 485   padding: 3px;
 486 }
 487
 488 #mdnBarImage {
 489   list-style-image: url("chrome://global/skin/icons/alert-question.gif");
 490   padding: 3px;
 491 }
 492
 493 #allowRemoteContentForAuthorDesc {
 494   -moz-padding-start: 10px;
 495 }