sync both themes with toolkit windows theme changes in Mozilla 34 cycle
[themes.git] / EarlyBlue / communicator / sidebar / sidebar.css
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2  * License, v. 2.0. If a copy of the MPL was not distributed with this
3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
7 /* ::::: sidebar container ::::: */
8
9 #sidebar-box {
10   margin-top: 0px;
11   border: none;
12   background-color: #CCD0DD;
13 }
14
15 /* ::::: sidebar header ::::: */
16
17 .sidebarheader-main {
18   border: none;
19   color: #CCD0DD;
20   background-color: #666699;
21   -moz-padding-start: 4px;
22   height: auto;
23 }
24
25 #sidebar-panel-picker {
26   color: inherit;
27 }
28
29 .sidebar-header-text {
30   font-weight: bold;
31 }
32
33 /* ..... close button ..... */
34
35 #sidebar-close-button {
36   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
37   padding: 1px 3px;
38   -moz-padding-start: 4px;
39   list-style-image: url("chrome://global/skin/icons/close-button.gif");
40 }
41
42 /* ::::: sidebar panel ::::: */
43
44 .sidebar-iframe-no-panels,
45 .loadarea {
46   background-color: #FFFFFF;
47   color: #666699;
48 }
49
50 .iframe-panel, .browser-sidebar {
51 }  
52
53 /* ::::: loading info ::::: */
54
55 .text-panel-loading {
56   margin: 5px 0px;
57 }
58
59 .text-panel-loading[loading="false"] {
60   -moz-margin-start: 11px;
61 }
62
63 .image-panel-loading {
64   margin: 5px;
65   list-style-image: url("chrome://global/skin/icons/loading.gif");
66 }
67
68 /* ::::: sidebar tabs ::::: */
69
70 .box-texttab {
71   -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab");
72   padding: 2px 0px;
73   background-color: #CCD0DD;
74   color: #000000;
75   cursor: pointer;
76   border-top: 1px outset #CCD0DD;
77   border-bottom: 1px outset #CCD0DD;
78 }
79
80 .box-texttab[selected="true"],
81 .box-texttab[selected="true"]:hover,
82 .box-texttab[selected="true"]:hover:active {
83   background-color: #336699;
84   border-top: 1px solid #336699;
85   padding: 1px;
86   -moz-padding-start: 0px;
87 }
88     
89 .box-texttab[last-panel="true"], 
90 .box-texttab[last-panel="true"]:hover,
91 .box-texttab[last-panel="true"]:hover:active,
92 .box-texttab[last-panel="true"][selected="true"],
93 .box-texttab[last-panel="true"][selected="true"]:hover,
94 .box-texttab[last-panel="true"][selected="true"]:hover:active {
95   border-bottom: none;
96 }
97
98 .sbtab-label {
99   margin: 0px !important;
100 }
101
102 .sbtab-twisty {
103   margin: 2px 3px 0px;
104   list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
105 }
106
107 /*
108 .sbtab-texture {
109   margin: 2px 0px;
110   background: url("chrome://global/skin/toolbar/tbgrip-texture.gif") repeat-y;
111   width: 12px;
112   height: 12px;
113 }
114 */
115
116 .box-texttab:hover {
117   background-color: #DDDDDD;
118 }
119     
120 .box-texttab:hover:active {
121   background-color: #6699FF;
122 }
123     
124 .box-texttab[selected="true"],
125 .box-texttab[selected="true"]:hover {
126   font-weight: bold;
127   cursor: default;
128 }
129
130 .box-texttab[last-panel="true"], 
131 .box-texttab[selected="true"] {
132   margin-bottom: 0px;
133 }
134
135 .sbtab-twisty[selected="true"] {
136   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
137 }
138
139 /* ::::: sidebar navigation buttons ::::: */
140
141 .sidebar-nav-button {
142   -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
143   padding: 5px 0px;
144 }
145
146 .tab-fwd {
147   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
148 }
149
150 .tab-back {
151   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
152 }