LCARStrek/messenger/skin/messenger.css

   1 /* -*- Mode: C++; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
   2  * The contents of this file are subject to the Netscape Public
   3  * License Version 1.1 (the "License"); you may not use this file
   4  * except in compliance with the License. You may obtain a copy of
   5  * the License at http://www.mozilla.org/NPL/
   6  *
   7  * Software distributed under the License is distributed on an "AS
   8  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
   9  * implied. See the License for the specific language governing
  10  * rights and limitations under the License.
  11  *
  12  * The Original Code is Mozilla Communicator client code, released
  13  * March 31, 1998.
  14  *
  15  * The Initial Developer of the Original Code is Netscape
  16  * Communications Corporation. Portions created by Netscape are
  17  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18  * Rights Reserved.
  19  */
  20
  21 @import url(chrome://communicator/skin/);
  22 @import url(chrome://communicator/skin/sidebar/sidebar.css);
  23
  24 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
  25 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */
  26
  27 [hide] {
  28  display: none;
  29 }
  30
  31 spring.spacer {
  32     width: 5px;
  33     height: 5px;
  34 }
  35
  36 box.cleanborder {
  37     margin: 10px;
  38     padding: 10px;
  39     border: 2px groove white;
  40     width: 100%;
  41 }
  42
  43 box.padded {
  44     margin: 10px;
  45     width: 100%;
  46 }
  47
  48 iframe {
  49  min-width: 10px;
  50  min-height: 10px;
  51  width: 100px;
  52  height: 100px;
  53 }
  54
  55 /**
  56  * boxes
  57  */
  58 #results_box {
  59         border-left: 8px solid #CCCCCC;
  60         min-width: 10px;
  61 }
  62
  63
  64
  65 /**
  66  * toolbar button images
  67  */
  68
  69 #button-getmsg {
  70         list-style-image:url("chrome://messenger/skin/getmsg.gif");
  71 }
  72
  73 #button-getmsg:hover,
  74 #button-getmsg:hover:active,
  75 #button-getmsg > .menubutton-internal-box > .menubutton-dual-button:hover,
  76 #button-getmsg > .menubutton-internal-box > .menubutton-dual-button:hover:active,
  77 #button-getmsg[open="true"] > .menubutton-internal-box > .menubutton-dual-button
  78   {
  79         list-style-image:url("chrome://messenger/skin/getmsg-hover.gif");
  80   }
  81
  82 #button-getmsg[disabled="true"],
  83 #button-getmsg[disabled="true"]:hover,
  84 #button-getmsg[disabled="true"]:hover:active,
  85 #button-getmsg[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover,
  86 #button-getmsg[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active
  87   {
  88         list-style-image:url("chrome://messenger/skin/getmsg_dis.gif");
  89   }
  90
  91 #button-newmsg {
  92         list-style-image:url("chrome://messenger/skin/newmsg.gif");
  93 }
  94
  95 #button-newmsg:hover {
  96         list-style-image:url("chrome://messenger/skin/newmsg-hover.gif");
  97 }
  98
  99 #button-newmsg[disabled="true"] {
 100         list-style-image:url("chrome://messenger/skin/newmsg_dis.gif");
 101 }
 102
 103 #button-reply {
 104         list-style-image:url("chrome://messenger/skin/reply.gif");
 105 }
 106
 107 #button-reply:hover {
 108         list-style-image:url("chrome://messenger/skin/reply-hover.gif");
 109 }
 110
 111 #button-reply[disabled="true"] {
 112         list-style-image:url("chrome://messenger/skin/reply_dis.gif");
 113 }
 114
 115 #button-replyall {
 116         list-style-image:url("chrome://messenger/skin/replyall.gif");
 117 }
 118
 119 #button-replyall:hover {
 120         list-style-image:url("chrome://messenger/skin/replyall-hover.gif");
 121 }
 122
 123 #button-replyall[disabled="true"] {
 124         list-style-image:url("chrome://messenger/skin/replyall_dis.gif");
 125 }
 126
 127 #button-forward {
 128         list-style-image:url("chrome://messenger/skin/forward.gif");
 129 }
 130
 131 #button-forward:hover {
 132         list-style-image:url("chrome://messenger/skin/forward-hover.gif");
 133 }
 134
 135 #button-forward[disabled="true"] {
 136         list-style-image:url("chrome://messenger/skin/forward_dis.gif");
 137 }
 138
 139 #button-file {
 140         list-style-image:url("chrome://messenger/skin/file.gif");
 141         padding: 1px;
 142 }
 143
 144 #button-file:hover {
 145         list-style-image:url("chrome://messenger/skin/file-hover.gif");
 146         background-color: #FFCF00;
 147         color: #000000;
 148         padding: 2px 0px 0px 2px;
 149 }
 150
 151 #button-file[open="true"] {
 152         list-style-image:url("chrome://messenger/skin/file-hover.gif");
 153         background-color: #FF9F00;
 154         color: #000000;
 155         padding: 2px 0px 0px 2px;
 156 }
 157
 158 #button-file[disabled="true"],
 159 #button-file:hover[disabled="true"],
 160 #button-file[open="true"][disabled="true"] {
 161         list-style-image:url("chrome://messenger/skin/file_dis.gif");
 162         background-color: #000000;
 163         color: #8050B0;
 164         padding: 1px;
 165 }
 166
 167 #button-file > .button-internal-box
 168 {
 169         vertical-align: middle;
 170         text-align: center;
 171 }
 172
 173 #button-file > .button-internal-box > .menubutton-single-text
 174 {
 175         padding-top         : 3px;
 176         text-align          : center;
 177 }
 178
 179 #button-next {
 180         list-style-image:url("chrome://messenger/skin/next.gif");
 181 }
 182
 183 #button-next:hover {
 184         list-style-image:url("chrome://messenger/skin/next-hover.gif");
 185 }
 186
 187 #button-next[disabled="true"] {
 188         list-style-image:url("chrome://messenger/skin/next_dis.gif");
 189 }
 190
 191 #button-mark {
 192         list-style-image:url("chrome://messenger/skin/mark.gif");
 193 }
 194
 195 #button-mark:hover,
 196 #button-mark:hover:active,
 197 #button-mark > .menubutton-internal-box > .menubutton-dual-button:hover,
 198 #button-mark > .menubutton-internal-box > .menubutton-dual-button:hover:active,
 199 #button-mark[open="true"] > .menubutton-internal-box > .menubutton-dual-button
 200   {
 201         list-style-image:url("chrome://messenger/skin/mark-hover.gif");
 202   }
 203
 204 #button-mark[disabled="true"],
 205 #button-mark[disabled="true"]:hover,
 206 #button-mark[disabled="true"]:hover:active,
 207 #button-mark[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover,
 208 #button-mark[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active
 209   {
 210         list-style-image:url("chrome://messenger/skin/mark_dis.gif");
 211   }
 212
 213
 214 #button-delete {
 215         list-style-image:url("chrome://messenger/skin/trash.gif");
 216 }
 217
 218 #button-delete:hover {
 219         list-style-image:url("chrome://messenger/skin/trash-hover.gif");
 220 }
 221
 222 #button-delete[disabled="true"] {
 223         list-style-image:url("chrome://messenger/skin/trash_dis.gif");
 224 }
 225
 226 #button-print
 227   {
 228           list-style-image      : url("chrome://global/skin/print.gif");
 229   }
 230
 231 #button-print:hover,
 232 #button-print:hover:active,
 233 #button-print > .menubutton-internal-box > .menubutton-dual-button:hover,
 234 #button-print > .menubutton-internal-box > .menubutton-dual-button:hover:active,
 235 #button-print[open="true"] > .menubutton-internal-box > .menubutton-dual-button
 236   {
 237     list-style-image      : url("chrome://global/skin/print-hover.gif");
 238   }
 239
 240 #button-print[disabled="true"],
 241 #button-print[disabled="true"]:hover,
 242 #button-print[disabled="true"]:hover:active,
 243 #button-print[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover,
 244 #button-print[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active
 245   {
 246     list-style-image      : url("chrome://global/skin/print_dis.gif");
 247   }
 248
 249 #button-stop {
 250         list-style-image:url("chrome://global/skin/stop.gif");
 251 }
 252
 253 #button-stop:hover {
 254         list-style-image:url("chrome://global/skin/stop-hover.gif");
 255 }
 256
 257 #button-stop[disabled="true"] {
 258         list-style-image:url("chrome://global/skin/stop_dis.gif");
 259 }
 260
 261
 262 .folderMenuItem {
 263  list-style-image: url("chrome://messenger/skin/folder-closed.gif");
 264 }
 265
 266
 267 .folderMenuItem[open="true"] {
 268  list-style-image: url("chrome://messenger/skin/folder-open.gif");
 269 }
 270
 271 /* special folder */
 272 .folderMenuItem[SpecialFolder="Inbox"] {
 273  list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
 274 }
 275
 276 .folderMenuItem[SpecialFolder="Inbox"][open="true"]
 277 {
 278     list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
 279 }
 280
 281 .folderMenuItem[SpecialFolder="Trash"] {
 282  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
 283 }
 284
 285 .folderMenuItem[SpecialFolder="Trash"][open="true"] {
 286  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
 287 }
 288
 289 .folderMenuItem[IsServer="true"]
 290 {
 291  list-style-image: url("chrome://messenger/skin/server-mail.gif");
 292 }
 293
 294 .folderMenuItem[IsServer="true"][open="true"]
 295 {
 296  list-style-image: url("chrome://messenger/skin/server-mail.gif");
 297 }
 298
 299 /* IMAP folders */
 300
 301 .folderMenuItem[IsServer="true"][ServerType="imap"][IsSecure="true"] {
 302     list-style-image: url("chrome://messenger/skin/server-remote-lock.gif");
 303 }
 304
 305 /* Local Servers */
 306 .folderMenuItem[IsServer="true"][ServerType="none"]
 307 {
 308  list-style-image: url("chrome://messenger/skin/server-local.gif");
 309 }
 310
 311 /* News folders */
 312 .folderMenuItem[ServerType="nntp"] {
 313     list-style-image: url("chrome://messenger/skin/folder-newsgroup.gif");
 314 }
 315
 316 .folderMenuItem[IsServer="true"][ServerType="nntp"][IsSecure="true"] {
 317     list-style-image: url("chrome://messenger/skin/server-news-lock.gif");
 318 }
 319
 320 .folderMenuItem[IsServer="true"][ServerType="nntp"] {
 321     list-style-image: url("chrome://messenger/skin/server-news.gif");
 322 }
 323
 324
 325 menu.push {
 326   border: 1px outset white;
 327   padding: 2px;
 328   margin: 2px;
 329   text-align: center;
 330   background-color:inherit;
 331   background-image: inherit;
 332 }
 333
 334 menu.push:hover {
 335         border: 1px outset white;
 336         color:#003366;
 337         text-decoration:underline;
 338         padding: 2px;
 339 }
 340
 341 menu.push:hover:-moz-outline {
 342    border : 1px solid black;
 343    color:#003366;
 344    padding: 2px;
 345 }
 346
 347 menu.push:active {
 348   text-decoration:none;
 349   border: 1px inset;
 350   padding-left: 3px;
 351   padding-right: 1px;
 352   padding-top: 3px;
 353   padding-bottom: 1px;
 354 }
 355
 356 menu.push[toggled="1"] {
 357   border: 1px white inset;
 358   padding-left: 3px;
 359   padding-right: 1px;
 360   padding-top: 3px;
 361   padding-bottom: 1px;
 362 }
 363
 364 menu.push[toggled="2"] {
 365    background-color: lightgray;
 366    border: 1px solid gray;
 367 }
 368
 369 menu.push:active:-moz-outline {
 370    border : 1px solid black;
 371 }
 372
 373 menu.push[disabled="true"] {
 374         background-color:inherit;
 375         background-image: inherit;
 376         border : 1px solid #999999;
 377         color: #999999;
 378         text-decoration: none;
 379 }
 380
 381 menu.push[disabled="true"]:hover {
 382         background-color:inherit;
 383         background-image: inherit;
 384         border : 1px solid #999999;
 385         color: #999999;
 386         text-decoration: none;
 387 }
 388
 389 menu.push[disabled="true"]:active {
 390         background-color:inherit;
 391         background-image: inherit;
 392         border : 1px solid #999999;
 393         color: #999999;
 394         text-decoration: none;
 395 }
 396
 397 /**
 398  * this belongs in the mail filter window
 399  */
 400
 401 .enabledcol
 402   {
 403     list-style-image: url("chrome://messenger/skin/readmail.gif");
 404   }
 405
 406 .enabledcol[value="true"]
 407   {
 408     list-style-image: url("chrome://messenger/skin/unreadmail.gif");
 409   }
 410
 411 .usesMailWidgets
 412   {
 413     -moz-binding          : url(chrome://messenger/content/mailWidgets.xml#dummy);
 414   }
 415
 416 searchattribute
 417   {
 418     -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute);
 419   }
 420
 421 searchoperator
 422   {
 423     -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator);
 424   }
 425
 426 searchvalue
 427   {
 428    -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue);
 429   }
 430
 431 searchterm
 432   {
 433    -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchterm);
 434   }
 435
 436 /* addressing widget trees */
 437 .treecell-mailcardicon
 438   {
 439     border-bottom       : 1px solid #9C9CFF !important;
 440     padding             : 0px;
 441   }
 442
 443 .textfield-mailcardicon
 444   {
 445     list-style-image    : url("chrome://messenger/skin/abcard.gif");
 446   }
 447
 448 /* for the main standard mail window ONLY */
 449 .mailwindow-statusbar
 450   {
 451     border-left         : none;
 452   }
 453
 454 /**
 455  *Focus rings on 3 pane view
 456  */
 457
 458 /*
 459 #threadpane-splitter
 460 {
 461   border-left         : none;
 462   border-top          : none;
 463 }
 464 */
 465
 466 #threadTree
 467 {
 468   border-top            : none;
 469 }
 470
 471 #folderTree> treechildren,
 472 #threadTree > treechildren
 473 {
 474   border                : none;
 475 }
 476
 477 #folderTree:focus > treechildren,
 478 #threadTree[focusring="true"] > treechildren
 479 {
 480   border                : none;
 481 }
 482
 483 #messagepane
 484 {
 485   border                : none;
 486 }
 487
 488 #messagepanebox[focusring="true"]
 489 {
 490   border                : none;
 491 }
 492
 493 #messagepanebox
 494   {
 495     border              : none;
 496   }
 497
 498 #msgHeaderView
 499 {
 500   border-top           : none;
 501 }
 502
 503 #msgHeaderView > toolbar > toolbargrippy
 504 {
 505   border-left          : none;
 506 }
 507
 508 .awIdentityLabel
 509 {
 510   width: 8em;
 511   margin-left: 5px;
 512 }
 513 /*
 514 #accountCentralBox
 515 {
 516   background-color:#FFFFFF;
 517 }
 518 */
 519 #status-bar
 520 {
 521   border-left          : none;
 522 }
 523
 524
 525
 526