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     vertical-align: middle;
  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/content/sidebar/sidebarBindings.xml#texttab");
  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 /*
 107   .box-texttab[top-panel="true"]
 108     {
 109       background-color    : #FF9F00;
 110     }
 111
 112   .box-texttab[first-panel-after-selected="true"]
 113     {
 114       background-color    : #FF9F00;
 115     }
 116 */
 117
 118   .box-texttab-right-space
 119     {
 120       -moz-border-radius  : 5px;
 121 /*      width               : 30px;
 122       border-bottom       : 1px solid #000000; */
 123     }
 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
 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   .box-texttab-text-container > .box-texttab-text
 160     {
 161       -moz-border-radius  : 5px;
 162       background-color    : #FF9F00;
 163       padding             : 5px 3px 3px 3px;
 164       color               : #000000;
 165     }
 166
 167   .box-texttab:hover > .box-texttab-text-container > .box-texttab-text,
 168   .box-texttab > .box-texttab-text-container:hover > .box-texttab-text,
 169   .box-texttab > .box-texttab-text-container > .box-texttab-text:hover
 170     {
 171       background-color    : #FFCF00;
 172       color               : #000000;
 173     }
 174
 175   .box-texttab[selected="true"] > .box-texttab-text-container > .box-texttab-text
 176     {
 177       background-color    : #008484;
 178       color               : #FFCF00;
 179       font-weight         : bold;
 180     }
 181
 182