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     -moz-box-align: center;
  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/skin/sidebar/sidebarBindings.xml#panelheader");
 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
 121 /*
 122   .box-texttab-right-space
 123     {
 124       width               : 30px;
 125       border-bottom       : 1px solid #000000;
 126     }
 127
 128   .box-texttab[last-panel="true"] > .box-texttab-right-space
 129     {
 130       border-bottom       : none;
 131     }
 132
 133   .box-texttab[last-panel="true"][selected="true"] > .box-texttab-right-space
 134     {
 135       border-bottom       : 1px solid #000000;
 136     }
 137
 138   .box-texttab-left
 139     {
 140       list-style-image    : url("chrome://global/skin/tab-leftedge.gif");
 141     }
 142
 143   .box-texttab-right
 144     {
 145       list-style-image    : url("chrome://global/skin/tab-rightedge.gif");
 146     }
 147
 148   .box-texttab[selected="true"] > .box-texttab-left
 149     {
 150       list-style-image    : url("chrome://global/skin/seltab-leftedge.gif");
 151     }
 152
 153   .box-texttab[selected="true"] > .box-texttab-right
 154     {
 155       list-style-image    : url("chrome://global/skin/seltab-rightedge.gif");
 156     }
 157 */
 158
 159   .panelheader-text
 160     {
 161       border-top          : 1px outset #CCD0DD;
 162       border-bottom       : 1px outset #CCD0DD;
 163       padding             : 5px 3px 3px 3px;
 164       color               : #000000;
 165     }
 166
 167   .box-texttab[selected="true"] > .panelheader-box > .panelheader-text
 168     {
 169       border-top          : 1px solid transparent;
 170       border-bottom       : 1px solid transparent;
 171       background-color    : #FFFFFF;
 172       font-weight         : bold;
 173     }