5cef2c6cbdf49e2040155d2a2b21750d48d38243
[themes.git] / LCARStrek / skin / LCARStrek / communicator / sidebar / sidebar.css
1 /* ***** BEGIN LICENSE BLOCK *****
2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
3  *
4  * The contents of this file are subject to the Mozilla Public License Version
5  * 1.1 (the "License"); you may not use this file except in compliance with
6  * the License. You may obtain a copy of the License at
7  * http://www.mozilla.org/MPL/
8  *
9  * Software distributed under the License is distributed on an "AS IS" basis,
10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11  * for the specific language governing rights and limitations under the
12  * License.
13  *
14  * The Original Code is "Classic" theme of mozilla.org code.
15  *
16  * The Initial Developer of the Original Code is
17  * the Mozilla Organization.
18  * Portions created by the Initial Developer are Copyright (C) 1998-2001
19  * the Initial Developer. All Rights Reserved.
20  *
21  * Contributor(s):
22  *   Robert Kaiser <KaiRo@KaiRo.at>
23  *
24  * Alternatively, the contents of this file may be used under the terms of
25  * either the GNU General Public License Version 2 or later (the "GPL"), or
26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27  * in which case the provisions of the GPL or the LGPL are applicable instead
28  * of those above. If you wish to allow use of your version of this file only
29  * under the terms of either the GPL or the LGPL, and not to allow others to
30  * use your version of this file under the terms of the MPL, indicate your
31  * decision by deleting the provisions above and replace them with the notice
32  * and other provisions required by the GPL or the LGPL. If you do not delete
33  * the provisions above, a recipient may use your version of this file under
34  * the terms of any one of the MPL, the GPL or the LGPL.
35  *
36  * ***** END LICENSE BLOCK ***** */
37
38 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
39
40 #sidebar-panels-splitter[state="collapsed"] {
41     margin-bottom         : 0px;
42 }
43
44 #sidebar-splitter {
45     border-top            : none;
46     border-bottom         : none;
47 }
48
49 #sidebar-splitter[state="collapsed"] {
50     margin-left           : 0px;
51 }
52
53 #sidebar-box 
54   {
55     border                : none;
56   }
57
58 .text-panel-loading 
59   {
60     margin                : 5px 0px;
61   }
62
63 .image-panel-loading 
64   {
65     margin                : 5px;
66     list-style-image      : url("chrome://global/skin/loading.gif"); 
67   }
68
69 .sidebarheader-main 
70   {
71     border                : none;
72     color                 : #FF9F00;
73     background-color      : #6000CF;
74     padding-left          : 4px;
75   }
76
77 #sidebar-panel-picker {
78   -moz-box-direction: reverse; 
79 /*  color: inherit; */
80 }
81   
82 #sidebar-panel-picker > .toolbarbutton-box > .toolbarbutton-dropmarker
83   {
84     padding-left            : 4px;
85     list-style-image        : url("chrome://global/skin/menu-arrow.gif");
86   }
87
88 #sidebar-panel-picker:hover > .toolbarbutton-box > .toolbarbutton-dropmarker,
89 #sidebar-panel-picker[open="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker
90   {
91     list-style-image        : url("chrome://global/skin/menu-arrow-hover.gif");
92   }
93
94 .sidebar-header-text  
95   {
96     font-weight           : bold;
97   }
98
99 /**
100  * texttab folder lookalike e.g. for sidebar panel headers
101  */
102   .box-texttab
103     {
104       -moz-binding        : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
105       -moz-border-radius  : 5px;
106       border-top          : 3px solid black;
107       cursor              : pointer;
108     }
109
110   .box-texttab > .panelheader-box-1
111     {
112       -moz-border-radius  : 5px;
113       background-color    : #FF9F00;
114       color               : #000000;
115       padding             : 2px 0px 2px 0px;
116     }
117
118   .box-texttab:hover > .panelheader-box-1,
119   .box-texttab:hover:active > .panelheader-box-1
120     {
121       background-color    : #FFCF00;
122     }
123
124   .box-texttab[selected="true"],
125   .box-texttab[selected="true"]:hover ,
126   .box-texttab[selected="true"]:hover:active
127     {
128       border-bottom       : 3px solid black;
129     }
130
131   .box-texttab[selected="true"] > .panelheader-box-1,
132   .box-texttab[selected="true"]:hover > .panelheader-box-1,
133   .box-texttab[selected="true"]:hover:active > .panelheader-box-1
134     {
135       background-color    : #008484;
136       color               : #FFCF00;
137     }
138
139   .box-texttab[last-panel="true"], 
140   .box-texttab[last-panel="true"]:hover,
141   .box-texttab[last-panel="true"]:hover:active,
142   .box-texttab[last-panel="true"][selected="true"],
143   .box-texttab[last-panel="true"][selected="true"]:hover,
144   .box-texttab[last-panel="true"][selected="true"]:hover:active
145     {
146       border-bottom       : none;
147     }
148
149   .panelheader-grippy-icon
150     {
151       margin              : 2px 3px 0px 3px;
152       list-style-image    : url("chrome://global/skin/twisty-closed-selected.gif");
153     }
154
155   .box-texttab[selected="true"],
156   .box-texttab[selected="true"]:hover
157     {
158       font-weight           : bold;
159       cursor                : default;
160     }
161
162   .box-texttab[last-panel="true"], 
163   .box-texttab[selected="true"]
164     {
165       margin-bottom       : 0px;
166     }
167
168   .panelheader-grippy-icon[selected="true"]
169     {
170       margin              : 2px 3px 0px 3px;
171       list-style-image    : url("chrome://global/skin/twisty-open-active.gif");
172     }
173
174   .sidebar-iframe-no-panels, .loadarea
175     {
176       background-color      : #000000;
177     }
178     
179   .iframe-panel
180     {
181     } 
182
183   .panelheader-text
184     {
185       margin              : 0px;
186     }