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 }
 132
 133 #button-file:hover,
 134 #FileButtonMenu:hover > button,
 135 #FileButtonMenu > button:hover,
 136 #FileButtonMenu[open="true"] > button {
 137         list-style-image:url("chrome://messenger/skin/file-hover.gif");
 138         background-color: #FFCF00;
 139         color: #000000;
 140 }
 141
 142 #button-file[disabled="true"],
 143 #FileButtonMenu:hover > button[disabled="true"],
 144 #FileButtonMenu > button[disabled="true"]:hover,
 145 #FileButtonMenu[open="true"] > button[disabled="true"] {
 146         list-style-image:url("chrome://messenger/skin/file_dis.gif");
 147         background-color: #000000;
 148         color: #8050B0;
 149 }
 150
 151 #FileButtonMenu {
 152         background-color: transparent;
 153 }
 154
 155 #button-next {
 156         list-style-image:url("chrome://messenger/skin/next.gif");
 157 }
 158
 159 #button-next:hover {
 160         list-style-image:url("chrome://messenger/skin/next-hover.gif");
 161 }
 162
 163 #button-next[disabled="true"] {
 164         list-style-image:url("chrome://messenger/skin/next_dis.gif");
 165 }
 166
 167 #button-delete {
 168         list-style-image:url("chrome://messenger/skin/trash.gif");
 169 }
 170
 171 #button-delete:hover {
 172         list-style-image:url("chrome://messenger/skin/trash-hover.gif");
 173 }
 174
 175 #button-delete[disabled="true"] {
 176         list-style-image:url("chrome://messenger/skin/trash_dis.gif");
 177 }
 178
 179 #button-print
 180   {
 181           list-style-image      : url("chrome://global/skin/print.gif");
 182   }
 183
 184 #button-print:hover,
 185 #button-print:hover:active,
 186 #button-print > .menubutton-internal-box > .menubutton-dual-button:hover,
 187 #button-print > .menubutton-internal-box > .menubutton-dual-button:hover:active,
 188 #button-print[open="true"] > .menubutton-internal-box > .menubutton-dual-button
 189   {
 190     list-style-image      : url("chrome://global/skin/print-hover.gif");
 191   }
 192
 193 #button-print[disabled="true"],
 194 #button-print[disabled="true"]:hover,
 195 #button-print[disabled="true"]:hover:active,
 196 #button-print[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover,
 197 #button-print[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active
 198   {
 199     list-style-image      : url("chrome://global/skin/print_dis.gif");
 200   }
 201
 202 #button-stop {
 203         list-style-image:url("chrome://global/skin/stop.gif");
 204 }
 205
 206 #button-stop:hover {
 207         list-style-image:url("chrome://global/skin/stop-hover.gif");
 208 }
 209
 210 #button-stop[disabled="true"] {
 211         list-style-image:url("chrome://global/skin/stop_dis.gif");
 212 }
 213
 214
 215 .folderMenuItem > .menu-left {
 216  list-style-image: url("chrome://messenger/skin/folder-closed.gif");
 217 }
 218
 219
 220 .folderMenuItem[open="true"] > .menu-left {
 221  list-style-image: url("chrome://messenger/skin/folder-open.gif");
 222 }
 223
 224 /* special folder */
 225 .folderMenuItem[SpecialFolder="Inbox"] > .menu-left {
 226  list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
 227 }
 228
 229 .folderMenuItem[SpecialFolder="Inbox"][open="true"] > .menu-left
 230 {
 231     list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
 232 }
 233
 234 .folderMenuItem[SpecialFolder="Trash"] > .menu-left {
 235  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
 236 }
 237
 238 .folderMenuItem[SpecialFolder="Trash"][open="true"] > .menu-left {
 239  list-style-image: url("chrome://messenger/skin/folder-trash.gif");
 240 }
 241
 242 .folderMenuItem[IsServer="true"] > .menu-left
 243 {
 244  list-style-image: url("chrome://messenger/skin/server-mail.gif");
 245 }
 246
 247 .folderMenuItem[IsServer="true"][open="true"] > .menu-left
 248 {
 249  list-style-image: url("chrome://messenger/skin/server-mail.gif");
 250 }
 251
 252 /* IMAP folders */
 253
 254 .folderMenuItem[IsServer="true"][ServerType="imap"][IsSecure="true"] > .menu-left {
 255     list-style-image: url("chrome://messenger/skin/server-remote-lock.gif");
 256 }
 257
 258 /* Local Servers */
 259 .folderMenuItem[IsServer="true"][ServerType="none"] > .menu-left
 260 {
 261  list-style-image: url("chrome://messenger/skin/server-local.gif");
 262 }
 263
 264 /* News folders */
 265 .folderMenuItem[ServerType="nntp"] > .menu-left {
 266     list-style-image: url("chrome://messenger/skin/folder-newsgroup.gif");
 267 }
 268
 269 .folderMenuItem[IsServer="true"][ServerType="nntp"][IsSecure="true"] > .menu-left {
 270     list-style-image: url("chrome://messenger/skin/server-news-lock.gif");
 271 }
 272
 273 .folderMenuItem[IsServer="true"][ServerType="nntp"] > .menu-left {
 274     list-style-image: url("chrome://messenger/skin/server-news.gif");
 275 }
 276
 277
 278 menu.push {
 279   border: 1px outset white;
 280   padding: 2px;
 281   margin: 2px;
 282   text-align: center;
 283   background-color:inherit;
 284   background-image: inherit;
 285 }
 286
 287 menu.push:hover {
 288         border: 1px outset white;
 289         color:#003366;
 290         text-decoration:underline;
 291         padding: 2px;
 292 }
 293
 294 menu.push:hover:-moz-outline {
 295    border : 1px solid black;
 296    color:#003366;
 297    padding: 2px;
 298 }
 299
 300 menu.push:active {
 301   text-decoration:none;
 302   border: 1px inset;
 303   padding-left: 3px;
 304   padding-right: 1px;
 305   padding-top: 3px;
 306   padding-bottom: 1px;
 307 }
 308
 309 menu.push[toggled="1"] {
 310   border: 1px white inset;
 311   padding-left: 3px;
 312   padding-right: 1px;
 313   padding-top: 3px;
 314   padding-bottom: 1px;
 315 }
 316
 317 menu.push[toggled="2"] {
 318    background-color: lightgray;
 319    border: 1px solid gray;
 320 }
 321
 322 menu.push:active:-moz-outline {
 323    border : 1px solid black;
 324 }
 325
 326 menu.push[disabled="true"] {
 327         background-color:inherit;
 328         background-image: inherit;
 329         border : 1px solid #999999;
 330         color: #999999;
 331         text-decoration: none;
 332 }
 333
 334 menu.push[disabled="true"]:hover {
 335         background-color:inherit;
 336         background-image: inherit;
 337         border : 1px solid #999999;
 338         color: #999999;
 339         text-decoration: none;
 340 }
 341
 342 menu.push[disabled="true"]:active {
 343         background-color:inherit;
 344         background-image: inherit;
 345         border : 1px solid #999999;
 346         color: #999999;
 347         text-decoration: none;
 348 }
 349
 350 /**
 351  * Make sure the min height is small so we can
 352  * resize the pane vertically -EDV
 353  */
 354 box#messagepanebox
 355 {
 356    min-height: 10px;
 357    height: 0px;
 358 }
 359
 360
 361 /**
 362  * this belongs in the mail filter window
 363  */
 364
 365 .enabledcol {
 366   list-style-image: url("chrome://messenger/skin/readmail.gif");
 367 }
 368
 369 .enabledcol[value="true"] {
 370   list-style-image: url("chrome://messenger/skin/unreadmail.gif");
 371 }
 372
 373 searchattribute {
 374   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute);
 375 }
 376
 377 searchoperator {
 378   -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator);
 379 }
 380
 381 searchvalue {
 382  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue);
 383 }
 384
 385 searchterm {
 386  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchterm);
 387 }
 388
 389