36c1ca431e64a4609c797f4cc1abaa9dc559a139
[themes.git] / EarlyBlue / 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-box 
41   {
42     margin-top            : 0px;
43     border                : none;
44     background-color      : #CCD0DD;
45   }
46
47 /* ::::: sidebar header ::::: */
48
49 .sidebarheader-main 
50   {
51     border: none;
52     color: #CCD0DD;
53     background-color: #666699;
54     padding-left: 4px;
55   }
56
57 #sidebar-panel-picker {
58   -moz-box-direction: reverse;
59   color: inherit;
60 }
61   
62 #sidebar-panel-picker > .toolbarbutton-dropmarker
63   {
64     padding-left: 4px;
65     list-style-image: url("chrome://global/skin/menu-arrow-hover.gif");
66   }
67
68 .sidebar-header-text  
69   {
70     font-weight: bold;
71   }
72
73 /* ..... close button ..... */
74
75 #sidebar-close-button {
76   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
77   padding: 1px 3px 1px 4px;
78   list-style-image: url("chrome://global/skin/icons/close-button.gif");
79 }
80
81 /* ::::: sidebar panel ::::: */
82
83 .sidebar-iframe-no-panels,
84 .loadarea {
85   background-color: #FFFFFF;
86   color: #666699;
87 }
88
89 .iframe-panel {
90 }  
91
92 /* ::::: loading info ::::: */
93
94 .text-panel-loading {
95   margin: 5px 0px;
96 }
97
98 .image-panel-loading {
99   margin: 5px;
100   list-style-image: url("chrome://global/skin/icons/loading.gif");
101 }
102
103 /* ::::: sidebar tabs ::::: */
104
105 .box-texttab {
106   -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab");
107   padding: 2px 0px 2px 0px;
108   background-color: #CCD0DD;
109   color: #000000;
110   cursor: pointer;
111   border-top: 1px outset #CCD0DD;
112   border-bottom: 1px outset #CCD0DD;
113 }
114
115 .box-texttab[selected="true"],
116 .box-texttab[selected="true"]:hover,
117 .box-texttab[selected="true"]:hover:active {
118   background-color: #336699;
119   border-top: 1px solid #336699;
120   padding: 1px 1px 1px 0px;
121 }
122     
123 .box-texttab[last-panel="true"], 
124 .box-texttab[last-panel="true"]:hover,
125 .box-texttab[last-panel="true"]:hover:active,
126 .box-texttab[last-panel="true"][selected="true"],
127 .box-texttab[last-panel="true"][selected="true"]:hover,
128 .box-texttab[last-panel="true"][selected="true"]:hover:active {
129   border-bottom: none;
130 }
131
132 .sbtab-label {
133   margin: 0px 0px 0px 0px !important;
134 }
135
136 .sbtab-twisty {
137   margin: 2px 3px 0px 3px;
138   list-style-image: url("chrome://global/skin/twisty-closed.gif");
139 }
140
141 /*
142 .sbtab-texture {
143   margin: 2px 0px;
144   background: url("chrome://global/skin/toolbar/tbgrip-texture.gif") repeat-y;
145   width: 12px;
146   height: 12px;
147 }
148 */
149
150 .box-texttab:hover {
151   background-color      : #DDDDDD;
152 }
153     
154 .box-texttab:hover:active {
155   background-color      : #6699FF;
156 }
157     
158 .box-texttab[selected="true"],
159 .box-texttab[selected="true"]:hover {
160   font-weight           : bold;
161   cursor                : default;
162 }
163
164 .box-texttab[last-panel="true"], 
165 .box-texttab[selected="true"] {
166   margin-bottom       : 0px;
167 }
168
169 .sbtab-twisty[selected="true"] {
170   list-style-image: url("chrome://global/skin/twisty-open.gif");
171 }