Commit | Line | Data |
---|---|---|
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/. */ | |
351107c9 | 4 | |
5 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
6 | ||
b1e5c9b1 | 7 | /* ::::: sidebar container ::::: */ |
8 | ||
b1eaa419 | 9 | #sidebar-box { |
10 | border: none; | |
11 | } | |
12 | ||
13 | /* ::::: sidebar splitter ::::: */ | |
14 | ||
351107c9 | 15 | #sidebar-panels-splitter[state="collapsed"] { |
b1eaa419 | 16 | margin-bottom: 0px; |
351107c9 | 17 | } |
18 | ||
01d40f5a | 19 | #sidebar-splitter { |
dae45075 | 20 | margin-inline-start: 0px; |
b1eaa419 | 21 | } |
22 | ||
01d40f5a RK |
23 | #sidebar-splitter:not([state="collapsed"]) { |
24 | border-radius: 0 5px 0 0; | |
25 | } | |
26 | ||
27 | /* Get lower rounded corner right to connect to splitter. */ | |
28 | #sidebar-panels-splitter-box { | |
29 | background-color: #9C9CFF | |
30 | } | |
31 | ||
32 | #sidebar-panels { | |
33 | background-color: #000000; | |
34 | border-radius: 0 5px 0 0; | |
dae45075 | 35 | padding-inline-end: 3px; |
01d40f5a RK |
36 | } |
37 | ||
38 | #sidebar-splitter:not([state="collapsed"]):-moz-locale-dir(rtl), | |
39 | #sidebar-panels:-moz-locale-dir(rtl) { | |
40 | border-radius: 5px 0 0 0; | |
41 | } | |
42 | ||
b1eaa419 | 43 | /* ::::: sidebar header ::::: */ |
44 | ||
45 | .sidebarheader-main { | |
46 | border: none; | |
01d40f5a RK |
47 | color: #000000; |
48 | background-color: #9C9CFF; | |
02920d2b | 49 | padding: 0px 2px; |
dae45075 RK |
50 | padding-inline-start: 3px; |
51 | padding-inline-end: 8px; | |
3e7d9b4d | 52 | height: auto; |
f7d5404c | 53 | overflow-x: hidden; |
351107c9 | 54 | } |
55 | ||
b1eaa419 | 56 | .sidebar-header-text { |
57 | font-weight: bold; | |
58 | } | |
59 | ||
60 | /* ..... close button ..... */ | |
351107c9 | 61 | |
b1eaa419 | 62 | #sidebar-close-button { |
63 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image"); | |
64 | padding: 3px; | |
65 | list-style-image: url("chrome://global/skin/icons/close-button.gif"); | |
01d40f5a | 66 | border-radius: 0; |
b1eaa419 | 67 | } |
351107c9 | 68 | |
b1eaa419 | 69 | #sidebar-close-button:hover, |
70 | #sidebar-close-button:hover:active { | |
71 | list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); | |
72 | } | |
351107c9 | 73 | |
b1eaa419 | 74 | /* ..... panel picker button ..... */ |
351107c9 | 75 | |
76 | #sidebar-panel-picker { | |
02920d2b | 77 | padding: 3px 1px; |
01d40f5a | 78 | border-radius: 0; |
b1eaa419 | 79 | } |
80 | ||
81 | /* ::::: sidebar panel ::::: */ | |
82 | ||
83 | .sidebar-iframe-no-panels, | |
84 | .loadarea { | |
85 | background-color: #000000; | |
86 | color: #FF9F00; | |
87 | } | |
88 | ||
a3b3d4d6 | 89 | .iframe-panel, .browser-sidebar { |
b1eaa419 | 90 | } |
91 | ||
92 | /* ::::: loading info ::::: */ | |
93 | ||
94 | .text-panel-loading { | |
95 | margin: 5px 0px; | |
96 | } | |
97 | ||
98 | .text-panel-loading[loading="false"] { | |
dae45075 | 99 | margin-inline-start: 11px; |
b1eaa419 | 100 | } |
101 | ||
102 | .image-panel-loading { | |
103 | margin: 5px; | |
104 | list-style-image: url("chrome://global/skin/icons/loading.gif"); | |
105 | } | |
106 | ||
107 | /* ::::: sidebar tabs ::::: */ | |
108 | ||
109 | .box-texttab { | |
110 | -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab"); | |
111 | cursor: pointer; | |
112 | border-top: 3px solid black; | |
01d40f5a | 113 | border-radius: 5px; |
b1eaa419 | 114 | } |
115 | ||
116 | .box-texttab > hbox { | |
01d40f5a | 117 | border-radius: 300px; |
b1eaa419 | 118 | -moz-box-align: stretch; |
01d40f5a RK |
119 | padding: 2px 3px; |
120 | background-color: #C09070; | |
b1eaa419 | 121 | color: #000000; |
122 | } | |
123 | ||
124 | .box-texttab[selected="true"] > hbox, | |
125 | .box-texttab[selected="true"]:hover > hbox, | |
126 | .box-texttab[selected="true"]:hover:active > hbox { | |
127 | background-color: #008484; | |
128 | color: #FFCF00; | |
129 | font-weight: bold; | |
130 | } | |
131 | ||
132 | .box-texttab[selected="true"], | |
133 | .box-texttab[selected="true"]:hover, | |
134 | .box-texttab[selected="true"]:hover:active { | |
135 | border-bottom: 3px solid black; | |
136 | } | |
137 | ||
138 | .box-texttab[last-panel="true"], | |
139 | .box-texttab[last-panel="true"]:hover, | |
140 | .box-texttab[last-panel="true"]:hover:active, | |
141 | .box-texttab[last-panel="true"][selected="true"], | |
142 | .box-texttab[last-panel="true"][selected="true"]:hover, | |
143 | .box-texttab[last-panel="true"][selected="true"]:hover:active { | |
144 | border-bottom: none; | |
145 | } | |
146 | ||
147 | .sbtab-label { | |
02920d2b | 148 | margin: 0px !important; |
b1eaa419 | 149 | } |
150 | ||
151 | .sbtab-twisty { | |
02920d2b | 152 | margin: 2px 3px 0px; |
7729765c | 153 | list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); |
b1eaa419 | 154 | } |
155 | ||
b1eaa419 | 156 | .box-texttab:hover > hbox, |
157 | .box-texttab:hover:active > hbox { | |
158 | background-color: #FFCF00; | |
159 | } | |
160 | ||
161 | .box-texttab[last-panel="true"], | |
162 | .box-texttab[selected="true"] { | |
163 | margin-bottom: 0px; | |
164 | } | |
165 | ||
166 | .sbtab-twisty[selected="true"] { | |
7729765c | 167 | list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); |
b1eaa419 | 168 | } |
80916bc4 | 169 | |
170 | /* ::::: sidebar navigation buttons ::::: */ | |
171 | ||
172 | .sidebar-nav-button { | |
173 | -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image"); | |
02920d2b | 174 | padding: 5px 0px; |
80916bc4 | 175 | } |
176 | ||
177 | .tab-fwd { | |
178 | list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); | |
179 | } | |
180 | ||
181 | .tab-back { | |
182 | list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); | |
f7d5404c | 183 | } |