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: /* Places Organizer Sidebars */
michael@0: 
michael@0: #placesList > treechildren::-moz-tree-row {
michael@0:   background-color: transparent;
michael@0:   border-color: transparent;
michael@0: }
michael@0: 
michael@0: #placesList > treechildren::-moz-tree-row(selected) {  
michael@0:   background: @sidebarItemBackground@;
michael@0:   border-top: @sidebarItemBorderTop@;
michael@0: }
michael@0: 
michael@0: #placesList > treechildren::-moz-tree-row(selected,focus) {  
michael@0:   background: @sidebarItemFocusedBackground@;
michael@0:   border-top: @sidebarItemFocusedBorderTop@;
michael@0: }
michael@0: 
michael@0: #placesList:-moz-system-metric(mac-graphite-theme) > treechildren::-moz-tree-row(selected) {
michael@0:   background: @sidebarItemGraphiteBackground@;
michael@0:   border-top: @sidebarItemGraphiteBorderTop@;
michael@0: }
michael@0: 
michael@0: #placesList:-moz-system-metric(mac-graphite-theme) > treechildren::-moz-tree-row(selected,focus) {
michael@0:   background: @sidebarItemGraphiteFocusedBackground@;
michael@0:   border-top: @sidebarItemGraphiteFocusedBorderTop@;
michael@0: }
michael@0: 
michael@0: #placesList > treechildren:-moz-window-inactive::-moz-tree-row(selected) {
michael@0:   background: @sidebarItemInactiveBackground@;
michael@0:   border-top: @sidebarItemInactiveBorderTop@;
michael@0: }
michael@0: 
michael@0: #placesList > treechildren::-moz-tree-row(History),
michael@0: #placesList > treechildren::-moz-tree-row(history)  {
michael@0:   background-color: blue;
michael@0: }
michael@0: 
michael@0: #placesList > treechildren::-moz-tree-cell(separator) {
michael@0:   cursor: default;
michael@0: }
michael@0: 
michael@0: #placesList > treechildren::-moz-tree-separator {
michael@0:   border-top: 1px solid #505d6d;
michael@0:   margin: 0 10px;
michael@0: }
michael@0: 
michael@0: #placesList > treechildren::-moz-tree-cell-text(selected) {  
michael@0:   font-weight: bold !important;
michael@0:   color: #ffffff !important;
michael@0: }
michael@0: 
michael@0: #placesToolbar {
michael@0:   padding: 0 4px 3px;
michael@0: }
michael@0: 
michael@0: #placesView {
michael@0:   border-top: none !important;
michael@0: }
michael@0: 
michael@0: #placesView > splitter {
michael@0:   -moz-border-start: none !important;
michael@0:   -moz-border-end: 1px solid #bdbdbd;
michael@0:   min-width: 1px;
michael@0:   width: 1px;
michael@0:   background-image: none !important;       
michael@0: }
michael@0: 
michael@0: #placesToolbar > toolbarbutton {
michael@0:   list-style-image: url("chrome://browser/skin/places/toolbar.png");
michael@0:   margin: 4px 4px 5px;
michael@0:   padding: 0;
michael@0:   height: 22px;
michael@0:   -moz-appearance: toolbarbutton;
michael@0: }
michael@0: 
michael@0: #placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon {
michael@0:   opacity: 0.5;
michael@0: }
michael@0: 
michael@0: #placesToolbar > toolbarbutton > .toolbarbutton-icon {
michael@0:   margin: 1px 4px;
michael@0: }
michael@0: 
michael@0: #placesToolbar > toolbarbutton > .toolbarbutton-text {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker {
michael@0:   list-style-image: url(chrome://browser/skin/toolbarbutton-dropmarker.png);
michael@0:   padding: 0;
michael@0:   margin-top: 1px;
michael@0:   -moz-margin-end: 2px;
michael@0: }
michael@0: 
michael@0: @media (min-resolution: 2dppx) {
michael@0:   #placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker {
michael@0:     list-style-image: url(chrome://browser/skin/toolbarbutton-dropmarker@2x.png);
michael@0:   }
michael@0: 
michael@0:   #placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker > .dropmarker-icon {
michael@0:     width: 7px;
michael@0:   }
michael@0: }
michael@0: 
michael@0: @media (-moz-mac-lion-theme) {
michael@0:   #placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon,
michael@0:   #placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive > .toolbarbutton-icon,
michael@0:   #placesToolbar > toolbarbutton[type="menu"][disabled="true"] > .toolbarbutton-menu-dropmarker,
michael@0:   #placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive[type="menu"] > .toolbarbutton-menu-dropmarker {
michael@0:     opacity: .5;
michael@0:   }
michael@0: 
michael@0:   #placesToolbar > toolbarbutton:-moz-window-inactive[disabled="true"] > .toolbarbutton-icon,
michael@0:   #placesToolbar > toolbarbutton:-moz-window-inactive[type="menu"][disabled="true"] > .toolbarbutton-menu-dropmarker {
michael@0:     opacity: .25;
michael@0:   }
michael@0: }
michael@0: 
michael@0: #placesToolbar > toolbarbutton > menupopup {
michael@0:   margin-top: 1px;
michael@0: }
michael@0: 
michael@0: /* back and forward button */
michael@0: #back-button:-moz-locale-dir(ltr),
michael@0: #forward-button:-moz-locale-dir(rtl) {
michael@0:   -moz-image-region: rect(0px, 16px, 16px, 0px);
michael@0:   margin-right: 0;
michael@0: }
michael@0: 
michael@0: #forward-button:-moz-locale-dir(ltr),
michael@0: #back-button:-moz-locale-dir(rtl) {
michael@0:   -moz-image-region: rect(0px, 32px, 16px, 16px);
michael@0:   margin-left: 0;
michael@0: }
michael@0: 
michael@0: #back-button > .toolbarbutton-icon {
michael@0:   -moz-margin-start: 3px !important;
michael@0:   -moz-margin-end: 2px !important;
michael@0: }
michael@0: 
michael@0: #forward-button > .toolbarbutton-icon {
michael@0:   -moz-margin-start: 2px !important;
michael@0:   -moz-margin-end: 3px !important;
michael@0: }
michael@0: 
michael@0: /* organize button */
michael@0: #organizeButton {
michael@0:   -moz-image-region: rect(0px, 48px, 16px, 32px);
michael@0: }
michael@0: 
michael@0: /* view button */
michael@0: #viewMenu {
michael@0:   -moz-image-region: rect(0px, 64px, 16px, 48px);
michael@0: }
michael@0: 
michael@0: /* maintenance button */
michael@0: #maintenanceButton {
michael@0:   -moz-image-region: rect(0px, 80px, 16px, 64px);
michael@0: }
michael@0: 
michael@0: /* Root View */
michael@0: #placesView {
michael@0:   border-top: 1px solid ThreeDDarkShadow;
michael@0:   -moz-user-focus: ignore;
michael@0: }
michael@0: 
michael@0: /* Place List, Place Content */
michael@0: #placesList {
michael@0:   background-color: #e2e7ed;
michael@0:   width: 160px;
michael@0: }
michael@0: 
michael@0: #placesList:-moz-window-inactive {
michael@0:   background-color: #e8e8e8;
michael@0: }
michael@0: 
michael@0: /* Info box */
michael@0: #detailsDeck {
michael@0:   border-top: 1px solid #919191;
michael@0:   background-color: #f0f0f0;
michael@0:   padding: 10px;
michael@0: }
michael@0: 
michael@0: #placeContent {
michael@0:   -moz-appearance: none;
michael@0:   border: 0px;
michael@0: }
michael@0: 
michael@0: #placeContent > treechildren::-moz-tree-row {
michael@0:   border-top: none !important;
michael@0:   padding-top: 1px;
michael@0: }
michael@0: 
michael@0: #placeContent > treechildren::-moz-tree-row(odd) {
michael@0:   background-color: #edf3fe;
michael@0: }
michael@0: 
michael@0: #placeContent > treechildren::-moz-tree-row(selected),
michael@0: #placeContent > treechildren::-moz-tree-row(odd, selected) {
michael@0:   background-color: -moz-mac-secondaryhighlight;
michael@0: }
michael@0: 
michael@0: #placeContent > treechildren::-moz-tree-row(selected, focus), 
michael@0: #placeContent > treechildren::-moz-tree-row(odd, selected, focus) {
michael@0:   background-color: Highlight;
michael@0:   color: HighlightText !important;
michael@0: }
michael@0: 
michael@0: #placeContent > treechildren::-moz-tree-cell,
michael@0: #placeContent > treechildren::-moz-tree-column {
michael@0:   border-right: 1px solid #d7dad7;
michael@0: }
michael@0: 
michael@0: #placeContent > treechildren::-moz-tree-cell(separator) {
michael@0:   border-color: transparent;
michael@0: }
michael@0: 
michael@0: /**** expanders ****/
michael@0: 
michael@0: .expander-up,
michael@0: .expander-down {
michael@0:   -moz-appearance: none;
michael@0:   margin-left: 8px;
michael@0:   padding: 0;
michael@0:   min-width: 0;
michael@0: }
michael@0: 
michael@0: .expander-up {
michael@0:   list-style-image: url("chrome://browser/skin/places/expander-open.png") !important;
michael@0: }
michael@0: 
michael@0: .expander-down {
michael@0:   list-style-image: url("chrome://browser/skin/places/expander-closed.png") !important;
michael@0: }
michael@0: 
michael@0: .expander-down:hover:active {
michael@0:   list-style-image: url("chrome://browser/skin/places/expander-closed-active.png") !important;
michael@0: }
michael@0: 
michael@0: .expander-up:hover:active {
michael@0:   list-style-image: url("chrome://browser/skin/places/expander-open-active.png") !important;
michael@0: }
michael@0: 
michael@0: /**
michael@0:  * info pane
michael@0:  */
michael@0: 
michael@0: /* More/Less button */
michael@0: 
michael@0: #infoBoxExpander {
michael@0:   list-style-image: url("chrome://browser/skin/places/twisty-open.gif");
michael@0:   -moz-appearance: none;
michael@0:   margin: 0;
michael@0:   padding: 0;
michael@0:   max-width: 0;
michael@0: }
michael@0: 
michael@0: #infoBoxExpanderLabel {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #infoBox[minimal="true"] #infoBoxExpander {
michael@0:   list-style-image: url("chrome://browser/skin/places/twisty-closed.gif");
michael@0: }
michael@0: 
michael@0: #itemsCountText,
michael@0: #selectItemDescription {
michael@0:   color: GrayText;
michael@0: }
michael@0: 
michael@0: .editBMPanel_rowLabel {
michael@0:   text-align: end;
michael@0: }
michael@0: 
michael@0: /**
michael@0:  * Downloads pane
michael@0:  */
michael@0: 
michael@0: #clearDownloadsButton {
michael@0:   list-style-image: none !important;
michael@0: }
michael@0: 
michael@0: #clearDownloadsButton > .toolbarbutton-icon {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #clearDownloadsButton > .toolbarbutton-text {
michael@0:   display: inline !important;
michael@0: }