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  * Make sure the min height is small so we can
 399  * resize the pane vertically -EDV
 400  */
 401 box#messagepanebox
 402 {
 403    min-height: 10px;
 404    height: 0px;
 405 }
 406
 407
 408 /**
 409  * this belongs in the mail filter window
 410  */
 411
 412 .enabledcol {
 413   list-style-image: url("chrome://messenger/skin/readmail.gif");
 414 }
 415
 416 .enabledcol[value="true"] {
 417   list-style-image: url("chrome://messenger/skin/unreadmail.gif");
 418 }
 419
 420 searchattribute {
 421   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute);
 422 }
 423
 424 searchoperator {
 425   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator);
 426 }
 427
 428 searchvalue {
 429  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue);
 430 }
 431
 432 searchterm {
 433  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchterm);
 434 }
 435
 436
 437
 438