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