LCARStrek/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 #sidebar-panels-splitter[state="collapsed"] {
  25     margin-bottom: 0px;
  26 }
  27
  28 #sidebar-splitter {
  29     border-top: none;
  30     border-bottom: none;
  31 }
  32
  33 #sidebar-splitter[state="collapsed"] {
  34     margin-left: 0px;
  35 }
  36
  37
  38 #sidebar-box {
  39     margin-bottom: 3px;
  40     border: none;
  41 }
  42
  43 .text-panel-loading {
  44     margin: 5px 0px;
  45 }
  46
  47 .image-panel-loading {
  48     margin: 5px;
  49     list-style-image: url("chrome://global/skin/loading.gif");
  50 }
  51
  52 /*
  53  *    Sidebar and Panel title buttons
  54  */
  55
  56 .sidebarheader-main {
  57     color: #FF9F00;
  58     background-color: #6000CF;
  59     border: none;
  60     padding-left: 4px;
  61     -moz-box-align: center;
  62 }
  63
  64 .sidebar-header-text {
  65     font-weight: bold;
  66     margin: 3px;
  67 }
  68
  69 #sidebar-panel-picker
  70   {
  71     margin-right: 5px;
  72   }
  73
  74 #sidebar-panel-picker > .menubutton-internal-box
  75   {
  76     padding-top: 5px;
  77     padding-bottom: 3px;
  78   }
  79
  80 #sidebar-panel-picker > .menubutton-internal-box > .menubutton-single-icon
  81   {
  82       list-style-image    : url(chrome://global/skin/mb-single-arrow-right.gif);
  83   }
  84
  85 #sidebar-panel-picker:hover > .menubutton-internal-box > .menubutton-single-icon,
  86 #sidebar-panel-picker[open="true"] > .menubutton-internal-box > .menubutton-single-icon
  87   {
  88       list-style-image    : url(chrome://global/skin/mb-single-arrow-right-hover.gif);
  89   }
  90
  91 /**
  92  * texttab folder lookalike e.g. for sidebar panel headers
  93  */
  94   .box-texttab
  95    {
  96       -moz-binding        : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
  97       -moz-border-radius  : 5px;
  98       border-top          : 3px solid black;
  99     }
 100
 101   .box-texttab[selected="true"]
 102     {
 103       border-bottom       : 3px solid black;
 104     }
 105
 106   .box-texttab-right-space
 107     {
 108       -moz-border-radius  : 5px;
 109     }
 110
 111
 112   .panelheader-text
 113     {
 114       -moz-border-radius  : 5px;
 115       background-color    : #FF9F00;
 116       padding             : 5px 3px 3px 3px;
 117       color               : #000000;
 118     }
 119
 120   .box-texttab:hover > .panelheader-box > .panelheader-text,
 121   .box-texttab > .panelheader-box > .panelheader-text:hover
 122     {
 123       background-color    : #FFCF00;
 124       color               : #000000;
 125     }
 126
 127   .box-texttab > .panelheader-box[selected="true"] > .panelheader-text,
 128   .box-texttab:hover > .panelheader-box[selected="true"] > .panelheader-text,
 129   .box-texttab > .panelheader-box[selected="true"] > .panelheader-text:hover
 130     {
 131       background-color    : #008484;
 132       color               : #FFCF00;
 133       font-weight         : bold;
 134     }
 135
 136