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[buttonover="true"],
  76 #button-getmsg[open="true"]
  77   {
  78         list-style-image:url("chrome://messenger/skin/getmsg-hover.gif");
  79   }
  80
  81 #button-getmsg[disabled="true"],
  82 #button-getmsg[disabled="true"]:hover,
  83 #button-getmsg[disabled="true"]:hover:active,
  84 #button-getmsg[disabled="true"][buttonover="true"],
  85   {
  86         list-style-image:url("chrome://messenger/skin/getmsg_dis.gif");
  87   }
  88
  89 #button-newmsg {
  90         list-style-image:url("chrome://messenger/skin/newmsg.gif");
  91 }
  92
  93 #button-newmsg:hover {
  94         list-style-image:url("chrome://messenger/skin/newmsg-hover.gif");
  95 }
  96
  97 #button-newmsg[disabled="true"] {
  98         list-style-image:url("chrome://messenger/skin/newmsg_dis.gif");
  99 }
 100
 101 #button-reply {
 102         list-style-image:url("chrome://messenger/skin/reply.gif");
 103 }
 104
 105 #button-reply:hover {
 106         list-style-image:url("chrome://messenger/skin/reply-hover.gif");
 107 }
 108
 109 #button-reply[disabled="true"] {
 110         list-style-image:url("chrome://messenger/skin/reply_dis.gif");
 111 }
 112
 113 #button-replyall {
 114         list-style-image:url("chrome://messenger/skin/replyall.gif");
 115 }
 116
 117 #button-replyall:hover {
 118         list-style-image:url("chrome://messenger/skin/replyall-hover.gif");
 119 }
 120
 121 #button-replyall[disabled="true"] {
 122         list-style-image:url("chrome://messenger/skin/replyall_dis.gif");
 123 }
 124
 125 #button-forward {
 126         list-style-image:url("chrome://messenger/skin/forward.gif");
 127 }
 128
 129 #button-forward:hover {
 130         list-style-image:url("chrome://messenger/skin/forward-hover.gif");
 131 }
 132
 133 #button-forward[disabled="true"] {
 134         list-style-image:url("chrome://messenger/skin/forward_dis.gif");
 135 }
 136
 137 #button-file {
 138         list-style-image:url("chrome://messenger/skin/file.gif");
 139         padding: 0px 2px 0px 2px;
 140 }
 141
 142 #button-file:hover {
 143         list-style-image:url("chrome://messenger/skin/file-hover.gif");
 144         background-color: #FFCF00;
 145         color: #000000;
 146 }
 147
 148 #button-file[open="true"] {
 149         list-style-image:url("chrome://messenger/skin/file-hover.gif");
 150         background-color: #FF9F00;
 151         color: #000000;
 152 }
 153
 154 #button-file[disabled="true"],
 155 #button-file[disabled="true"]:hover,
 156 #button-file[disabled="true"][open="true"] {
 157         list-style-image:url("chrome://messenger/skin/file_dis.gif");
 158         background-color: #000000;
 159         color: #8050B0;
 160 }
 161
 162 #button-file > .button-internal-box
 163 {
 164         vertical-align: middle;
 165         text-align: center;
 166 }
 167
 168 #button-file > .button-internal-box > .menubutton-single-text
 169 {
 170         padding-top         : 3px;
 171         text-align          : center;
 172 }
 173
 174 #button-next {
 175         list-style-image:url("chrome://messenger/skin/next.gif");
 176 }
 177
 178 #button-next:hover {
 179         list-style-image:url("chrome://messenger/skin/next-hover.gif");
 180 }
 181
 182 #button-next[disabled="true"] {
 183         list-style-image:url("chrome://messenger/skin/next_dis.gif");
 184 }
 185
 186 #button-mark {
 187         list-style-image:url("chrome://messenger/skin/mark.gif");
 188 }
 189
 190 #button-mark:hover,
 191 #button-mark:hover:active,
 192 #button-mark[buttonover="true"],
 193 #button-mark[open="true"]
 194   {
 195         list-style-image:url("chrome://messenger/skin/mark-hover.gif");
 196   }
 197
 198 #button-mark[disabled="true"],
 199 #button-mark[disabled="true"]:hover,
 200 #button-mark[disabled="true"]:hover:active,
 201 #button-mark[disabled="true"][buttonover="true"]
 202   {
 203         list-style-image:url("chrome://messenger/skin/mark_dis.gif");
 204   }
 205
 206
 207 #button-delete {
 208         list-style-image:url("chrome://messenger/skin/trash.gif");
 209 }
 210
 211 #button-delete:hover {
 212         list-style-image:url("chrome://messenger/skin/trash-hover.gif");
 213 }
 214
 215 #button-delete[disabled="true"] {
 216         list-style-image:url("chrome://messenger/skin/trash_dis.gif");
 217 }
 218
 219 #button-print
 220   {
 221           list-style-image      : url("chrome://global/skin/print.gif");
 222   }
 223
 224 #button-print:hover,
 225 #button-print:hover:active,
 226 #button-print[buttonover="true"],
 227 #button-print[open="true"]
 228   {
 229     list-style-image      : url("chrome://global/skin/print-hover.gif");
 230   }
 231
 232 #button-print[disabled="true"],
 233 #button-print[disabled="true"]:hover,
 234 #button-print[disabled="true"]:hover:active,
 235 #button-print[disabled="true"][buttonover="true"]
 236   {
 237     list-style-image      : url("chrome://global/skin/print_dis.gif");
 238   }
 239
 240 #button-stop {
 241         list-style-image:url("chrome://global/skin/stop.gif");
 242 }
 243
 244 #button-stop:hover {
 245         list-style-image:url("chrome://global/skin/stop-hover.gif");
 246 }
 247
 248 #button-stop[disabled="true"] {
 249         list-style-image:url("chrome://global/skin/stop_dis.gif");
 250 }
 251
 252
 253 .folderMenuItem {
 254  list-style-image: url("chrome://messenger/skin/folder-closed.gif");
 255 }
 256
 257
 258 .folderMenuItem[open="true"] {
 259  list-style-image: url("chrome://messenger/skin/folder-open.gif");
 260 }
 261
 262 /* special folder */
 263 .folderMenuItem[SpecialFolder="Inbox"] {
 264  list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
 265 }
 266
 267 .folderMenuItem[SpecialFolder="Inbox"][open="true"]
 268 {
 269     list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
 270 }
 271
 272 .folderMenuItem[SpecialFolder="Trash"] {
 273  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
 274 }
 275
 276 .folderMenuItem[SpecialFolder="Trash"][open="true"] {
 277  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
 278 }
 279
 280 .folderMenuItem[IsServer="true"]
 281 {
 282  list-style-image: url("chrome://messenger/skin/server-mail.gif");
 283 }
 284
 285 .folderMenuItem[IsServer="true"][open="true"]
 286 {
 287  list-style-image: url("chrome://messenger/skin/server-mail.gif");
 288 }
 289
 290 /* IMAP folders */
 291
 292 .folderMenuItem[IsServer="true"][ServerType="imap"][IsSecure="true"] {
 293     list-style-image: url("chrome://messenger/skin/server-remote-lock.gif");
 294 }
 295
 296 /* Local Servers */
 297 .folderMenuItem[IsServer="true"][ServerType="none"]
 298 {
 299  list-style-image: url("chrome://messenger/skin/server-local.gif");
 300 }
 301
 302 /* News folders */
 303 .folderMenuItem[ServerType="nntp"] {
 304     list-style-image: url("chrome://messenger/skin/folder-newsgroup.gif");
 305 }
 306
 307 .folderMenuItem[IsServer="true"][ServerType="nntp"][IsSecure="true"] {
 308     list-style-image: url("chrome://messenger/skin/server-news-lock.gif");
 309 }
 310
 311 .folderMenuItem[IsServer="true"][ServerType="nntp"] {
 312     list-style-image: url("chrome://messenger/skin/server-news.gif");
 313 }
 314
 315
 316 menu.push {
 317   border: 1px outset white;
 318   padding: 2px;
 319   margin: 2px;
 320   text-align: center;
 321   background-color:inherit;
 322   background-image: inherit;
 323 }
 324
 325 menu.push:hover {
 326         border: 1px outset white;
 327         color:#003366;
 328         text-decoration:underline;
 329         padding: 2px;
 330 }
 331
 332 menu.push:hover:-moz-outline {
 333    border : 1px solid black;
 334    color:#003366;
 335    padding: 2px;
 336 }
 337
 338 menu.push:active {
 339   text-decoration:none;
 340   border: 1px inset;
 341   padding-left: 3px;
 342   padding-right: 1px;
 343   padding-top: 3px;
 344   padding-bottom: 1px;
 345 }
 346
 347 menu.push[toggled="1"] {
 348   border: 1px white inset;
 349   padding-left: 3px;
 350   padding-right: 1px;
 351   padding-top: 3px;
 352   padding-bottom: 1px;
 353 }
 354
 355 menu.push[toggled="2"] {
 356    background-color: lightgray;
 357    border: 1px solid gray;
 358 }
 359
 360 menu.push:active:-moz-outline {
 361    border : 1px solid black;
 362 }
 363
 364 menu.push[disabled="true"] {
 365         background-color:inherit;
 366         background-image: inherit;
 367         border : 1px solid #999999;
 368         color: #999999;
 369         text-decoration: none;
 370 }
 371
 372 menu.push[disabled="true"]:hover {
 373         background-color:inherit;
 374         background-image: inherit;
 375         border : 1px solid #999999;
 376         color: #999999;
 377         text-decoration: none;
 378 }
 379
 380 menu.push[disabled="true"]:active {
 381         background-color:inherit;
 382         background-image: inherit;
 383         border : 1px solid #999999;
 384         color: #999999;
 385         text-decoration: none;
 386 }
 387
 388 /**
 389  * this belongs in the mail filter window
 390  */
 391
 392 .enabledcol
 393   {
 394     list-style-image: url("chrome://messenger/skin/readmail.gif");
 395   }
 396
 397 .enabledcol[value="true"]
 398   {
 399     list-style-image: url("chrome://messenger/skin/unreadmail.gif");
 400   }
 401
 402 .usesMailWidgets
 403   {
 404     -moz-binding          : url(chrome://messenger/content/mailWidgets.xml#dummy);
 405   }
 406
 407 searchattribute
 408   {
 409     -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute);
 410   }
 411
 412 searchoperator
 413   {
 414     -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator);
 415   }
 416
 417 searchvalue
 418   {
 419    -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue);
 420   }
 421
 422 searchterm
 423   {
 424    -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchterm);
 425   }
 426
 427 /* addressing widget trees */
 428 .treecell-mailcardicon
 429   {
 430     border-bottom       : 1px solid #9C9CFF !important;
 431     padding             : 0px;
 432   }
 433
 434 .textfield-mailcardicon
 435   {
 436     list-style-image    : url("chrome://messenger/skin/abcard.gif");
 437   }
 438
 439 /* for the main standard mail window ONLY */
 440 .mailwindow-statusbar
 441   {
 442     border-left         : none;
 443   }
 444
 445 /**
 446  *Focus rings on 3 pane view
 447  */
 448
 449 /*
 450 #threadpane-splitter
 451 {
 452   border-left         : none;
 453   border-top          : none;
 454 }
 455 */
 456
 457 #threadTree
 458 {
 459   border-top            : none;
 460 }
 461
 462 #folderTree> treechildren,
 463 #threadTree > treechildren
 464 {
 465   border                : none;
 466 }
 467
 468 #folderTree:focus > treechildren,
 469 #threadTree[focusring="true"] > treechildren
 470 {
 471   border                : none;
 472 }
 473
 474 #messagepane
 475 {
 476   border                : none;
 477 }
 478
 479 #messagepanebox[focusring="true"]
 480 {
 481   border                : none;
 482 }
 483
 484 #messagepanebox
 485   {
 486     border              : none;
 487   }
 488
 489 #msgHeaderView
 490 {
 491   border-top           : none;
 492 }
 493
 494 #msgHeaderView > toolbar > toolbargrippy
 495 {
 496   border-left          : none;
 497 }
 498
 499 .awIdentityLabel
 500 {
 501   width: 8em;
 502   margin-left: 5px;
 503 }
 504 /*
 505 #accountCentralBox
 506 {
 507   background-color:#FFFFFF;
 508 }
 509 */
 510 #status-bar
 511 {
 512   border-left          : none;
 513 }