-moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
}
+:root {
+ --verified-identity-box-backgroundcolor: #000000;
+}
+
#menubar-items {
-moz-box-orient: vertical; /* for flex hack */
}
#preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button,
#history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
#email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
- #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button),
+ #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/ToolbarFx.png");
-moz-image-region: rect(0, 108px, 18px, 90px);
}
+#webide-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 738px, 18px, 720px);
+}
+
+#webide-button[cui-areatype="toolbar"]:hover {
+ -moz-image-region: rect(18px, 738px, 36px, 720px);
+}
+
/* === END toolbarbuttons.inc.css === */
/* === BEGIN menupanel.inc.css === */
/* Menu panel and palette styles */
+:root {
+ /* avoid aero overrides with changed filenames */
+ --menupanel-list-style-image: url(chrome://browser/skin/menuPanelFx.png);
+ --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanelFx-small.png);
+}
+
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button,
#new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button,
#preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button,
#history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
#email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
- #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button)[cui-areatype="menu-panel"],
+ #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button)[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button,
#new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button,
#social-share-button, #open-file-button, #find-button, #developer-button,
#preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button,
#history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
#email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
- #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button) {
- list-style-image: url("chrome://browser/skin/menuPanelFx.png"); /* avoid aero overrides with changed filename */
+ #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button) {
+ list-style-image: var(--menupanel-list-style-image);
}
#home-button[cui-areatype="menu-panel"],
-moz-image-region: rect(32px, 928px, 64px, 896px);
}
+#webide-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 960px, 32px, 928px);
+}
+
+#webide-button[cui-areatype="menu-panel"]:hover,
+toolbarpaletteitem[place="palette"] > #webide-button:hover {
+ -moz-image-region: rect(32px, 960px, 64px, 928px);
+}
+
toolbaritem[sdkstylewidget="true"] > toolbarbutton {
-moz-image-region: rect(0, 832px, 32px, 800px);
}
#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
- list-style-image: url("chrome://browser/skin/menuPanelFx-small.png"); /* avoid aero overrides with changed filename */
+ list-style-image: var(--menupanel-small-list-style-image);
}
#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
-moz-image-region: rect(32px, 96px, 48px, 80px);
}
+#add-share-provider {
+ list-style-image: var(--menupanel-small-list-style-image);
+ -moz-image-region: rect(0px, 96px, 16px, 80px);
+}
+
/* === END menupanel.inc.css === */
.toolbarbutton-1:not([type="menu-button"]) {
}
#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
- background-color: #000000;
+ var(--verified-identity-box-backgroundcolor);
}
#identity-box:-moz-focusring {
/* === BEGIN identity-block.inc.css === */
-#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+:root {
+ --identity-box-verified-color: #008484;
/* Default theme does different color per channel, we can't as they do it build-time. */
- color: #9C9CFF;
- -moz-border-end: 1px solid #9C9CFF;
+ --identity-box-chrome-color: #9C9CFF;
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+ color: var(--identity-box-chrome-color);
+ -moz-border-end: 1px solid var(--identity-box-chrome-color);
}
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
- color: #008484;
- -moz-border-end: 1px solid #008484;
+ color: var(--identity-box-verified-color);
+ -moz-border-end: 1px solid var(--identity-box-verified-color);
}
#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
toolbarbutton.chevron:hover {
list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
}
-
+/*
+toolbar[brighttext] toolbarbutton.chevron {
+ list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !important;
+}
+*/
toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
transform: scaleX(-1);
.customizationmode-button:hover {
}
+#customization-titlebar-visibility-button[checked],
+#customization-devedition-theme-button[checked] {
+ background-color: #008484;
+}
+
+#customization-titlebar-visibility-button[checked]:hover,
+#customization-devedition-theme-button[checked]:hover {
+ background-color: #FFCF00;
+}
+
+#customization-titlebar-visibility-button[checked]:hover:active,
+#customization-devedition-theme-button[checked]:hover:active {
+ background-color: #FF9F00;
+}
+
.customizationmode-button[disabled="true"] {
}
margin: 0 0 4px;
background-color: #A09090;
color: #000000;
+ font-variant: small-caps;
border-radius: 4px;
}
#PanelUI-contents {
display: block;
- flex: 1 0 main-size;
+ flex: 1 0 auto;
margin-left: auto;
margin-right: auto;
max-width: 22.35em;
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]),
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-fxa-status,
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-update-status,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > toolbarseparator,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-customize,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-help:not([panel-multiview-anchor="true"]) {
/* margin: 0;*/
}
+#PanelUI-update-status,
#PanelUI-help,
#PanelUI-fxa-status,
#PanelUI-customize,
-moz-box-orient: horizontal;
}
+#PanelUI-update-status,
#PanelUI-fxa-status {
border-top: 1px solid #9C9CFF;
border-bottom: 1px solid transparent;
margin-bottom: -1px;
}
+#PanelUI-update-status > .toolbarbutton-text,
#PanelUI-fxa-status > .toolbarbutton-text {
width: 0; /* Fancy cropping solution for flexbox. */
}
min-width: 44px;
}
+#PanelUI-update-status > .toolbarbutton-text,
#PanelUI-fxa-status > .toolbarbutton-text,
#PanelUI-customize > .toolbarbutton-text {
margin: 0;
display: none;
}
+#PanelUI-update-status > .toolbarbutton-icon,
+#PanelUI-fxa-status > .toolbarbutton-icon,
+#PanelUI-customize > .toolbarbutton-icon,
#PanelUI-help > .toolbarbutton-icon,
#PanelUI-quit > .toolbarbutton-icon {
-moz-margin-end: 0;
-moz-border-start-style: none;
}
+#PanelUI-update-status {
+ width: calc(22.35em + 30px);
+ -moz-padding-start: 15px;
+ -moz-border-start-style: none;
+}
+
+#PanelUI-update-status {
+ list-style-image: url(chrome://branding/content/icon16.png);
+}
+
#PanelUI-fxa-status {
list-style-image: url("chrome://browser/skin/syncFx-horizontalbar.png");
}
#PanelUI-fxa-status:not([disabled]):hover:active {
}
+#PanelUI-update-status[update-status="succeeded"] {
+ background-color: #008484;
+ color: #000000;
+}
+
+#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover {
+ background-color: #FFCF00;
+}
+
+#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover:active {
+ background-color: #FF9F00;
+}
+
+#PanelUI-update-status[update-status="failed"] {
+ background-color: #FF0000;
+ color: #000000;
+}
+
+#PanelUI-update-status[update-status="failed"]:not([disabled]):hover {
+ background-color: #FFCF00;
+}
+
+#PanelUI-update-status[update-status="failed"]:not([disabled]):hover:active {
+ background-color: #FF9F00;
+}
+
#PanelUI-quit:not([disabled]):hover {
background-color: #FF0000;
}
color: #FF9F00;
}
-#customizationui-widget-multiview[mainViewId="PanelUI-panicView"] > .panel-viewcontainer,
-#customizationui-widget-multiview[mainViewId="PanelUI-panicView"] > .panel-viewcontainer > .panel-viewstack,
-#customizationui-widget-multiview[mainViewId="PanelUI-panicView"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview,
-/* NB: currentsubview attribute is temporary as a safe workaround for a layout problem with this
- * panel. Do not rely on it, it *will* go away again. */
-#PanelUI-multiView[currentsubview="PanelUI-panicView"] > .panel-viewcontainer > .panel-viewstack > .panel-subviews,
-#PanelUI-panicView > .panel-subview-body,
-#PanelUI-panicView {
- overflow: visible;
-}
-
#PanelUI-panicView.cui-widget-panelview {
min-width: 280px;
}
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
/* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
-/* background: #FFF;
- border: 1px solid rgba(0,0,0,0.25);
+/* background: var(--panel-arrowcontent-background);
+ border: var(--panel-arrowcontent-border);
border-radius: 3.5px;
margin-top: -4px;*/
}