#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,
#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),
+#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 */
/* === END toolbarbuttons.inc.css === */
/* === BEGIN menupanel.inc.css === */
/* Menu panel and palette styles */
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,
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,
#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,
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);
+#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);
}
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 {
#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
- 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);
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
- list-style-image: url("chrome://global/skin/icons/Search-glass.png");
- -moz-image-region: rect(0px 32px 16px 16px);
+.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage),
+richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon");
+ .ac-result-type-keyword[selected="true"],
+ .autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected),
+ richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted");
+ }
+
.ac-result-type-tag,
.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
.ac-result-type-tag,
.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
transform: scaleX(-1);
toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
transform: scaleX(-1);
#notification-popup-box[hidden] {
/* Override display:none to make the pluginBlockedNotification animation work
when showing the notification repeatedly. */
#notification-popup-box[hidden] {
/* Override display:none to make the pluginBlockedNotification animation work
when showing the notification repeatedly. */
-.toolbarbutton-badge-container {
- margin: 0;
- padding: 0;
- position: relative;
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
- padding: 2px 2px;
-}
-
-.toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
- position: absolute;
- top: 2px;
- right: 2px;
-}
-
-.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
- -moz-margin-end: 0;
-}
-
-.toolbarbutton-badge[badge=""] {
- display: none;
-}
-.toolbarbutton-badge[badge]:not([badge=""])::after {
- /* The |content| property is set in the content stylesheet. */
- font-size: 9px;
- font-weight: bold;
- padding: 0 1px;
- color: #FF9F00;
- background-color: #000000;
- border: 1px solid #9C9CFF;
- border-radius: 2px;
- position: absolute;
- top: 0;
- right: 0;
-}
-
-#nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
- top: 1px;
- right: 1px;
-}
-
-.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
- left: 0;
- right: auto;
-}
-
-#nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
- left: 1px;
- right: auto;
-}
-
+#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;
+}
+
border-radius: 3px;
/* background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);*/
border: 1px solid #9C9CFF;
border-radius: 3px;
/* background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);*/
border: 1px solid #9C9CFF;