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