michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: %include ../shared.inc
michael@0: 
michael@0: /* Sidebars */
michael@0: 
michael@0: #bookmarksPanel, 
michael@0: #history-panel,
michael@0: #sidebar-search-container {
michael@0:   -moz-appearance: none !important;
michael@0:   background-color: transparent !important;
michael@0:   border-top: none !important;
michael@0: }
michael@0: 
michael@0: .sidebar-placesTree,
michael@0: .sidebar-placesTreechildren::-moz-tree-row {
michael@0:   background-color: transparent;
michael@0:   border-color: transparent;
michael@0:   padding-bottom: 1px;
michael@0:   -moz-appearance: none;
michael@0:   margin: 0;
michael@0:   border: none;
michael@0: }
michael@0: 
michael@0: .sidebar-placesTreechildren::-moz-tree-separator {
michael@0:   border-top: 1px solid #505d6d;
michael@0:   margin: 0 10px;
michael@0: }
michael@0: 
michael@0: .sidebar-placesTree {
michael@0:   border-top: 1px solid #bebebe;
michael@0: }
michael@0: 
michael@0: .sidebar-placesTreechildren::-moz-tree-row(selected) {
michael@0:   background: @sidebarItemBackground@;
michael@0:   border-top: @sidebarItemBorderTop@;
michael@0: }
michael@0: 
michael@0: .sidebar-placesTreechildren::-moz-tree-row(selected,focus) {
michael@0:   background: @sidebarItemFocusedBackground@;
michael@0:   border-top: @sidebarItemFocusedBorderTop@;
michael@0: }
michael@0: 
michael@0: .sidebar-placesTreechildren:-moz-system-metric(mac-graphite-theme)::-moz-tree-row(selected) {
michael@0:   background: @sidebarItemGraphiteBackground@;
michael@0:   border-top: @sidebarItemGraphiteBorderTop@;
michael@0: }
michael@0: 
michael@0: .sidebar-placesTreechildren:-moz-system-metric(mac-graphite-theme)::-moz-tree-row(selected,focus) {
michael@0:   background: @sidebarItemGraphiteFocusedBackground@;
michael@0:   border-top: @sidebarItemGraphiteFocusedBorderTop@;
michael@0: }
michael@0: 
michael@0: .sidebar-placesTreechildren::-moz-tree-cell-text(selected) {  
michael@0:   font-weight: bold !important;
michael@0:   color: #ffffff !important;
michael@0: }
michael@0: 
michael@0: #sidebar-search-label {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #viewButton {
michael@0:   -moz-appearance: none;
michael@0:   border: 1px solid #7F7F7F;
michael@0:   border-radius: 10px;
michael@0:   background: @toolbarbuttonBackground@;
michael@0:   min-width: 0px;
michael@0:   min-height: 0px;
michael@0:   -moz-padding-start: 5px;
michael@0:   -moz-padding-end: 0px;
michael@0:   padding-top: 1px;
michael@0:   padding-bottom: 1px;
michael@0: }
michael@0: 
michael@0: #viewButton .button-menu-dropmarker {
michael@0:   display: -moz-box;
michael@0:   list-style-image: url("chrome://global/skin/icons/menulist-dropmarker.png");
michael@0: }
michael@0: 
michael@0: #viewButton:focus {
michael@0:   outline: 2px solid #4A8BC7;
michael@0:   outline-offset: -2px;
michael@0:   -moz-outline-radius: 10px;
michael@0: }
michael@0: 
michael@0: #sidebar-search-container {
michael@0:   margin: 0 4px 6px;
michael@0: }
michael@0: 
michael@0: /* Trees */
michael@0: 
michael@0: treechildren::-moz-tree-image(title) {
michael@0:   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
michael@0:   -moz-padding-end: 2px;
michael@0:   margin: 0px 2px;
michael@0:   width: 16px;
michael@0:   height: 16px;
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(title, livemarkItem) {
michael@0:   list-style-image: url("chrome://browser/skin/places/livemark-item.png");
michael@0:   -moz-image-region: rect(0px, 16px, 16px, 0px);
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(title, livemarkItem, visited) {
michael@0:   -moz-image-region: rect(0px, 32px, 16px, 16px);
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(title, container),
michael@0: treechildren::-moz-tree-image(title, open) {
michael@0:   list-style-image: url("chrome://global/skin/tree/folder.png");
michael@0:   -moz-image-region: rect(0, 16px, 16px, 0);
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(title, separator) {
michael@0:   list-style-image: none;
michael@0:   width: 0 !important;
michael@0:   height: 0 !important;
michael@0:   margin: 0;
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) {
michael@0:   list-style-image: url("chrome://browser/skin/places/allBookmarks.png");
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(container, livemark) {
michael@0:   list-style-image: url("chrome://browser/skin/page-livemarks.png");
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
michael@0:   list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
michael@0:   list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png");
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
michael@0:   list-style-image: url("chrome://browser/skin/places/unfiledBookmarks.png");
michael@0: }
michael@0: 
michael@0: /* query-nodes should be styled even if they're not expandable */
michael@0: treechildren::-moz-tree-image(query) {
michael@0:   list-style-image: url("chrome://browser/skin/places/query.png");
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) {
michael@0:   list-style-image: url("chrome://browser/skin/places/downloads.png");
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(title, query, tagContainer),
michael@0: treechildren::-moz-tree-image(query, OrganizerQuery_Tags) {
michael@0:   list-style-image: url("chrome://browser/skin/places/tag.png");
michael@0: }
michael@0: 
michael@0: /* calendar icon for folders grouping items by date */
michael@0: treechildren::-moz-tree-image(title, query, dayContainer) {
michael@0:   list-style-image: url("chrome://browser/skin/places/history.png");
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(title, query, hostContainer) {
michael@0:   list-style-image: url("chrome://global/skin/tree/folder.png");
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(title, query, hostContainer, open) {
michael@0:   list-style-image: url("chrome://global/skin/tree/folder.png");
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(query, OrganizerQuery_History) {
michael@0:   list-style-image: url("chrome://browser/skin/places/history.png");
michael@0: }
michael@0: 
michael@0: /* We want some queries to look like ordinary folders. This must come
michael@0:    after the (title, query) selector, or it would get overridden. */
michael@0: treechildren::-moz-tree-image(title, query, folder),
michael@0: treechildren::-moz-tree-image(title, query, folder, open) {
michael@0:   list-style-image: url("chrome://global/skin/tree/folder.png");
michael@0:   -moz-image-region: rect(0, 16px, 16px, 0);
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-cell-text(title, separator) {
michael@0:   color: ThreeDShadow;
michael@0:   margin: 0px 5px;
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-cell-text(title, separator, selected, focus) {
michael@0:   color: HighlightText;
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-twisty(title, separator) {
michael@0:   -moz-appearance: none;
michael@0:   padding: 0px;
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(cutting) {
michael@0:   opacity: 0.5;
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-cell-text(cutting) {
michael@0:   opacity: 0.7;
michael@0: }