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