|
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 %include ../shared.inc |
|
6 |
|
7 /* Places Organizer Sidebars */ |
|
8 |
|
9 #placesList > treechildren::-moz-tree-row { |
|
10 background-color: transparent; |
|
11 border-color: transparent; |
|
12 } |
|
13 |
|
14 #placesList > treechildren::-moz-tree-row(selected) { |
|
15 background: @sidebarItemBackground@; |
|
16 border-top: @sidebarItemBorderTop@; |
|
17 } |
|
18 |
|
19 #placesList > treechildren::-moz-tree-row(selected,focus) { |
|
20 background: @sidebarItemFocusedBackground@; |
|
21 border-top: @sidebarItemFocusedBorderTop@; |
|
22 } |
|
23 |
|
24 #placesList:-moz-system-metric(mac-graphite-theme) > treechildren::-moz-tree-row(selected) { |
|
25 background: @sidebarItemGraphiteBackground@; |
|
26 border-top: @sidebarItemGraphiteBorderTop@; |
|
27 } |
|
28 |
|
29 #placesList:-moz-system-metric(mac-graphite-theme) > treechildren::-moz-tree-row(selected,focus) { |
|
30 background: @sidebarItemGraphiteFocusedBackground@; |
|
31 border-top: @sidebarItemGraphiteFocusedBorderTop@; |
|
32 } |
|
33 |
|
34 #placesList > treechildren:-moz-window-inactive::-moz-tree-row(selected) { |
|
35 background: @sidebarItemInactiveBackground@; |
|
36 border-top: @sidebarItemInactiveBorderTop@; |
|
37 } |
|
38 |
|
39 #placesList > treechildren::-moz-tree-row(History), |
|
40 #placesList > treechildren::-moz-tree-row(history) { |
|
41 background-color: blue; |
|
42 } |
|
43 |
|
44 #placesList > treechildren::-moz-tree-cell(separator) { |
|
45 cursor: default; |
|
46 } |
|
47 |
|
48 #placesList > treechildren::-moz-tree-separator { |
|
49 border-top: 1px solid #505d6d; |
|
50 margin: 0 10px; |
|
51 } |
|
52 |
|
53 #placesList > treechildren::-moz-tree-cell-text(selected) { |
|
54 font-weight: bold !important; |
|
55 color: #ffffff !important; |
|
56 } |
|
57 |
|
58 #placesToolbar { |
|
59 padding: 0 4px 3px; |
|
60 } |
|
61 |
|
62 #placesView { |
|
63 border-top: none !important; |
|
64 } |
|
65 |
|
66 #placesView > splitter { |
|
67 -moz-border-start: none !important; |
|
68 -moz-border-end: 1px solid #bdbdbd; |
|
69 min-width: 1px; |
|
70 width: 1px; |
|
71 background-image: none !important; |
|
72 } |
|
73 |
|
74 #placesToolbar > toolbarbutton { |
|
75 list-style-image: url("chrome://browser/skin/places/toolbar.png"); |
|
76 margin: 4px 4px 5px; |
|
77 padding: 0; |
|
78 height: 22px; |
|
79 -moz-appearance: toolbarbutton; |
|
80 } |
|
81 |
|
82 #placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon { |
|
83 opacity: 0.5; |
|
84 } |
|
85 |
|
86 #placesToolbar > toolbarbutton > .toolbarbutton-icon { |
|
87 margin: 1px 4px; |
|
88 } |
|
89 |
|
90 #placesToolbar > toolbarbutton > .toolbarbutton-text { |
|
91 display: none; |
|
92 } |
|
93 |
|
94 #placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker { |
|
95 list-style-image: url(chrome://browser/skin/toolbarbutton-dropmarker.png); |
|
96 padding: 0; |
|
97 margin-top: 1px; |
|
98 -moz-margin-end: 2px; |
|
99 } |
|
100 |
|
101 @media (min-resolution: 2dppx) { |
|
102 #placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker { |
|
103 list-style-image: url(chrome://browser/skin/toolbarbutton-dropmarker@2x.png); |
|
104 } |
|
105 |
|
106 #placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker > .dropmarker-icon { |
|
107 width: 7px; |
|
108 } |
|
109 } |
|
110 |
|
111 @media (-moz-mac-lion-theme) { |
|
112 #placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon, |
|
113 #placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive > .toolbarbutton-icon, |
|
114 #placesToolbar > toolbarbutton[type="menu"][disabled="true"] > .toolbarbutton-menu-dropmarker, |
|
115 #placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive[type="menu"] > .toolbarbutton-menu-dropmarker { |
|
116 opacity: .5; |
|
117 } |
|
118 |
|
119 #placesToolbar > toolbarbutton:-moz-window-inactive[disabled="true"] > .toolbarbutton-icon, |
|
120 #placesToolbar > toolbarbutton:-moz-window-inactive[type="menu"][disabled="true"] > .toolbarbutton-menu-dropmarker { |
|
121 opacity: .25; |
|
122 } |
|
123 } |
|
124 |
|
125 #placesToolbar > toolbarbutton > menupopup { |
|
126 margin-top: 1px; |
|
127 } |
|
128 |
|
129 /* back and forward button */ |
|
130 #back-button:-moz-locale-dir(ltr), |
|
131 #forward-button:-moz-locale-dir(rtl) { |
|
132 -moz-image-region: rect(0px, 16px, 16px, 0px); |
|
133 margin-right: 0; |
|
134 } |
|
135 |
|
136 #forward-button:-moz-locale-dir(ltr), |
|
137 #back-button:-moz-locale-dir(rtl) { |
|
138 -moz-image-region: rect(0px, 32px, 16px, 16px); |
|
139 margin-left: 0; |
|
140 } |
|
141 |
|
142 #back-button > .toolbarbutton-icon { |
|
143 -moz-margin-start: 3px !important; |
|
144 -moz-margin-end: 2px !important; |
|
145 } |
|
146 |
|
147 #forward-button > .toolbarbutton-icon { |
|
148 -moz-margin-start: 2px !important; |
|
149 -moz-margin-end: 3px !important; |
|
150 } |
|
151 |
|
152 /* organize button */ |
|
153 #organizeButton { |
|
154 -moz-image-region: rect(0px, 48px, 16px, 32px); |
|
155 } |
|
156 |
|
157 /* view button */ |
|
158 #viewMenu { |
|
159 -moz-image-region: rect(0px, 64px, 16px, 48px); |
|
160 } |
|
161 |
|
162 /* maintenance button */ |
|
163 #maintenanceButton { |
|
164 -moz-image-region: rect(0px, 80px, 16px, 64px); |
|
165 } |
|
166 |
|
167 /* Root View */ |
|
168 #placesView { |
|
169 border-top: 1px solid ThreeDDarkShadow; |
|
170 -moz-user-focus: ignore; |
|
171 } |
|
172 |
|
173 /* Place List, Place Content */ |
|
174 #placesList { |
|
175 background-color: #e2e7ed; |
|
176 width: 160px; |
|
177 } |
|
178 |
|
179 #placesList:-moz-window-inactive { |
|
180 background-color: #e8e8e8; |
|
181 } |
|
182 |
|
183 /* Info box */ |
|
184 #detailsDeck { |
|
185 border-top: 1px solid #919191; |
|
186 background-color: #f0f0f0; |
|
187 padding: 10px; |
|
188 } |
|
189 |
|
190 #placeContent { |
|
191 -moz-appearance: none; |
|
192 border: 0px; |
|
193 } |
|
194 |
|
195 #placeContent > treechildren::-moz-tree-row { |
|
196 border-top: none !important; |
|
197 padding-top: 1px; |
|
198 } |
|
199 |
|
200 #placeContent > treechildren::-moz-tree-row(odd) { |
|
201 background-color: #edf3fe; |
|
202 } |
|
203 |
|
204 #placeContent > treechildren::-moz-tree-row(selected), |
|
205 #placeContent > treechildren::-moz-tree-row(odd, selected) { |
|
206 background-color: -moz-mac-secondaryhighlight; |
|
207 } |
|
208 |
|
209 #placeContent > treechildren::-moz-tree-row(selected, focus), |
|
210 #placeContent > treechildren::-moz-tree-row(odd, selected, focus) { |
|
211 background-color: Highlight; |
|
212 color: HighlightText !important; |
|
213 } |
|
214 |
|
215 #placeContent > treechildren::-moz-tree-cell, |
|
216 #placeContent > treechildren::-moz-tree-column { |
|
217 border-right: 1px solid #d7dad7; |
|
218 } |
|
219 |
|
220 #placeContent > treechildren::-moz-tree-cell(separator) { |
|
221 border-color: transparent; |
|
222 } |
|
223 |
|
224 /**** expanders ****/ |
|
225 |
|
226 .expander-up, |
|
227 .expander-down { |
|
228 -moz-appearance: none; |
|
229 margin-left: 8px; |
|
230 padding: 0; |
|
231 min-width: 0; |
|
232 } |
|
233 |
|
234 .expander-up { |
|
235 list-style-image: url("chrome://browser/skin/places/expander-open.png") !important; |
|
236 } |
|
237 |
|
238 .expander-down { |
|
239 list-style-image: url("chrome://browser/skin/places/expander-closed.png") !important; |
|
240 } |
|
241 |
|
242 .expander-down:hover:active { |
|
243 list-style-image: url("chrome://browser/skin/places/expander-closed-active.png") !important; |
|
244 } |
|
245 |
|
246 .expander-up:hover:active { |
|
247 list-style-image: url("chrome://browser/skin/places/expander-open-active.png") !important; |
|
248 } |
|
249 |
|
250 /** |
|
251 * info pane |
|
252 */ |
|
253 |
|
254 /* More/Less button */ |
|
255 |
|
256 #infoBoxExpander { |
|
257 list-style-image: url("chrome://browser/skin/places/twisty-open.gif"); |
|
258 -moz-appearance: none; |
|
259 margin: 0; |
|
260 padding: 0; |
|
261 max-width: 0; |
|
262 } |
|
263 |
|
264 #infoBoxExpanderLabel { |
|
265 display: none; |
|
266 } |
|
267 |
|
268 #infoBox[minimal="true"] #infoBoxExpander { |
|
269 list-style-image: url("chrome://browser/skin/places/twisty-closed.gif"); |
|
270 } |
|
271 |
|
272 #itemsCountText, |
|
273 #selectItemDescription { |
|
274 color: GrayText; |
|
275 } |
|
276 |
|
277 .editBMPanel_rowLabel { |
|
278 text-align: end; |
|
279 } |
|
280 |
|
281 /** |
|
282 * Downloads pane |
|
283 */ |
|
284 |
|
285 #clearDownloadsButton { |
|
286 list-style-image: none !important; |
|
287 } |
|
288 |
|
289 #clearDownloadsButton > .toolbarbutton-icon { |
|
290 display: none; |
|
291 } |
|
292 |
|
293 #clearDownloadsButton > .toolbarbutton-text { |
|
294 display: inline !important; |
|
295 } |