247 lines
7.3 KiB
CSS
247 lines
7.3 KiB
CSS
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||
|
|
||
|
%include ../../shared/customizableui/panelUIOverlay.inc.css
|
||
|
|
||
|
.panel-subviews {
|
||
|
background-color: -moz-field;
|
||
|
}
|
||
|
|
||
|
#PanelUI-contents #zoom-out-btn {
|
||
|
padding-left: 12px;
|
||
|
padding-right: 12px;
|
||
|
}
|
||
|
|
||
|
#PanelUI-contents #zoom-in-btn {
|
||
|
padding-left: 12px;
|
||
|
padding-right: 12px;
|
||
|
}
|
||
|
|
||
|
/* bookmark panel submenus */
|
||
|
|
||
|
#BMB_bookmarksPopup menupopup[placespopup=true] {
|
||
|
-moz-appearance: none;
|
||
|
background: transparent;
|
||
|
border: none;
|
||
|
padding: 6px;
|
||
|
}
|
||
|
|
||
|
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
|
||
|
/* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
|
||
|
box-shadow: 0 0 4px rgba(0,0,0,0.2);
|
||
|
background: var(--panel-arrowcontent-background);
|
||
|
border: var(--panel-arrowcontent-border);
|
||
|
border-radius: 3.5px;
|
||
|
margin-top: -4px;
|
||
|
}
|
||
|
|
||
|
#BMB_bookmarksPopup menupopup {
|
||
|
padding-top: 2px;
|
||
|
}
|
||
|
|
||
|
/* Add some space at the top because there are no headers: */
|
||
|
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
|
||
|
padding-top: 4px;
|
||
|
}
|
||
|
|
||
|
/* bookmark panel separator */
|
||
|
#BMB_bookmarksPopup menuseparator {
|
||
|
padding-top: 0;
|
||
|
padding-bottom: 0;
|
||
|
}
|
||
|
|
||
|
.subviewbutton > .menu-right,
|
||
|
.subviewbutton > .menu-iconic-left {
|
||
|
padding-top: 1px;
|
||
|
margin-top: 1px;
|
||
|
margin-bottom: 2px;
|
||
|
}
|
||
|
|
||
|
/* Disabled empty item looks too small otherwise, because it has no icon. */
|
||
|
menuitem.subviewbutton[disabled]:not(.menuitem-iconic),
|
||
|
/* Same for checkbox menu items, whose icons lose size due to -moz-appearance: none: */
|
||
|
menuitem[type="checkbox"].subviewbutton {
|
||
|
/* This is 16px for an icon + 3px for its margins + 1px for its padding +
|
||
|
* 2px for its border, see above */
|
||
|
min-height: 22px;
|
||
|
}
|
||
|
|
||
|
.subviewbutton > .toolbarbutton-text {
|
||
|
padding-top: 3px;
|
||
|
padding-bottom: 3px;
|
||
|
}
|
||
|
|
||
|
.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||
|
-moz-appearance: none;
|
||
|
border: 0;
|
||
|
-moz-margin-start: 3px;
|
||
|
}
|
||
|
|
||
|
.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
|
||
|
padding: 0 2px;
|
||
|
-moz-padding-start: 0;
|
||
|
height: 18px;
|
||
|
}
|
||
|
|
||
|
.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
|
||
|
padding: 0 6px;
|
||
|
}
|
||
|
|
||
|
.subviewbutton > .toolbarbutton-text {
|
||
|
-moz-padding-start: 16px;
|
||
|
}
|
||
|
|
||
|
.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item) > .toolbarbutton-text {
|
||
|
-moz-padding-start: 0;
|
||
|
}
|
||
|
|
||
|
/* subviewbutton entries for social sidebars have images that come from external
|
||
|
/* sources, and are not guaranteed to be the size we want, so force the size on
|
||
|
/* those icons. */
|
||
|
toolbarbutton.social-provider-menuitem > .toolbarbutton-icon {
|
||
|
width: 16px;
|
||
|
height: 16px;
|
||
|
}
|
||
|
|
||
|
.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item)[checked="true"] > .toolbarbutton-icon {
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
|
||
|
menu.subviewbutton > .menu-right {
|
||
|
-moz-appearance: none;
|
||
|
list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg#arrow);
|
||
|
/* Reset the rect we inherit from the button: */
|
||
|
-moz-image-region: auto;
|
||
|
}
|
||
|
|
||
|
menu[disabled="true"].subviewbutton > .menu-right {
|
||
|
list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg#arrow-disabled);
|
||
|
}
|
||
|
|
||
|
@media not all and (-moz-windows-default-theme) {
|
||
|
menu[_moz-menuactive].subviewbutton > .menu-right {
|
||
|
list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg#arrow-hover);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) {
|
||
|
transform: scaleX(-1);
|
||
|
}
|
||
|
|
||
|
/* Win8 and beyond. */
|
||
|
@media not all and (-moz-os-version: windows-xp) {
|
||
|
@media not all and (-moz-os-version: windows-vista) {
|
||
|
@media not all and (-moz-os-version: windows-win7) {
|
||
|
panelview .toolbarbutton-1,
|
||
|
.subviewbutton,
|
||
|
.widget-overflow-list .toolbarbutton-1,
|
||
|
.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button,
|
||
|
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox,
|
||
|
#edit-controls@inAnyPanel@,
|
||
|
#zoom-controls@inAnyPanel@,
|
||
|
#edit-controls@inAnyPanel@ > toolbarbutton,
|
||
|
#zoom-controls@inAnyPanel@ > toolbarbutton {
|
||
|
border-radius: 0;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media not all and (-moz-windows-default-theme) {
|
||
|
#edit-controls@inAnyPanel@ > #copy-button,
|
||
|
#zoom-controls@inAnyPanel@ > #zoom-reset-button,
|
||
|
.toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton {
|
||
|
border: 1px solid transparent;
|
||
|
}
|
||
|
|
||
|
panelview .toolbarbutton-1@buttonStateHover@,
|
||
|
.widget-overflow-list .toolbarbutton-1@buttonStateHover@,
|
||
|
.toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton@buttonStateHover@ {
|
||
|
border-color: ThreeDLightShadow !important;
|
||
|
}
|
||
|
|
||
|
toolbarbutton.subviewbutton@buttonStateHover@,
|
||
|
menu.subviewbutton@menuStateHover@,
|
||
|
menuitem.subviewbutton@menuStateHover@ {
|
||
|
border-color: Highlight;
|
||
|
}
|
||
|
|
||
|
panelview:not(#PanelUI-mainView) .toolbarbutton-1@buttonStateHover@,
|
||
|
toolbarbutton.subviewbutton@buttonStateHover@,
|
||
|
menu.subviewbutton@menuStateHover@,
|
||
|
menuitem.subviewbutton@menuStateHover@,
|
||
|
.widget-overflow-list .toolbarbutton-1@buttonStateHover@ {
|
||
|
background-color: Highlight;
|
||
|
color: highlighttext;
|
||
|
}
|
||
|
|
||
|
panelview .toolbarbutton-1:-moz-any(@buttonStateActive@,[checked=true]),
|
||
|
toolbarbutton.subviewbutton@buttonStateActive@,
|
||
|
menu.subviewbutton@menuStateActive@,
|
||
|
menuitem.subviewbutton@menuStateActive@,
|
||
|
.widget-overflow-list .toolbarbutton-1@buttonStateActive@,
|
||
|
.toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton@buttonStateActive@ {
|
||
|
background-color: Highlight;
|
||
|
border-color: ThreeDLightShadow;
|
||
|
color: highlighttext;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
|
||
|
panelview .toolbarbutton-1[disabled],
|
||
|
toolbarbutton.subviewbutton[disabled],
|
||
|
menu.subviewbutton[disabled],
|
||
|
menuitem.subviewbutton[disabled],
|
||
|
.widget-overflow-list .toolbarbutton-1[disabled],
|
||
|
.toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton[disabled] {
|
||
|
text-shadow: none;
|
||
|
}
|
||
|
|
||
|
#PanelUI-fxa-label,
|
||
|
#PanelUI-help,
|
||
|
#PanelUI-customize {
|
||
|
border: 1px solid transparent;
|
||
|
}
|
||
|
|
||
|
#PanelUI-fxa-label:not([disabled]):hover,
|
||
|
#PanelUI-help:not([disabled]):hover,
|
||
|
#PanelUI-customize:hover,
|
||
|
#PanelUI-fxa-label:not([disabled]):hover:active,
|
||
|
#PanelUI-help:not([disabled]):hover:active,
|
||
|
#PanelUI-customize:hover:active {
|
||
|
border-color: ThreeDLightShadow;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
|
||
|
#BMB_bookmarksPopup .menu-text,
|
||
|
#BMB_bookmarksPopup menupopup {
|
||
|
color: -moz-FieldText;
|
||
|
}
|
||
|
|
||
|
#BMB_bookmarksPopup .subviewbutton[disabled=true] > .menu-text {
|
||
|
color: GrayText;
|
||
|
}
|
||
|
|
||
|
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
|
||
|
box-shadow: none;
|
||
|
background: -moz-field;
|
||
|
border: 1px solid ThreeDShadow;
|
||
|
}
|
||
|
|
||
|
.subviewbutton.panel-subview-footer,
|
||
|
#BMB_bookmarksPopup .subviewbutton.panel-subview-footer {
|
||
|
color: ButtonText;
|
||
|
}
|
||
|
|
||
|
.subviewbutton@menuStateMenuActive@,
|
||
|
menuitem.panel-subview-footer@menuStateHover@,
|
||
|
.subviewbutton.panel-subview-footer@buttonStateHover@,
|
||
|
.subviewbutton.panel-subview-footer@buttonStateActive@,
|
||
|
.subviewbutton@menuStateHover@ > .menu-accel-container,
|
||
|
.PanelUI-subView .subviewbutton[shortcut]@buttonStateHover@::after,
|
||
|
#BMB_bookmarksPopup .panel-subview-footer@menuStateMenuActive@ > .menu-text {
|
||
|
background-color: Highlight;
|
||
|
color: highlighttext !important;
|
||
|
}
|
||
|
}
|