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