1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/osx/places/places.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,204 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +%include ../shared.inc
1.9 +
1.10 +/* Sidebars */
1.11 +
1.12 +#bookmarksPanel,
1.13 +#history-panel,
1.14 +#sidebar-search-container {
1.15 + -moz-appearance: none !important;
1.16 + background-color: transparent !important;
1.17 + border-top: none !important;
1.18 +}
1.19 +
1.20 +.sidebar-placesTree,
1.21 +.sidebar-placesTreechildren::-moz-tree-row {
1.22 + background-color: transparent;
1.23 + border-color: transparent;
1.24 + padding-bottom: 1px;
1.25 + -moz-appearance: none;
1.26 + margin: 0;
1.27 + border: none;
1.28 +}
1.29 +
1.30 +.sidebar-placesTreechildren::-moz-tree-separator {
1.31 + border-top: 1px solid #505d6d;
1.32 + margin: 0 10px;
1.33 +}
1.34 +
1.35 +.sidebar-placesTree {
1.36 + border-top: 1px solid #bebebe;
1.37 +}
1.38 +
1.39 +.sidebar-placesTreechildren::-moz-tree-row(selected) {
1.40 + background: @sidebarItemBackground@;
1.41 + border-top: @sidebarItemBorderTop@;
1.42 +}
1.43 +
1.44 +.sidebar-placesTreechildren::-moz-tree-row(selected,focus) {
1.45 + background: @sidebarItemFocusedBackground@;
1.46 + border-top: @sidebarItemFocusedBorderTop@;
1.47 +}
1.48 +
1.49 +.sidebar-placesTreechildren:-moz-system-metric(mac-graphite-theme)::-moz-tree-row(selected) {
1.50 + background: @sidebarItemGraphiteBackground@;
1.51 + border-top: @sidebarItemGraphiteBorderTop@;
1.52 +}
1.53 +
1.54 +.sidebar-placesTreechildren:-moz-system-metric(mac-graphite-theme)::-moz-tree-row(selected,focus) {
1.55 + background: @sidebarItemGraphiteFocusedBackground@;
1.56 + border-top: @sidebarItemGraphiteFocusedBorderTop@;
1.57 +}
1.58 +
1.59 +.sidebar-placesTreechildren::-moz-tree-cell-text(selected) {
1.60 + font-weight: bold !important;
1.61 + color: #ffffff !important;
1.62 +}
1.63 +
1.64 +#sidebar-search-label {
1.65 + display: none;
1.66 +}
1.67 +
1.68 +#viewButton {
1.69 + -moz-appearance: none;
1.70 + border: 1px solid #7F7F7F;
1.71 + border-radius: 10px;
1.72 + background: @toolbarbuttonBackground@;
1.73 + min-width: 0px;
1.74 + min-height: 0px;
1.75 + -moz-padding-start: 5px;
1.76 + -moz-padding-end: 0px;
1.77 + padding-top: 1px;
1.78 + padding-bottom: 1px;
1.79 +}
1.80 +
1.81 +#viewButton .button-menu-dropmarker {
1.82 + display: -moz-box;
1.83 + list-style-image: url("chrome://global/skin/icons/menulist-dropmarker.png");
1.84 +}
1.85 +
1.86 +#viewButton:focus {
1.87 + outline: 2px solid #4A8BC7;
1.88 + outline-offset: -2px;
1.89 + -moz-outline-radius: 10px;
1.90 +}
1.91 +
1.92 +#sidebar-search-container {
1.93 + margin: 0 4px 6px;
1.94 +}
1.95 +
1.96 +/* Trees */
1.97 +
1.98 +treechildren::-moz-tree-image(title) {
1.99 + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
1.100 + -moz-padding-end: 2px;
1.101 + margin: 0px 2px;
1.102 + width: 16px;
1.103 + height: 16px;
1.104 +}
1.105 +
1.106 +treechildren::-moz-tree-image(title, livemarkItem) {
1.107 + list-style-image: url("chrome://browser/skin/places/livemark-item.png");
1.108 + -moz-image-region: rect(0px, 16px, 16px, 0px);
1.109 +}
1.110 +
1.111 +treechildren::-moz-tree-image(title, livemarkItem, visited) {
1.112 + -moz-image-region: rect(0px, 32px, 16px, 16px);
1.113 +}
1.114 +
1.115 +treechildren::-moz-tree-image(title, container),
1.116 +treechildren::-moz-tree-image(title, open) {
1.117 + list-style-image: url("chrome://global/skin/tree/folder.png");
1.118 + -moz-image-region: rect(0, 16px, 16px, 0);
1.119 +}
1.120 +
1.121 +treechildren::-moz-tree-image(title, separator) {
1.122 + list-style-image: none;
1.123 + width: 0 !important;
1.124 + height: 0 !important;
1.125 + margin: 0;
1.126 +}
1.127 +
1.128 +treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) {
1.129 + list-style-image: url("chrome://browser/skin/places/allBookmarks.png");
1.130 +}
1.131 +
1.132 +treechildren::-moz-tree-image(container, livemark) {
1.133 + list-style-image: url("chrome://browser/skin/page-livemarks.png");
1.134 +}
1.135 +
1.136 +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
1.137 + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
1.138 +}
1.139 +
1.140 +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
1.141 + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png");
1.142 +}
1.143 +
1.144 +treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
1.145 + list-style-image: url("chrome://browser/skin/places/unfiledBookmarks.png");
1.146 +}
1.147 +
1.148 +/* query-nodes should be styled even if they're not expandable */
1.149 +treechildren::-moz-tree-image(query) {
1.150 + list-style-image: url("chrome://browser/skin/places/query.png");
1.151 +}
1.152 +
1.153 +treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) {
1.154 + list-style-image: url("chrome://browser/skin/places/downloads.png");
1.155 +}
1.156 +
1.157 +treechildren::-moz-tree-image(title, query, tagContainer),
1.158 +treechildren::-moz-tree-image(query, OrganizerQuery_Tags) {
1.159 + list-style-image: url("chrome://browser/skin/places/tag.png");
1.160 +}
1.161 +
1.162 +/* calendar icon for folders grouping items by date */
1.163 +treechildren::-moz-tree-image(title, query, dayContainer) {
1.164 + list-style-image: url("chrome://browser/skin/places/history.png");
1.165 +}
1.166 +
1.167 +treechildren::-moz-tree-image(title, query, hostContainer) {
1.168 + list-style-image: url("chrome://global/skin/tree/folder.png");
1.169 +}
1.170 +
1.171 +treechildren::-moz-tree-image(title, query, hostContainer, open) {
1.172 + list-style-image: url("chrome://global/skin/tree/folder.png");
1.173 +}
1.174 +
1.175 +treechildren::-moz-tree-image(query, OrganizerQuery_History) {
1.176 + list-style-image: url("chrome://browser/skin/places/history.png");
1.177 +}
1.178 +
1.179 +/* We want some queries to look like ordinary folders. This must come
1.180 + after the (title, query) selector, or it would get overridden. */
1.181 +treechildren::-moz-tree-image(title, query, folder),
1.182 +treechildren::-moz-tree-image(title, query, folder, open) {
1.183 + list-style-image: url("chrome://global/skin/tree/folder.png");
1.184 + -moz-image-region: rect(0, 16px, 16px, 0);
1.185 +}
1.186 +
1.187 +treechildren::-moz-tree-cell-text(title, separator) {
1.188 + color: ThreeDShadow;
1.189 + margin: 0px 5px;
1.190 +}
1.191 +
1.192 +treechildren::-moz-tree-cell-text(title, separator, selected, focus) {
1.193 + color: HighlightText;
1.194 +}
1.195 +
1.196 +treechildren::-moz-tree-twisty(title, separator) {
1.197 + -moz-appearance: none;
1.198 + padding: 0px;
1.199 +}
1.200 +
1.201 +treechildren::-moz-tree-image(cutting) {
1.202 + opacity: 0.5;
1.203 +}
1.204 +
1.205 +treechildren::-moz-tree-cell-text(cutting) {
1.206 + opacity: 0.7;
1.207 +}
