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