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