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/customizableui/panelUIOverlay.inc.css
michael@0: 
michael@0: #PanelUI-contents #zoom-out-btn {
michael@0:   padding-left: 12px;
michael@0:   padding-right: 12px;
michael@0: }
michael@0: 
michael@0: #PanelUI-contents #zoom-in-btn {
michael@0:   padding-left: 12px;
michael@0:   padding-right: 12px;
michael@0: }
michael@0: 
michael@0: /* bookmark panel submenus */
michael@0: 
michael@0: #BMB_bookmarksPopup menupopup[placespopup=true] {
michael@0:   -moz-appearance: none;
michael@0:   background: transparent;
michael@0:   border: none;
michael@0:   padding: 6px;
michael@0: }
michael@0: 
michael@0: #BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
michael@0:   /* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
michael@0:   box-shadow: 0 0 4px rgba(0,0,0,0.2);
michael@0:   background: #FFF;
michael@0:   border: 1px solid rgba(0,0,0,0.25);
michael@0:   border-radius: 3.5px;
michael@0:   margin-top: -4px;
michael@0: }
michael@0: 
michael@0: #BMB_bookmarksPopup menupopup {
michael@0:   padding-top: 2px;
michael@0: }
michael@0: 
michael@0: /* Add some space at the top because there are no headers: */
michael@0: #BMB_bookmarksPopup menupopup[placespopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox  {
michael@0:   padding-top: 4px;
michael@0: }
michael@0: 
michael@0: #BMB_bookmarksPopup .menu-text {
michael@0:   color: #000;
michael@0: }
michael@0: 
michael@0: #BMB_bookmarksPopup .subviewbutton[disabled=true] > .menu-text {
michael@0:   color: #6d6d6d;
michael@0: }
michael@0: 
michael@0: /* bookmark panel separator */
michael@0: #BMB_bookmarksPopup menuseparator {
michael@0:   padding-top: 0;
michael@0:   padding-bottom: 0;
michael@0: }
michael@0: 
michael@0: .subviewbutton > .menu-right,
michael@0: .subviewbutton > .menu-iconic-left {
michael@0:   padding-top: 1px;
michael@0:   margin-top: 1px;
michael@0:   margin-bottom: 2px;
michael@0: }
michael@0: 
michael@0: /* Disabled empty item looks too small otherwise, because it has no icon. */
michael@0: menuitem.subviewbutton[disabled]:not(.menuitem-iconic),
michael@0: /* Same for checkbox menu items, whose icons lose size due to -moz-appearance: none: */
michael@0: menuitem[type="checkbox"].subviewbutton {
michael@0:   /* This is 16px for an icon + 3px for its margins + 1px for its padding +
michael@0:    * 2px for its border, see above */
michael@0:   min-height: 22px;
michael@0: }
michael@0: 
michael@0: .subviewbutton > .toolbarbutton-text {
michael@0:   padding-top: 3px;
michael@0:   padding-bottom: 3px;
michael@0: }
michael@0: 
michael@0: .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
michael@0:   -moz-appearance: none;
michael@0:   border: 0;
michael@0:   -moz-margin-start: 3px;
michael@0: }
michael@0: 
michael@0: .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
michael@0:   padding: 0 2px;
michael@0:   -moz-padding-start: 0;
michael@0:   height: 18px;
michael@0: }
michael@0: 
michael@0: .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
michael@0:   padding: 0 6px;
michael@0: }
michael@0: 
michael@0: .subviewbutton > .toolbarbutton-text {
michael@0:   -moz-padding-start: 16px;
michael@0: }
michael@0: 
michael@0: .subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item) > .toolbarbutton-text {
michael@0:   -moz-padding-start: 0;
michael@0: }
michael@0: 
michael@0: .subviewbutton.bookmark-item > .toolbarbutton-icon {
michael@0:   -moz-margin-start: 3px;
michael@0: }
michael@0: 
michael@0: /* subviewbutton entries for social sidebars have images that come from external
michael@0: /* sources, and are not guaranteed to be the size we want, so force the size on
michael@0: /* those icons. */
michael@0: toolbarbutton.social-provider-menuitem > .toolbarbutton-icon {
michael@0:   width: 16px;
michael@0:   height: 16px;
michael@0: }
michael@0: 
michael@0: .subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item)[checked="true"] > .toolbarbutton-icon {
michael@0:   visibility: hidden;
michael@0: }
michael@0: 
michael@0: menu.subviewbutton > .menu-right {
michael@0:   -moz-appearance: none;
michael@0:   list-style-image: url(chrome://browser/skin/places/bookmarks-menu-arrow.png);
michael@0:   -moz-image-region: rect(0, 16px, 16px, 0);
michael@0: }
michael@0: 
michael@0: menu[disabled="true"].subviewbutton > .menu-right {
michael@0:   -moz-image-region: rect(0, 32px, 16px, 16px);
michael@0: }
michael@0: 
michael@0: %ifdef WINDOWS_AERO
michael@0: /* Win8 and beyond. */
michael@0: @media not all and (-moz-os-version: windows-vista) {
michael@0:   @media not all and (-moz-os-version: windows-win7) {
michael@0:     panelview .toolbarbutton-1,
michael@0:     .subviewbutton,
michael@0:     .widget-overflow-list .toolbarbutton-1,
michael@0:     .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button,
michael@0:     #BMB_bookmarksPopup menupopup[placespopup=true] > hbox,
michael@0:     #edit-controls@inAnyPanel@,
michael@0:     #zoom-controls@inAnyPanel@,
michael@0:     #edit-controls@inAnyPanel@ > toolbarbutton,
michael@0:     #zoom-controls@inAnyPanel@ > toolbarbutton {
michael@0:       border-radius: 0;
michael@0:     }
michael@0:   }
michael@0: }
michael@0: %endif