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/* Places Organizer Sidebars */
6
7#placesList {
8  -moz-appearance: -moz-mac-source-list;
9  width: 160px;
10}
11
12@media (-moz-mac-yosemite-theme: 0) {
13  #placesList {
14    box-shadow: inset -2px 0 0 hsla(0,0%,100%,.2);
15  }
16}
17
18#placesList > treechildren::-moz-tree-cell-text {
19  margin-inline-end: 6px;
20}
21
22#placesList > treechildren::-moz-tree-row(selected) {
23  -moz-appearance: -moz-mac-source-list-selection;
24  -moz-font-smoothing-background-color: -moz-mac-source-list-selection;
25}
26
27#placesList > treechildren::-moz-tree-row(selected,focus) {
28  -moz-appearance: -moz-mac-active-source-list-selection;
29  -moz-font-smoothing-background-color: -moz-mac-active-source-list-selection;
30}
31
32#placesList > treechildren::-moz-tree-cell(separator) {
33  cursor: default;
34}
35
36#placesList > treechildren::-moz-tree-separator {
37  border-top: 1px solid #505d6d;
38  margin: 0 10px;
39}
40
41/* Match selected item styling for -moz-appearance values on OSX 10.9 */
42@media (-moz-mac-yosemite-theme: 0) {
43  #placesList > treechildren::-moz-tree-image(selected),
44  #placesList > treechildren::-moz-tree-twisty(selected),
45  #placesList > treechildren::-moz-tree-cell-text(selected) {
46    color: #fff;
47  }
48
49  #placesList > treechildren::-moz-tree-cell-text(selected) {
50    font-weight: bold;
51  }
52}
53
54#placesToolbar {
55  padding: 0 4px 3px;
56}
57
58#placesView {
59  border-top: none !important;
60}
61
62#placesView > splitter {
63  border-inline-start: none !important;
64  border-inline-end: 1px solid #b4b4b4;
65  min-width: 1px;
66  width: 3px;
67  margin-inline-start: -3px;
68  position: relative;
69  background-image: none !important;
70}
71
72#placesToolbar > toolbarbutton {
73  margin: 4px 4px 5px;
74  padding: 0;
75  height: 22px;
76  -moz-appearance: toolbarbutton;
77}
78
79#placesToolbar > toolbarbutton > .toolbarbutton-icon {
80  -moz-context-properties: fill, fill-opacity;
81  fill: currentColor;
82  fill-opacity: 0.8;
83  margin: 1px 4px;
84}
85
86#placesToolbar > toolbarbutton:not(#clearDownloadsButton) > .toolbarbutton-text {
87  display: none;
88}
89
90#placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker {
91  list-style-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
92  padding: 0;
93  margin-inline-end: 2px;
94}
95
96#placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon,
97#placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive > .toolbarbutton-icon,
98#placesToolbar > toolbarbutton[type="menu"][disabled="true"] > .toolbarbutton-menu-dropmarker,
99#placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive[type="menu"] > .toolbarbutton-menu-dropmarker {
100  opacity: .5;
101}
102
103#placesToolbar > toolbarbutton:-moz-window-inactive[disabled="true"] > .toolbarbutton-icon,
104#placesToolbar > toolbarbutton:-moz-window-inactive[type="menu"][disabled="true"] > .toolbarbutton-menu-dropmarker {
105  opacity: .25;
106}
107
108#placesToolbar > toolbarbutton > menupopup {
109  margin-top: 1px;
110}
111
112/* back and forward button */
113#back-button,
114#forward-button {
115  list-style-image: url("chrome://global/skin/icons/arrow-left.svg");
116}
117
118#back-button {
119  margin-inline-end: 0 !important; /* override margin from #placesToolbar > toolbarbutton */
120}
121
122#forward-button {
123  margin-inline-start: 0 !important; /* override margin from #placesToolbar > toolbarbutton */
124}
125
126#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
127#forward-button:-moz-locale-dir(ltr) > .toolbarbutton-icon {
128  transform: scaleX(-1);
129}
130
131#back-button > .toolbarbutton-icon {
132  margin-inline: 3px 2px !important;
133}
134
135#forward-button > .toolbarbutton-icon {
136  margin-inline: 2px 3px !important;
137}
138
139/* organize button */
140#organizeButton {
141  list-style-image: url("chrome://global/skin/icons/settings.svg");
142}
143
144/* view button */
145#viewMenu {
146  list-style-image: url("chrome://browser/skin/sort.svg");
147}
148
149/* maintenance button */
150#maintenanceButton {
151  list-style-image: url("chrome://browser/skin/import-export.svg");
152}
153
154/* Root View */
155#placesView {
156  border-top: 1px solid ThreeDDarkShadow;
157  -moz-user-focus: ignore;
158}
159
160/* Info box */
161#detailsDeck {
162  border-top: 1px solid #919191;
163  background-color: #f0f0f0;
164  padding: 10px;
165}
166
167#placeContent {
168  -moz-appearance: none;
169  border: none;
170}
171
172#placeContent > treechildren::-moz-tree-cell,
173#placeContent > treechildren::-moz-tree-column {
174  border-inline-end: 1px solid #d7dad7;
175}
176
177#placeContent > treechildren::-moz-tree-cell(separator) {
178  border-color: transparent;
179}
180
181/**
182 * info pane
183 */
184
185#infoBoxExpander {
186  margin: 2px;
187}
188
189#infoBoxExpanderLabel {
190  display: none;
191}
192
193#itemsCountText,
194#selectItemDescription {
195  color: GrayText;
196}
197
198/**
199 * Downloads pane
200 */
201
202#clearDownloadsButton {
203  list-style-image: none !important;
204}
205
206#clearDownloadsButton > .toolbarbutton-icon {
207  display: none;
208}
209