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