aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
diff options
context:
space:
mode:
Diffstat (limited to 'arc-firefox-theme/chrome/browser/sass/_browser-sass.scss')
-rw-r--r--arc-firefox-theme/chrome/browser/sass/_browser-sass.scss374
1 files changed, 92 insertions, 282 deletions
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
index cdd94fb..3757954 100644
--- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -605,8 +605,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
max-width: 16px;
}
-:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-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, #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, #webide-button, #loop-button, #pocket-button) > .toolbarbutton-icon,
-:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-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, #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, #webide-button, #loop-button, #pocket-button) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button) > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon,
#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
max-width: 18px;
}
@@ -635,9 +635,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
transition-duration: 150ms;
}
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-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, #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, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-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, #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, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-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, #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, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button)) > .toolbarbutton-badge-stack,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
padding: 3px 7px;
}
@@ -829,29 +829,6 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
// margin-left: -30.01px;
//}
-/* tabview menu item */
-
-#menu_tabview {
- list-style-image: url(chrome://browser/skin/tabview/tabview.png);
- -moz-image-region: rect(0, 80px, 16px, 64px);
-}
-
-#menu_tabview[groups="0"] {
- -moz-image-region: rect(0, 16px, 16px, 0);
-}
-
-#menu_tabview[groups="1"] {
- -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-#menu_tabview[groups="2"] {
- -moz-image-region: rect(0, 48px, 16px, 32px);
-}
-
-#menu_tabview[groups="3"] {
- -moz-image-region: rect(0, 64px, 16px, 48px);
-}
-
/* undo close tab menu item */
#alltabs_undoCloseTab {
list-style-image: url(chrome://browser/skin/undoCloseTab.png);
@@ -872,7 +849,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
/* Menu panel buttons */
-:-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, #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, #webide-button, #loop-button, #pocket-button),
+:-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg");
@@ -880,7 +857,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
}
-#back-button, #back-button, #forward-button, #home-button, #print-button, #downloads-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, #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, #webide-button, #loop-button, #pocket-button {
+#back-button, #back-button, #forward-button, #home-button, #print-button, #downloads-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button {
#nav-bar &:not([disabled=true]):-moz-any([open],[checked],:hover:active),
#TabsToolbar &:not([disabled=true]):-moz-any([open],[checked],:hover:active) {
@@ -897,9 +874,9 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.
}
-//toolbar[brighttext] :-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, #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, #webide-button, #loop-button, #pocket-button),
+//toolbar[brighttext] :-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button),
//toolbar[brighttext] #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
-// list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-dark.svg");
+// list-style-image: url(chrome://browser/skin/Toolbar-inverted.png);
//}
#back-button {
@@ -947,16 +924,7 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.
}
#sync-button[cui-areatype="toolbar"] {
- -moz-image-region: rect(0, 270px, 18px, 252px);
-}
-
-#sync-button[cui-areatype="toolbar"][status="active"] {
- list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png");
- -moz-image-region: rect(0, 18px, 18px, 0px);
-}
-
-toolbar[brighttext] #sync-button[status="active"] {
- list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png");
+ -moz-image-region: rect(0, 792px, 18px, 774px);
}
#feed-button[cui-areatype="toolbar"] {
@@ -1015,15 +983,6 @@ toolbar[brighttext] #sync-button[status="active"] {
-moz-image-region: rect(0, 486px, 18px, 468px);
}
-#PanelUI-menu-button.thumburger {
- list-style-image: url("chrome://browser/skin/customizableui/thumburger.png") !important;
- -moz-image-region: auto !important;
-}
-
-toolbar[brighttext] #PanelUI-menu-button.thumburger {
- list-style-image: url("chrome://browser/skin/customizableui/thumburger-inverted.png") !important;
-}
-
#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button {
-moz-image-region: rect(0, 504px, 18px, 486px);
}
@@ -1052,10 +1011,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
transform: scaleX(-1);
}
-#tabview-button {
- -moz-image-region: rect(0, 648px, 18px, 630px);
-}
-
#email-link-button[cui-areatype="toolbar"] {
-moz-image-region: rect(0, 666px, 18px, 648px);
}
@@ -1076,47 +1031,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
transform: scaleX(-1);
}
-#loop-button {
- list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/loop-toolbar-icons.svg");
- -moz-image-region: rect(0, 18px, 18px, 0);
-
- #TabsToolbar & { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/loop-tabbar-icons.svg"); }
-}
-
-#nav-bar #loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active),
-#TabsToolbar #loop-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) {
- list-style-image: url("chrome://browser/skin/custom_images/loop-toolbar-icons-active.svg") !important;
-}
-
-//toolbar[brighttext] #loop-button {
-// list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png);
-//}
-
-#loop-button[state="disabled"],
-#loop-button[disabled="true"] {
- -moz-image-region: rect(0, 36px, 18px, 18px);
-}
-
-#loop-button:not([disabled="true"])[state="error"] {
- -moz-image-region: rect(0, 54px, 18px, 36px);
-}
-
-#loop-button:not([disabled="true"])[state="action"] {
- -moz-image-region: rect(0, 72px, 18px, 54px);
-}
-
-#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
- -moz-image-region: rect(0, 90px, 18px, 72px);
-}
-
-#loop-button:not([disabled="true"])[state="active"] {
- -moz-image-region: rect(0, 108px, 18px, 90px);
-}
-
-#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
- -moz-image-region: rect(0, 126px, 18px, 108px);
-}
-
#webide-button[cui-areatype="toolbar"] {
-moz-image-region: rect(0, 738px, 18px, 720px);
}
@@ -1141,8 +1055,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
@media not all and (min-resolution: 1.1dppx) {
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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #loop-button, #pocket-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, #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, #webide-button, #loop-button, #pocket-button) {
+ :-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image);
}
@@ -1191,12 +1105,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#sync-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #sync-button {
- -moz-image-region: rect(0px, 384px, 32px, 352px);
- }
-
- #sync-button[cui-areatype="menu-panel"][status="active"] {
- list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png);
- -moz-image-region: rect(0px, 32px, 32px, 0px);
+ -moz-image-region: rect(0px, 1024px, 32px, 992px);
}
#feed-button[cui-areatype="menu-panel"],
@@ -1242,11 +1151,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(0px, 576px, 32px, 544px);
}
- #tabview-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #tabview-button {
- -moz-image-region: rect(0px, 608px, 32px, 576px);
- }
-
#find-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #find-button {
-moz-image-region: rect(0px, 640px, 32px, 608px);
@@ -1317,42 +1221,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(0, 832px, 32px, 800px);
}
- #loop-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #loop-button {
- list-style-image: url(chrome://browser/skin/loop/menuPanel.png);
- -moz-image-region: rect(0, 32px, 32px, 0);
- }
-
- /* Make sure that the state icons are not shown in the customization palette. */
- toolbarpaletteitem[place="palette"] > #loop-button {
- -moz-image-region: rect(0, 32px, 32px, 0) !important;
- }
-
- #loop-button[cui-areatype="menu-panel"][state="disabled"],
- #loop-button[cui-areatype="menu-panel"][disabled="true"] {
- -moz-image-region: rect(0, 64px, 32px, 32px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] {
- -moz-image-region: rect(0, 96px, 32px, 64px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] {
- -moz-image-region: rect(0, 128px, 32px, 96px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
- -moz-image-region: rect(0, 160px, 32px, 128px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] {
- -moz-image-region: rect(0, 192px, 32px, 160px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
- -moz-image-region: rect(0, 224px, 32px, 192px);
- }
-
/* Wide panel control icons */
#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
@@ -1396,8 +1264,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
/* Menu panel and palette styles */
@media (min-resolution: 1.1dppx) {
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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #loop-button, #pocket-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, #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, #webide-button, #loop-button, #pocket-button) {
+ :-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-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, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-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, #webide-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image-2x);
}
@@ -1446,12 +1314,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#sync-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #sync-button {
- -moz-image-region: rect(0px, 768px, 64px, 704px);
- }
-
- #sync-button[cui-areatype="menu-panel"][status="active"] {
- list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png);
- -moz-image-region: rect(0px, 64px, 64px, 0px);
+ -moz-image-region: rect(0px, 2048px, 64px, 1984px);
}
#feed-button[cui-areatype="menu-panel"],
@@ -1501,42 +1364,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(64px, 1984px, 128px, 1920px);
}
- #loop-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #loop-button {
- list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png);
- -moz-image-region: rect(0, 64px, 64px, 0);
- }
-
- /* Make sure that the state icons are not shown in the customization palette. */
- toolbarpaletteitem[place="palette"] > #loop-button {
- -moz-image-region: rect(0, 64px, 64px, 0) !important;
- }
-
- #loop-button[cui-areatype="menu-panel"][state="disabled"],
- #loop-button[cui-areatype="menu-panel"][disabled="true"] {
- -moz-image-region: rect(0, 128px, 64px, 64px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] {
- -moz-image-region: rect(0, 192px, 64px, 128px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] {
- -moz-image-region: rect(0, 256px, 64px, 192px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) {
- -moz-image-region: rect(0, 320px, 64px, 256px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] {
- -moz-image-region: rect(0, 384px, 64px, 320px);
- }
-
- #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) {
- -moz-image-region: rect(0, 448px, 64px, 384px);
- }
-
#new-tab-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #new-tab-button {
-moz-image-region: rect(0px, 1088px, 64px, 1024px);
@@ -1547,11 +1374,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(0px, 1152px, 64px, 1088px);
}
- #tabview-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #tabview-button {
- -moz-image-region: rect(0px, 1216px, 64px, 1152px);
- }
-
#find-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #find-button {
-moz-image-region: rect(0px, 1280px, 64px, 1216px);
@@ -1778,9 +1600,12 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-box-align: center;
}
-//.urlbar-icon {
-// padding: 0 3px;
-//}
+.urlbar-icon {
+ padding: 0 1px;
+ /* 16x16 icon with border-box sizing */
+ width: 16px;
+ height: 16px;
+}
#urlbar-search-footer {
border-top: 1px solid hsla(210,4%,10%,.14);
@@ -1932,10 +1757,18 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
//#identity-box:hover,
//#identity-box[open=true] {
-// background-color: var(--identity-box-selected-background-color);
// border-image-source: none;
//}
+//#identity-box:hover {
+// background-color: var(--identity-box-hover-background-color);
+//}
+
+//#identity-box:hover:active,
+//#identity-box[open=true] {
+// background-color: var(--identity-box-selected-background-color);
+//}
+
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
color: var(--identity-box-verified-color);
}
@@ -1973,13 +1806,42 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
// padding-inline-start: calc(var(--backbutton-urlbar-overlap) + 4.01px);
//}
+/* MAIN IDENTITY ICON */
+
+#identity-icon {
+ width: 16px;
+ height: 16px;
+ list-style-image: url(chrome://browser/skin/identity-icon.svg#normal);
+}
+
+#identity-box:hover > #identity-icon,
+#identity-box[open=true] > #identity-icon {
+ list-style-image: url(chrome://browser/skin/identity-icon.svg#hover);
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon {
+ list-style-image: url(chrome://branding/content/identity-icons-brand.svg);
+}
+
+#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon {
+ opacity: 0.3;
+}
+
+#urlbar[actiontype="searchengine"] > #identity-box > #identity-icon {
+ -moz-image-region: inherit;
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
+ width: 16px;
+ height: 16px;
+ opacity: 1;
+}
+
/* TRACKING PROTECTION ICON */
#tracking-protection-icon {
width: 16px;
height: 16px;
- margin-inline-start: 0;
- margin-inline-end: 2px;
+ margin-inline-start: 2px;
+ margin-inline-end: 0;
list-style-image: url(chrome://browser/skin/tracking-protection-16.svg);
opacity: 1;
}
@@ -1993,59 +1855,48 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
}
#tracking-protection-icon:not([state]) {
- margin-inline-start: -18px;
+ margin-inline-end: -18px;
pointer-events: none;
opacity: 0;
/* Only animate the shield in, when it disappears hide it immediately. */
transition: none;
}
-#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icons > #tracking-protection-icon {
+#urlbar[pageproxystate="invalid"] > #identity-box > #tracking-protection-icon {
visibility: collapse;
}
-/* MAIN IDENTITY ICON */
+/* CONNECTION ICON */
-#page-proxy-favicon {
+#connection-icon {
width: 16px;
height: 16px;
- list-style-image: url(chrome://browser/skin/identity-not-secure.svg);
-}
-
-.chromeUI > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
- list-style-image: url(chrome://branding/content/identity-icons-brand.svg);
+ margin-inline-start: 2px;
+ visibility: collapse;
}
-.verifiedDomain > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
-.verifiedIdentity > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon {
list-style-image: url(chrome://browser/skin/identity-secure.svg);
+ visibility: visible;
}
-.insecureLoginForms > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
-.mixedActiveContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
+#urlbar[pageproxystate="valid"] > #identity-box.insecureLoginForms > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveContent > #connection-icon {
list-style-image: url(chrome://browser/skin/identity-mixed-active-loaded.svg);
+ visibility: visible;
}
-.weakCipher > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
-.mixedDisplayContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
-.mixedDisplayContentLoadedActiveBlocked > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon {
list-style-image: url(chrome://browser/skin/identity-mixed-passive-loaded.svg);
+ visibility: visible;
}
-.mixedActiveBlocked > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
+#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon {
list-style-image: url(chrome://browser/skin/identity-mixed-active-blocked.svg);
-}
-
-#page-proxy-favicon[pageproxystate="invalid"] {
- opacity: 0.3;
-}
-
-#urlbar[actiontype="searchengine"] > #identity-box > #identity-icons > #page-proxy-favicon {
- -moz-image-region: inherit;
- list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
- width: 16px;
- height: 16px;
- opacity: 1;
+ visibility: visible;
}
@@ -2593,16 +2444,6 @@ notification[value="translation"] menulist > .menulist-dropmarker {
display: block;
}
-/* Loop/ Hello browser styles */
-
-notification[value="loop-sharing-notification"] .button-menubutton-button {
- min-width: 0;
-}
-
-notification[value="loop-sharing-notification"] .messageImage {
- list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png);
-}
-
#treecolAutoCompleteImage {
max-width : 36px;
}
@@ -2651,7 +2492,7 @@ richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-t
font-size: 0.9em;
}
-richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
+richlistitem[type~="action"][actiontype$="tab"] > .ac-url-box > .ac-action-icon {
list-style-image: url("chrome://browser/skin/actionicon-tab.png");
padding: 0 3px;
}
@@ -3424,7 +3265,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
background-color: transparent;
background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png),
- linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));/*,
+ linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4));/*,
lwtHeader;*/
/* Don't stretch the LWT header images */
background-size: var(--tab-stroke-background-size), auto 100%, auto auto;
@@ -3433,7 +3274,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
/* These LWT styles are normally overridden by browser-lightweightTheme.css */
.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
.tab-background-end[visuallyselected=true]:-moz-lwtheme::before {
- background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));
+ background-image: linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4));
}
.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
@@ -4284,7 +4125,7 @@ html|*#fullscreen-exit-button {
:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
- filter: url("chrome://devtools/skin/images/filters.svg#invert");
+ filter: invert(1);
}
.developer-toolbar-button > .toolbarbutton-icon,
@@ -4650,19 +4491,22 @@ notification.pluginVulnerable .messageImage {
#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon,
#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
- background: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat;
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"),
+ 0, 198, 18, 180) center no-repeat;
min-width: 18px;
min-height: 18px;
}
#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
- background: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat;
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/tabbar-icons.svg"),
+ 0, 198, 18, 180) center no-repeat;
}
#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open],[checked],:hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open],[checked],:hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open],[checked],:hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon {
- background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat;
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"),
+ 0, 198, 18, 180) center no-repeat;
}
//toolbar[brighttext] #downloads-button[cui-areatype="toolbar"]:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon {
@@ -4673,7 +4517,8 @@ notification.pluginVulnerable .messageImage {
#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
- background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"), 18, 198, 36, 180);
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"),
+ 18, 198, 36, 180);
}
#downloads-button[cui-areatype="menu-panel"][attention] {
@@ -4968,42 +4813,12 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
transform: none;
}
-chatbox[src^="about:loopconversation#"] .chat-minimize-button {
- list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-white");
-}
-
-chatbox[src^="about:loopconversation#"] .chat-swap-button {
- list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-white");
-}
-
-.chat-loop-hangup {
- list-style-image: url("chrome://browser/skin/social/chat-icons.svg#exit-white");
- background-color: #d13f1a;
- border: 1px solid #d13f1a;
- border-top-right-radius: 4px;
- width: 32px;
- height: 26px;
- margin-top: -6px;
- margin-bottom: -5px;
- -moz-margin-start: 6px;
- -moz-margin-end: -5px;
-}
-
-.chat-toolbarbutton.chat-loop-hangup:-moz-any(:hover,:hover:active) {
- background-color: #ef6745;
- border-color: #ef6745;
-}
-
.chat-title {
color: #666;
text-shadow: none;
cursor: inherit;
}
-chatbox[src^="about:loopconversation#"] .chat-title {
- color: white;
-}
-
.chat-titlebar {
height: 26px;
min-height: 26px;
@@ -5022,11 +4837,6 @@ chatbox[src^="about:loopconversation#"] .chat-title {
background-color: #f0f0f0;
}
-chatbox[src^="about:loopconversation#"] > .chat-titlebar {
- background-color: #00a9dc;
- border-color: #00a9dc;
-}
-
.chat-titlebar > .notification-anchor-icon {
margin-left: 2px;
margin-right: 2px;
generated by cgit v1.2.3 (git 2.25.1) at 2024-05-09 15:52:55 +0000