EarlyBlue/communicator/skin/sidebar/sidebar.css

   1 /*
   2  * The contents of this file are subject to the Mozilla 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/MPL/
   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.
  13  *
  14  * The Initial Developer of the Original Code is Netscape
  15  * Communications Corp. Portions created by Netscape Communications
  16  * Corp. are Copyright (C) 1999 Netscape Communications Corp. All
  17  * Rights Reserved.
  18  *
  19  * Contributor(s): Stephen Lamm <slamm@netscape.com>
  20  */
  21
  22 @import url(chrome://global/skin/splitter.css);
  23
  24 /*
  25 #sidebar-splitter {
  26     margin-right: 0px;
  27     margin-top: 0px;
  28     padding: 0px;
  29     border: none;
  30     min-width: 10px;
  31     border-left: 1px solid #9999CC;
  32     border-right: 1px solid #9999CC;
  33     background-color: #CCD0DD;
  34 /*    -moz-binding: url("chrome://communicator/skin/sidebar/sidebarSplitterBindings.xml#sidebar-splitter");  */
  35 }
  36 */
  37
  38 /*
  39 #sidebar-status-grippy {
  40     padding: 2px 2px 2px 0px;
  41     background-color: #CCD0DD;
  42     background-image:
  43        url("chrome://communicator/skin/sidebar/sidebar-open.gif");
  44 }
  45 #sidebar-status-grippy:hover {
  46     background-image:
  47        url("chrome://communicator/skin/sidebar/sidebar-open-hover.gif");
  48 }
  49 #sidebar-status-grippy[open="true"] {
  50     background-image:
  51        url("chrome://communicator/skin/sidebar/sidebar-close.gif");
  52 }
  53 #sidebar-status-grippy[open="true"]:hover {
  54     background-image:
  55        url("chrome://communicator/skin/sidebar/sidebar-close-hover.gif");
  56 }
  57 */
  58
  59 /**/
  60
  61 #sidebar-box {
  62     margin-top: 0px;
  63     border: none;
  64     border-bottom: 0px solid #CCD0DD;
  65 }
  66
  67 .text-panel-loading {
  68     margin: 5px 0px;
  69 }
  70 .image-panel-loading {
  71     margin: 5px;
  72     list-style-image: url("chrome://global/skin/loading.gif");
  73 }
  74
  75 /*
  76  *    Sidebar and Panel title buttons
  77  */
  78 .sidebarheader-main {
  79     color: #CCD0DD;
  80     background-color: #666699;
  81     border: 0px !important;
  82     padding-left: 4px;
  83     vertical-align: middle;
  84 }
  85 .sidebarheader-main > .sidebar-header-text {
  86     font-weight: bold;
  87     margin: 2px;
  88 }
  89
  90 #sidebar-panel-picker > .menubutton-internal-box > .menubutton-single-icon
  91   {
  92       list-style-image    : url(chrome://global/skin/mb-single-arrow-right.gif);
  93   }
  94
  95 /**
  96  * texttab folder lookalike e.g. for sidebar panel headers
  97  */
  98   .box-texttab
  99     {
 100       -moz-binding        : url("chrome://communicator/content/sidebar/sidebarBindings.xml#texttab");
 101       background-color    : #CCD0DD;
 102       padding-top         : 2px;
 103     }
 104
 105   .box-texttab[selected="true"]
 106     {
 107       border-bottom       : 1px solid #FFFFFF;
 108     }
 109
 110   .box-texttab[top-panel="true"]
 111     {
 112       background-color    : #666699;
 113     }
 114
 115   .box-texttab[first-panel-after-selected="true"]
 116     {
 117       background-color    : #FFFFFF;
 118     }
 119
 120   .box-texttab-right-space
 121     {
 122       width               : 30px;
 123       border-bottom       : 1px solid #000000;
 124     }
 125
 126   .box-texttab[last-panel="true"] > .box-texttab-right-space
 127     {
 128       border-bottom       : none;
 129     }
 130
 131   .box-texttab[last-panel="true"][selected="true"] > .box-texttab-right-space
 132     {
 133       border-bottom       : 1px solid #000000;
 134     }
 135
 136   .box-texttab-left
 137     {
 138       list-style-image    : url("chrome://global/skin/tab-leftedge.gif");
 139     }
 140
 141   .box-texttab-right
 142     {
 143       list-style-image    : url("chrome://global/skin/tab-rightedge.gif");
 144     }
 145
 146   .box-texttab[selected="true"] > .box-texttab-left
 147     {
 148       list-style-image    : url("chrome://global/skin/seltab-leftedge.gif");
 149     }
 150
 151   .box-texttab[selected="true"] > .box-texttab-right
 152     {
 153       list-style-image    : url("chrome://global/skin/seltab-rightedge.gif");
 154     }
 155
 156   .box-texttab-text-container
 157     {
 158       border-top          : 1px solid #000000;
 159       background-color    : #CCD0DD;
 160     }
 161
 162   .box-texttab[selected="true"] > .box-texttab-text-container
 163     {
 164       background-color    : #FFFFFF;
 165       font-weight         : bold;
 166     }
 167
 168