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