The Tor Browser / file comparison
comparison: browser/themes/osx/places/places.css
browser/themes/osx/places/places.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:35ab8b069d67 |
|---|---|
| 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 /* Sidebars */ | |
| 8 | |
| 9 #bookmarksPanel, | |
| 10 #history-panel, | |
| 11 #sidebar-search-container { | |
| 12 -moz-appearance: none !important; | |
| 13 background-color: transparent !important; | |
| 14 border-top: none !important; | |
| 15 } | |
| 16 | |
| 17 .sidebar-placesTree, | |
| 18 .sidebar-placesTreechildren::-moz-tree-row { | |
| 19 background-color: transparent; | |
| 20 border-color: transparent; | |
| 21 padding-bottom: 1px; | |
| 22 -moz-appearance: none; | |
| 23 margin: 0; | |
| 24 border: none; | |
| 25 } | |
| 26 | |
| 27 .sidebar-placesTreechildren::-moz-tree-separator { | |
| 28 border-top: 1px solid #505d6d; | |
| 29 margin: 0 10px; | |
| 30 } | |
| 31 | |
| 32 .sidebar-placesTree { | |
| 33 border-top: 1px solid #bebebe; | |
| 34 } | |
| 35 | |
| 36 .sidebar-placesTreechildren::-moz-tree-row(selected) { | |
| 37 background: @sidebarItemBackground@; | |
| 38 border-top: @sidebarItemBorderTop@; | |
| 39 } | |
| 40 | |
| 41 .sidebar-placesTreechildren::-moz-tree-row(selected,focus) { | |
| 42 background: @sidebarItemFocusedBackground@; | |
| 43 border-top: @sidebarItemFocusedBorderTop@; | |
| 44 } | |
| 45 | |
| 46 .sidebar-placesTreechildren:-moz-system-metric(mac-graphite-theme)::-moz-tree-row(selected) { | |
| 47 background: @sidebarItemGraphiteBackground@; | |
| 48 border-top: @sidebarItemGraphiteBorderTop@; | |
| 49 } | |
| 50 | |
| 51 .sidebar-placesTreechildren:-moz-system-metric(mac-graphite-theme)::-moz-tree-row(selected,focus) { | |
| 52 background: @sidebarItemGraphiteFocusedBackground@; | |
| 53 border-top: @sidebarItemGraphiteFocusedBorderTop@; | |
| 54 } | |
| 55 | |
| 56 .sidebar-placesTreechildren::-moz-tree-cell-text(selected) { | |
| 57 font-weight: bold !important; | |
| 58 color: #ffffff !important; | |
| 59 } | |
| 60 | |
| 61 #sidebar-search-label { | |
| 62 display: none; | |
| 63 } | |
| 64 | |
| 65 #viewButton { | |
| 66 -moz-appearance: none; | |
| 67 border: 1px solid #7F7F7F; | |
| 68 border-radius: 10px; | |
| 69 background: @toolbarbuttonBackground@; | |
| 70 min-width: 0px; | |
| 71 min-height: 0px; | |
| 72 -moz-padding-start: 5px; | |
| 73 -moz-padding-end: 0px; | |
| 74 padding-top: 1px; | |
| 75 padding-bottom: 1px; | |
| 76 } | |
| 77 | |
| 78 #viewButton .button-menu-dropmarker { | |
| 79 display: -moz-box; | |
| 80 list-style-image: url("chrome://global/skin/icons/menulist-dropmarker.png"); | |
| 81 } | |
| 82 | |
| 83 #viewButton:focus { | |
| 84 outline: 2px solid #4A8BC7; | |
| 85 outline-offset: -2px; | |
| 86 -moz-outline-radius: 10px; | |
| 87 } | |
| 88 | |
| 89 #sidebar-search-container { | |
| 90 margin: 0 4px 6px; | |
| 91 } | |
| 92 | |
| 93 /* Trees */ | |
| 94 | |
| 95 treechildren::-moz-tree-image(title) { | |
| 96 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); | |
| 97 -moz-padding-end: 2px; | |
| 98 margin: 0px 2px; | |
| 99 width: 16px; | |
| 100 height: 16px; | |
| 101 } | |
| 102 | |
| 103 treechildren::-moz-tree-image(title, livemarkItem) { | |
| 104 list-style-image: url("chrome://browser/skin/places/livemark-item.png"); | |
| 105 -moz-image-region: rect(0px, 16px, 16px, 0px); | |
| 106 } | |
| 107 | |
| 108 treechildren::-moz-tree-image(title, livemarkItem, visited) { | |
| 109 -moz-image-region: rect(0px, 32px, 16px, 16px); | |
| 110 } | |
| 111 | |
| 112 treechildren::-moz-tree-image(title, container), | |
| 113 treechildren::-moz-tree-image(title, open) { | |
| 114 list-style-image: url("chrome://global/skin/tree/folder.png"); | |
| 115 -moz-image-region: rect(0, 16px, 16px, 0); | |
| 116 } | |
| 117 | |
| 118 treechildren::-moz-tree-image(title, separator) { | |
| 119 list-style-image: none; | |
| 120 width: 0 !important; | |
| 121 height: 0 !important; | |
| 122 margin: 0; | |
| 123 } | |
| 124 | |
| 125 treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) { | |
| 126 list-style-image: url("chrome://browser/skin/places/allBookmarks.png"); | |
| 127 } | |
| 128 | |
| 129 treechildren::-moz-tree-image(container, livemark) { | |
| 130 list-style-image: url("chrome://browser/skin/page-livemarks.png"); | |
| 131 } | |
| 132 | |
| 133 treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { | |
| 134 list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); | |
| 135 } | |
| 136 | |
| 137 treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { | |
| 138 list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png"); | |
| 139 } | |
| 140 | |
| 141 treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { | |
| 142 list-style-image: url("chrome://browser/skin/places/unfiledBookmarks.png"); | |
| 143 } | |
| 144 | |
| 145 /* query-nodes should be styled even if they're not expandable */ | |
| 146 treechildren::-moz-tree-image(query) { | |
| 147 list-style-image: url("chrome://browser/skin/places/query.png"); | |
| 148 } | |
| 149 | |
| 150 treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) { | |
| 151 list-style-image: url("chrome://browser/skin/places/downloads.png"); | |
| 152 } | |
| 153 | |
| 154 treechildren::-moz-tree-image(title, query, tagContainer), | |
| 155 treechildren::-moz-tree-image(query, OrganizerQuery_Tags) { | |
| 156 list-style-image: url("chrome://browser/skin/places/tag.png"); | |
| 157 } | |
| 158 | |
| 159 /* calendar icon for folders grouping items by date */ | |
| 160 treechildren::-moz-tree-image(title, query, dayContainer) { | |
| 161 list-style-image: url("chrome://browser/skin/places/history.png"); | |
| 162 } | |
| 163 | |
| 164 treechildren::-moz-tree-image(title, query, hostContainer) { | |
| 165 list-style-image: url("chrome://global/skin/tree/folder.png"); | |
| 166 } | |
| 167 | |
| 168 treechildren::-moz-tree-image(title, query, hostContainer, open) { | |
| 169 list-style-image: url("chrome://global/skin/tree/folder.png"); | |
| 170 } | |
| 171 | |
| 172 treechildren::-moz-tree-image(query, OrganizerQuery_History) { | |
| 173 list-style-image: url("chrome://browser/skin/places/history.png"); | |
| 174 } | |
| 175 | |
| 176 /* We want some queries to look like ordinary folders. This must come | |
| 177 after the (title, query) selector, or it would get overridden. */ | |
| 178 treechildren::-moz-tree-image(title, query, folder), | |
| 179 treechildren::-moz-tree-image(title, query, folder, open) { | |
| 180 list-style-image: url("chrome://global/skin/tree/folder.png"); | |
| 181 -moz-image-region: rect(0, 16px, 16px, 0); | |
| 182 } | |
| 183 | |
| 184 treechildren::-moz-tree-cell-text(title, separator) { | |
| 185 color: ThreeDShadow; | |
| 186 margin: 0px 5px; | |
| 187 } | |
| 188 | |
| 189 treechildren::-moz-tree-cell-text(title, separator, selected, focus) { | |
| 190 color: HighlightText; | |
| 191 } | |
| 192 | |
| 193 treechildren::-moz-tree-twisty(title, separator) { | |
| 194 -moz-appearance: none; | |
| 195 padding: 0px; | |
| 196 } | |
| 197 | |
| 198 treechildren::-moz-tree-image(cutting) { | |
| 199 opacity: 0.5; | |
| 200 } | |
| 201 | |
| 202 treechildren::-moz-tree-cell-text(cutting) { | |
| 203 opacity: 0.7; | |
| 204 } |
