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