diff options
Diffstat (limited to 'arc-firefox-theme/chrome/browser')
48 files changed, 1424 insertions, 1764 deletions
diff --git a/arc-firefox-theme/chrome/browser/Toolbar-inverted.png b/arc-firefox-theme/chrome/browser/Toolbar-inverted.png Binary files differindex 99d7481..50a3d34 100644 --- a/arc-firefox-theme/chrome/browser/Toolbar-inverted.png +++ b/arc-firefox-theme/chrome/browser/Toolbar-inverted.png diff --git a/arc-firefox-theme/chrome/browser/Toolbar.png b/arc-firefox-theme/chrome/browser/Toolbar.png Binary files differindex b8151d1..cdd100a 100644 --- a/arc-firefox-theme/chrome/browser/Toolbar.png +++ b/arc-firefox-theme/chrome/browser/Toolbar.png diff --git a/arc-firefox-theme/chrome/browser/aboutNetError.css b/arc-firefox-theme/chrome/browser/aboutNetError.css index 627c69e..7c3a6d0 100644 --- a/arc-firefox-theme/chrome/browser/aboutNetError.css +++ b/arc-firefox-theme/chrome/browser/aboutNetError.css @@ -31,6 +31,10 @@ button:disabled { cursor: pointer; } +#prefChangeContainer { + display: none; +} + #learnMoreContainer { display: none; } diff --git a/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css b/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css index 737f484..e3adfbd 100644 --- a/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css +++ b/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css @@ -7,7 +7,7 @@ #errorTitle { background: url("chrome://global/skin/icons/info.svg") left 0 no-repeat; background-size: 2em; - -moz-padding-start: 3em; + padding-inline-start: 3em; } #button-box { @@ -30,7 +30,7 @@ button { } #errorTitle { background: none; - -moz-padding-start: 0 !important; + padding-inline-start: 0 !important; } button { width: auto !important; @@ -47,7 +47,7 @@ body { #message-box { margin-top: 2em; background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px; - -moz-padding-start: 30px; + padding-inline-start: 30px; } #activation-frame { diff --git a/arc-firefox-theme/chrome/browser/aboutSocialError.css b/arc-firefox-theme/chrome/browser/aboutSocialError.css index fffc18d..f5a922f 100644 --- a/arc-firefox-theme/chrome/browser/aboutSocialError.css +++ b/arc-firefox-theme/chrome/browser/aboutSocialError.css @@ -7,7 +7,7 @@ #errorTitle { background: url("chrome://global/skin/icons/info.svg") left 0 no-repeat; background-size: 2em; - -moz-padding-start: 3em; + padding-inline-start: 3em; } #button-box { @@ -30,7 +30,7 @@ button { } #errorTitle { background: none; - -moz-padding-start: 0 !important; + padding-inline-start: 0 !important; } button { width: auto !important; diff --git a/arc-firefox-theme/chrome/browser/aboutSyncTabs.css b/arc-firefox-theme/chrome/browser/aboutSyncTabs.css index 4f21a9d..4cedad6 100644 --- a/arc-firefox-theme/chrome/browser/aboutSyncTabs.css +++ b/arc-firefox-theme/chrome/browser/aboutSyncTabs.css @@ -22,18 +22,18 @@ margin-top: 4px; width: 45em; height: 32px; - -moz-margin-start: 2em; - -moz-margin-end: 2em; + margin-inline-start: 2em; + margin-inline-end: 2em; } #tabsListHeading { font-size: 140%; font-weight: bold; - -moz-margin-start: 40px; + margin-inline-start: 40px; } richlistitem { - -moz-margin-end: 2em; + margin-inline-end: 2em; } richlistitem[selected="true"], @@ -46,7 +46,7 @@ richlistitem[type="tab"] { border: #999999 1px solid !important; padding: 2px 5px; margin-bottom: 4px; - -moz-margin-start: 4em; + margin-inline-start: 4em; border-radius: 6px; background-color: menu; width: 44em; @@ -64,7 +64,7 @@ richlistitem[type="tab"][selected="true"] { richlistitem[type="client"] { min-height: 2em; color: #000000; - -moz-margin-start: 2em; + margin-inline-start: 2em; margin-top: 2px; margin-bottom: 3px; width: 42em; @@ -73,10 +73,10 @@ richlistitem[type="client"] { -moz-user-focus: ignore !important; } richlistitem.mobile[type="client"] { - list-style-image: url("chrome://browser/skin/sync-mobileIcon.png"); + list-style-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon"); } richlistitem.desktop[type="client"] { - list-style-image: url("chrome://browser/skin/sync-desktopIcon.png"); + list-style-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon"); } .title, @@ -96,6 +96,6 @@ richlistitem.desktop[type="client"] { } .tabIcon { - -moz-padding-start: 2px; + padding-inline-start: 2px; padding-top: 2px; } diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css index 16e6109..c9adcae 100644 --- a/arc-firefox-theme/chrome/browser/browser.css +++ b/arc-firefox-theme/chrome/browser/browser.css @@ -218,7 +218,7 @@ menuitem.bookmark-item { margin-bottom: 0; } .bookmark-item > .menu-iconic-left > .menu-iconic-icon { - -moz-padding-start: 0px; } + padding-inline-start: 0px; } /* Bookmark drag and drop styles */ .bookmark-item[dragover-into="true"] { @@ -235,7 +235,7 @@ menuitem.bookmark-item { .menupopup-drop-indicator { list-style-image: none; height: 2px; - -moz-margin-end: -4em; + margin-inline-end: -4em; background-color: Highlight; } /* Bookmarks toolbar */ @@ -297,6 +297,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #placesContext_openContainer\:tabs, #menu_newNavigatorTab, #context-openlinkintab, +#context-openlinkincontainertab, #context-openframeintab { list-style-image: url("chrome://browser/skin/Toolbar-small.png"); -moz-image-region: rect(0px 64px 16px 48px); } @@ -436,6 +437,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #panelMenu_bookmarksToolbar { list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); } +#menu_unsortedBookmarks, #BMB_unsortedBookmarks, #panelMenu_unsortedBookmarks { list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); } @@ -476,8 +478,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { :-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon { 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, #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, .toolbarbutton-legacy-addon) > .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, .toolbarbutton-legacy-addon) > :-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, #containers-panelmenu, .toolbarbutton-legacy-addon) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon, #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { max-width: 18px; } @@ -495,16 +497,16 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-stack, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { - -moz-margin-end: 0; + margin-inline-end: 0; padding: 2px 6px; border: 1px solid transparent; border-radius: 2px; transition-property: background-color, border-color; 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, #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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { padding: 3px 7px; } :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon, @@ -514,8 +516,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { max-width: 32px !important; } #nav-bar #PanelUI-menu-button { - -moz-padding-start: 5px; - -moz-padding-end: 5px; } + padding-inline-start: 5px; + padding-inline-end: 5px; } #nav-bar #PanelUI-button, #nav-bar[brighttext] #PanelUI-button { @@ -592,7 +594,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { display: -moz-box; width: 1px; height: 18px; - -moz-margin-end: -1px; + margin-inline-end: -1px; background-position: center; background-repeat: no-repeat; background-size: 1px 18px; } @@ -606,7 +608,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { background: rgba(82, 93, 118, 0.15); } :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { - -moz-margin-start: -4px; } + margin-inline-start: -4px; } #back-button > menupopup { margin-top: -1px; } @@ -636,14 +638,14 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; } /* 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, #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), +:-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, #containers-panelmenu), #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); } - #TabsToolbar :-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), #TabsToolbar + #TabsToolbar :-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, #containers-panelmenu), #TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"); } -#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { +#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #containers-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #containers-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active) { list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } #nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, @@ -688,6 +690,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 792px, 18px, 774px); } +#containers-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 810px, 18px, 792px); } + #feed-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 288px, 18px, 270px); } @@ -778,8 +783,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { @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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image); } #home-button[cui-areatype="menu-panel"], @@ -823,6 +828,13 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { -moz-image-region: rect(32px, 1024px, 64px, 992px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 1056px, 32px, 1024px); } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 1056px, 64px, 1024px); } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 416px, 32px, 384px); } @@ -938,8 +950,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { /* 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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image-2x); } #home-button[cui-areatype="menu-panel"], @@ -983,6 +995,13 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { -moz-image-region: rect(64px, 2048px, 128px, 1984px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 2112px, 64px, 2048px); } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 2112px, 128px, 2048px); } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 832px, 64px, 768px); } @@ -1065,6 +1084,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { toolbaritem[sdkstylewidget="true"] > toolbarbutton { -moz-image-region: rect(0, 1664px, 64px, 1600px); } + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small@2x.png); + -moz-image-region: rect(0px, 192px, 32px, 160px); } + /* Footer and wide panel control icons */ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, @@ -1140,9 +1163,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #urlbar, .searchbar-textbox { -moz-appearance: none; - padding: 2px 3px; + padding: 0 3px; border-radius: 3px; margin: 0 3px; + min-height: 28px; color: #5c616c; background-color: #ffffff; border: 1px solid #cfd6e6; } @@ -1167,10 +1191,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { .urlbar-textbox-container { -moz-appearance: none; - -moz-box-align: center; } + -moz-box-align: stretch; } .urlbar-input-box { - -moz-margin-start: 0; } + margin-inline-start: 0; } .urlbar-history-dropmarker { -moz-appearance: toolbarbutton-dropdown; @@ -1220,21 +1244,21 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #urlbar-display-box { margin-top: -1px; margin-bottom: -1px; - -moz-border-end: 1px solid #AAA; - -moz-margin-end: 3px; } + border-inline-end: 1px solid #AAA; + margin-inline-end: 3px; } .urlbar-display { margin-top: 0; margin-bottom: 0; - -moz-margin-start: 0; + margin-inline-start: 0; color: GrayText; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] { border-bottom: 1px solid rgba(24, 26, 27, 0.14); background-color: rgba(24, 26, 27, 0.07); padding: 6px 0; - -moz-padding-start: 44px; - -moz-padding-end: 6px; + padding-inline-start: 44px; + padding-inline-end: 6px; background-image: url("chrome://browser/skin/info.svg"); background-clip: padding-box; background-position: 20px center; @@ -1249,7 +1273,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { padding: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description > label.text-link { - -moz-margin-start: 0; } + margin-inline-start: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button { -moz-appearance: none; @@ -1257,7 +1281,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { border-radius: 3px; padding: 4px 16px; margin: 0; - -moz-margin-start: 10px; } + margin-inline-start: 10px; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"] { color: #616161; @@ -1297,12 +1321,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #identity-box { --identity-box-verified-color: #479900; --identity-box-chrome-color: #e57300; - border-inline-end: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%); - border-image-slice: 1; + border-inline-end: 1px solid rgba(207, 214, 230, 0.5); font-size: .9em; - padding: 3px 5px 3px 3px; - margin-inline-end: 4px; + padding: 3px 9px 3px 7px; + margin-inline-end: 5px; overflow: hidden; } #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { @@ -1406,7 +1428,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .popup-notification-icon { width: 64px; height: 64px; - -moz-margin-end: 10px; } + margin-inline-end: 10px; } .popup-notification-icon[popupid="geolocation"] { list-style-image: url(chrome://browser/skin/Geolocation-64.png); } @@ -1463,6 +1485,9 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .popup-notification-icon[popupid="pointerLock"] { list-style-image: url(chrome://browser/skin/pointerLock-64.png); } +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); } + /* Notification icon box */ #notification-popup-box { position: relative; @@ -1484,53 +1509,56 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .notification-anchor-icon.chat-toolbarbutton:-moz-locale-dir(rtl) { transform: none; } +/* This class can be used alone or in combination with the class defining the + type of icon displayed. This rule must be defined before the others in order + for its list-style-image to be overridden. */ .notification-anchor-icon { list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); width: 16px; height: 16px; margin: 0 2px; } -.geo-notification-icon, -#geo-notification-icon { +@media (min-resolution: 1.1dppx) { + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } } +.geo-icon { list-style-image: url(chrome://browser/skin/Geolocation-16.png); } -#addons-notification-icon { +.install-icon { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); } -#addons-notification-icon:hover { +.install-icon:hover { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#hover); } -#addons-notification-icon:hover:active { +.install-icon:hover:active { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#active); } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(chrome://global/skin/icons/question-16.png); } -#password-notification-icon { +.login-icon { list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); } #login-fill-notification-icon { - /* Temporary icon until the capture and fill doorhangers are unified. */ - list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); + /* Temporary solution until the capture and fill doorhangers are unified. */ transform: scaleX(-1); } -#plugins-notification-icon { +.plugin-icon { list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); } -#plugins-notification-icon.plugin-hidden { +.plugin-icon.plugin-hidden { list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); } -#plugins-notification-icon.plugin-blocked { +.plugin-icon.plugin-blocked { list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); } -#plugins-notification-icon { +.plugin-icon { -moz-image-region: rect(0, 16px, 16px, 0); } -#plugins-notification-icon:hover { +.plugin-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -#plugins-notification-icon:active { +.plugin-icon:active { -moz-image-region: rect(0, 48px, 16px, 32px); } #notification-popup-box[hidden] { @@ -1547,69 +1575,57 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box opacity: 0; } to { opacity: 1; } } -.webRTC-shareDevices-notification-icon, -#webRTC-shareDevices-notification-icon { +.camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingDevices-notification-icon, -#webRTC-sharingDevices-notification-icon { +.camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); } -.webRTC-shareMicrophone-notification-icon, -#webRTC-shareMicrophone-notification-icon { +.microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingMicrophone-notification-icon, -#webRTC-sharingMicrophone-notification-icon { +.microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); } -.webRTC-shareScreen-notification-icon, -#webRTC-shareScreen-notification-icon { +.screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } -.webRTC-sharingScreen-notification-icon, -#webRTC-sharingScreen-notification-icon { +.screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); } -.web-notifications-notification-icon, -#web-notifications-notification-icon { +.web-notifications-icon { list-style-image: url(chrome://browser/skin/web-notifications-tray.svg); -moz-image-region: rect(0, 16px, 16px, 0); } -.web-notifications-notification-icon:hover, -#web-notifications-notification-icon:hover { +.web-notifications-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -.web-notifications-notification-icon:hover:active, -#web-notifications-notification-icon:hover:active { +.web-notifications-icon:hover:active { -moz-image-region: rect(0, 48px, 16px, 32px); } -.pointerLock-notification-icon, -#pointerLock-notification-icon { +.pointer-icon { list-style-image: url(chrome://browser/skin/pointerLock-16.png); } -.translate-notification-icon, -#translate-notification-icon { +.service-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); } + +.translation-icon { list-style-image: url(chrome://browser/skin/translation-16.png); -moz-image-region: rect(0px, 16px, 16px, 0px); } -.translated-notification-icon, -#translated-notification-icon { - list-style-image: url(chrome://browser/skin/translation-16.png); +.translation-icon.in-use { -moz-image-region: rect(0px, 32px, 16px, 16px); } -.popup-notification-icon[popupid="servicesInstall"] { - list-style-image: url(chrome://browser/skin/social/services-64.png); } - -#servicesInstall-notification-icon { - list-style-image: url(chrome://browser/skin/social/services-16.png); } - /* EME notifications */ .popup-notification-icon[popupid="drmContentPlaying"], -#eme-notification-icon { +.drm-icon { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } -#eme-notification-icon:hover:active { +.drm-icon:hover:active { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } #eme-notification-icon[firstplay=true] { @@ -1626,31 +1642,22 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box transform: translateX(0); } } /* HiDPI notification icons */ @media (min-resolution: 1.1dppx) { - .notification-anchor-icon { - list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } - - .webRTC-shareDevices-notification-icon, - #webRTC-shareDevices-notification-icon { + .camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); } - .webRTC-sharingDevices-notification-icon, - #webRTC-sharingDevices-notification-icon { + .camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); } - .webRTC-shareMicrophone-notification-icon, - #webRTC-shareMicrophone-notification-icon { + .microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); } - .webRTC-sharingMicrophone-notification-icon, - #webRTC-sharingMicrophone-notification-icon { + .microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); } - .webRTC-shareScreen-notification-icon, - #webRTC-shareScreen-notification-icon { + .screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); } - .webRTC-sharingScreen-notification-icon, - #webRTC-sharingScreen-notification-icon { + .screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); } .popup-notification-icon[popupid="webRTC-sharingDevices"], @@ -1679,8 +1686,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .notification-anchor-icon:-moz-focusring { outline: 1px dotted -moz-DialogText; } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); } /* Translation infobar */ @@ -1745,7 +1751,7 @@ notification[value="translation"] menulist > .menulist-dropmarker { -moz-image-region: rect(0, 64px, 32px, 32px); } .translation-welcome-content { - -moz-margin-start: 16px; } + margin-inline-start: 16px; } .translation-welcome-headline { font-size: larger; @@ -1769,7 +1775,7 @@ notification[value="translation"] { notification[value="translation"] button, notification[value="translation"] menulist { - -moz-padding-end: 1ch; } + padding-inline-end: 1ch; } notification[value="translation"] menulist { border: 1px solid #C1C1C1; @@ -1782,8 +1788,8 @@ notification[value="translation"] button { notification[value="translation"] button, notification[value="translation"] menulist, notification[value="translation"] menulist > .menulist-label-box { - -moz-margin-start: 1ch; - -moz-margin-end: 1ch; } + margin-inline-start: 1ch; + margin-inline-end: 1ch; } notification[value="translation"] button:hover, notification[value="translation"] button:active, @@ -1804,10 +1810,10 @@ notification[value="translation"] button[anonid="translate"]:active { notification[value="translation"] button > .button-box, notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { padding: 0; - -moz-margin-start: 3ch; } + margin-inline-start: 3ch; } notification[value="translation"] button:not([type="menu"]) > .button-box { - -moz-margin-end: 3ch; } + margin-inline-end: 3ch; } notification[value="translation"] menulist > .menulist-dropmarker { display: block; } @@ -1815,10 +1821,6 @@ notification[value="translation"] menulist > .menulist-dropmarker { #treecolAutoCompleteImage { max-width: 36px; } -#PopupAutoCompleteRichResult { - /* The awesomebar popup should open just below the navbar bottom border. */ - margin-top: 1px; } - .autocomplete-richlistbox { padding: 4px; } @@ -1833,10 +1835,10 @@ notification[value="translation"] menulist > .menulist-dropmarker { background-color: Highlight; } .ac-title { - font-size: 14px; } + font-size: 1.05em; } .ac-tags { - font-size: 12px; } + font-size: 0.9em; } html|span.ac-tag { background-color: MenuText; @@ -1848,7 +1850,7 @@ html|span.ac-tag { .ac-separator, .ac-url, .ac-action { - font-size: 12px; + font-size: 0.9em; color: -moz-nativehyperlinktext; } .ac-title[selected=true], @@ -1917,11 +1919,9 @@ html|span.ac-emphasize-text-url { #urlbar-stop-button { -moz-appearance: none; list-style-image: url("chrome://browser/skin/reload-stop-go.png"); - padding: 0 4px 0 6px; - margin-inline-start: 2px; - border-inline-start: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%); - border-image-slice: 1; } + padding: 0 7px 0 10px; + margin-inline-start: 5px; + border-inline-start: 1px solid rgba(207, 214, 230, 0.5); } #urlbar-reload-button { -moz-image-region: rect(0, 14px, 14px, 0); } @@ -2221,11 +2221,11 @@ html|span.ac-emphasize-text-url { margin: 0 -15px; } .tab-content { - -moz-padding-end: 9px; - -moz-padding-start: 9px; } + padding-inline-end: 9px; + padding-inline-start: 9px; } .tab-content[pinned] { - -moz-padding-end: 3px; } + padding-inline-end: 3px; } .tab-throbber, .tab-icon-image, @@ -2237,7 +2237,7 @@ html|span.ac-emphasize-text-url { .tab-icon-image { height: 16px; width: 16px; - -moz-margin-end: 6px; } + margin-inline-end: 6px; } .tab-icon-image { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } @@ -2246,7 +2246,7 @@ html|span.ac-emphasize-text-url { width: 16px; height: 16px; margin-top: -12px; - -moz-margin-start: -16px; + margin-inline-start: -16px; position: relative; } .tab-icon-overlay[crashed] { @@ -2273,16 +2273,16 @@ html|span.ac-emphasize-text-url { list-style-image: url("chrome://browser/skin/custom_images/loading.png"); } .tab-label { - -moz-margin-end: 0; - -moz-margin-start: 0; } + margin-inline-end: 0; + margin-inline-start: 0; } .tab-close-button { - -moz-margin-start: 4px; - -moz-margin-end: -2px; + margin-inline-start: 4px; + margin-inline-end: -2px; padding: 0; } .tab-icon-sound { - -moz-margin-start: 4px; + margin-inline-start: 4px; width: 16px; height: 16px; padding: 0; } @@ -2305,33 +2305,39 @@ html|span.ac-emphasize-text-url { .tab-icon-sound[muted]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); } +.tab-icon-sound:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying] { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio"); } +.tab-icon-sound:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-hover"); } +.tab-icon-sound:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-pressed"); } +.tab-icon-sound[muted]:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted] { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-muted"); } +.tab-icon-sound[muted]:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-muted-hover"); } +.tab-icon-sound[muted]:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-muted-pressed"); } .tab-background, .tabs-newtab-button { /* overlap the tab curves */ - -moz-margin-end: -14px; - -moz-margin-start: -14px; } + margin-inline-end: -14px; + margin-inline-start: -14px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { - -moz-padding-end: 15px; - -moz-padding-start: 5px; } + padding-inline-end: 15px; + padding-inline-start: 5px; } /* Tab Overflow */ .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), @@ -2350,12 +2356,12 @@ html|span.ac-emphasize-text-url { transform: scaleX(-1); } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { - -moz-margin-start: -2px; - -moz-margin-end: -12px; } + margin-inline-start: -2px; + margin-inline-end: -12px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { - -moz-margin-start: -12px; - -moz-margin-end: -2px; } + margin-inline-start: -12px; + margin-inline-end: -2px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { @@ -2394,7 +2400,7 @@ html|span.ac-emphasize-text-url { .tab-background-start[visuallyselected=true]::after, .tab-background-end[visuallyselected=true]::after { /* position ::after on top of its parent */ - -moz-margin-start: -30px; + margin-inline-start: -30px; background-size: 100% 100%; content: ""; display: -moz-box; @@ -2464,29 +2470,6 @@ lwtHeader;*/ background-repeat: no-repeat; background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; } -/* User Context UI - change tab decoration depending on userContextId. - Defaults to gray for unknown usercontextids. */ -.tabbrowser-tab[usercontextid] { - background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%); - background-size: auto 2px; - background-repeat: no-repeat; } - -/* Personal User Context */ -.tabbrowser-tab[usercontextid="1"] { - background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%); } - -/* Work User Context */ -.tabbrowser-tab[usercontextid="2"] { - background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%); } - -/* Banking User Context */ -.tabbrowser-tab[usercontextid="3"] { - background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%); } - -/* Shopping User Context */ -.tabbrowser-tab[usercontextid="4"] { - background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%); } - /* Tab pointer-events */ .tabbrowser-tab { pointer-events: none; } @@ -2662,7 +2645,7 @@ menuitem:hover > hbox > .alltabs-endimage[soundplaying] { /* Sidebar */ #sidebar-throbber[loading="true"] { list-style-image: url("chrome://global/skin/icons/loading.png"); - -moz-margin-end: 4px; } + margin-inline-end: 4px; } toolbarbutton.chevron { list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; } @@ -2709,27 +2692,6 @@ toolbarbutton.chevron > .toolbarbutton-icon { padding: 0 3px; margin-top: 10px; } -/* Sync Panel */ -.sync-panel-icon { - height: 32px; - width: 32px; - background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; } - -.sync-panel-inner { - width: 0; - padding-left: 10px; } - -.sync-panel-button-box { - margin-top: 1em; } - -#sync-start-panel-title { - font-size: 120%; - font-weight: bold; - margin-bottom: 5px; } - -#sync-start-panel-subtitle { - margin-bottom: 0; } - /* Status panel */ .statuspanel-label { margin: 0; @@ -2919,7 +2881,7 @@ html|*#fullscreen-exit-button { -moz-appearance: none; color: inherit; border-width: 0; - -moz-border-end: 1px solid rgba(12, 13, 14, 0.45); + border-inline-end: 1px solid rgba(12, 13, 14, 0.45); box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); } .devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { @@ -3098,23 +3060,31 @@ html|*#fullscreen-exit-button { --selection-background: #4c9ed9; /* --theme-selection-background */ --selection-color: #f5f7fa; - /* --theme-selection-color */ } + /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); + /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); + /* --theme-command-line-image-focus */ } :root[devtoolstheme="dark"] #developer-toolbar { - --gcli-background-color: #343c45; + --gcli-background-color: #272b35; /* --theme-toolbar-background */ - --gcli-input-background: rgba(37, 44, 51, 0.6); + --gcli-input-background: #272b35; /* --theme-tab-toolbar-background */ - --gcli-input-focused-background: #252c33; + --gcli-input-focused-background: #272b35; /* --theme-tab-toolbar-background */ --gcli-input-color: #b6babf; /* --theme-body-color-alt */ - --gcli-border-color: black; + --gcli-border-color: #454d5d; /* --theme-splitter-color */ - --selection-background: #1d4f73; + --selection-background: #5675b9; /* --theme-selection-background */ --selection-color: #f5f7fa; - /* --theme-selection-color */ } + /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme); + /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme-focus); + /* --theme-command-line-image-focus */ } #developer-toolbar { -moz-appearance: none; @@ -3222,16 +3192,11 @@ html|*#gcli-output-frame { width: 16px; height: 16px; margin: 0 2px; - background-image: url("chrome://devtools/skin/images/commandline-icon.png"); - background-position: 0 center; - background-size: 32px 16px; } + background-image: var(--command-line-image); } .gclitoolbar-input-node[focused="true"]::before { - background-position: -16px center; } + background-image: var(--command-line-image-focus); } -@media (min-resolution: 1.1dppx) { - .gclitoolbar-input-node::before { - background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); } } .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { background-color: var(--selection-background); color: var(--selection-color); @@ -3280,7 +3245,7 @@ html|*#gcli-output-frame { background-color: rgba(0, 0, 0, 0.1); } .center-item-label { - -moz-margin-start: 6px; + margin-inline-start: 6px; margin-bottom: 0; text-overflow: ellipsis; } @@ -3289,7 +3254,7 @@ html|*#gcli-output-frame { background-repeat: no-repeat; width: 16px; height: 15px; - -moz-margin-start: 6px; } + margin-inline-start: 6px; } .click-to-play-plugins-notification-button-container { background-color: rgba(24, 26, 27, 0.07); @@ -3388,7 +3353,7 @@ notification.pluginVulnerable > .notification-inner > .messageCloseButton:not(:h background-clip: padding-box; border-left: 1px solid rgba(24, 26, 27, 0.3); box-shadow: 0 3px 5px rgba(24, 26, 27, 0.1), 0 0 7px rgba(24, 26, 27, 0.1); - -moz-margin-start: 38px; } + margin-inline-start: 38px; } /* 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 @@ -3554,7 +3519,7 @@ toolbar[brighttext] #downloads-indicator-counter { background-image: linear-gradient(#505050, #575757); border: 1px solid; border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4); - -moz-border-start: none; + border-inline-start: none; border-radius: 0 2px 2px 0; } #downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { @@ -3576,7 +3541,7 @@ toolbar[brighttext] #downloads-indicator-counter { text-shadow: none; background-image: linear-gradient(#B4211B, #8A1915); border-radius: 1px; - -moz-margin-end: 2px; } + margin-inline-end: 2px; } /* Social toolbar item */ .social-activation-icon { @@ -3776,10 +3741,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button { overflow: hidden; } chatbar { - -moz-margin-end: 20px; } + margin-inline-end: 20px; } chatbox { - -moz-margin-start: 4px; + margin-inline-start: 4px; background-color: transparent; } chatbar > chatbox { @@ -3790,10 +3755,10 @@ chatbar > chatbox { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Offset the chatbox the same amount as the box-shadows' spread, to make it visible. */ - -moz-margin-end: 5px; } + margin-inline-end: 5px; } window > chatbox { - -moz-margin-start: 0px; + margin-inline-start: 0px; margin: 0px; border: none; padding: 0px; @@ -3934,7 +3899,7 @@ window > chatbox { #customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, #customization-titlebar-visibility-button > .button-box > .button-text { /* Sadly, button.css thinks its margins are perfect for everyone. */ - -moz-margin-start: 6px !important; } + margin-inline-start: 6px !important; } #customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { width: 20px; @@ -4050,7 +4015,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { min-height: 48px; } #personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { - -moz-margin-end: 5px; } + margin-inline-end: 5px; } #customization-palette > toolbarpaletteitem > label { text-align: center; @@ -4072,9 +4037,9 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: 1px solid transparent; margin: 0 -5px 5px; padding-top: 0; - -moz-padding-end: 5px; + padding-inline-end: 5px; padding-bottom: 0; - -moz-padding-start: 0; } + padding-inline-start: 0; } .customization-lwtheme-menu-theme[defaulttheme] { list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); } @@ -4133,7 +4098,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; } .customization-lwtheme-menu-footeritem:first-child { - -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); } + border-inline-end: 1px solid rgba(24, 26, 27, 0.15); } /* 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 @@ -4195,7 +4160,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { .customization-tipPanel-closeBox > .close-icon { -moz-appearance: none; border: 0; - -moz-margin-end: -25px; } + margin-inline-end: -25px; } #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { @@ -4271,14 +4236,14 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipBody { -moz-box-align: start; } -#UITourtooltipTitleContainer { +#UITourTooltipTitleContainer { -moz-box-align: start; margin-bottom: 10px; } #UITourTooltipIcon { width: 48px; height: 48px; - -moz-margin-end: 10px; } + margin-inline-end: 10px; } #UITourTooltipTitle, #UITourTooltipDescription { @@ -4290,8 +4255,8 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { margin: 0; } #UITourTooltipDescription { - -moz-margin-start: 0; - -moz-margin-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; font-size: 1.15rem; line-height: 1.8rem; margin-bottom: 0; @@ -4303,7 +4268,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: none; background-color: transparent; min-width: 0; - -moz-margin-start: 4px; + margin-inline-start: 4px; margin-top: -2px; } #UITourTooltipClose > .toolbarbutton-text { @@ -4322,7 +4287,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > label:first-child, #UITourTooltipButtons > button:first-child { - -moz-margin-start: 0; } + margin-inline-start: 0; } #UITourTooltipButtons > label:last-child, #UITourTooltipButtons > button:last-child { @@ -4331,7 +4296,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > button[image] > .button-box > .button-icon { width: 16px; height: 16px; - -moz-margin-end: 5px; } + margin-inline-end: 5px; } #UITourTooltipButtons > label, #UITourTooltipButtons > button .button-text { @@ -4407,15 +4372,15 @@ notification.heartbeat { .messageText.heartbeat { color: #333333; text-shadow: none; - -moz-margin-start: 0px; + margin-inline-start: 0px; /* The !important is required to override OSX default style. */ - -moz-margin-end: 12px !important; } + margin-inline-end: 12px !important; } .messageImage.heartbeat { width: 24px; height: 24px; - -moz-margin-start: 8px; - -moz-margin-end: 8px; } + margin-inline-start: 8px; + margin-inline-end: 8px; } .messageImage.heartbeat.pulse-onshow { animation-name: pulse-onshow; @@ -4432,7 +4397,7 @@ notification.heartbeat { /* Learn More link styles */ .heartbeat > .text-link { color: #0095DD; - -moz-margin-start: 0px; } + margin-inline-start: 0px; } .heartbeat > .text-link:hover { color: #008ACB; @@ -4461,8 +4426,8 @@ notification.heartbeat { .heartbeat > #star-rating-container > .star-x { background: url("chrome://browser/skin/heartbeat-star-off.svg"); cursor: pointer; - /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ - -moz-margin-end: 4px !important; + /* Overrides the margin-inline-end for all platforms defined in the .plain class */ + margin-inline-end: 4px !important; width: 16px; height: 16px; } @@ -4486,7 +4451,7 @@ notification.heartbeat { font-size: 1.05rem; } #UITourTooltipClose { - -moz-margin-end: -4px; + margin-inline-end: -4px; height: 16px; width: 16px; } @@ -4576,68 +4541,18 @@ notification.heartbeat { #context-navigation > .menuitem-iconic > .menu-iconic-left { visibility: visible; /* override toolkit/themes/linux/global/menu.css */ - -moz-padding-end: 0 !important; - -moz-margin-end: 0 !important; } + padding-inline-end: 0 !important; + margin-inline-end: 0 !important; } .browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent { padding: 0; overflow: hidden; } -/* User Context UI browser styles */ -#menu_newUserContextTabPersonal { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); } - -#menu_newUserContextTabWork { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); } - -#menu_newUserContextTabBanking { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); } +.webextension-popup-browser { + border-radius: inherit; } -#menu_newUserContextTabShopping { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); } - -/* URL Bar Decoration */ -#userContext-indicator { - height: 16px; - width: 16px; } - -#userContext-label { - margin-inline-end: 3px; - color: #909090; } - -#userContext-icons:not([usercontextid]) { - display: none; } - -#userContext-icons { - -moz-box-align: center; } - -/* Personal User Context */ -#userContext-icons[usercontextid="1"] > #userContext-label { - color: #00a7e0; } - -#userContext-icons[usercontextid="1"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); } - -/* Work User Context */ -#userContext-icons[usercontextid="2"] > #userContext-label { - color: #f89c24; } - -#userContext-icons[usercontextid="2"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); } - -/* Banking User Context */ -#userContext-icons[usercontextid="3"] > #userContext-label { - color: #7dc14c; } - -#userContext-icons[usercontextid="3"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); } - -/* Shopping User Context */ -#userContext-icons[usercontextid="4"] > #userContext-label { - color: #ee5195; } - -#userContext-icons[usercontextid="4"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); } +.menuitem-iconic[command="Browser:NewUserContextTab"] > .menu-iconic-left > .menu-iconic-icon { + visibility: visible; } #nav-bar #loop-button, #nav-bar toolbar[brighttext] #loop-button { diff --git a/arc-firefox-theme/chrome/browser/controlcenter/panel.css b/arc-firefox-theme/chrome/browser/controlcenter/panel.css index 6972df3..58942fe 100644 --- a/arc-firefox-theme/chrome/browser/controlcenter/panel.css +++ b/arc-firefox-theme/chrome/browser/controlcenter/panel.css @@ -103,8 +103,8 @@ #tracking-protection-content { padding: 0.5em 0 1em; /* .identity-popup-headline.host depends on this width */ - -moz-padding-start: calc(2em + 24px); - -moz-padding-end: 1em; + padding-inline-start: calc(2em + 24px); + padding-inline-end: 1em; } #identity-popup-securityView:-moz-locale-dir(rtl), @@ -189,12 +189,12 @@ } .identity-popup-warning-gray { - -moz-padding-start: 24px; + padding-inline-start: 24px; background: url(chrome://browser/skin/controlcenter/warning-gray.svg) no-repeat 0 50%; } .identity-popup-warning-yellow { - -moz-padding-start: 24px; + padding-inline-start: 24px; background: url(chrome://browser/skin/controlcenter/warning-yellow.svg) no-repeat 0 50%; } @@ -259,8 +259,8 @@ #identity-popup-securityView-header, #identity-popup-securityView-body { - -moz-margin-start: calc(2em + 24px); - -moz-margin-end: 1em; + margin-inline-start: calc(2em + 24px); + margin-inline-end: 1em; } #identity-popup-securityView-header { @@ -270,7 +270,7 @@ } #identity-popup-securityView-body { - -moz-padding-end: 1em; + padding-inline-end: 1em; } #identity-popup-securityView-footer { @@ -361,7 +361,7 @@ description#identity-popup-content-verifier, } .identity-popup-permission-label { - -moz-margin-start: 0; + margin-inline-start: 0; word-wrap: break-word; } diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg index e00d95b..68385a0 100644 --- a/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg @@ -12,9 +12,9 @@ id="svg2" version="1.1" inkscape:version="0.91 r13725" - width="792" + width="810" height="36" - viewBox="0 0 792 36" + viewBox="0 0 810 36" sodipodi:docname="tabbar-icons.svg"> <metadata id="metadata8"> @@ -55,8 +55,8 @@ showguides="false" inkscape:guide-bbox="true" inkscape:zoom="16" - inkscape:cx="781.75853" - inkscape:cy="18.070693" + inkscape:cx="795.60228" + inkscape:cy="25.012258" inkscape:current-layer="layer2" inkscape:object-paths="true" inkscape:snap-intersection-paths="true" @@ -1469,5 +1469,21 @@ style="display:inline;opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.26666667" d="m 779,3 c -0.554,0 -1,0.446 -1,1 l 0,7 -1,0 c -0.554,0 -1,0.446 -1,1 l 0,2 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-2 c 0,-0.554 -0.446,-1 -1,-1 l -1,0 0,-7 c 0,-0.554 -0.446,-1 -1,-1 l -8,0 z" id="rect4403" /> + <path + style="display:inline;opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 795,2 0,13 12,0 0,-13 z m 1,1 10,0 0,11 -10,0 z" + id="rect4404" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + <path + inkscape:connector-curvature="0" + style="display:inline;opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 797,4 0,4 8,0 0,-4 -8,0 z m 3,2 2,0 0,1 -2,0 0,-1 z" + id="rect4409" /> + <path + inkscape:connector-curvature="0" + style="display:inline;opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 797,9 0,4 8,0 0,-4 -8,0 z m 3,2 2,0 0,1 -2,0 0,-1 z" + id="rect4411" /> </g> </svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg index 4a90b76..418168f 100644 --- a/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg @@ -12,9 +12,9 @@ id="svg2" version="1.1" inkscape:version="0.91 r13725" - width="792" + width="810" height="36" - viewBox="0 0 792 36" + viewBox="0 0 810 36" sodipodi:docname="toolbar-icons.svg"> <metadata id="metadata8"> @@ -55,8 +55,8 @@ showguides="false" inkscape:guide-bbox="true" inkscape:zoom="22.627417" - inkscape:cx="781.96918" - inkscape:cy="24.96189" + inkscape:cx="797.06149" + inkscape:cy="26.641269" inkscape:current-layer="layer2" inkscape:object-paths="true" inkscape:snap-intersection-paths="true" @@ -1462,5 +1462,21 @@ style="display:inline;opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.26666667" d="m 779,3 c -0.554,0 -1,0.446 -1,1 l 0,7 -1,0 c -0.554,0 -1,0.446 -1,1 l 0,2 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-2 c 0,-0.554 -0.446,-1 -1,-1 l -1,0 0,-7 c 0,-0.554 -0.446,-1 -1,-1 l -8,0 z" id="rect4403" /> + <path + style="display:inline;opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 794,2 0,13 12,0 0,-13 z m 1,1 10,0 0,11 -10,0 z" + id="rect4404" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + <path + inkscape:connector-curvature="0" + style="display:inline;opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 796,4 0,4 8,0 0,-4 -8,0 z m 3,2 2,0 0,1 -2,0 0,-1 z" + id="rect4409" /> + <path + inkscape:connector-curvature="0" + style="display:inline;opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 796,9 0,4 8,0 0,-4 -8,0 z m 3,2 2,0 0,1 -2,0 0,-1 z" + id="rect4411" /> </g> </svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg index b206c94..d04370c 100644 --- a/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg @@ -12,9 +12,9 @@ id="svg2" version="1.1" inkscape:version="0.91 r13725" - width="792" + width="810" height="36" - viewBox="0 0 792 36" + viewBox="0 0 810 36" sodipodi:docname="tabbar-icons.svg"> <metadata id="metadata8"> @@ -55,8 +55,8 @@ showguides="false" inkscape:guide-bbox="true" inkscape:zoom="15.999999" - inkscape:cx="778.45947" - inkscape:cy="25.866874" + inkscape:cx="797.30322" + inkscape:cy="20.741874" inkscape:current-layer="layer2" inkscape:object-paths="true" inkscape:snap-intersection-paths="true" @@ -1469,5 +1469,21 @@ style="display:inline;opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.26666667" d="m 779,3 c -0.554,0 -1,0.446 -1,1 l 0,7 -1,0 c -0.554,0 -1,0.446 -1,1 l 0,2 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-2 c 0,-0.554 -0.446,-1 -1,-1 l -1,0 0,-7 c 0,-0.554 -0.446,-1 -1,-1 l -8,0 z" id="rect4403" /> + <path + style="display:inline;opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 795,2 0,13 12,0 0,-13 z m 1,1 10,0 0,11 -10,0 z" + id="rect4404" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + <path + inkscape:connector-curvature="0" + style="display:inline;opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 797,4 0,4 8,0 0,-4 -8,0 z m 3,2 2,0 0,1 -2,0 0,-1 z" + id="rect4409" /> + <path + inkscape:connector-curvature="0" + style="display:inline;opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 797,9 0,4 8,0 0,-4 -8,0 z m 3,2 2,0 0,1 -2,0 0,-1 z" + id="rect4411" /> </g> </svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg index 74d2f6b..075a712 100644 --- a/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg +++ b/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg @@ -12,9 +12,9 @@ id="svg2" version="1.1" inkscape:version="0.91 r13725" - width="792" + width="810" height="36" - viewBox="0 0 792 36" + viewBox="0 0 810 36" sodipodi:docname="toolbar-icons.svg"> <metadata id="metadata8"> @@ -54,9 +54,9 @@ inkscape:snap-bbox-edge-midpoints="true" showguides="false" inkscape:guide-bbox="true" - inkscape:zoom="11.313708" - inkscape:cx="770.98611" - inkscape:cy="24.666931" + inkscape:zoom="22.627416" + inkscape:cx="797.98405" + inkscape:cy="24.564899" inkscape:current-layer="layer2" inkscape:object-paths="true" inkscape:snap-intersection-paths="true" @@ -1433,5 +1433,21 @@ style="display:inline;opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.26666667" d="m 779,3 c -0.554,0 -1,0.446 -1,1 l 0,7 -1,0 c -0.554,0 -1,0.446 -1,1 l 0,2 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-2 c 0,-0.554 -0.446,-1 -1,-1 l -1,0 0,-7 c 0,-0.554 -0.446,-1 -1,-1 l -8,0 z" id="rect4403" /> + <path + style="display:inline;opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 795,2 0,13 12,0 0,-13 z m 1,1 10,0 0,11 -10,0 z" + id="rect4404" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + <path + inkscape:connector-curvature="0" + style="display:inline;opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 797,4 0,4 8,0 0,-4 -8,0 z m 3,2 2,0 0,1 -2,0 0,-1 z" + id="rect4409" /> + <path + inkscape:connector-curvature="0" + style="display:inline;opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 797,9 0,4 8,0 0,-4 -8,0 z m 3,2 2,0 0,1 -2,0 0,-1 z" + id="rect4411" /> </g> </svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg b/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg index d7c0520..142887c 100644 --- a/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg +++ b/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg @@ -12,9 +12,9 @@ id="svg2" version="1.1" inkscape:version="0.91 r13725" - width="792" + width="810" height="36" - viewBox="0 0 792 36" + viewBox="0 0 810 36" sodipodi:docname="toolbar-icons-active.svg"> <metadata id="metadata8"> @@ -54,9 +54,9 @@ inkscape:snap-bbox-edge-midpoints="true" showguides="false" inkscape:guide-bbox="true" - inkscape:zoom="22.627417" - inkscape:cx="778.29154" - inkscape:cy="30.486221" + inkscape:zoom="8" + inkscape:cx="785.26759" + inkscape:cy="33.462992" inkscape:current-layer="layer2" inkscape:object-paths="true" inkscape:snap-intersection-paths="true" @@ -1459,7 +1459,22 @@ </g> <path style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.26666667" - d="M 779 3 C 778.446 3 778 3.446 778 4 L 778 11 L 777 11 C 776.446 11 776 11.446 776 12 L 776 14 C 776 14.554 776.446 15 777 15 L 789 15 C 789.554 15 790 14.554 790 14 L 790 12 C 790 11.446 789.554 11 789 11 L 788 11 L 788 4 C 788 3.446 787.554 3 787 3 L 779 3 z " - id="rect4403" /> + d="m 779,3 c -0.554,0 -1,0.446 -1,1 l 0,7 -1,0 c -0.554,0 -1,0.446 -1,1 l 0,2 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-2 c 0,-0.554 -0.446,-1 -1,-1 l -1,0 0,-7 c 0,-0.554 -0.446,-1 -1,-1 l -8,0 z" + id="rect4403" + inkscape:connector-curvature="0" /> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 795,2 0,13 12,0 0,-13 z m 1,1 10,0 0,11 -10,0 z" + id="rect4404" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccc" /> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 797 4 L 797 8 L 805 8 L 805 4 L 797 4 z M 800 6 L 802 6 L 802 7 L 800 7 L 800 6 z " + id="rect4409" /> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 797 9 L 797 13 L 805 13 L 805 9 L 797 9 z M 800 11 L 802 11 L 802 12 L 800 12 L 800 11 z " + id="rect4411" /> </g> </svg> diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css index 689ccaa..d24d47e 100644 --- a/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css +++ b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css @@ -139,7 +139,7 @@ border-left: 1px solid hsla(210,4%,10%,.3); box-shadow: 0 3px 5px hsla(210,4%,10%,.1), 0 0 7px hsla(210,4%,10%,.1); - -moz-margin-start: var(--panel-ui-exit-subview-gutter-width); + margin-inline-start: var(--panel-ui-exit-subview-gutter-width); } .panel-viewstack[viewtype="main"] > .panel-subviews { @@ -244,7 +244,7 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan #wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls, #wrapper-zoom-controls:-moz-any([place="palette"],[place="panel"]) > #zoom-controls { - -moz-margin-start: 0; + margin-inline-start: 0; } #PanelUI-contents { @@ -265,10 +265,6 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan padding: 0; } -.cui-widget-panelview[id^=PanelUI-webext-] { - border-radius: 3.5px; -} - panelview:not([mainview]) .toolbarbutton-text, .cui-widget-panel toolbarbutton > .toolbarbutton-text { text-align: start; @@ -378,7 +374,7 @@ toolbarpaletteitem:-moz-any([place="palette"], [place="panel"]) > toolbaritem[sd .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { -moz-box-align: center; width: 16px; - -moz-margin-start: -16px; + margin-inline-start: -16px; height: 51px; margin-bottom: 2.2em; padding: 0; @@ -493,7 +489,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { } #personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, @@ -646,30 +642,30 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-customize > .toolbarbutton-icon, #PanelUI-help > .toolbarbutton-icon, #PanelUI-quit > .toolbarbutton-icon { - -moz-margin-end: 0; + margin-inline-end: 0; } #PanelUI-fxa-icon { - -moz-padding-start: 15px; - -moz-padding-end: 15px; + padding-inline-start: 15px; + padding-inline-end: 15px; } #PanelUI-fxa-label, #PanelUI-customize { flex: 1; - -moz-padding-start: 15px; - -moz-border-start-style: none; + padding-inline-start: 15px; + border-inline-start-style: none; } #PanelUI-footer-fxa[fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label, #PanelUI-footer-fxa[fxaprofileimage="enabled"]:not([fxastatus="error"]) > #PanelUI-fxa-status > #PanelUI-fxa-label { - -moz-padding-start: 0px; + padding-inline-start: 0px; } #PanelUI-update-status { width: calc(22.35em + 30px); - -moz-padding-start: 15px; - -moz-border-start-style: none; + padding-inline-start: 15px; + border-inline-start-style: none; } #PanelUI-update-status { @@ -813,7 +809,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { } #PanelUI-quit { - -moz-border-end-style: none; + border-inline-end-style: none; list-style-image: url(chrome://browser/skin/menuPanel-exit.png); } @@ -854,7 +850,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { margin: 0px 7px; padding: 0px; border: 0px none; - -moz-margin-end: 0; + margin-inline-end: 0; } #PanelUI-footer-fxa[fxaprofileimage="enabled"] > #PanelUI-fxa-status > #PanelUI-fxa-avatar { @@ -1010,9 +1006,9 @@ panelview .toolbarbutton-1, .subviewbutton.panel-subview-footer > .menu-text { -moz-appearance: none; - -moz-margin-start: 0px !important; - -moz-padding-start: 6px; - -moz-padding-end: 6px; + margin-inline-start: 0px !important; + padding-inline-start: 6px; + padding-inline-end: 6px; -moz-box-flex: 0; text-align: center; } @@ -1027,7 +1023,7 @@ panelview .toolbarbutton-1, } .subviewbutton.panel-subview-footer > .menu-accel-container { - -moz-padding-start: 6px; + padding-inline-start: 6px; } .subviewbutton:not(.panel-subview-footer) { @@ -1048,7 +1044,7 @@ panelview .toolbarbutton-1, } .PanelUI-subView.cui-widget-panelview .subviewbutton[shortcut]::after { - -moz-margin-start: 10px; + margin-inline-start: 10px; } /* This is a <label> but it should fit in with the menu font- and colorwise. */ @@ -1063,8 +1059,8 @@ panelview .toolbarbutton-1, } panelview .toolbarbutton-1, -.widget-overflow-list .toolbarbutton-1:not(:first-child), -.widget-overflow-list .toolbaritem-combined-buttons:not(:first-child) { +.widget-overflow-list > .toolbarbutton-1:not(:first-child), +.widget-overflow-list > toolbaritem:not(:first-child) { margin-top: 6px; } @@ -1168,8 +1164,8 @@ menuitem.panel-subview-footer:not([disabled])[_moz-menuactive]:active, .PanelUI-subView menuseparator, .PanelUI-subView toolbarseparator { - -moz-margin-start: -5px; - -moz-margin-end: -4px; + margin-inline-start: -5px; + margin-inline-end: -4px; } .PanelUI-subView menuseparator.small-separator, @@ -1185,8 +1181,8 @@ menuitem.panel-subview-footer:not([disabled])[_moz-menuactive]:active, .subviewbutton > .menu-accel-container { -moz-box-pack: start; - -moz-margin-start: 10px; - -moz-margin-end: auto; + margin-inline-start: 10px; + margin-inline-end: auto; color: GrayText; } @@ -1400,7 +1396,7 @@ toolbaritem[overflowedItem=true], .widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined) > .toolbarbutton-text, .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text { text-align: start; - -moz-padding-start: .5em; + padding-inline-start: .5em; } #widget-overflow-list > .toolbaritem-combined-buttons { @@ -1412,7 +1408,7 @@ toolbaritem[overflowedItem=true], display: -moz-box; width: 1px; height: 18px; - -moz-margin-end: -1px; + margin-inline-end: -1px; background-image: linear-gradient(hsla(210,54%,20%,.2) 0, hsla(210,54%,20%,.2) 18px); background-clip: padding-box; background-position: center; @@ -1431,13 +1427,18 @@ toolbaritem[overflowedItem=true], .subviewbutton > .menu-iconic-left { -moz-appearance: none; - -moz-margin-end: 3px; + margin-inline-end: 3px; } menuitem[checked="true"].subviewbutton > .menu-iconic-left { visibility: hidden; } +#PanelUI-containersItems > .subviewbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + .panel-mainview[panelid=customizationui-widget-panel], #customizationui-widget-multiview > .panel-viewcontainer, #customizationui-widget-multiview > .panel-viewcontainer > .panel-viewstack, @@ -1459,7 +1460,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { #PanelUI-panic-timeframe-icon, #PanelUI-panic-timeframe-icon-small { background-color: transparent; - -moz-margin-end: 10px; + margin-inline-end: 10px; } #panic-button-success-icon, @@ -1550,7 +1551,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { } .PanelUI-panic-actionlist { - -moz-padding-start: 20px; + padding-inline-start: 20px; padding-top: 2px; padding-bottom: 2px; background-size: 16px 16px; @@ -1768,19 +1769,19 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-appearance: none; border: 0; - -moz-margin-start: 3px; + margin-inline-start: 3px; } .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { - -moz-margin-start: 0; + margin-inline-start: 0; } .subviewbutton > .toolbarbutton-text { - -moz-padding-start: 16px; + padding-inline-start: 16px; } .subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item) > .toolbarbutton-text { - -moz-padding-start: 0; + padding-inline-start: 0; } /* subviewbutton entries for social sidebars have images that come from external @@ -1816,7 +1817,7 @@ menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) { } .subviewbutton > .toolbarbutton-icon { - -moz-margin-end: 5px !important; + margin-inline-end: 5px !important; } .subviewbutton > .menu-right, diff --git a/arc-firefox-theme/chrome/browser/devedition.css b/arc-firefox-theme/chrome/browser/devedition.css index cd107a2..6bc7d37 100644 --- a/arc-firefox-theme/chrome/browser/devedition.css +++ b/arc-firefox-theme/chrome/browser/devedition.css @@ -14,26 +14,24 @@ :root[devtoolstheme="dark"] { /* Chrome */ - --chrome-background-color: #1C2126; + --chrome-background-color: #272b35; --chrome-color: #F5F7FA; - --chrome-secondary-background-color: #39424D; + --chrome-secondary-background-color: #393F4C; --chrome-navigator-toolbox-separator-color: rgba(0,0,0,.2); --chrome-nav-bar-separator-color: rgba(0,0,0,.2); --chrome-nav-buttons-background: #252C33; --chrome-nav-buttons-hover-background: #1B2127; --chrome-nav-bar-controls-border-color: #1D2328; --chrome-selection-color: #fff; - --chrome-selection-background-color: #074D75; + --chrome-selection-background-color: #5675B9; /* Tabs */ --tabs-toolbar-color: #F5F7FA; - --tab-background-color: #1C2126; + --tab-background-color: #272b35; --tab-hover-background-color: #07090a; --tab-selection-color: #f5f7fa; - --tab-selection-background-color: #1a4666; - --tab-selection-box-shadow: 0 2px 0 #D7F1FF inset, - 0 -2px 0 rgba(0,0,0,.05) inset, - 0 -1px 0 rgba(0,0,0,.3) inset; + --tab-selection-background-color: #5675B9; + --tab-selection-box-shadow: none; --pinned-tab-glow: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, rgba(0,0,0,0.4) 16%, transparent 70%); /* Toolbar buttons */ @@ -43,7 +41,7 @@ --toolbarbutton-active-background: rgba(25,33,38,1) linear-gradient(rgba(25,33,38,1), rgba(25,33,38,1)) border-box; --toolbarbutton-active-boxshadow: none; --toolbarbutton-active-bordercolor: rgba(25,33,38,.8); - --toolbarbutton-checkedhover-backgroundcolor: #1D4F73; + --toolbarbutton-checkedhover-backgroundcolor: #3C5283; /* Url and search bars */ --url-and-searchbar-background-color: #171B1F; @@ -112,13 +110,13 @@ .tab-background, .tabs-newtab-button { - -moz-margin-end: 0; - -moz-margin-start: 0; + margin-inline-end: 0; + margin-inline-start: 0; } .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { - -moz-padding-end: 0; - -moz-padding-start: 0; + padding-inline-end: 0; + padding-inline-start: 0; } .tab-background-start[visuallyselected=true]::after, @@ -132,7 +130,7 @@ .tab-background-start[visuallyselected=true]::after, .tab-background-end[visuallyselected=true]::after { - -moz-margin-start: 0; + margin-inline-start: 0; } /* End override @tabCurveHalfWidth@ and @tabCurveWidth@ */ @@ -199,14 +197,14 @@ toolbar[brighttext] #downloads-indicator-counter { } #urlbar { - -moz-border-start: none !important; + border-inline-start: none !important; opacity: 1 !important; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper { overflow: -moz-hidden-unscrollable; clip-path: none; - -moz-margin-start: 0; + margin-inline-start: 0; } /* Swap out the white arrow with a dark one for the dark theme */ @@ -291,7 +289,30 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper { .tabbrowser-tab[visuallyselected] { color: var(--tab-selection-color) !important; /* Override color: inherit */ background-color: var(--tab-selection-background-color); - box-shadow: var(--tab-selection-box-shadow); +} + +.tab-icon-sound[visuallyselected=true][soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white"); +} + +.tab-icon-sound[visuallyselected=true][soundplaying]:hover { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white-hover"); +} + +.tab-icon-sound[visuallyselected=true][soundplaying]:hover:active { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white-pressed"); +} + +.tab-icon-sound[visuallyselected=true][muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white"); +} + +.tab-icon-sound[visuallyselected=true][muted]:hover { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white-hover"); +} + +.tab-icon-sound[visuallyselected=true][muted]:hover:active { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white-pressed"); } /* Don't need space for the tab curves (66px - 30px) */ @@ -355,7 +376,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper { } #forward-button > .toolbarbutton-icon { - -moz-border-start: none; + border-inline-start: none; } /* Override a box shadow for disabled back button */ @@ -403,5 +424,5 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper { .ac-type-icon { /* Left-align the type icon in awesomebar popup results with the icon in the urlbar. */ - -moz-margin-start: 11px; + margin-inline-start: 11px; } diff --git a/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css index f7acb5f..c9af0bf 100644 --- a/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css +++ b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css @@ -27,7 +27,7 @@ } .downloadTypeIcon { - -moz-margin-end: 8px; + margin-inline-end: 8px; width: 32px; height: 32px; } diff --git a/arc-firefox-theme/chrome/browser/downloads/downloads.css b/arc-firefox-theme/chrome/browser/downloads/downloads.css index f30d2c7..b08d909 100644 --- a/arc-firefox-theme/chrome/browser/downloads/downloads.css +++ b/arc-firefox-theme/chrome/browser/downloads/downloads.css @@ -62,7 +62,7 @@ #downloadsSummary, richlistitem[type="download"] { height: var(--downloads-item-height); - -moz-padding-end: 0; + padding-inline-end: 0; color: inherit; } @@ -83,7 +83,7 @@ richlistitem[type="download"]:last-child { } .downloadTypeIcon { - -moz-margin-end: 8px; + margin-inline-end: 8px; /* Prevent flickering when changing states. */ height: 32px; width: 32px; diff --git a/arc-firefox-theme/chrome/browser/error-pages.css b/arc-firefox-theme/chrome/browser/error-pages.css index ac9edac..e66e531 100644 --- a/arc-firefox-theme/chrome/browser/error-pages.css +++ b/arc-firefox-theme/chrome/browser/error-pages.css @@ -28,8 +28,8 @@ body { .title { background-image: none !important; - -moz-padding-start: 0; - -moz-margin-start: 0; + padding-inline-start: 0; + margin-inline-start: 0; } .title-text { diff --git a/arc-firefox-theme/chrome/browser/favicon-search-16.svg b/arc-firefox-theme/chrome/browser/favicon-search-16.svg new file mode 100644 index 0000000..e839cc8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/favicon-search-16.svg @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- 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/. --> +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> + <circle cx="8" cy="8" r="8" fill="#58bf43"/> + <circle cx="8" cy="8" r="7.5" stroke="#41a833" stroke-width="1" fill="none"/> + <path d="M12.879,12L12,12.879,9.015,9.9A4.276,4.276,0,1,1,9.9,9.015ZM6.5,3.536A2.964,2.964,0,1,0,9.464,6.5,2.964,2.964,0,0,0,6.5,3.536Z" stroke="#41a833" stroke-width="2" fill="none"/> + <path d="M12.879,12L12,12.879,9.015,9.9A4.276,4.276,0,1,1,9.9,9.015ZM6.5,3.536A2.964,2.964,0,1,0,9.464,6.5,2.964,2.964,0,0,0,6.5,3.536Z" fill="#fff"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/feeds/subscribe.css b/arc-firefox-theme/chrome/browser/feeds/subscribe.css index 8389c30..a9b59d2 100644 --- a/arc-firefox-theme/chrome/browser/feeds/subscribe.css +++ b/arc-firefox-theme/chrome/browser/feeds/subscribe.css @@ -24,7 +24,7 @@ html { #feedBody { border: 1px solid THreeDShadow; padding: 3em; - -moz-padding-start: 30px; + padding-inline-start: 30px; margin: 2em auto; background: -moz-Field; } @@ -45,9 +45,9 @@ html { #feedHeader { margin-top: 4.9em; margin-bottom: 1em; - -moz-margin-start: 1.4em; - -moz-margin-end: 1em; - -moz-padding-start: 2.9em; + margin-inline-start: 1.4em; + margin-inline-end: 1em; + padding-inline-start: 2.9em; font-size: 110%; color: -moz-gtk-info-bar-text; } @@ -74,12 +74,12 @@ html { #feedHeader[firstrun="true"] #feedIntroText { padding-top: 0.1em; - -moz-padding-start: 0.6em; + padding-inline-start: 0.6em; display: block; } #feedHeader[firstrun="true"] > #feedSubscribeLine { - -moz-padding-start: 1.8em; + padding-inline-start: 1.8em; } #feedSubscribeLine { @@ -116,8 +116,8 @@ h2 { #feedTitleLink { float: right; - -moz-margin-start: .6em; - -moz-margin-end: 0; + margin-inline-start: .6em; + margin-inline-end: 0; margin-top: 0; margin-bottom: 0; } @@ -127,15 +127,15 @@ a[href] img { } #feedTitleContainer { - -moz-margin-start: 0; - -moz-margin-end: .6em; + margin-inline-start: 0; + margin-inline-end: .6em; margin-top: 0; margin-bottom: 0; } #feedTitleImage { - -moz-margin-start: .6em; - -moz-margin-end: 0; + margin-inline-start: .6em; + margin-inline-end: 0; margin-top: 0; margin-bottom: 0; max-width: 300px; diff --git a/arc-firefox-theme/chrome/browser/icon-search-64.svg b/arc-firefox-theme/chrome/browser/icon-search-64.svg new file mode 100644 index 0000000..56ba96f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/icon-search-64.svg @@ -0,0 +1,12 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- 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/. --> +<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> + <ellipse cx="32" cy="34" rx="29.5" ry="30" fill="#000" fill-opacity=".1"/> + <circle cx="32" cy="32" r="30" fill="#58bf43"/> + <circle cx="32" cy="32" r="29.5" stroke="#41a833" stroke-width="1" fill="none"/> + <path d="M50,47.131L47.131,50,36.776,39.647a16.038,16.038,0,1,1,2.871-2.871ZM27,15A12,12,0,1,0,39,27,12,12,0,0,0,27,15Z" stroke="#41a833" stroke-width="2" fill="none"/> + <path d="M50,47.131L47.131,50,36.776,39.647a16.038,16.038,0,1,1,2.871-2.871ZM27,15A12,12,0,1,0,39,27,12,12,0,0,0,27,15Z" fill="#fff"/> + <circle cx="27" cy="27" r="13" fill="#fff" fill-opacity=".2"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/menuPanel.png b/arc-firefox-theme/chrome/browser/menuPanel.png Binary files differindex 036e2a1..1ef5f9a 100644 --- a/arc-firefox-theme/chrome/browser/menuPanel.png +++ b/arc-firefox-theme/chrome/browser/menuPanel.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel@2x.png b/arc-firefox-theme/chrome/browser/menuPanel@2x.png Binary files differindex 093bfea..e29fe55 100644 --- a/arc-firefox-theme/chrome/browser/menuPanel@2x.png +++ b/arc-firefox-theme/chrome/browser/menuPanel@2x.png diff --git a/arc-firefox-theme/chrome/browser/newtab/newTab.css b/arc-firefox-theme/chrome/browser/newtab/newTab.css index 4cab8c4..c0c7b77 100644 --- a/arc-firefox-theme/chrome/browser/newtab/newTab.css +++ b/arc-firefox-theme/chrome/browser/newtab/newTab.css @@ -184,7 +184,7 @@ } .newtab-site[pinned] .newtab-title { - -moz-padding-start: 24px; + padding-inline-start: 24px; } .newtab-site[pinned] .newtab-title::before { @@ -199,7 +199,7 @@ margin-top: 6px; } -.newtab-site[pinned] .newtab-title:-moz-dir(rtl)::before { +.newtab-site[pinned] .newtab-title:dir(rtl)::before { left: auto; right: 0; } diff --git a/arc-firefox-theme/chrome/browser/pageInfo.css b/arc-firefox-theme/chrome/browser/pageInfo.css index a7822e8..8f56b34 100644 --- a/arc-firefox-theme/chrome/browser/pageInfo.css +++ b/arc-firefox-theme/chrome/browser/pageInfo.css @@ -70,7 +70,7 @@ textbox { } textbox.header { - -moz-margin-start: 0; + margin-inline-start: 0; } .iframe { @@ -89,7 +89,7 @@ textbox[disabled] { /* General Tab */ #generalPanel > #titletext { - -moz-margin-start: 5px; + margin-inline-start: 5px; } groupbox.collapsable caption .caption-icon { @@ -97,8 +97,8 @@ groupbox.collapsable caption .caption-icon { height: 9px; background-repeat: no-repeat; background-position: center; - -moz-margin-start: 1px; - -moz-margin-end: 3px; + margin-inline-start: 1px; + margin-inline-end: 3px; background-image: url("chrome://global/skin/tree/twisty-open.png"); } @@ -116,13 +116,13 @@ groupbox tree { } groupbox.treebox .groupbox-body { - -moz-margin-start: 5px; - -moz-margin-end: 1px; + margin-inline-start: 5px; + margin-inline-end: 1px; padding-top: 0; } #securityBox description { - -moz-margin-start: 10px; + margin-inline-start: 10px; } #general-security-identity { @@ -177,8 +177,8 @@ treechildren::-moz-tree-cell-text(broken) { #feedListbox richlistitem { padding-top: 6px; padding-bottom: 6px; - -moz-padding-start: 7px; - -moz-padding-end: 7px; + padding-inline-start: 7px; + padding-inline-end: 7px; min-height: 25px; border-bottom: 1px dotted #C0C0C0; color: -moz-FieldText; @@ -224,8 +224,8 @@ treechildren::-moz-tree-cell-text(broken) { .permission { padding-top: 6px; padding-bottom: 6px; - -moz-padding-start: 7px; - -moz-padding-end: 7px; + padding-inline-start: 7px; + padding-inline-end: 7px; min-height: 25px; border-bottom: 1px dotted #C0C0C0; } diff --git a/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css b/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css index 465cacd..7ec1854 100644 --- a/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css +++ b/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css @@ -19,7 +19,7 @@ .expander-down { min-width: 0; padding: 2px 0; - -moz-padding-start: 2px; + padding-inline-start: 2px; } .expander-up > .button-box { diff --git a/arc-firefox-theme/chrome/browser/places/organizer.css b/arc-firefox-theme/chrome/browser/places/organizer.css index 09a3579..9d9a040 100644 --- a/arc-firefox-theme/chrome/browser/places/organizer.css +++ b/arc-firefox-theme/chrome/browser/places/organizer.css @@ -47,7 +47,7 @@ } #placesMenu > menu { - -moz-padding-start: 4px; + padding-inline-start: 4px; -moz-binding: url("chrome://browser/skin/places/organizer.xml#toolbarbutton-dropdown"); -moz-appearance: toolbarbutton; color: -moz-DialogText; @@ -74,7 +74,7 @@ } #infoBoxExpanderLabel { - -moz-padding-start: 2px; + padding-inline-start: 2px; } /**** menuitem stock icons ****/ diff --git a/arc-firefox-theme/chrome/browser/preferences/applications.css b/arc-firefox-theme/chrome/browser/preferences/applications.css index 345fe75..5080763 100644 --- a/arc-firefox-theme/chrome/browser/preferences/applications.css +++ b/arc-firefox-theme/chrome/browser/preferences/applications.css @@ -11,18 +11,18 @@ .actionsMenu { margin-top: -1px; margin-bottom: -1px; - -moz-margin-start: -1px; - -moz-margin-end: 0; + margin-inline-start: -1px; + margin-inline-end: 0; } .typeIcon, .actionIcon { - -moz-margin-start: 3px; - -moz-margin-end: 3px; + margin-inline-start: 3px; + margin-inline-end: 3px; } #handlersView > richlistitem label { - -moz-margin-start: 1px; + margin-inline-start: 1px; margin-top: 2px; } @@ -51,16 +51,16 @@ menuitem[appHandlerIcon="plugin"] { } .actionsMenu .menulist-icon { - -moz-margin-end: 1px; + margin-inline-end: 1px; height: 16px; width: 16px; } .actionsMenu > menupopup > menuitem > .menu-iconic-left { - -moz-padding-start: 0; - -moz-padding-end: 4px !important; + padding-inline-start: 0; + padding-inline-end: 4px !important; } .actionsMenu > menupopup > menuitem { - -moz-padding-start: 3px; + padding-inline-start: 3px; } diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css b/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css index aa59e64..c5eb833 100644 --- a/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css +++ b/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css @@ -45,7 +45,7 @@ tree:not(#rejectsTree) { } caption { - -moz-padding-start: 0; + padding-inline-start: 0; } groupbox { diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css index b193768..8c3d396 100644 --- a/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css +++ b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css @@ -148,7 +148,7 @@ treecol { #useFirefoxSync { font-size: 90%; - -moz-margin-end: 8px !important; + margin-inline-end: 8px !important; } #getStarted { @@ -160,7 +160,7 @@ treecol { } #downloadFolder { - -moz-margin-start: 0; + margin-inline-start: 0; } /* Content pane */ @@ -171,12 +171,12 @@ treecol { } #notificationsPolicyLearnMore { - -moz-margin-start: 1.5em !important; + margin-inline-start: 1.5em !important; } #defaultFontSizeLabel { /* !important needed to override common !important rule */ - -moz-margin-start: 4px !important; + margin-inline-start: 4px !important; } /* Applications Pane Styles */ @@ -186,7 +186,7 @@ treecol { } #filter { - -moz-margin-start: 0; + margin-inline-start: 0; } #handlersView { @@ -198,13 +198,13 @@ treecol { } .typeIcon { - -moz-margin-start: 10px !important; - -moz-margin-end: 9px !important; + margin-inline-start: 10px !important; + margin-inline-end: 9px !important; } .actionIcon { - -moz-margin-start: 11px !important; - -moz-margin-end: 8px !important; + margin-inline-start: 11px !important; + margin-inline-end: 8px !important; } .actionsMenu { @@ -212,23 +212,33 @@ treecol { } .actionsMenu > menupopup > menuitem { - -moz-padding-start: 10px !important; + padding-inline-start: 10px !important; } .actionsMenu > menupopup > menuitem > .menu-iconic-left { - -moz-margin-end: 8px !important; + margin-inline-end: 8px !important; } /* Privacy pane */ -.doNotTrackLearnMore, #trackingProtectionPBMLearnMore, #trackingProtectionLearnMore { - -moz-margin-start: 1.5em !important; + margin-inline-start: 1.5em !important; margin-top: 0; font-weight: normal; } +.doNotTrackLearnMore { + margin-inline-start: calc(1em + 30px); + margin-bottom: 1em; + font-weight: normal; +} + +.doNotTrackLearnMore > label { + font-size: 1em !important; + margin-left: 0; +} + /* Collapse the non-active vboxes in decks to use only the height the active vbox needs */ #historyPane:not([selectedIndex="1"]) > #historyDontRememberPane, @@ -255,12 +265,12 @@ description > html|a { #weavePrefsDeck > #needsUpdate > hbox > #loginError, #weavePrefsDeck > #hasFxaAccount > vbox > label, #weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label { - /* no margin-start for elements at the begin of a line */ - -moz-margin-start: 0; + /* no margin-inline-start for elements at the beginning of a line */ + margin-inline-start: 0; } #tabsElement { - -moz-margin-end: 4px; /* add the 4px end-margin of other elements */ + margin-inline-end: 4px; /* add the 4px end-margin of other elements */ } #telemetryLearnMore, @@ -268,16 +278,16 @@ description > html|a { #crashReporterLearnMore { /* provide some margin between the links and the label text */ /* !important is needed to override the rules defined in common.css */ - -moz-margin-start: 20px !important; + margin-inline-start: 20px !important; /* center the links */ margin-top: 8px; margin-bottom: 8px; } .indent { - /* !important needed to override -moz-margin-start:0 !important; rule + /* !important needed to override margin-inline-start:0 !important; rule define in common.css for labels */ - -moz-margin-start: 33px !important; + margin-inline-start: 33px !important; } .text-link { @@ -285,7 +295,7 @@ description > html|a { } #showUpdateHistory { - -moz-margin-start: 0; + margin-inline-start: 0; } /** @@ -425,61 +435,6 @@ description > html|a { -moz-box-align: start; } -#syncStatusMessage { - visibility: collapse; - opacity: 0; - transition: opacity 1s linear; - padding: 14px 8px 14px 14px; - border-radius: 2px; -} - -#syncStatusMessage[message-type] { - visibility: visible; - opacity: 1; -} - -#syncStatusMessage[message-type="verify-success"] { - background-color: #74BF43; -} - -#syncStatusMessage[message-type="verify-error"] { - background-color: #D74345; -} - -#syncStatusMessage[message-type="migration"] { - background-color: #FF9500; -} - -#syncStatusMessageWrapper { - -moz-box-flex: 1; - padding-right: 5px; -} - -#syncStatusMessageTitle, #syncStatusMessageDescription { - color: #FBFBFB; -} - -#syncStatusMessage[message-type="migration"] #syncStatusMessageTitle { - display: none; -} - -#syncStatusMessageTitle { - font-weight: bold !important; - font-size: 16px; - line-height: 157%; - margin: 0 0 20px; -} - -#syncStatusMessageDescription { - font-size: 14px; - line-height: 158%; - margin: 0 !important; -} - -#syncStatusMessageClose { - margin: 0px; -} - #fxaSyncEngines > vbox:first-child { margin-right: 80px; } @@ -636,8 +591,8 @@ description > html|a { .actionsMenu > .menulist-label-box > .menulist-icon { margin-top: 1px; - -moz-margin-start: 1px; - -moz-margin-end: 6px; + margin-inline-start: 1px; + margin-inline-end: 6px; } .actionsMenu > .menulist-label-box > .menulist-label { @@ -655,7 +610,7 @@ menulist.actionsMenu > .menulist-dropmarker { textbox + button, filefield + button { - -moz-margin-start: -4px; + margin-inline-start: -4px; } /** diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/search.css b/arc-firefox-theme/chrome/browser/preferences/in-content/search.css index db9fd3a..f3c206b 100644 --- a/arc-firefox-theme/chrome/browser/preferences/in-content/search.css +++ b/arc-firefox-theme/chrome/browser/preferences/in-content/search.css @@ -3,7 +3,7 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ #defaultEngine { - -moz-margin-start: 0; + margin-inline-start: 0; } #defaultEngine > .menulist-label-box > .menulist-icon { @@ -20,8 +20,8 @@ } #engineList treechildren::-moz-tree-image(engineName) { - -moz-margin-end: 10px; - -moz-margin-start: 1px; + margin-inline-end: 10px; + margin-inline-start: 1px; width: 16px; height: 16px; } @@ -31,7 +31,7 @@ width: 10000px; /* 100% doesn't work; 10k is hopefully larger than any window we may have, overflow isn't visible. */ height: 2px; - -moz-margin-start: 0; + margin-inline-start: 0; } #engineShown { diff --git a/arc-firefox-theme/chrome/browser/preferences/preferences.css b/arc-firefox-theme/chrome/browser/preferences/preferences.css index 95820e2..76cf63c 100644 --- a/arc-firefox-theme/chrome/browser/preferences/preferences.css +++ b/arc-firefox-theme/chrome/browser/preferences/preferences.css @@ -84,18 +84,6 @@ label.small { -moz-box-flex: 1; } -/* Privacy Pane */ - -/* styles for the link elements copied from .text-link in global.css */ -.inline-link { - color: -moz-nativehyperlinktext; - text-decoration: none; -} - -.inline-link:hover { - text-decoration: underline; -} - /* Modeless Window Dialogs */ .windowDialog, .windowDialog prefpane { diff --git a/arc-firefox-theme/chrome/browser/preferences/search.css b/arc-firefox-theme/chrome/browser/preferences/search.css deleted file mode 100644 index 921bc29..0000000 --- a/arc-firefox-theme/chrome/browser/preferences/search.css +++ /dev/null @@ -1,45 +0,0 @@ -/* 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/. */ - -#defaultEngine > .menulist-label-box > .menulist-icon { - height: 16px; -} - -/* Reserve space so that localized labels can wrap without hiding the - 'add more engines' link at the bottom. See bug 1112688. */ -#oneClickSearchProvidersGroup { - margin-bottom: 3em; -} - -/* work around a display: none in Linux's menu.css, see bug 1112310 */ -.searchengine-menuitem > .menu-iconic-left { - display: -moz-box; -} - -#engineList { - margin: .5em 6px; -} - -#engineList treechildren::-moz-tree-checkbox(checked) { - list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); -} - -#engineList treechildren::-moz-tree-image(engineName) { - -moz-margin-end: 4px; - -moz-margin-start: 0; - width: 16px; - height: 16px; -} - -#engineList treechildren::-moz-tree-row { - min-height: 20px; -} - -#engineList treechildren::-moz-tree-drop-feedback { - background-color: Highlight; - width: 10000px; /* 100% doesn't work; 10k is hopefully larger than any window - we may have, overflow isn't visible. */ - height: 2px; - -moz-margin-start: 0; -} diff --git a/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css b/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css index abc85fa..e0e023c 100644 --- a/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css +++ b/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css @@ -49,8 +49,8 @@ a:visited { .section-main { margin-bottom: 48px; - -moz-margin-start: var(--icon-margin); - -moz-padding-start: 24px; + margin-inline-start: var(--icon-margin); + padding-inline-start: 24px; } .section-main:last-child { @@ -69,11 +69,11 @@ p { float: left; width: 220px; line-height: 1.5em; - -moz-margin-start: 1em; + margin-inline-start: 1em; margin-bottom: 0; } -.list-row > ul > li:-moz-dir(rtl) { +.list-row > ul > li:dir(rtl) { float: right; } @@ -84,11 +84,11 @@ p { font-weight: lighter; line-height: 1.5em; min-height: 64px; - -moz-margin-start: 0; - -moz-padding-start: calc(var(--icon-margin) + 24px); + margin-inline-start: 0; + padding-inline-start: calc(var(--icon-margin) + 24px); } -.title:-moz-dir(rtl) { +.title:dir(rtl) { background-position: right, center; } @@ -101,11 +101,11 @@ p { background-image: url("chrome://browser/skin/privatebrowsing/tracking-protection.svg"); background-repeat: no-repeat; background-size: 32px; - -moz-margin-start: calc(var(--icon-margin) - 32px); - -moz-padding-start: 56px; + margin-inline-start: calc(var(--icon-margin) - 32px); + padding-inline-start: 56px; } -.about-subheader:-moz-dir(rtl) { +.about-subheader:dir(rtl) { background-position: right; } @@ -174,13 +174,13 @@ a.button { background-image: url("chrome://browser/skin/privatebrowsing/check.svg"); } -.toggle + .toggle-btn:-moz-dir(rtl)::after { +.toggle + .toggle-btn:dir(rtl)::after { left: auto; right: 0; transition-property: right; } -.toggle + .toggle-btn:-moz-dir(rtl)::before { +.toggle + .toggle-btn:dir(rtl)::before { float: right; left: auto; right: 9px; @@ -195,7 +195,7 @@ a.button { left: 35px; } -.toggle:checked + .toggle-btn:-moz-dir(rtl)::after { +.toggle:checked + .toggle-btn:dir(rtl)::after { right: 35px; } diff --git a/arc-firefox-theme/chrome/browser/sanitizeDialog.css b/arc-firefox-theme/chrome/browser/sanitizeDialog.css index 96cf3bc..28d4e7e 100644 --- a/arc-firefox-theme/chrome/browser/sanitizeDialog.css +++ b/arc-firefox-theme/chrome/browser/sanitizeDialog.css @@ -3,12 +3,12 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ #sanitizeDurationChoice { - -moz-margin-end: 0; + margin-inline-end: 0; } /* Align the duration label with the warning box and item list */ #sanitizeDurationLabel { - -moz-margin-start: 3px; + margin-inline-start: 3px; } @@ -56,15 +56,15 @@ padding: 0; margin-top: 6px; margin-bottom: 6px; - -moz-margin-start: -6px; - -moz-margin-end: 0; + margin-inline-start: -6px; + margin-inline-end: 0; } .expander-up, .expander-down { min-width: 0; padding: 2px 0; - -moz-padding-start: 2px; + padding-inline-start: 2px; } .expander-up { @@ -86,8 +86,8 @@ /* Make the item list the same width as the warning box */ #itemList { - -moz-margin-start: 0; - -moz-margin-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; } /* Without this a useless scrollbar appears in the listbox when its rows @@ -100,8 +100,8 @@ /* Align the last dialog button with the end of the warning box */ .prefWindow-dlgbuttons { - -moz-margin-end: 0; + margin-inline-end: 0; } .dialog-button[dlgtype="accept"] { - -moz-margin-end: 0; + margin-inline-end: 0; } diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss index 554a051..ed381f5 100644 --- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss +++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss @@ -280,7 +280,7 @@ menuitem.bookmark-item { } .bookmark-item > .menu-iconic-left > .menu-iconic-icon { - -moz-padding-start: 0px; + padding-inline-start: 0px; } /* Bookmark drag and drop styles */ @@ -300,7 +300,7 @@ menuitem.bookmark-item { .menupopup-drop-indicator { list-style-image: none; height: 2px; - -moz-margin-end: -4em; + margin-inline-end: -4em; background-color: Highlight; } @@ -378,6 +378,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #placesContext_openContainer\:tabs, #menu_newNavigatorTab, #context-openlinkintab, +#context-openlinkincontainertab, #context-openframeintab { list-style-image: url("chrome://browser/skin/Toolbar-small.png"); -moz-image-region: rect(0px 64px 16px 48px); @@ -550,6 +551,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); } +#menu_unsortedBookmarks, #BMB_unsortedBookmarks, #panelMenu_unsortedBookmarks { list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); @@ -602,8 +604,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, #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, .toolbarbutton-legacy-addon) > .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, .toolbarbutton-legacy-addon) > :-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, #containers-panelmenu, .toolbarbutton-legacy-addon) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon, #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { max-width: 18px; } @@ -624,7 +626,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-stack, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { - -moz-margin-end: 0; + margin-inline-end: 0; padding: 2px 6px; border: 1px solid transparent; border-radius: 2px; @@ -632,9 +634,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, #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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { padding: 3px 7px; } @@ -646,8 +648,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { } #nav-bar #PanelUI-menu-button { - -moz-padding-start: 5px; - -moz-padding-end: 5px; + padding-inline-start: 5px; + padding-inline-end: 5px; } #nav-bar #PanelUI-button, @@ -737,7 +739,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { display: -moz-box; width: 1px; height: 18px; - -moz-margin-end: -1px; + margin-inline-end: -1px; background-position: center; background-repeat: no-repeat; background-size: 1px 18px; @@ -760,7 +762,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { //} :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { - -moz-margin-start: -4px; + margin-inline-start: -4px; //margin-top: 3px; //margin-bottom: 3px; } @@ -857,7 +859,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, #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), +:-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, #containers-panelmenu), #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"); @@ -865,7 +867,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { } -#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 { +#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, #containers-panelmenu { #nav-bar &:not([disabled=true]):-moz-any([open],[checked],:hover:active), #TabsToolbar &:not([disabled=true]):-moz-any([open],[checked],:hover:active) { @@ -882,7 +884,7 @@ 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, #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] :-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, #containers-panelmenu), //toolbar[brighttext] #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { // list-style-image: url(chrome://browser/skin/Toolbar-inverted.png); //} @@ -935,6 +937,10 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. -moz-image-region: rect(0, 792px, 18px, 774px); } +#containers-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 810px, 18px, 792px); +} + #feed-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 288px, 18px, 270px); } @@ -1055,8 +1061,8 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. @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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image); } @@ -1112,6 +1118,15 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. -moz-image-region: rect(32px, 1024px, 64px, 992px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 1056px, 32px, 1024px); + } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 1056px, 64px, 1024px); + } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 416px, 32px, 384px); @@ -1259,8 +1274,8 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. /* 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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image-2x); } @@ -1316,6 +1331,15 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. -moz-image-region: rect(64px, 2048px, 128px, 1984px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 2112px, 64px, 2048px); + } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 2112px, 128px, 2048px); + } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 832px, 64px, 768px); @@ -1420,6 +1444,11 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. -moz-image-region: rect(0, 1664px, 64px, 1600px); } + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small@2x.png); + -moz-image-region: rect(0px, 192px, 32px, 160px); + } + /* Footer and wide panel control icons */ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, @@ -1515,9 +1544,10 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. #urlbar, .searchbar-textbox { -moz-appearance: none; - padding: 2px 3px; + padding: 0 3px; border-radius: 3px; margin: 0 3px; + min-height: 28px; @include entry(normal); } @@ -1545,11 +1575,11 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. .urlbar-textbox-container { -moz-appearance: none; - -moz-box-align: center; + -moz-box-align: stretch; } .urlbar-input-box { - -moz-margin-start: 0; + margin-inline-start: 0; } .urlbar-history-dropmarker { @@ -1636,24 +1666,24 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. #urlbar-search-splitter { -moz-appearance: none; width: 8px; - //-moz-margin-start: -4px; + //margin-inline-start: -4px; } //#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox { -// -moz-margin-start: 0; +// margin-inline-start: 0; //} #urlbar-display-box { margin-top: -1px; margin-bottom: -1px; - -moz-border-end: 1px solid #AAA; - -moz-margin-end: 3px; + border-inline-end: 1px solid #AAA; + margin-inline-end: 3px; } .urlbar-display { margin-top: 0; margin-bottom: 0; - -moz-margin-start: 0; + margin-inline-start: 0; color: GrayText; } @@ -1661,8 +1691,8 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. border-bottom: 1px solid hsla(210, 4%, 10%, 0.14); background-color: hsla(210, 4%, 10%, 0.07); padding: 6px 0; - -moz-padding-start: 44px; - -moz-padding-end: 6px; + padding-inline-start: 44px; + padding-inline-end: 6px; background-image: url("chrome://browser/skin/info.svg"); background-clip: padding-box; background-position: 20px center; @@ -1680,7 +1710,7 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description > label.text-link { - -moz-margin-start: 0; + margin-inline-start: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button { @@ -1689,7 +1719,7 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. border-radius: 3px; padding: 4px 16px; margin: 0; - -moz-margin-start: 10px; + margin-inline-start: 10px; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"] { @@ -1744,15 +1774,10 @@ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active. --identity-box-verified-color: hsl(92,100%,30%); --identity-box-chrome-color: rgb(229,115,0); - border-inline-end: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, - var(--urlbar-separator-color) 15%, - var(--urlbar-separator-color) 85%, - transparent 85%); - border-image-slice: 1; + border-inline-end: 1px solid transparentize($entry_border, 0.5); font-size: .9em; - padding: 3px 5px 3px 3px; - margin-inline-end: 4px; + padding: 3px 9px 3px 7px; + margin-inline-end: 5px; overflow: hidden; // /* The latter two properties have a transition to handle the delayed hiding of // the forward button when hovered. */ @@ -1916,7 +1941,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .popup-notification-icon { width: 64px; height: 64px; - -moz-margin-end: 10px; + margin-inline-end: 10px; } .popup-notification-icon[popupid="geolocation"] { @@ -1990,6 +2015,10 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box list-style-image: url(chrome://browser/skin/pointerLock-64.png); } +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); +} + /* Notification icon box */ #notification-popup-box { position: relative; @@ -2022,6 +2051,9 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box transform: none; } +/* This class can be used alone or in combination with the class defining the + type of icon displayed. This rule must be defined before the others in order + for its list-style-image to be overridden. */ .notification-anchor-icon { list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); width: 16px; @@ -2029,59 +2061,62 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box margin: 0 2px; } -.geo-notification-icon, -#geo-notification-icon { +@media (min-resolution: 1.1dppx) { + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); + } +} + +.geo-icon { list-style-image: url(chrome://browser/skin/Geolocation-16.png); } -#addons-notification-icon { +.install-icon { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); } -#addons-notification-icon:hover { +.install-icon:hover { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#hover); } -#addons-notification-icon:hover:active { +.install-icon:hover:active { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#active); } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(chrome://global/skin/icons/question-16.png); } -#password-notification-icon { +.login-icon { list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); } #login-fill-notification-icon { - /* Temporary icon until the capture and fill doorhangers are unified. */ - list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); + /* Temporary solution until the capture and fill doorhangers are unified. */ transform: scaleX(-1); } -#plugins-notification-icon { +.plugin-icon { list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); } -#plugins-notification-icon.plugin-hidden { +.plugin-icon.plugin-hidden { list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); } -#plugins-notification-icon.plugin-blocked { +.plugin-icon.plugin-blocked { list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); } -#plugins-notification-icon { +.plugin-icon { -moz-image-region: rect(0, 16px, 16px, 0); } -#plugins-notification-icon:hover { +.plugin-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -#plugins-notification-icon:active { +.plugin-icon:active { -moz-image-region: rect(0, 48px, 16px, 32px); } @@ -2105,84 +2140,72 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box } } -.webRTC-shareDevices-notification-icon, -#webRTC-shareDevices-notification-icon { +.camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingDevices-notification-icon, -#webRTC-sharingDevices-notification-icon { +.camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); } -.webRTC-shareMicrophone-notification-icon, -#webRTC-shareMicrophone-notification-icon { +.microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingMicrophone-notification-icon, -#webRTC-sharingMicrophone-notification-icon { +.microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); } -.webRTC-shareScreen-notification-icon, -#webRTC-shareScreen-notification-icon { +.screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } -.webRTC-sharingScreen-notification-icon, -#webRTC-sharingScreen-notification-icon { +.screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); } -.web-notifications-notification-icon, -#web-notifications-notification-icon { +.web-notifications-icon { list-style-image: url(chrome://browser/skin/web-notifications-tray.svg); -moz-image-region: rect(0, 16px, 16px, 0); } -.web-notifications-notification-icon:hover, -#web-notifications-notification-icon:hover { +.web-notifications-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -.web-notifications-notification-icon:hover:active, -#web-notifications-notification-icon:hover:active { +.web-notifications-icon:hover:active { -moz-image-region: rect(0, 48px, 16px, 32px); } -.pointerLock-notification-icon, -#pointerLock-notification-icon { +.pointer-icon { list-style-image: url(chrome://browser/skin/pointerLock-16.png); } -.translate-notification-icon, -#translate-notification-icon { - list-style-image: url(chrome://browser/skin/translation-16.png); - -moz-image-region: rect(0px, 16px, 16px, 0px); +.service-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); } -.translated-notification-icon, -#translated-notification-icon { +.translation-icon { list-style-image: url(chrome://browser/skin/translation-16.png); - -moz-image-region: rect(0px, 32px, 16px, 16px); + -moz-image-region: rect(0px, 16px, 16px, 0px); } -.popup-notification-icon[popupid="servicesInstall"] { - list-style-image: url(chrome://browser/skin/social/services-64.png); -} -#servicesInstall-notification-icon { - list-style-image: url(chrome://browser/skin/social/services-16.png); +.translation-icon.in-use { + -moz-image-region: rect(0px, 32px, 16px, 16px); } /* EME notifications */ .popup-notification-icon[popupid="drmContentPlaying"], -#eme-notification-icon { +.drm-icon { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } -#eme-notification-icon:hover:active { +.drm-icon:hover:active { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } @@ -2203,37 +2226,27 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box //border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; } - .notification-anchor-icon { - list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); - } - - .webRTC-shareDevices-notification-icon, - #webRTC-shareDevices-notification-icon { + .camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); } - .webRTC-sharingDevices-notification-icon, - #webRTC-sharingDevices-notification-icon { + .camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); } - .webRTC-shareMicrophone-notification-icon, - #webRTC-shareMicrophone-notification-icon { + .microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); } - .webRTC-sharingMicrophone-notification-icon, - #webRTC-sharingMicrophone-notification-icon { + .microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); } - .webRTC-shareScreen-notification-icon, - #webRTC-shareScreen-notification-icon { + .screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); } - .webRTC-sharingScreen-notification-icon, - #webRTC-sharingScreen-notification-icon { + .screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); } @@ -2273,8 +2286,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box outline: 1px dotted -moz-DialogText; } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); } @@ -2358,7 +2370,7 @@ notification[value="translation"] menulist > .menulist-dropmarker { } .translation-welcome-content { - -moz-margin-start: 16px; + margin-inline-start: 16px; } .translation-welcome-headline { @@ -2388,7 +2400,7 @@ notification[value="translation"] { notification[value="translation"] button, notification[value="translation"] menulist { - -moz-padding-end: 1ch; + padding-inline-end: 1ch; } notification[value="translation"] menulist { @@ -2404,8 +2416,8 @@ notification[value="translation"] button { notification[value="translation"] button, notification[value="translation"] menulist, notification[value="translation"] menulist > .menulist-label-box { - -moz-margin-start: 1ch; - -moz-margin-end: 1ch; + margin-inline-start: 1ch; + margin-inline-end: 1ch; } notification[value="translation"] button:hover, @@ -2430,11 +2442,11 @@ notification[value="translation"] button[anonid="translate"]:active { notification[value="translation"] button > .button-box, notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { padding: 0; - -moz-margin-start: 3ch; + margin-inline-start: 3ch; } notification[value="translation"] button:not([type="menu"]) > .button-box { - -moz-margin-end: 3ch; + margin-inline-end: 3ch; } notification[value="translation"] menulist > .menulist-dropmarker { @@ -2445,11 +2457,6 @@ notification[value="translation"] menulist > .menulist-dropmarker { max-width : 36px; } -#PopupAutoCompleteRichResult { - /* The awesomebar popup should open just below the navbar bottom border. */ - margin-top: 1px; -} - .autocomplete-richlistbox { padding: 4px; } @@ -2467,11 +2474,11 @@ notification[value="translation"] menulist > .menulist-dropmarker { } .ac-title { - font-size: 14px; + font-size: 1.05em; } .ac-tags { - font-size: 12px; + font-size: 0.9em; } html|span.ac-tag { @@ -2485,7 +2492,7 @@ html|span.ac-tag { .ac-separator, .ac-url, .ac-action { - font-size: 12px; + font-size: 0.9em; color: -moz-nativehyperlinktext; } @@ -2570,14 +2577,9 @@ html|span.ac-emphasize-text-url { #urlbar-stop-button { -moz-appearance: none; list-style-image: url("chrome://browser/skin/reload-stop-go.png"); - padding: 0 4px 0 6px; - margin-inline-start: 2px; - border-inline-start: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, - var(--urlbar-separator-color) 15%, - var(--urlbar-separator-color) 85%, - transparent 85%); - border-image-slice: 1; + padding: 0 7px 0 10px; + margin-inline-start: 5px; + border-inline-start: 1px solid transparentize($entry_border, 0.5); } #urlbar-reload-button { @@ -2975,12 +2977,12 @@ html|span.ac-emphasize-text-url { } .tab-content { - -moz-padding-end: 9px; - -moz-padding-start: 9px; + padding-inline-end: 9px; + padding-inline-start: 9px; } .tab-content[pinned] { - -moz-padding-end: 3px; + padding-inline-end: 3px; } .tab-throbber, @@ -2994,7 +2996,7 @@ html|span.ac-emphasize-text-url { .tab-icon-image { height: 16px; width: 16px; - -moz-margin-end: 6px; + margin-inline-end: 6px; } .tab-icon-image { @@ -3005,7 +3007,7 @@ html|span.ac-emphasize-text-url { width: 16px; height: 16px; margin-top: -12px; - -moz-margin-start: -16px; + margin-inline-start: -16px; position: relative; } @@ -3048,18 +3050,18 @@ html|span.ac-emphasize-text-url { } .tab-label { - -moz-margin-end: 0; - -moz-margin-start: 0; + margin-inline-end: 0; + margin-inline-start: 0; } .tab-close-button { - -moz-margin-start: 4px; - -moz-margin-end: -2px; + margin-inline-start: 4px; + margin-inline-end: -2px; padding: 0; } .tab-icon-sound { - -moz-margin-start: 4px; + margin-inline-start: 4px; width: 16px; height: 16px; padding: 0; @@ -3089,26 +3091,32 @@ html|span.ac-emphasize-text-url { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); } +.tab-icon-sound:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying] { list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-audio.svg#tab-audio"); } +.tab-icon-sound:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover { list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-audio.svg#tab-audio-hover"); } +.tab-icon-sound:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-audio.svg#tab-audio-pressed"); } +.tab-icon-sound[muted]:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted] { list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-audio.svg#tab-audio-muted"); } +.tab-icon-sound[muted]:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover { list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-audio.svg#tab-audio-muted-hover"); } +.tab-icon-sound[muted]:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-audio.svg#tab-audio-muted-pressed"); } @@ -3140,13 +3148,13 @@ html|span.ac-emphasize-text-url { .tab-background, .tabs-newtab-button { /* overlap the tab curves */ - -moz-margin-end: -14px; - -moz-margin-start: -14px; + margin-inline-end: -14px; + margin-inline-start: -14px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { - -moz-padding-end: 15px; - -moz-padding-start: 5px; + padding-inline-end: 15px; + padding-inline-start: 5px; } /* Tab Overflow */ @@ -3167,13 +3175,13 @@ html|span.ac-emphasize-text-url { } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { - -moz-margin-start: -2px; - -moz-margin-end: -12px; + margin-inline-start: -2px; + margin-inline-end: -12px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { - -moz-margin-start: -12px; - -moz-margin-end: -2px; + margin-inline-start: -12px; + margin-inline-end: -2px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], @@ -3221,7 +3229,7 @@ html|span.ac-emphasize-text-url { .tab-background-start[visuallyselected=true]::after, .tab-background-end[visuallyselected=true]::after { /* position ::after on top of its parent */ - -moz-margin-start: -30px; + margin-inline-start: -30px; background-size: 100% 100%; content: ""; display: -moz-box; @@ -3315,31 +3323,6 @@ html|span.ac-emphasize-text-url { background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; } -/* User Context UI - change tab decoration depending on userContextId. - Defaults to gray for unknown usercontextids. */ -.tabbrowser-tab[usercontextid] { - background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%); - background-size: auto 2px; - background-repeat: no-repeat; -} - -/* Personal User Context */ -.tabbrowser-tab[usercontextid="1"] { - background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%); -} -/* Work User Context */ -.tabbrowser-tab[usercontextid="2"] { - background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%); -} -/* Banking User Context */ -.tabbrowser-tab[usercontextid="3"] { - background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%); -} -/* Shopping User Context */ -.tabbrowser-tab[usercontextid="4"] { - background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%); -} - /* Tab pointer-events */ .tabbrowser-tab { pointer-events: none; @@ -3602,7 +3585,7 @@ menuitem:hover > hbox > .alltabs-endimage[soundplaying] { /* Sidebar */ #sidebar-throbber[loading="true"] { list-style-image: url("chrome://global/skin/icons/loading.png"); - -moz-margin-end: 4px; + margin-inline-end: 4px; } toolbarbutton.chevron { @@ -3663,33 +3646,6 @@ toolbarbutton.chevron > .toolbarbutton-icon { margin-top: 10px; } -/* Sync Panel */ - -.sync-panel-icon { - height:32px; - width: 32px; - background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; -} - -.sync-panel-inner { - width: 0; - padding-left: 10px; -} - -.sync-panel-button-box { - margin-top: 1em; -} - -#sync-start-panel-title { - font-size: 120%; - font-weight: bold; - margin-bottom: 5px; -} - -#sync-start-panel-subtitle { - margin-bottom: 0; -} - /* Status panel */ .statuspanel-label { @@ -3905,7 +3861,7 @@ html|*#fullscreen-exit-button { -moz-appearance: none; color: inherit; border-width: 0; - -moz-border-end: 1px solid hsla(210,8%,5%,.45); + border-inline-end: 1px solid hsla(210,8%,5%,.45); box-shadow: -1px 0 0 hsla(210,16%,76%,.15) inset, 1px 0 0 hsla(210,16%,76%,.15); } @@ -4131,16 +4087,20 @@ html|*#fullscreen-exit-button { --gcli-border-color: #dde1e4; /* --theme-splitter-color */ --selection-background: #4c9ed9; /* --theme-selection-background */ --selection-color: #f5f7fa; /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); /* --theme-command-line-image-focus */ } :root[devtoolstheme="dark"] #developer-toolbar { - --gcli-background-color: #343c45; /* --theme-toolbar-background */ - --gcli-input-background: rgba(37, 44, 51, .6); /* --theme-tab-toolbar-background */ - --gcli-input-focused-background: #252c33; /* --theme-tab-toolbar-background */ + --gcli-background-color: #272b35; /* --theme-toolbar-background */ + --gcli-input-background: #272b35; /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #272b35; /* --theme-tab-toolbar-background */ --gcli-input-color: #b6babf; /* --theme-body-color-alt */ - --gcli-border-color: black; /* --theme-splitter-color */ - --selection-background: #1d4f73; /* --theme-selection-background */ + --gcli-border-color: #454d5d; /* --theme-splitter-color */ + --selection-background: #5675b9; /* --theme-selection-background */ --selection-color: #f5f7fa; /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme); /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme-focus); /* --theme-command-line-image-focus */ } #developer-toolbar { @@ -4274,19 +4234,11 @@ html|*#gcli-output-frame { width: 16px; height: 16px; margin: 0 2px; - background-image: url("chrome://devtools/skin/images/commandline-icon.png"); - background-position: 0 center; - background-size: 32px 16px; + background-image: var(--command-line-image); } .gclitoolbar-input-node[focused="true"]::before { - background-position: -16px center; -} - -@media (min-resolution: 1.1dppx) { - .gclitoolbar-input-node::before { - background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); - } + background-image: var(--command-line-image-focus); } .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { @@ -4348,7 +4300,7 @@ html|*#gcli-output-frame { } .center-item-label { - -moz-margin-start: 6px; + margin-inline-start: 6px; margin-bottom: 0; text-overflow: ellipsis; } @@ -4358,7 +4310,7 @@ html|*#gcli-output-frame { background-repeat: no-repeat; width: 16px; height: 15px; - -moz-margin-start: 6px; + margin-inline-start: 6px; } .click-to-play-plugins-notification-button-container { @@ -4482,7 +4434,7 @@ notification.pluginVulnerable > .notification-inner > .messageCloseButton:not(:h border-left: 1px solid hsla(210,4%,10%,.3); box-shadow: 0 3px 5px hsla(210,4%,10%,.1), 0 0 7px hsla(210,4%,10%,.1); - -moz-margin-start: 38px; + margin-inline-start: 38px; } /* This Source Code Form is subject to the terms of the Mozilla Public @@ -4686,7 +4638,7 @@ toolbar[brighttext] #downloads-indicator-counter { background-image: linear-gradient(#505050, #575757); border: 1px solid; border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4); - -moz-border-start: none; + border-inline-start: none; border-radius: 0 2px 2px 0; } @@ -4714,7 +4666,7 @@ toolbar[brighttext] #downloads-indicator-counter { text-shadow: none; background-image: linear-gradient(#B4211B, #8A1915); border-radius: 1px; - -moz-margin-end: 2px; + margin-inline-end: 2px; } /* Social toolbar item */ @@ -4963,11 +4915,11 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button { } chatbar { - -moz-margin-end: 20px; + margin-inline-end: 20px; } chatbox { - -moz-margin-start: 4px; + margin-inline-start: 4px; background-color: transparent; } @@ -4979,11 +4931,11 @@ chatbar > chatbox { box-shadow: 0 0 5px rgba(0,0,0,.3); /* Offset the chatbox the same amount as the box-shadows' spread, to make it visible. */ - -moz-margin-end: 5px; + margin-inline-end: 5px; } window > chatbox { - -moz-margin-start: 0px; + margin-inline-start: 0px; margin: 0px; border: none; padding: 0px; @@ -5155,7 +5107,7 @@ window > chatbox { #customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, #customization-titlebar-visibility-button > .button-box > .button-text { /* Sadly, button.css thinks its margins are perfect for everyone. */ - -moz-margin-start: 6px !important; + margin-inline-start: 6px !important; } #customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { @@ -5301,7 +5253,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { } #personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { - -moz-margin-end: 5px; + margin-inline-end: 5px; } #customization-palette > toolbarpaletteitem > label { @@ -5327,9 +5279,9 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: 1px solid transparent; margin: 0 -5px 5px; padding-top: 0; - -moz-padding-end: 5px; + padding-inline-end: 5px; padding-bottom: 0; - -moz-padding-start: 0; + padding-inline-start: 0; } .customization-lwtheme-menu-theme[defaulttheme] { @@ -5401,7 +5353,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { } .customization-lwtheme-menu-footeritem:first-child { - -moz-border-end: 1px solid hsla(210,4%,10%,.15); + border-inline-end: 1px solid hsla(210,4%,10%,.15); } /* This Source Code Form is subject to the terms of the Mozilla Public @@ -5474,7 +5426,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { .customization-tipPanel-closeBox > .close-icon { -moz-appearance: none; border: 0; - -moz-margin-end: -25px; + margin-inline-end: -25px; } #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], @@ -5570,7 +5522,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { -moz-box-align: start; } -#UITourtooltipTitleContainer { +#UITourTooltipTitleContainer { -moz-box-align: start; margin-bottom: 10px; } @@ -5578,7 +5530,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipIcon { width: 48px; height: 48px; - -moz-margin-end: 10px; + margin-inline-end: 10px; } #UITourTooltipTitle, @@ -5593,8 +5545,8 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { } #UITourTooltipDescription { - -moz-margin-start: 0; - -moz-margin-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; font-size: 1.15rem; line-height: 1.8rem; margin-bottom: 0; /* Override global.css */ @@ -5606,7 +5558,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: none; background-color: transparent; min-width: 0; - -moz-margin-start: 4px; + margin-inline-start: 4px; margin-top: -2px; } @@ -5629,7 +5581,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > label:first-child, #UITourTooltipButtons > button:first-child { - -moz-margin-start: 0; + margin-inline-start: 0; } #UITourTooltipButtons > label:last-child, @@ -5640,7 +5592,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > button[image] > .button-box > .button-icon { width: 16px; height: 16px; - -moz-margin-end: 5px; + margin-inline-end: 5px; } #UITourTooltipButtons > label, @@ -5740,16 +5692,16 @@ notification.heartbeat { .messageText.heartbeat { color: #333333; text-shadow: none; - -moz-margin-start: 0px; + margin-inline-start: 0px; /* The !important is required to override OSX default style. */ - -moz-margin-end: 12px !important; + margin-inline-end: 12px !important; } .messageImage.heartbeat { width: 24px; height: 24px; - -moz-margin-start: 8px; - -moz-margin-end: 8px; + margin-inline-start: 8px; + margin-inline-end: 8px; } .messageImage.heartbeat.pulse-onshow { @@ -5769,7 +5721,7 @@ notification.heartbeat { /* Learn More link styles */ .heartbeat > .text-link { color: #0095DD; - -moz-margin-start: 0px; + margin-inline-start: 0px; } .heartbeat > .text-link:hover { @@ -5806,8 +5758,8 @@ notification.heartbeat { .heartbeat > #star-rating-container > .star-x { background: url("chrome://browser/skin/heartbeat-star-off.svg"); cursor: pointer; - /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ - -moz-margin-end: 4px !important; + /* Overrides the margin-inline-end for all platforms defined in the .plain class */ + margin-inline-end: 4px !important; width: 16px; height: 16px; } @@ -5835,7 +5787,7 @@ notification.heartbeat { } #UITourTooltipClose { - -moz-margin-end: -4px; + margin-inline-end: -4px; height: 16px; width: 16px; } @@ -5950,8 +5902,8 @@ notification.heartbeat { #context-navigation > .menuitem-iconic > .menu-iconic-left { visibility: visible; /* override toolkit/themes/linux/global/menu.css */ - -moz-padding-end: 0 !important; - -moz-margin-end: 0 !important; + padding-inline-end: 0 !important; + margin-inline-end: 0 !important; } .browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent { @@ -5959,72 +5911,10 @@ notification.heartbeat { overflow: hidden; } -/* User Context UI browser styles */ - -#menu_newUserContextTabPersonal { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); -} - -#menu_newUserContextTabWork { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); +.webextension-popup-browser { + border-radius: inherit; } -#menu_newUserContextTabBanking { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); -} - -#menu_newUserContextTabShopping { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); -} - -/* URL Bar Decoration */ - -#userContext-indicator { - height: 16px; - width: 16px; -} - -#userContext-label { - margin-inline-end: 3px; - color: #909090; -} - -#userContext-icons:not([usercontextid]) { - display: none; -} - -#userContext-icons { - -moz-box-align: center; -} - -/* Personal User Context */ -#userContext-icons[usercontextid="1"] > #userContext-label { - color: #00a7e0; -} -#userContext-icons[usercontextid="1"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); -} - -/* Work User Context */ -#userContext-icons[usercontextid="2"] > #userContext-label { - color: #f89c24; -} -#userContext-icons[usercontextid="2"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); -} - -/* Banking User Context */ -#userContext-icons[usercontextid="3"] > #userContext-label { - color: #7dc14c; -} -#userContext-icons[usercontextid="3"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); -} - -/* Shopping User Context */ -#userContext-icons[usercontextid="4"] > #userContext-label { - color: #ee5195; -} -#userContext-icons[usercontextid="4"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); +.menuitem-iconic[command="Browser:NewUserContextTab"] > .menu-iconic-left > .menu-iconic-icon { + visibility: visible; } diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css index e860708..3d5b595 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css @@ -218,7 +218,7 @@ menuitem.bookmark-item { margin-bottom: 0; } .bookmark-item > .menu-iconic-left > .menu-iconic-icon { - -moz-padding-start: 0px; } + padding-inline-start: 0px; } /* Bookmark drag and drop styles */ .bookmark-item[dragover-into="true"] { @@ -235,7 +235,7 @@ menuitem.bookmark-item { .menupopup-drop-indicator { list-style-image: none; height: 2px; - -moz-margin-end: -4em; + margin-inline-end: -4em; background-color: Highlight; } /* Bookmarks toolbar */ @@ -297,6 +297,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #placesContext_openContainer\:tabs, #menu_newNavigatorTab, #context-openlinkintab, +#context-openlinkincontainertab, #context-openframeintab { list-style-image: url("chrome://browser/skin/Toolbar-small.png"); -moz-image-region: rect(0px 64px 16px 48px); } @@ -436,6 +437,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #panelMenu_bookmarksToolbar { list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); } +#menu_unsortedBookmarks, #BMB_unsortedBookmarks, #panelMenu_unsortedBookmarks { list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); } @@ -476,8 +478,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { :-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon { 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, #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, .toolbarbutton-legacy-addon) > .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, .toolbarbutton-legacy-addon) > :-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, #containers-panelmenu, .toolbarbutton-legacy-addon) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon, #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { max-width: 18px; } @@ -495,16 +497,16 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-stack, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { - -moz-margin-end: 0; + margin-inline-end: 0; padding: 2px 6px; border: 1px solid transparent; border-radius: 2px; transition-property: background-color, border-color; 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, #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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { padding: 3px 7px; } :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon, @@ -514,8 +516,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { max-width: 32px !important; } #nav-bar #PanelUI-menu-button { - -moz-padding-start: 5px; - -moz-padding-end: 5px; } + padding-inline-start: 5px; + padding-inline-end: 5px; } #nav-bar #PanelUI-button, #nav-bar[brighttext] #PanelUI-button { @@ -592,7 +594,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { display: -moz-box; width: 1px; height: 18px; - -moz-margin-end: -1px; + margin-inline-end: -1px; background-position: center; background-repeat: no-repeat; background-size: 1px 18px; } @@ -606,7 +608,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { background: rgba(207, 218, 231, 0.15); } :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { - -moz-margin-start: -4px; } + margin-inline-start: -4px; } #back-button > menupopup { margin-top: -1px; } @@ -636,14 +638,14 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; } /* 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, #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), +:-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, #containers-panelmenu), #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"); } - #TabsToolbar :-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), #TabsToolbar + #TabsToolbar :-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, #containers-panelmenu), #TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); } -#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { +#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #containers-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #containers-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active) { list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } #nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, @@ -688,6 +690,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 792px, 18px, 774px); } +#containers-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 810px, 18px, 792px); } + #feed-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 288px, 18px, 270px); } @@ -778,8 +783,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { @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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image); } #home-button[cui-areatype="menu-panel"], @@ -823,6 +828,13 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { -moz-image-region: rect(32px, 1024px, 64px, 992px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 1056px, 32px, 1024px); } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 1056px, 64px, 1024px); } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 416px, 32px, 384px); } @@ -938,8 +950,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { /* 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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image-2x); } #home-button[cui-areatype="menu-panel"], @@ -983,6 +995,13 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { -moz-image-region: rect(64px, 2048px, 128px, 1984px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 2112px, 64px, 2048px); } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 2112px, 128px, 2048px); } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 832px, 64px, 768px); } @@ -1065,6 +1084,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { toolbaritem[sdkstylewidget="true"] > toolbarbutton { -moz-image-region: rect(0, 1664px, 64px, 1600px); } + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small@2x.png); + -moz-image-region: rect(0px, 192px, 32px, 160px); } + /* Footer and wide panel control icons */ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, @@ -1140,9 +1163,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #urlbar, .searchbar-textbox { -moz-appearance: none; - padding: 2px 3px; + padding: 0 3px; border-radius: 3px; margin: 0 3px; + min-height: 28px; color: #D3DAE3; background-color: #404552; border: 1px solid #2b2e39; } @@ -1168,10 +1192,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { .urlbar-textbox-container { -moz-appearance: none; - -moz-box-align: center; } + -moz-box-align: stretch; } .urlbar-input-box { - -moz-margin-start: 0; } + margin-inline-start: 0; } .urlbar-history-dropmarker { -moz-appearance: toolbarbutton-dropdown; @@ -1221,21 +1245,21 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #urlbar-display-box { margin-top: -1px; margin-bottom: -1px; - -moz-border-end: 1px solid #AAA; - -moz-margin-end: 3px; } + border-inline-end: 1px solid #AAA; + margin-inline-end: 3px; } .urlbar-display { margin-top: 0; margin-bottom: 0; - -moz-margin-start: 0; + margin-inline-start: 0; color: GrayText; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] { border-bottom: 1px solid rgba(24, 26, 27, 0.14); background-color: rgba(24, 26, 27, 0.07); padding: 6px 0; - -moz-padding-start: 44px; - -moz-padding-end: 6px; + padding-inline-start: 44px; + padding-inline-end: 6px; background-image: url("chrome://browser/skin/info.svg"); background-clip: padding-box; background-position: 20px center; @@ -1250,7 +1274,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { padding: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description > label.text-link { - -moz-margin-start: 0; } + margin-inline-start: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button { -moz-appearance: none; @@ -1258,7 +1282,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { border-radius: 3px; padding: 4px 16px; margin: 0; - -moz-margin-start: 10px; } + margin-inline-start: 10px; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"] { color: #616161; @@ -1298,12 +1322,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #identity-box { --identity-box-verified-color: #479900; --identity-box-chrome-color: #e57300; - border-inline-end: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%); - border-image-slice: 1; + border-inline-end: 1px solid rgba(43, 46, 57, 0.5); font-size: .9em; - padding: 3px 5px 3px 3px; - margin-inline-end: 4px; + padding: 3px 9px 3px 7px; + margin-inline-end: 5px; overflow: hidden; } #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { @@ -1407,7 +1429,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .popup-notification-icon { width: 64px; height: 64px; - -moz-margin-end: 10px; } + margin-inline-end: 10px; } .popup-notification-icon[popupid="geolocation"] { list-style-image: url(chrome://browser/skin/Geolocation-64.png); } @@ -1464,6 +1486,9 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .popup-notification-icon[popupid="pointerLock"] { list-style-image: url(chrome://browser/skin/pointerLock-64.png); } +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); } + /* Notification icon box */ #notification-popup-box { position: relative; @@ -1485,53 +1510,56 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .notification-anchor-icon.chat-toolbarbutton:-moz-locale-dir(rtl) { transform: none; } +/* This class can be used alone or in combination with the class defining the + type of icon displayed. This rule must be defined before the others in order + for its list-style-image to be overridden. */ .notification-anchor-icon { list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); width: 16px; height: 16px; margin: 0 2px; } -.geo-notification-icon, -#geo-notification-icon { +@media (min-resolution: 1.1dppx) { + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } } +.geo-icon { list-style-image: url(chrome://browser/skin/Geolocation-16.png); } -#addons-notification-icon { +.install-icon { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); } -#addons-notification-icon:hover { +.install-icon:hover { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#hover); } -#addons-notification-icon:hover:active { +.install-icon:hover:active { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#active); } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(chrome://global/skin/icons/question-16.png); } -#password-notification-icon { +.login-icon { list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); } #login-fill-notification-icon { - /* Temporary icon until the capture and fill doorhangers are unified. */ - list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); + /* Temporary solution until the capture and fill doorhangers are unified. */ transform: scaleX(-1); } -#plugins-notification-icon { +.plugin-icon { list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); } -#plugins-notification-icon.plugin-hidden { +.plugin-icon.plugin-hidden { list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); } -#plugins-notification-icon.plugin-blocked { +.plugin-icon.plugin-blocked { list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); } -#plugins-notification-icon { +.plugin-icon { -moz-image-region: rect(0, 16px, 16px, 0); } -#plugins-notification-icon:hover { +.plugin-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -#plugins-notification-icon:active { +.plugin-icon:active { -moz-image-region: rect(0, 48px, 16px, 32px); } #notification-popup-box[hidden] { @@ -1548,69 +1576,57 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box opacity: 0; } to { opacity: 1; } } -.webRTC-shareDevices-notification-icon, -#webRTC-shareDevices-notification-icon { +.camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingDevices-notification-icon, -#webRTC-sharingDevices-notification-icon { +.camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); } -.webRTC-shareMicrophone-notification-icon, -#webRTC-shareMicrophone-notification-icon { +.microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingMicrophone-notification-icon, -#webRTC-sharingMicrophone-notification-icon { +.microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); } -.webRTC-shareScreen-notification-icon, -#webRTC-shareScreen-notification-icon { +.screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } -.webRTC-sharingScreen-notification-icon, -#webRTC-sharingScreen-notification-icon { +.screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); } -.web-notifications-notification-icon, -#web-notifications-notification-icon { +.web-notifications-icon { list-style-image: url(chrome://browser/skin/web-notifications-tray.svg); -moz-image-region: rect(0, 16px, 16px, 0); } -.web-notifications-notification-icon:hover, -#web-notifications-notification-icon:hover { +.web-notifications-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -.web-notifications-notification-icon:hover:active, -#web-notifications-notification-icon:hover:active { +.web-notifications-icon:hover:active { -moz-image-region: rect(0, 48px, 16px, 32px); } -.pointerLock-notification-icon, -#pointerLock-notification-icon { +.pointer-icon { list-style-image: url(chrome://browser/skin/pointerLock-16.png); } -.translate-notification-icon, -#translate-notification-icon { +.service-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); } + +.translation-icon { list-style-image: url(chrome://browser/skin/translation-16.png); -moz-image-region: rect(0px, 16px, 16px, 0px); } -.translated-notification-icon, -#translated-notification-icon { - list-style-image: url(chrome://browser/skin/translation-16.png); +.translation-icon.in-use { -moz-image-region: rect(0px, 32px, 16px, 16px); } -.popup-notification-icon[popupid="servicesInstall"] { - list-style-image: url(chrome://browser/skin/social/services-64.png); } - -#servicesInstall-notification-icon { - list-style-image: url(chrome://browser/skin/social/services-16.png); } - /* EME notifications */ .popup-notification-icon[popupid="drmContentPlaying"], -#eme-notification-icon { +.drm-icon { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } -#eme-notification-icon:hover:active { +.drm-icon:hover:active { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } #eme-notification-icon[firstplay=true] { @@ -1627,31 +1643,22 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box transform: translateX(0); } } /* HiDPI notification icons */ @media (min-resolution: 1.1dppx) { - .notification-anchor-icon { - list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } - - .webRTC-shareDevices-notification-icon, - #webRTC-shareDevices-notification-icon { + .camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); } - .webRTC-sharingDevices-notification-icon, - #webRTC-sharingDevices-notification-icon { + .camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); } - .webRTC-shareMicrophone-notification-icon, - #webRTC-shareMicrophone-notification-icon { + .microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); } - .webRTC-sharingMicrophone-notification-icon, - #webRTC-sharingMicrophone-notification-icon { + .microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); } - .webRTC-shareScreen-notification-icon, - #webRTC-shareScreen-notification-icon { + .screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); } - .webRTC-sharingScreen-notification-icon, - #webRTC-sharingScreen-notification-icon { + .screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); } .popup-notification-icon[popupid="webRTC-sharingDevices"], @@ -1680,8 +1687,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .notification-anchor-icon:-moz-focusring { outline: 1px dotted -moz-DialogText; } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); } /* Translation infobar */ @@ -1746,7 +1752,7 @@ notification[value="translation"] menulist > .menulist-dropmarker { -moz-image-region: rect(0, 64px, 32px, 32px); } .translation-welcome-content { - -moz-margin-start: 16px; } + margin-inline-start: 16px; } .translation-welcome-headline { font-size: larger; @@ -1770,7 +1776,7 @@ notification[value="translation"] { notification[value="translation"] button, notification[value="translation"] menulist { - -moz-padding-end: 1ch; } + padding-inline-end: 1ch; } notification[value="translation"] menulist { border: 1px solid #C1C1C1; @@ -1783,8 +1789,8 @@ notification[value="translation"] button { notification[value="translation"] button, notification[value="translation"] menulist, notification[value="translation"] menulist > .menulist-label-box { - -moz-margin-start: 1ch; - -moz-margin-end: 1ch; } + margin-inline-start: 1ch; + margin-inline-end: 1ch; } notification[value="translation"] button:hover, notification[value="translation"] button:active, @@ -1805,10 +1811,10 @@ notification[value="translation"] button[anonid="translate"]:active { notification[value="translation"] button > .button-box, notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { padding: 0; - -moz-margin-start: 3ch; } + margin-inline-start: 3ch; } notification[value="translation"] button:not([type="menu"]) > .button-box { - -moz-margin-end: 3ch; } + margin-inline-end: 3ch; } notification[value="translation"] menulist > .menulist-dropmarker { display: block; } @@ -1816,10 +1822,6 @@ notification[value="translation"] menulist > .menulist-dropmarker { #treecolAutoCompleteImage { max-width: 36px; } -#PopupAutoCompleteRichResult { - /* The awesomebar popup should open just below the navbar bottom border. */ - margin-top: 1px; } - .autocomplete-richlistbox { padding: 4px; } @@ -1834,10 +1836,10 @@ notification[value="translation"] menulist > .menulist-dropmarker { background-color: Highlight; } .ac-title { - font-size: 14px; } + font-size: 1.05em; } .ac-tags { - font-size: 12px; } + font-size: 0.9em; } html|span.ac-tag { background-color: MenuText; @@ -1849,7 +1851,7 @@ html|span.ac-tag { .ac-separator, .ac-url, .ac-action { - font-size: 12px; + font-size: 0.9em; color: -moz-nativehyperlinktext; } .ac-title[selected=true], @@ -1918,11 +1920,9 @@ html|span.ac-emphasize-text-url { #urlbar-stop-button { -moz-appearance: none; list-style-image: url("chrome://browser/skin/reload-stop-go.png"); - padding: 0 4px 0 6px; - margin-inline-start: 2px; - border-inline-start: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%); - border-image-slice: 1; } + padding: 0 7px 0 10px; + margin-inline-start: 5px; + border-inline-start: 1px solid rgba(43, 46, 57, 0.5); } #urlbar-reload-button { -moz-image-region: rect(0, 14px, 14px, 0); } @@ -2221,11 +2221,11 @@ html|span.ac-emphasize-text-url { margin: 0 -15px; } .tab-content { - -moz-padding-end: 9px; - -moz-padding-start: 9px; } + padding-inline-end: 9px; + padding-inline-start: 9px; } .tab-content[pinned] { - -moz-padding-end: 3px; } + padding-inline-end: 3px; } .tab-throbber, .tab-icon-image, @@ -2237,7 +2237,7 @@ html|span.ac-emphasize-text-url { .tab-icon-image { height: 16px; width: 16px; - -moz-margin-end: 6px; } + margin-inline-end: 6px; } .tab-icon-image { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } @@ -2246,7 +2246,7 @@ html|span.ac-emphasize-text-url { width: 16px; height: 16px; margin-top: -12px; - -moz-margin-start: -16px; + margin-inline-start: -16px; position: relative; } .tab-icon-overlay[crashed] { @@ -2273,16 +2273,16 @@ html|span.ac-emphasize-text-url { list-style-image: url("chrome://browser/skin/custom_images/loading.png"); } .tab-label { - -moz-margin-end: 0; - -moz-margin-start: 0; } + margin-inline-end: 0; + margin-inline-start: 0; } .tab-close-button { - -moz-margin-start: 4px; - -moz-margin-end: -2px; + margin-inline-start: 4px; + margin-inline-end: -2px; padding: 0; } .tab-icon-sound { - -moz-margin-start: 4px; + margin-inline-start: 4px; width: 16px; height: 16px; padding: 0; } @@ -2305,33 +2305,39 @@ html|span.ac-emphasize-text-url { .tab-icon-sound[muted]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); } +.tab-icon-sound:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying] { list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio"); } +.tab-icon-sound:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover { list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-hover"); } +.tab-icon-sound:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-pressed"); } +.tab-icon-sound[muted]:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted] { list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-muted"); } +.tab-icon-sound[muted]:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover { list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-muted-hover"); } +.tab-icon-sound[muted]:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-muted-pressed"); } .tab-background, .tabs-newtab-button { /* overlap the tab curves */ - -moz-margin-end: -14px; - -moz-margin-start: -14px; } + margin-inline-end: -14px; + margin-inline-start: -14px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { - -moz-padding-end: 15px; - -moz-padding-start: 5px; } + padding-inline-end: 15px; + padding-inline-start: 5px; } /* Tab Overflow */ .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), @@ -2350,12 +2356,12 @@ html|span.ac-emphasize-text-url { transform: scaleX(-1); } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { - -moz-margin-start: -2px; - -moz-margin-end: -12px; } + margin-inline-start: -2px; + margin-inline-end: -12px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { - -moz-margin-start: -12px; - -moz-margin-end: -2px; } + margin-inline-start: -12px; + margin-inline-end: -2px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { @@ -2394,7 +2400,7 @@ html|span.ac-emphasize-text-url { .tab-background-start[visuallyselected=true]::after, .tab-background-end[visuallyselected=true]::after { /* position ::after on top of its parent */ - -moz-margin-start: -30px; + margin-inline-start: -30px; background-size: 100% 100%; content: ""; display: -moz-box; @@ -2464,29 +2470,6 @@ lwtHeader;*/ background-repeat: no-repeat; background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; } -/* User Context UI - change tab decoration depending on userContextId. - Defaults to gray for unknown usercontextids. */ -.tabbrowser-tab[usercontextid] { - background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%); - background-size: auto 2px; - background-repeat: no-repeat; } - -/* Personal User Context */ -.tabbrowser-tab[usercontextid="1"] { - background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%); } - -/* Work User Context */ -.tabbrowser-tab[usercontextid="2"] { - background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%); } - -/* Banking User Context */ -.tabbrowser-tab[usercontextid="3"] { - background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%); } - -/* Shopping User Context */ -.tabbrowser-tab[usercontextid="4"] { - background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%); } - /* Tab pointer-events */ .tabbrowser-tab { pointer-events: none; } @@ -2662,7 +2645,7 @@ menuitem:hover > hbox > .alltabs-endimage[soundplaying] { /* Sidebar */ #sidebar-throbber[loading="true"] { list-style-image: url("chrome://global/skin/icons/loading.png"); - -moz-margin-end: 4px; } + margin-inline-end: 4px; } toolbarbutton.chevron { list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; } @@ -2709,27 +2692,6 @@ toolbarbutton.chevron > .toolbarbutton-icon { padding: 0 3px; margin-top: 10px; } -/* Sync Panel */ -.sync-panel-icon { - height: 32px; - width: 32px; - background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; } - -.sync-panel-inner { - width: 0; - padding-left: 10px; } - -.sync-panel-button-box { - margin-top: 1em; } - -#sync-start-panel-title { - font-size: 120%; - font-weight: bold; - margin-bottom: 5px; } - -#sync-start-panel-subtitle { - margin-bottom: 0; } - /* Status panel */ .statuspanel-label { margin: 0; @@ -2919,7 +2881,7 @@ html|*#fullscreen-exit-button { -moz-appearance: none; color: inherit; border-width: 0; - -moz-border-end: 1px solid rgba(12, 13, 14, 0.45); + border-inline-end: 1px solid rgba(12, 13, 14, 0.45); box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); } .devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { @@ -3098,23 +3060,31 @@ html|*#fullscreen-exit-button { --selection-background: #4c9ed9; /* --theme-selection-background */ --selection-color: #f5f7fa; - /* --theme-selection-color */ } + /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); + /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); + /* --theme-command-line-image-focus */ } :root[devtoolstheme="dark"] #developer-toolbar { - --gcli-background-color: #343c45; + --gcli-background-color: #272b35; /* --theme-toolbar-background */ - --gcli-input-background: rgba(37, 44, 51, 0.6); + --gcli-input-background: #272b35; /* --theme-tab-toolbar-background */ - --gcli-input-focused-background: #252c33; + --gcli-input-focused-background: #272b35; /* --theme-tab-toolbar-background */ --gcli-input-color: #b6babf; /* --theme-body-color-alt */ - --gcli-border-color: black; + --gcli-border-color: #454d5d; /* --theme-splitter-color */ - --selection-background: #1d4f73; + --selection-background: #5675b9; /* --theme-selection-background */ --selection-color: #f5f7fa; - /* --theme-selection-color */ } + /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme); + /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme-focus); + /* --theme-command-line-image-focus */ } #developer-toolbar { -moz-appearance: none; @@ -3222,16 +3192,11 @@ html|*#gcli-output-frame { width: 16px; height: 16px; margin: 0 2px; - background-image: url("chrome://devtools/skin/images/commandline-icon.png"); - background-position: 0 center; - background-size: 32px 16px; } + background-image: var(--command-line-image); } .gclitoolbar-input-node[focused="true"]::before { - background-position: -16px center; } + background-image: var(--command-line-image-focus); } -@media (min-resolution: 1.1dppx) { - .gclitoolbar-input-node::before { - background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); } } .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { background-color: var(--selection-background); color: var(--selection-color); @@ -3280,7 +3245,7 @@ html|*#gcli-output-frame { background-color: rgba(0, 0, 0, 0.1); } .center-item-label { - -moz-margin-start: 6px; + margin-inline-start: 6px; margin-bottom: 0; text-overflow: ellipsis; } @@ -3289,7 +3254,7 @@ html|*#gcli-output-frame { background-repeat: no-repeat; width: 16px; height: 15px; - -moz-margin-start: 6px; } + margin-inline-start: 6px; } .click-to-play-plugins-notification-button-container { background-color: rgba(24, 26, 27, 0.07); @@ -3388,7 +3353,7 @@ notification.pluginVulnerable > .notification-inner > .messageCloseButton:not(:h background-clip: padding-box; border-left: 1px solid rgba(24, 26, 27, 0.3); box-shadow: 0 3px 5px rgba(24, 26, 27, 0.1), 0 0 7px rgba(24, 26, 27, 0.1); - -moz-margin-start: 38px; } + margin-inline-start: 38px; } /* 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 @@ -3554,7 +3519,7 @@ toolbar[brighttext] #downloads-indicator-counter { background-image: linear-gradient(#505050, #575757); border: 1px solid; border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4); - -moz-border-start: none; + border-inline-start: none; border-radius: 0 2px 2px 0; } #downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { @@ -3576,7 +3541,7 @@ toolbar[brighttext] #downloads-indicator-counter { text-shadow: none; background-image: linear-gradient(#B4211B, #8A1915); border-radius: 1px; - -moz-margin-end: 2px; } + margin-inline-end: 2px; } /* Social toolbar item */ .social-activation-icon { @@ -3776,10 +3741,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button { overflow: hidden; } chatbar { - -moz-margin-end: 20px; } + margin-inline-end: 20px; } chatbox { - -moz-margin-start: 4px; + margin-inline-start: 4px; background-color: transparent; } chatbar > chatbox { @@ -3790,10 +3755,10 @@ chatbar > chatbox { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Offset the chatbox the same amount as the box-shadows' spread, to make it visible. */ - -moz-margin-end: 5px; } + margin-inline-end: 5px; } window > chatbox { - -moz-margin-start: 0px; + margin-inline-start: 0px; margin: 0px; border: none; padding: 0px; @@ -3934,7 +3899,7 @@ window > chatbox { #customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, #customization-titlebar-visibility-button > .button-box > .button-text { /* Sadly, button.css thinks its margins are perfect for everyone. */ - -moz-margin-start: 6px !important; } + margin-inline-start: 6px !important; } #customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { width: 20px; @@ -4050,7 +4015,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { min-height: 48px; } #personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { - -moz-margin-end: 5px; } + margin-inline-end: 5px; } #customization-palette > toolbarpaletteitem > label { text-align: center; @@ -4072,9 +4037,9 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: 1px solid transparent; margin: 0 -5px 5px; padding-top: 0; - -moz-padding-end: 5px; + padding-inline-end: 5px; padding-bottom: 0; - -moz-padding-start: 0; } + padding-inline-start: 0; } .customization-lwtheme-menu-theme[defaulttheme] { list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); } @@ -4133,7 +4098,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; } .customization-lwtheme-menu-footeritem:first-child { - -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); } + border-inline-end: 1px solid rgba(24, 26, 27, 0.15); } /* 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 @@ -4195,7 +4160,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { .customization-tipPanel-closeBox > .close-icon { -moz-appearance: none; border: 0; - -moz-margin-end: -25px; } + margin-inline-end: -25px; } #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { @@ -4271,14 +4236,14 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipBody { -moz-box-align: start; } -#UITourtooltipTitleContainer { +#UITourTooltipTitleContainer { -moz-box-align: start; margin-bottom: 10px; } #UITourTooltipIcon { width: 48px; height: 48px; - -moz-margin-end: 10px; } + margin-inline-end: 10px; } #UITourTooltipTitle, #UITourTooltipDescription { @@ -4290,8 +4255,8 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { margin: 0; } #UITourTooltipDescription { - -moz-margin-start: 0; - -moz-margin-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; font-size: 1.15rem; line-height: 1.8rem; margin-bottom: 0; @@ -4303,7 +4268,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: none; background-color: transparent; min-width: 0; - -moz-margin-start: 4px; + margin-inline-start: 4px; margin-top: -2px; } #UITourTooltipClose > .toolbarbutton-text { @@ -4322,7 +4287,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > label:first-child, #UITourTooltipButtons > button:first-child { - -moz-margin-start: 0; } + margin-inline-start: 0; } #UITourTooltipButtons > label:last-child, #UITourTooltipButtons > button:last-child { @@ -4331,7 +4296,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > button[image] > .button-box > .button-icon { width: 16px; height: 16px; - -moz-margin-end: 5px; } + margin-inline-end: 5px; } #UITourTooltipButtons > label, #UITourTooltipButtons > button .button-text { @@ -4407,15 +4372,15 @@ notification.heartbeat { .messageText.heartbeat { color: #333333; text-shadow: none; - -moz-margin-start: 0px; + margin-inline-start: 0px; /* The !important is required to override OSX default style. */ - -moz-margin-end: 12px !important; } + margin-inline-end: 12px !important; } .messageImage.heartbeat { width: 24px; height: 24px; - -moz-margin-start: 8px; - -moz-margin-end: 8px; } + margin-inline-start: 8px; + margin-inline-end: 8px; } .messageImage.heartbeat.pulse-onshow { animation-name: pulse-onshow; @@ -4432,7 +4397,7 @@ notification.heartbeat { /* Learn More link styles */ .heartbeat > .text-link { color: #0095DD; - -moz-margin-start: 0px; } + margin-inline-start: 0px; } .heartbeat > .text-link:hover { color: #008ACB; @@ -4461,8 +4426,8 @@ notification.heartbeat { .heartbeat > #star-rating-container > .star-x { background: url("chrome://browser/skin/heartbeat-star-off.svg"); cursor: pointer; - /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ - -moz-margin-end: 4px !important; + /* Overrides the margin-inline-end for all platforms defined in the .plain class */ + margin-inline-end: 4px !important; width: 16px; height: 16px; } @@ -4486,7 +4451,7 @@ notification.heartbeat { font-size: 1.05rem; } #UITourTooltipClose { - -moz-margin-end: -4px; + margin-inline-end: -4px; height: 16px; width: 16px; } @@ -4576,68 +4541,18 @@ notification.heartbeat { #context-navigation > .menuitem-iconic > .menu-iconic-left { visibility: visible; /* override toolkit/themes/linux/global/menu.css */ - -moz-padding-end: 0 !important; - -moz-margin-end: 0 !important; } + padding-inline-end: 0 !important; + margin-inline-end: 0 !important; } .browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent { padding: 0; overflow: hidden; } -/* User Context UI browser styles */ -#menu_newUserContextTabPersonal { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); } - -#menu_newUserContextTabWork { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); } - -#menu_newUserContextTabBanking { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); } +.webextension-popup-browser { + border-radius: inherit; } -#menu_newUserContextTabShopping { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); } - -/* URL Bar Decoration */ -#userContext-indicator { - height: 16px; - width: 16px; } - -#userContext-label { - margin-inline-end: 3px; - color: #909090; } - -#userContext-icons:not([usercontextid]) { - display: none; } - -#userContext-icons { - -moz-box-align: center; } - -/* Personal User Context */ -#userContext-icons[usercontextid="1"] > #userContext-label { - color: #00a7e0; } - -#userContext-icons[usercontextid="1"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); } - -/* Work User Context */ -#userContext-icons[usercontextid="2"] > #userContext-label { - color: #f89c24; } - -#userContext-icons[usercontextid="2"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); } - -/* Banking User Context */ -#userContext-icons[usercontextid="3"] > #userContext-label { - color: #7dc14c; } - -#userContext-icons[usercontextid="3"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); } - -/* Shopping User Context */ -#userContext-icons[usercontextid="4"] > #userContext-label { - color: #ee5195; } - -#userContext-icons[usercontextid="4"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); } +.menuitem-iconic[command="Browser:NewUserContextTab"] > .menu-iconic-left > .menu-iconic-icon { + visibility: visible; } #nav-bar #loop-button, #nav-bar toolbar[brighttext] #loop-button { diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css index fde2007..ccad16a 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css @@ -218,7 +218,7 @@ menuitem.bookmark-item { margin-bottom: 0; } .bookmark-item > .menu-iconic-left > .menu-iconic-icon { - -moz-padding-start: 0px; } + padding-inline-start: 0px; } /* Bookmark drag and drop styles */ .bookmark-item[dragover-into="true"] { @@ -235,7 +235,7 @@ menuitem.bookmark-item { .menupopup-drop-indicator { list-style-image: none; height: 2px; - -moz-margin-end: -4em; + margin-inline-end: -4em; background-color: Highlight; } /* Bookmarks toolbar */ @@ -297,6 +297,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #placesContext_openContainer\:tabs, #menu_newNavigatorTab, #context-openlinkintab, +#context-openlinkincontainertab, #context-openframeintab { list-style-image: url("chrome://browser/skin/Toolbar-small.png"); -moz-image-region: rect(0px 64px 16px 48px); } @@ -436,6 +437,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #panelMenu_bookmarksToolbar { list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); } +#menu_unsortedBookmarks, #BMB_unsortedBookmarks, #panelMenu_unsortedBookmarks { list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); } @@ -476,8 +478,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { :-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon { 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, #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, .toolbarbutton-legacy-addon) > .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, .toolbarbutton-legacy-addon) > :-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, #containers-panelmenu, .toolbarbutton-legacy-addon) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon, #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { max-width: 18px; } @@ -495,16 +497,16 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-stack, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { - -moz-margin-end: 0; + margin-inline-end: 0; padding: 2px 6px; border: 1px solid transparent; border-radius: 2px; transition-property: background-color, border-color; 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, #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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { padding: 3px 7px; } :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon, @@ -514,8 +516,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { max-width: 32px !important; } #nav-bar #PanelUI-menu-button { - -moz-padding-start: 5px; - -moz-padding-end: 5px; } + padding-inline-start: 5px; + padding-inline-end: 5px; } #nav-bar #PanelUI-button, #nav-bar[brighttext] #PanelUI-button { @@ -592,7 +594,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { display: -moz-box; width: 1px; height: 18px; - -moz-margin-end: -1px; + margin-inline-end: -1px; background-position: center; background-repeat: no-repeat; background-size: 1px 18px; } @@ -606,7 +608,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { background: rgba(207, 218, 231, 0.15); } :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { - -moz-margin-start: -4px; } + margin-inline-start: -4px; } #back-button > menupopup { margin-top: -1px; } @@ -636,14 +638,14 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; } /* 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, #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), +:-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, #containers-panelmenu), #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); } - #TabsToolbar :-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), #TabsToolbar + #TabsToolbar :-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, #containers-panelmenu), #TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); } -#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { +#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #containers-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #containers-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active) { list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } #nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, @@ -688,6 +690,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 792px, 18px, 774px); } +#containers-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 810px, 18px, 792px); } + #feed-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 288px, 18px, 270px); } @@ -778,8 +783,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { @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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image); } #home-button[cui-areatype="menu-panel"], @@ -823,6 +828,13 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { -moz-image-region: rect(32px, 1024px, 64px, 992px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 1056px, 32px, 1024px); } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 1056px, 64px, 1024px); } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 416px, 32px, 384px); } @@ -938,8 +950,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { /* 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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image-2x); } #home-button[cui-areatype="menu-panel"], @@ -983,6 +995,13 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { -moz-image-region: rect(64px, 2048px, 128px, 1984px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 2112px, 64px, 2048px); } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 2112px, 128px, 2048px); } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 832px, 64px, 768px); } @@ -1065,6 +1084,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { toolbaritem[sdkstylewidget="true"] > toolbarbutton { -moz-image-region: rect(0, 1664px, 64px, 1600px); } + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small@2x.png); + -moz-image-region: rect(0px, 192px, 32px, 160px); } + /* Footer and wide panel control icons */ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, @@ -1140,9 +1163,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #urlbar, .searchbar-textbox { -moz-appearance: none; - padding: 2px 3px; + padding: 0 3px; border-radius: 3px; margin: 0 3px; + min-height: 28px; color: #5c616c; background-color: #ffffff; border: 1px solid #cfd6e6; } @@ -1167,10 +1191,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { .urlbar-textbox-container { -moz-appearance: none; - -moz-box-align: center; } + -moz-box-align: stretch; } .urlbar-input-box { - -moz-margin-start: 0; } + margin-inline-start: 0; } .urlbar-history-dropmarker { -moz-appearance: toolbarbutton-dropdown; @@ -1220,21 +1244,21 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #urlbar-display-box { margin-top: -1px; margin-bottom: -1px; - -moz-border-end: 1px solid #AAA; - -moz-margin-end: 3px; } + border-inline-end: 1px solid #AAA; + margin-inline-end: 3px; } .urlbar-display { margin-top: 0; margin-bottom: 0; - -moz-margin-start: 0; + margin-inline-start: 0; color: GrayText; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] { border-bottom: 1px solid rgba(24, 26, 27, 0.14); background-color: rgba(24, 26, 27, 0.07); padding: 6px 0; - -moz-padding-start: 44px; - -moz-padding-end: 6px; + padding-inline-start: 44px; + padding-inline-end: 6px; background-image: url("chrome://browser/skin/info.svg"); background-clip: padding-box; background-position: 20px center; @@ -1249,7 +1273,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { padding: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description > label.text-link { - -moz-margin-start: 0; } + margin-inline-start: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button { -moz-appearance: none; @@ -1257,7 +1281,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { border-radius: 3px; padding: 4px 16px; margin: 0; - -moz-margin-start: 10px; } + margin-inline-start: 10px; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"] { color: #616161; @@ -1297,12 +1321,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #identity-box { --identity-box-verified-color: #479900; --identity-box-chrome-color: #e57300; - border-inline-end: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%); - border-image-slice: 1; + border-inline-end: 1px solid rgba(207, 214, 230, 0.5); font-size: .9em; - padding: 3px 5px 3px 3px; - margin-inline-end: 4px; + padding: 3px 9px 3px 7px; + margin-inline-end: 5px; overflow: hidden; } #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { @@ -1406,7 +1428,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .popup-notification-icon { width: 64px; height: 64px; - -moz-margin-end: 10px; } + margin-inline-end: 10px; } .popup-notification-icon[popupid="geolocation"] { list-style-image: url(chrome://browser/skin/Geolocation-64.png); } @@ -1463,6 +1485,9 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .popup-notification-icon[popupid="pointerLock"] { list-style-image: url(chrome://browser/skin/pointerLock-64.png); } +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); } + /* Notification icon box */ #notification-popup-box { position: relative; @@ -1484,53 +1509,56 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .notification-anchor-icon.chat-toolbarbutton:-moz-locale-dir(rtl) { transform: none; } +/* This class can be used alone or in combination with the class defining the + type of icon displayed. This rule must be defined before the others in order + for its list-style-image to be overridden. */ .notification-anchor-icon { list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); width: 16px; height: 16px; margin: 0 2px; } -.geo-notification-icon, -#geo-notification-icon { +@media (min-resolution: 1.1dppx) { + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } } +.geo-icon { list-style-image: url(chrome://browser/skin/Geolocation-16.png); } -#addons-notification-icon { +.install-icon { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); } -#addons-notification-icon:hover { +.install-icon:hover { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#hover); } -#addons-notification-icon:hover:active { +.install-icon:hover:active { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#active); } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(chrome://global/skin/icons/question-16.png); } -#password-notification-icon { +.login-icon { list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); } #login-fill-notification-icon { - /* Temporary icon until the capture and fill doorhangers are unified. */ - list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); + /* Temporary solution until the capture and fill doorhangers are unified. */ transform: scaleX(-1); } -#plugins-notification-icon { +.plugin-icon { list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); } -#plugins-notification-icon.plugin-hidden { +.plugin-icon.plugin-hidden { list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); } -#plugins-notification-icon.plugin-blocked { +.plugin-icon.plugin-blocked { list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); } -#plugins-notification-icon { +.plugin-icon { -moz-image-region: rect(0, 16px, 16px, 0); } -#plugins-notification-icon:hover { +.plugin-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -#plugins-notification-icon:active { +.plugin-icon:active { -moz-image-region: rect(0, 48px, 16px, 32px); } #notification-popup-box[hidden] { @@ -1547,69 +1575,57 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box opacity: 0; } to { opacity: 1; } } -.webRTC-shareDevices-notification-icon, -#webRTC-shareDevices-notification-icon { +.camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingDevices-notification-icon, -#webRTC-sharingDevices-notification-icon { +.camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); } -.webRTC-shareMicrophone-notification-icon, -#webRTC-shareMicrophone-notification-icon { +.microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingMicrophone-notification-icon, -#webRTC-sharingMicrophone-notification-icon { +.microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); } -.webRTC-shareScreen-notification-icon, -#webRTC-shareScreen-notification-icon { +.screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } -.webRTC-sharingScreen-notification-icon, -#webRTC-sharingScreen-notification-icon { +.screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); } -.web-notifications-notification-icon, -#web-notifications-notification-icon { +.web-notifications-icon { list-style-image: url(chrome://browser/skin/web-notifications-tray.svg); -moz-image-region: rect(0, 16px, 16px, 0); } -.web-notifications-notification-icon:hover, -#web-notifications-notification-icon:hover { +.web-notifications-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -.web-notifications-notification-icon:hover:active, -#web-notifications-notification-icon:hover:active { +.web-notifications-icon:hover:active { -moz-image-region: rect(0, 48px, 16px, 32px); } -.pointerLock-notification-icon, -#pointerLock-notification-icon { +.pointer-icon { list-style-image: url(chrome://browser/skin/pointerLock-16.png); } -.translate-notification-icon, -#translate-notification-icon { +.service-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); } + +.translation-icon { list-style-image: url(chrome://browser/skin/translation-16.png); -moz-image-region: rect(0px, 16px, 16px, 0px); } -.translated-notification-icon, -#translated-notification-icon { - list-style-image: url(chrome://browser/skin/translation-16.png); +.translation-icon.in-use { -moz-image-region: rect(0px, 32px, 16px, 16px); } -.popup-notification-icon[popupid="servicesInstall"] { - list-style-image: url(chrome://browser/skin/social/services-64.png); } - -#servicesInstall-notification-icon { - list-style-image: url(chrome://browser/skin/social/services-16.png); } - /* EME notifications */ .popup-notification-icon[popupid="drmContentPlaying"], -#eme-notification-icon { +.drm-icon { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } -#eme-notification-icon:hover:active { +.drm-icon:hover:active { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } #eme-notification-icon[firstplay=true] { @@ -1626,31 +1642,22 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box transform: translateX(0); } } /* HiDPI notification icons */ @media (min-resolution: 1.1dppx) { - .notification-anchor-icon { - list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } - - .webRTC-shareDevices-notification-icon, - #webRTC-shareDevices-notification-icon { + .camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); } - .webRTC-sharingDevices-notification-icon, - #webRTC-sharingDevices-notification-icon { + .camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); } - .webRTC-shareMicrophone-notification-icon, - #webRTC-shareMicrophone-notification-icon { + .microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); } - .webRTC-sharingMicrophone-notification-icon, - #webRTC-sharingMicrophone-notification-icon { + .microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); } - .webRTC-shareScreen-notification-icon, - #webRTC-shareScreen-notification-icon { + .screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); } - .webRTC-sharingScreen-notification-icon, - #webRTC-sharingScreen-notification-icon { + .screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); } .popup-notification-icon[popupid="webRTC-sharingDevices"], @@ -1679,8 +1686,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .notification-anchor-icon:-moz-focusring { outline: 1px dotted -moz-DialogText; } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); } /* Translation infobar */ @@ -1745,7 +1751,7 @@ notification[value="translation"] menulist > .menulist-dropmarker { -moz-image-region: rect(0, 64px, 32px, 32px); } .translation-welcome-content { - -moz-margin-start: 16px; } + margin-inline-start: 16px; } .translation-welcome-headline { font-size: larger; @@ -1769,7 +1775,7 @@ notification[value="translation"] { notification[value="translation"] button, notification[value="translation"] menulist { - -moz-padding-end: 1ch; } + padding-inline-end: 1ch; } notification[value="translation"] menulist { border: 1px solid #C1C1C1; @@ -1782,8 +1788,8 @@ notification[value="translation"] button { notification[value="translation"] button, notification[value="translation"] menulist, notification[value="translation"] menulist > .menulist-label-box { - -moz-margin-start: 1ch; - -moz-margin-end: 1ch; } + margin-inline-start: 1ch; + margin-inline-end: 1ch; } notification[value="translation"] button:hover, notification[value="translation"] button:active, @@ -1804,10 +1810,10 @@ notification[value="translation"] button[anonid="translate"]:active { notification[value="translation"] button > .button-box, notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { padding: 0; - -moz-margin-start: 3ch; } + margin-inline-start: 3ch; } notification[value="translation"] button:not([type="menu"]) > .button-box { - -moz-margin-end: 3ch; } + margin-inline-end: 3ch; } notification[value="translation"] menulist > .menulist-dropmarker { display: block; } @@ -1815,10 +1821,6 @@ notification[value="translation"] menulist > .menulist-dropmarker { #treecolAutoCompleteImage { max-width: 36px; } -#PopupAutoCompleteRichResult { - /* The awesomebar popup should open just below the navbar bottom border. */ - margin-top: 1px; } - .autocomplete-richlistbox { padding: 4px; } @@ -1833,10 +1835,10 @@ notification[value="translation"] menulist > .menulist-dropmarker { background-color: Highlight; } .ac-title { - font-size: 14px; } + font-size: 1.05em; } .ac-tags { - font-size: 12px; } + font-size: 0.9em; } html|span.ac-tag { background-color: MenuText; @@ -1848,7 +1850,7 @@ html|span.ac-tag { .ac-separator, .ac-url, .ac-action { - font-size: 12px; + font-size: 0.9em; color: -moz-nativehyperlinktext; } .ac-title[selected=true], @@ -1917,11 +1919,9 @@ html|span.ac-emphasize-text-url { #urlbar-stop-button { -moz-appearance: none; list-style-image: url("chrome://browser/skin/reload-stop-go.png"); - padding: 0 4px 0 6px; - margin-inline-start: 2px; - border-inline-start: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%); - border-image-slice: 1; } + padding: 0 7px 0 10px; + margin-inline-start: 5px; + border-inline-start: 1px solid rgba(207, 214, 230, 0.5); } #urlbar-reload-button { -moz-image-region: rect(0, 14px, 14px, 0); } @@ -2221,11 +2221,11 @@ html|span.ac-emphasize-text-url { margin: 0 -15px; } .tab-content { - -moz-padding-end: 9px; - -moz-padding-start: 9px; } + padding-inline-end: 9px; + padding-inline-start: 9px; } .tab-content[pinned] { - -moz-padding-end: 3px; } + padding-inline-end: 3px; } .tab-throbber, .tab-icon-image, @@ -2237,7 +2237,7 @@ html|span.ac-emphasize-text-url { .tab-icon-image { height: 16px; width: 16px; - -moz-margin-end: 6px; } + margin-inline-end: 6px; } .tab-icon-image { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } @@ -2246,7 +2246,7 @@ html|span.ac-emphasize-text-url { width: 16px; height: 16px; margin-top: -12px; - -moz-margin-start: -16px; + margin-inline-start: -16px; position: relative; } .tab-icon-overlay[crashed] { @@ -2273,16 +2273,16 @@ html|span.ac-emphasize-text-url { list-style-image: url("chrome://browser/skin/custom_images/loading.png"); } .tab-label { - -moz-margin-end: 0; - -moz-margin-start: 0; } + margin-inline-end: 0; + margin-inline-start: 0; } .tab-close-button { - -moz-margin-start: 4px; - -moz-margin-end: -2px; + margin-inline-start: 4px; + margin-inline-end: -2px; padding: 0; } .tab-icon-sound { - -moz-margin-start: 4px; + margin-inline-start: 4px; width: 16px; height: 16px; padding: 0; } @@ -2305,33 +2305,39 @@ html|span.ac-emphasize-text-url { .tab-icon-sound[muted]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); } +.tab-icon-sound:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying] { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio"); } +.tab-icon-sound:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-hover"); } +.tab-icon-sound:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-pressed"); } +.tab-icon-sound[muted]:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted] { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-muted"); } +.tab-icon-sound[muted]:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-muted-hover"); } +.tab-icon-sound[muted]:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-muted-pressed"); } .tab-background, .tabs-newtab-button { /* overlap the tab curves */ - -moz-margin-end: -14px; - -moz-margin-start: -14px; } + margin-inline-end: -14px; + margin-inline-start: -14px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { - -moz-padding-end: 15px; - -moz-padding-start: 5px; } + padding-inline-end: 15px; + padding-inline-start: 5px; } /* Tab Overflow */ .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), @@ -2350,12 +2356,12 @@ html|span.ac-emphasize-text-url { transform: scaleX(-1); } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { - -moz-margin-start: -2px; - -moz-margin-end: -12px; } + margin-inline-start: -2px; + margin-inline-end: -12px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { - -moz-margin-start: -12px; - -moz-margin-end: -2px; } + margin-inline-start: -12px; + margin-inline-end: -2px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { @@ -2394,7 +2400,7 @@ html|span.ac-emphasize-text-url { .tab-background-start[visuallyselected=true]::after, .tab-background-end[visuallyselected=true]::after { /* position ::after on top of its parent */ - -moz-margin-start: -30px; + margin-inline-start: -30px; background-size: 100% 100%; content: ""; display: -moz-box; @@ -2464,29 +2470,6 @@ lwtHeader;*/ background-repeat: no-repeat; background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; } -/* User Context UI - change tab decoration depending on userContextId. - Defaults to gray for unknown usercontextids. */ -.tabbrowser-tab[usercontextid] { - background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%); - background-size: auto 2px; - background-repeat: no-repeat; } - -/* Personal User Context */ -.tabbrowser-tab[usercontextid="1"] { - background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%); } - -/* Work User Context */ -.tabbrowser-tab[usercontextid="2"] { - background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%); } - -/* Banking User Context */ -.tabbrowser-tab[usercontextid="3"] { - background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%); } - -/* Shopping User Context */ -.tabbrowser-tab[usercontextid="4"] { - background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%); } - /* Tab pointer-events */ .tabbrowser-tab { pointer-events: none; } @@ -2662,7 +2645,7 @@ menuitem:hover > hbox > .alltabs-endimage[soundplaying] { /* Sidebar */ #sidebar-throbber[loading="true"] { list-style-image: url("chrome://global/skin/icons/loading.png"); - -moz-margin-end: 4px; } + margin-inline-end: 4px; } toolbarbutton.chevron { list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; } @@ -2709,27 +2692,6 @@ toolbarbutton.chevron > .toolbarbutton-icon { padding: 0 3px; margin-top: 10px; } -/* Sync Panel */ -.sync-panel-icon { - height: 32px; - width: 32px; - background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; } - -.sync-panel-inner { - width: 0; - padding-left: 10px; } - -.sync-panel-button-box { - margin-top: 1em; } - -#sync-start-panel-title { - font-size: 120%; - font-weight: bold; - margin-bottom: 5px; } - -#sync-start-panel-subtitle { - margin-bottom: 0; } - /* Status panel */ .statuspanel-label { margin: 0; @@ -2919,7 +2881,7 @@ html|*#fullscreen-exit-button { -moz-appearance: none; color: inherit; border-width: 0; - -moz-border-end: 1px solid rgba(12, 13, 14, 0.45); + border-inline-end: 1px solid rgba(12, 13, 14, 0.45); box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); } .devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { @@ -3098,23 +3060,31 @@ html|*#fullscreen-exit-button { --selection-background: #4c9ed9; /* --theme-selection-background */ --selection-color: #f5f7fa; - /* --theme-selection-color */ } + /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); + /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); + /* --theme-command-line-image-focus */ } :root[devtoolstheme="dark"] #developer-toolbar { - --gcli-background-color: #343c45; + --gcli-background-color: #272b35; /* --theme-toolbar-background */ - --gcli-input-background: rgba(37, 44, 51, 0.6); + --gcli-input-background: #272b35; /* --theme-tab-toolbar-background */ - --gcli-input-focused-background: #252c33; + --gcli-input-focused-background: #272b35; /* --theme-tab-toolbar-background */ --gcli-input-color: #b6babf; /* --theme-body-color-alt */ - --gcli-border-color: black; + --gcli-border-color: #454d5d; /* --theme-splitter-color */ - --selection-background: #1d4f73; + --selection-background: #5675b9; /* --theme-selection-background */ --selection-color: #f5f7fa; - /* --theme-selection-color */ } + /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme); + /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme-focus); + /* --theme-command-line-image-focus */ } #developer-toolbar { -moz-appearance: none; @@ -3222,16 +3192,11 @@ html|*#gcli-output-frame { width: 16px; height: 16px; margin: 0 2px; - background-image: url("chrome://devtools/skin/images/commandline-icon.png"); - background-position: 0 center; - background-size: 32px 16px; } + background-image: var(--command-line-image); } .gclitoolbar-input-node[focused="true"]::before { - background-position: -16px center; } + background-image: var(--command-line-image-focus); } -@media (min-resolution: 1.1dppx) { - .gclitoolbar-input-node::before { - background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); } } .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { background-color: var(--selection-background); color: var(--selection-color); @@ -3280,7 +3245,7 @@ html|*#gcli-output-frame { background-color: rgba(0, 0, 0, 0.1); } .center-item-label { - -moz-margin-start: 6px; + margin-inline-start: 6px; margin-bottom: 0; text-overflow: ellipsis; } @@ -3289,7 +3254,7 @@ html|*#gcli-output-frame { background-repeat: no-repeat; width: 16px; height: 15px; - -moz-margin-start: 6px; } + margin-inline-start: 6px; } .click-to-play-plugins-notification-button-container { background-color: rgba(24, 26, 27, 0.07); @@ -3388,7 +3353,7 @@ notification.pluginVulnerable > .notification-inner > .messageCloseButton:not(:h background-clip: padding-box; border-left: 1px solid rgba(24, 26, 27, 0.3); box-shadow: 0 3px 5px rgba(24, 26, 27, 0.1), 0 0 7px rgba(24, 26, 27, 0.1); - -moz-margin-start: 38px; } + margin-inline-start: 38px; } /* 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 @@ -3554,7 +3519,7 @@ toolbar[brighttext] #downloads-indicator-counter { background-image: linear-gradient(#505050, #575757); border: 1px solid; border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4); - -moz-border-start: none; + border-inline-start: none; border-radius: 0 2px 2px 0; } #downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { @@ -3576,7 +3541,7 @@ toolbar[brighttext] #downloads-indicator-counter { text-shadow: none; background-image: linear-gradient(#B4211B, #8A1915); border-radius: 1px; - -moz-margin-end: 2px; } + margin-inline-end: 2px; } /* Social toolbar item */ .social-activation-icon { @@ -3776,10 +3741,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button { overflow: hidden; } chatbar { - -moz-margin-end: 20px; } + margin-inline-end: 20px; } chatbox { - -moz-margin-start: 4px; + margin-inline-start: 4px; background-color: transparent; } chatbar > chatbox { @@ -3790,10 +3755,10 @@ chatbar > chatbox { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Offset the chatbox the same amount as the box-shadows' spread, to make it visible. */ - -moz-margin-end: 5px; } + margin-inline-end: 5px; } window > chatbox { - -moz-margin-start: 0px; + margin-inline-start: 0px; margin: 0px; border: none; padding: 0px; @@ -3934,7 +3899,7 @@ window > chatbox { #customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, #customization-titlebar-visibility-button > .button-box > .button-text { /* Sadly, button.css thinks its margins are perfect for everyone. */ - -moz-margin-start: 6px !important; } + margin-inline-start: 6px !important; } #customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { width: 20px; @@ -4050,7 +4015,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { min-height: 48px; } #personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { - -moz-margin-end: 5px; } + margin-inline-end: 5px; } #customization-palette > toolbarpaletteitem > label { text-align: center; @@ -4072,9 +4037,9 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: 1px solid transparent; margin: 0 -5px 5px; padding-top: 0; - -moz-padding-end: 5px; + padding-inline-end: 5px; padding-bottom: 0; - -moz-padding-start: 0; } + padding-inline-start: 0; } .customization-lwtheme-menu-theme[defaulttheme] { list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); } @@ -4133,7 +4098,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; } .customization-lwtheme-menu-footeritem:first-child { - -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); } + border-inline-end: 1px solid rgba(24, 26, 27, 0.15); } /* 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 @@ -4195,7 +4160,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { .customization-tipPanel-closeBox > .close-icon { -moz-appearance: none; border: 0; - -moz-margin-end: -25px; } + margin-inline-end: -25px; } #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { @@ -4271,14 +4236,14 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipBody { -moz-box-align: start; } -#UITourtooltipTitleContainer { +#UITourTooltipTitleContainer { -moz-box-align: start; margin-bottom: 10px; } #UITourTooltipIcon { width: 48px; height: 48px; - -moz-margin-end: 10px; } + margin-inline-end: 10px; } #UITourTooltipTitle, #UITourTooltipDescription { @@ -4290,8 +4255,8 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { margin: 0; } #UITourTooltipDescription { - -moz-margin-start: 0; - -moz-margin-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; font-size: 1.15rem; line-height: 1.8rem; margin-bottom: 0; @@ -4303,7 +4268,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: none; background-color: transparent; min-width: 0; - -moz-margin-start: 4px; + margin-inline-start: 4px; margin-top: -2px; } #UITourTooltipClose > .toolbarbutton-text { @@ -4322,7 +4287,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > label:first-child, #UITourTooltipButtons > button:first-child { - -moz-margin-start: 0; } + margin-inline-start: 0; } #UITourTooltipButtons > label:last-child, #UITourTooltipButtons > button:last-child { @@ -4331,7 +4296,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > button[image] > .button-box > .button-icon { width: 16px; height: 16px; - -moz-margin-end: 5px; } + margin-inline-end: 5px; } #UITourTooltipButtons > label, #UITourTooltipButtons > button .button-text { @@ -4407,15 +4372,15 @@ notification.heartbeat { .messageText.heartbeat { color: #333333; text-shadow: none; - -moz-margin-start: 0px; + margin-inline-start: 0px; /* The !important is required to override OSX default style. */ - -moz-margin-end: 12px !important; } + margin-inline-end: 12px !important; } .messageImage.heartbeat { width: 24px; height: 24px; - -moz-margin-start: 8px; - -moz-margin-end: 8px; } + margin-inline-start: 8px; + margin-inline-end: 8px; } .messageImage.heartbeat.pulse-onshow { animation-name: pulse-onshow; @@ -4432,7 +4397,7 @@ notification.heartbeat { /* Learn More link styles */ .heartbeat > .text-link { color: #0095DD; - -moz-margin-start: 0px; } + margin-inline-start: 0px; } .heartbeat > .text-link:hover { color: #008ACB; @@ -4461,8 +4426,8 @@ notification.heartbeat { .heartbeat > #star-rating-container > .star-x { background: url("chrome://browser/skin/heartbeat-star-off.svg"); cursor: pointer; - /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ - -moz-margin-end: 4px !important; + /* Overrides the margin-inline-end for all platforms defined in the .plain class */ + margin-inline-end: 4px !important; width: 16px; height: 16px; } @@ -4486,7 +4451,7 @@ notification.heartbeat { font-size: 1.05rem; } #UITourTooltipClose { - -moz-margin-end: -4px; + margin-inline-end: -4px; height: 16px; width: 16px; } @@ -4576,68 +4541,18 @@ notification.heartbeat { #context-navigation > .menuitem-iconic > .menu-iconic-left { visibility: visible; /* override toolkit/themes/linux/global/menu.css */ - -moz-padding-end: 0 !important; - -moz-margin-end: 0 !important; } + padding-inline-end: 0 !important; + margin-inline-end: 0 !important; } .browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent { padding: 0; overflow: hidden; } -/* User Context UI browser styles */ -#menu_newUserContextTabPersonal { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); } - -#menu_newUserContextTabWork { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); } - -#menu_newUserContextTabBanking { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); } +.webextension-popup-browser { + border-radius: inherit; } -#menu_newUserContextTabShopping { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); } - -/* URL Bar Decoration */ -#userContext-indicator { - height: 16px; - width: 16px; } - -#userContext-label { - margin-inline-end: 3px; - color: #909090; } - -#userContext-icons:not([usercontextid]) { - display: none; } - -#userContext-icons { - -moz-box-align: center; } - -/* Personal User Context */ -#userContext-icons[usercontextid="1"] > #userContext-label { - color: #00a7e0; } - -#userContext-icons[usercontextid="1"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); } - -/* Work User Context */ -#userContext-icons[usercontextid="2"] > #userContext-label { - color: #f89c24; } - -#userContext-icons[usercontextid="2"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); } - -/* Banking User Context */ -#userContext-icons[usercontextid="3"] > #userContext-label { - color: #7dc14c; } - -#userContext-icons[usercontextid="3"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); } - -/* Shopping User Context */ -#userContext-icons[usercontextid="4"] > #userContext-label { - color: #ee5195; } - -#userContext-icons[usercontextid="4"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); } +.menuitem-iconic[command="Browser:NewUserContextTab"] > .menu-iconic-left > .menu-iconic-icon { + visibility: visible; } #nav-bar #loop-button, #nav-bar toolbar[brighttext] #loop-button { diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css index 16e6109..c9adcae 100644 --- a/arc-firefox-theme/chrome/browser/sass/browser-light.css +++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css @@ -218,7 +218,7 @@ menuitem.bookmark-item { margin-bottom: 0; } .bookmark-item > .menu-iconic-left > .menu-iconic-icon { - -moz-padding-start: 0px; } + padding-inline-start: 0px; } /* Bookmark drag and drop styles */ .bookmark-item[dragover-into="true"] { @@ -235,7 +235,7 @@ menuitem.bookmark-item { .menupopup-drop-indicator { list-style-image: none; height: 2px; - -moz-margin-end: -4em; + margin-inline-end: -4em; background-color: Highlight; } /* Bookmarks toolbar */ @@ -297,6 +297,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #placesContext_openContainer\:tabs, #menu_newNavigatorTab, #context-openlinkintab, +#context-openlinkincontainertab, #context-openframeintab { list-style-image: url("chrome://browser/skin/Toolbar-small.png"); -moz-image-region: rect(0px 64px 16px 48px); } @@ -436,6 +437,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #panelMenu_bookmarksToolbar { list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); } +#menu_unsortedBookmarks, #BMB_unsortedBookmarks, #panelMenu_unsortedBookmarks { list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); } @@ -476,8 +478,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { :-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon { 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, #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, .toolbarbutton-legacy-addon) > .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, .toolbarbutton-legacy-addon) > :-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, #containers-panelmenu, .toolbarbutton-legacy-addon) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon, #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { max-width: 18px; } @@ -495,16 +497,16 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-stack, :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { - -moz-margin-end: 0; + margin-inline-end: 0; padding: 2px 6px; border: 1px solid transparent; border-radius: 2px; transition-property: background-color, border-color; 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, #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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .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, #containers-panelmenu, .toolbarbutton-legacy-addon)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { padding: 3px 7px; } :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon, @@ -514,8 +516,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { max-width: 32px !important; } #nav-bar #PanelUI-menu-button { - -moz-padding-start: 5px; - -moz-padding-end: 5px; } + padding-inline-start: 5px; + padding-inline-end: 5px; } #nav-bar #PanelUI-button, #nav-bar[brighttext] #PanelUI-button { @@ -592,7 +594,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { display: -moz-box; width: 1px; height: 18px; - -moz-margin-end: -1px; + margin-inline-end: -1px; background-position: center; background-repeat: no-repeat; background-size: 1px 18px; } @@ -606,7 +608,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { background: rgba(82, 93, 118, 0.15); } :-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { - -moz-margin-start: -4px; } + margin-inline-start: -4px; } #back-button > menupopup { margin-top: -1px; } @@ -636,14 +638,14 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; } /* 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, #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), +:-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, #containers-panelmenu), #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); } - #TabsToolbar :-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), #TabsToolbar + #TabsToolbar :-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, #containers-panelmenu), #TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { list-style-image: url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"); } -#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { +#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #containers-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #containers-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active) { list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } #nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, @@ -688,6 +690,9 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 792px, 18px, 774px); } +#containers-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 810px, 18px, 792px); } + #feed-button[cui-areatype="toolbar"] { -moz-image-region: rect(0, 288px, 18px, 270px); } @@ -778,8 +783,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { @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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image); } #home-button[cui-areatype="menu-panel"], @@ -823,6 +828,13 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { -moz-image-region: rect(32px, 1024px, 64px, 992px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 1056px, 32px, 1024px); } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 1056px, 64px, 1024px); } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 416px, 32px, 384px); } @@ -938,8 +950,8 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { /* 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, #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)[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) { + :-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, #containers-panelmenu)[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, #containers-panelmenu) { list-style-image: var(--menupanel-list-style-image-2x); } #home-button[cui-areatype="menu-panel"], @@ -983,6 +995,13 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #sync-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { -moz-image-region: rect(64px, 2048px, 128px, 1984px); } + #containers-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #containers-panelmenu { + -moz-image-region: rect(0px, 2112px, 64px, 2048px); } + + #containers-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 2112px, 128px, 2048px); } + #feed-button[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #feed-button { -moz-image-region: rect(0px, 832px, 64px, 768px); } @@ -1065,6 +1084,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { toolbaritem[sdkstylewidget="true"] > toolbarbutton { -moz-image-region: rect(0, 1664px, 64px, 1600px); } + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small@2x.png); + -moz-image-region: rect(0px, 192px, 32px, 160px); } + /* Footer and wide panel control icons */ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, @@ -1140,9 +1163,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #urlbar, .searchbar-textbox { -moz-appearance: none; - padding: 2px 3px; + padding: 0 3px; border-radius: 3px; margin: 0 3px; + min-height: 28px; color: #5c616c; background-color: #ffffff; border: 1px solid #cfd6e6; } @@ -1167,10 +1191,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { .urlbar-textbox-container { -moz-appearance: none; - -moz-box-align: center; } + -moz-box-align: stretch; } .urlbar-input-box { - -moz-margin-start: 0; } + margin-inline-start: 0; } .urlbar-history-dropmarker { -moz-appearance: toolbarbutton-dropdown; @@ -1220,21 +1244,21 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #urlbar-display-box { margin-top: -1px; margin-bottom: -1px; - -moz-border-end: 1px solid #AAA; - -moz-margin-end: 3px; } + border-inline-end: 1px solid #AAA; + margin-inline-end: 3px; } .urlbar-display { margin-top: 0; margin-bottom: 0; - -moz-margin-start: 0; + margin-inline-start: 0; color: GrayText; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] { border-bottom: 1px solid rgba(24, 26, 27, 0.14); background-color: rgba(24, 26, 27, 0.07); padding: 6px 0; - -moz-padding-start: 44px; - -moz-padding-end: 6px; + padding-inline-start: 44px; + padding-inline-end: 6px; background-image: url("chrome://browser/skin/info.svg"); background-clip: padding-box; background-position: 20px center; @@ -1249,7 +1273,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { padding: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description > label.text-link { - -moz-margin-start: 0; } + margin-inline-start: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button { -moz-appearance: none; @@ -1257,7 +1281,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { border-radius: 3px; padding: 4px 16px; margin: 0; - -moz-margin-start: 10px; } + margin-inline-start: 10px; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"] { color: #616161; @@ -1297,12 +1321,10 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { #identity-box { --identity-box-verified-color: #479900; --identity-box-chrome-color: #e57300; - border-inline-end: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%); - border-image-slice: 1; + border-inline-end: 1px solid rgba(207, 214, 230, 0.5); font-size: .9em; - padding: 3px 5px 3px 3px; - margin-inline-end: 4px; + padding: 3px 9px 3px 7px; + margin-inline-end: 5px; overflow: hidden; } #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { @@ -1406,7 +1428,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .popup-notification-icon { width: 64px; height: 64px; - -moz-margin-end: 10px; } + margin-inline-end: 10px; } .popup-notification-icon[popupid="geolocation"] { list-style-image: url(chrome://browser/skin/Geolocation-64.png); } @@ -1463,6 +1485,9 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .popup-notification-icon[popupid="pointerLock"] { list-style-image: url(chrome://browser/skin/pointerLock-64.png); } +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); } + /* Notification icon box */ #notification-popup-box { position: relative; @@ -1484,53 +1509,56 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .notification-anchor-icon.chat-toolbarbutton:-moz-locale-dir(rtl) { transform: none; } +/* This class can be used alone or in combination with the class defining the + type of icon displayed. This rule must be defined before the others in order + for its list-style-image to be overridden. */ .notification-anchor-icon { list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); width: 16px; height: 16px; margin: 0 2px; } -.geo-notification-icon, -#geo-notification-icon { +@media (min-resolution: 1.1dppx) { + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } } +.geo-icon { list-style-image: url(chrome://browser/skin/Geolocation-16.png); } -#addons-notification-icon { +.install-icon { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); } -#addons-notification-icon:hover { +.install-icon:hover { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#hover); } -#addons-notification-icon:hover:active { +.install-icon:hover:active { list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#active); } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(chrome://global/skin/icons/question-16.png); } -#password-notification-icon { +.login-icon { list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); } #login-fill-notification-icon { - /* Temporary icon until the capture and fill doorhangers are unified. */ - list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); + /* Temporary solution until the capture and fill doorhangers are unified. */ transform: scaleX(-1); } -#plugins-notification-icon { +.plugin-icon { list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); } -#plugins-notification-icon.plugin-hidden { +.plugin-icon.plugin-hidden { list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); } -#plugins-notification-icon.plugin-blocked { +.plugin-icon.plugin-blocked { list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); } -#plugins-notification-icon { +.plugin-icon { -moz-image-region: rect(0, 16px, 16px, 0); } -#plugins-notification-icon:hover { +.plugin-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -#plugins-notification-icon:active { +.plugin-icon:active { -moz-image-region: rect(0, 48px, 16px, 32px); } #notification-popup-box[hidden] { @@ -1547,69 +1575,57 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box opacity: 0; } to { opacity: 1; } } -.webRTC-shareDevices-notification-icon, -#webRTC-shareDevices-notification-icon { +.camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingDevices-notification-icon, -#webRTC-sharingDevices-notification-icon { +.camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); } -.webRTC-shareMicrophone-notification-icon, -#webRTC-shareMicrophone-notification-icon { +.microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); } +/* The first selector is used by socialchat.xml (bug 1275558). */ .webRTC-sharingMicrophone-notification-icon, -#webRTC-sharingMicrophone-notification-icon { +.microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); } -.webRTC-shareScreen-notification-icon, -#webRTC-shareScreen-notification-icon { +.screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } -.webRTC-sharingScreen-notification-icon, -#webRTC-sharingScreen-notification-icon { +.screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); } -.web-notifications-notification-icon, -#web-notifications-notification-icon { +.web-notifications-icon { list-style-image: url(chrome://browser/skin/web-notifications-tray.svg); -moz-image-region: rect(0, 16px, 16px, 0); } -.web-notifications-notification-icon:hover, -#web-notifications-notification-icon:hover { +.web-notifications-icon:hover { -moz-image-region: rect(0, 32px, 16px, 16px); } -.web-notifications-notification-icon:hover:active, -#web-notifications-notification-icon:hover:active { +.web-notifications-icon:hover:active { -moz-image-region: rect(0, 48px, 16px, 32px); } -.pointerLock-notification-icon, -#pointerLock-notification-icon { +.pointer-icon { list-style-image: url(chrome://browser/skin/pointerLock-16.png); } -.translate-notification-icon, -#translate-notification-icon { +.service-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); } + +.translation-icon { list-style-image: url(chrome://browser/skin/translation-16.png); -moz-image-region: rect(0px, 16px, 16px, 0px); } -.translated-notification-icon, -#translated-notification-icon { - list-style-image: url(chrome://browser/skin/translation-16.png); +.translation-icon.in-use { -moz-image-region: rect(0px, 32px, 16px, 16px); } -.popup-notification-icon[popupid="servicesInstall"] { - list-style-image: url(chrome://browser/skin/social/services-64.png); } - -#servicesInstall-notification-icon { - list-style-image: url(chrome://browser/skin/social/services-16.png); } - /* EME notifications */ .popup-notification-icon[popupid="drmContentPlaying"], -#eme-notification-icon { +.drm-icon { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } -#eme-notification-icon:hover:active { +.drm-icon:hover:active { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } #eme-notification-icon[firstplay=true] { @@ -1626,31 +1642,22 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box transform: translateX(0); } } /* HiDPI notification icons */ @media (min-resolution: 1.1dppx) { - .notification-anchor-icon { - list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } - - .webRTC-shareDevices-notification-icon, - #webRTC-shareDevices-notification-icon { + .camera-icon { list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); } - .webRTC-sharingDevices-notification-icon, - #webRTC-sharingDevices-notification-icon { + .camera-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); } - .webRTC-shareMicrophone-notification-icon, - #webRTC-shareMicrophone-notification-icon { + .microphone-icon { list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); } - .webRTC-sharingMicrophone-notification-icon, - #webRTC-sharingMicrophone-notification-icon { + .microphone-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); } - .webRTC-shareScreen-notification-icon, - #webRTC-shareScreen-notification-icon { + .screen-icon { list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); } - .webRTC-sharingScreen-notification-icon, - #webRTC-sharingScreen-notification-icon { + .screen-icon.in-use { list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); } .popup-notification-icon[popupid="webRTC-sharingDevices"], @@ -1679,8 +1686,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box .notification-anchor-icon:-moz-focusring { outline: 1px dotted -moz-DialogText; } -.indexedDB-notification-icon, -#indexedDB-notification-icon { +.indexedDB-icon { list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); } /* Translation infobar */ @@ -1745,7 +1751,7 @@ notification[value="translation"] menulist > .menulist-dropmarker { -moz-image-region: rect(0, 64px, 32px, 32px); } .translation-welcome-content { - -moz-margin-start: 16px; } + margin-inline-start: 16px; } .translation-welcome-headline { font-size: larger; @@ -1769,7 +1775,7 @@ notification[value="translation"] { notification[value="translation"] button, notification[value="translation"] menulist { - -moz-padding-end: 1ch; } + padding-inline-end: 1ch; } notification[value="translation"] menulist { border: 1px solid #C1C1C1; @@ -1782,8 +1788,8 @@ notification[value="translation"] button { notification[value="translation"] button, notification[value="translation"] menulist, notification[value="translation"] menulist > .menulist-label-box { - -moz-margin-start: 1ch; - -moz-margin-end: 1ch; } + margin-inline-start: 1ch; + margin-inline-end: 1ch; } notification[value="translation"] button:hover, notification[value="translation"] button:active, @@ -1804,10 +1810,10 @@ notification[value="translation"] button[anonid="translate"]:active { notification[value="translation"] button > .button-box, notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { padding: 0; - -moz-margin-start: 3ch; } + margin-inline-start: 3ch; } notification[value="translation"] button:not([type="menu"]) > .button-box { - -moz-margin-end: 3ch; } + margin-inline-end: 3ch; } notification[value="translation"] menulist > .menulist-dropmarker { display: block; } @@ -1815,10 +1821,6 @@ notification[value="translation"] menulist > .menulist-dropmarker { #treecolAutoCompleteImage { max-width: 36px; } -#PopupAutoCompleteRichResult { - /* The awesomebar popup should open just below the navbar bottom border. */ - margin-top: 1px; } - .autocomplete-richlistbox { padding: 4px; } @@ -1833,10 +1835,10 @@ notification[value="translation"] menulist > .menulist-dropmarker { background-color: Highlight; } .ac-title { - font-size: 14px; } + font-size: 1.05em; } .ac-tags { - font-size: 12px; } + font-size: 0.9em; } html|span.ac-tag { background-color: MenuText; @@ -1848,7 +1850,7 @@ html|span.ac-tag { .ac-separator, .ac-url, .ac-action { - font-size: 12px; + font-size: 0.9em; color: -moz-nativehyperlinktext; } .ac-title[selected=true], @@ -1917,11 +1919,9 @@ html|span.ac-emphasize-text-url { #urlbar-stop-button { -moz-appearance: none; list-style-image: url("chrome://browser/skin/reload-stop-go.png"); - padding: 0 4px 0 6px; - margin-inline-start: 2px; - border-inline-start: 1px solid var(--urlbar-separator-color); - border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%); - border-image-slice: 1; } + padding: 0 7px 0 10px; + margin-inline-start: 5px; + border-inline-start: 1px solid rgba(207, 214, 230, 0.5); } #urlbar-reload-button { -moz-image-region: rect(0, 14px, 14px, 0); } @@ -2221,11 +2221,11 @@ html|span.ac-emphasize-text-url { margin: 0 -15px; } .tab-content { - -moz-padding-end: 9px; - -moz-padding-start: 9px; } + padding-inline-end: 9px; + padding-inline-start: 9px; } .tab-content[pinned] { - -moz-padding-end: 3px; } + padding-inline-end: 3px; } .tab-throbber, .tab-icon-image, @@ -2237,7 +2237,7 @@ html|span.ac-emphasize-text-url { .tab-icon-image { height: 16px; width: 16px; - -moz-margin-end: 6px; } + margin-inline-end: 6px; } .tab-icon-image { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } @@ -2246,7 +2246,7 @@ html|span.ac-emphasize-text-url { width: 16px; height: 16px; margin-top: -12px; - -moz-margin-start: -16px; + margin-inline-start: -16px; position: relative; } .tab-icon-overlay[crashed] { @@ -2273,16 +2273,16 @@ html|span.ac-emphasize-text-url { list-style-image: url("chrome://browser/skin/custom_images/loading.png"); } .tab-label { - -moz-margin-end: 0; - -moz-margin-start: 0; } + margin-inline-end: 0; + margin-inline-start: 0; } .tab-close-button { - -moz-margin-start: 4px; - -moz-margin-end: -2px; + margin-inline-start: 4px; + margin-inline-end: -2px; padding: 0; } .tab-icon-sound { - -moz-margin-start: 4px; + margin-inline-start: 4px; width: 16px; height: 16px; padding: 0; } @@ -2305,33 +2305,39 @@ html|span.ac-emphasize-text-url { .tab-icon-sound[muted]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); } +.tab-icon-sound:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying] { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio"); } +.tab-icon-sound:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-hover"); } +.tab-icon-sound:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][soundplaying]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-pressed"); } +.tab-icon-sound[muted]:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted] { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-muted"); } +.tab-icon-sound[muted]:hover:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-muted-hover"); } +.tab-icon-sound[muted]:hover:active:-moz-lwtheme, .tab-icon-sound[visuallyselected=true][muted]:hover:active { list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-audio.svg#tab-audio-muted-pressed"); } .tab-background, .tabs-newtab-button { /* overlap the tab curves */ - -moz-margin-end: -14px; - -moz-margin-start: -14px; } + margin-inline-end: -14px; + margin-inline-start: -14px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { - -moz-padding-end: 15px; - -moz-padding-start: 5px; } + padding-inline-end: 15px; + padding-inline-start: 5px; } /* Tab Overflow */ .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), @@ -2350,12 +2356,12 @@ html|span.ac-emphasize-text-url { transform: scaleX(-1); } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { - -moz-margin-start: -2px; - -moz-margin-end: -12px; } + margin-inline-start: -2px; + margin-inline-end: -12px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { - -moz-margin-start: -12px; - -moz-margin-end: -2px; } + margin-inline-start: -12px; + margin-inline-end: -2px; } .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { @@ -2394,7 +2400,7 @@ html|span.ac-emphasize-text-url { .tab-background-start[visuallyselected=true]::after, .tab-background-end[visuallyselected=true]::after { /* position ::after on top of its parent */ - -moz-margin-start: -30px; + margin-inline-start: -30px; background-size: 100% 100%; content: ""; display: -moz-box; @@ -2464,29 +2470,6 @@ lwtHeader;*/ background-repeat: no-repeat; background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; } -/* User Context UI - change tab decoration depending on userContextId. - Defaults to gray for unknown usercontextids. */ -.tabbrowser-tab[usercontextid] { - background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%); - background-size: auto 2px; - background-repeat: no-repeat; } - -/* Personal User Context */ -.tabbrowser-tab[usercontextid="1"] { - background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%); } - -/* Work User Context */ -.tabbrowser-tab[usercontextid="2"] { - background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%); } - -/* Banking User Context */ -.tabbrowser-tab[usercontextid="3"] { - background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%); } - -/* Shopping User Context */ -.tabbrowser-tab[usercontextid="4"] { - background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%); } - /* Tab pointer-events */ .tabbrowser-tab { pointer-events: none; } @@ -2662,7 +2645,7 @@ menuitem:hover > hbox > .alltabs-endimage[soundplaying] { /* Sidebar */ #sidebar-throbber[loading="true"] { list-style-image: url("chrome://global/skin/icons/loading.png"); - -moz-margin-end: 4px; } + margin-inline-end: 4px; } toolbarbutton.chevron { list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; } @@ -2709,27 +2692,6 @@ toolbarbutton.chevron > .toolbarbutton-icon { padding: 0 3px; margin-top: 10px; } -/* Sync Panel */ -.sync-panel-icon { - height: 32px; - width: 32px; - background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; } - -.sync-panel-inner { - width: 0; - padding-left: 10px; } - -.sync-panel-button-box { - margin-top: 1em; } - -#sync-start-panel-title { - font-size: 120%; - font-weight: bold; - margin-bottom: 5px; } - -#sync-start-panel-subtitle { - margin-bottom: 0; } - /* Status panel */ .statuspanel-label { margin: 0; @@ -2919,7 +2881,7 @@ html|*#fullscreen-exit-button { -moz-appearance: none; color: inherit; border-width: 0; - -moz-border-end: 1px solid rgba(12, 13, 14, 0.45); + border-inline-end: 1px solid rgba(12, 13, 14, 0.45); box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); } .devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { @@ -3098,23 +3060,31 @@ html|*#fullscreen-exit-button { --selection-background: #4c9ed9; /* --theme-selection-background */ --selection-color: #f5f7fa; - /* --theme-selection-color */ } + /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); + /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); + /* --theme-command-line-image-focus */ } :root[devtoolstheme="dark"] #developer-toolbar { - --gcli-background-color: #343c45; + --gcli-background-color: #272b35; /* --theme-toolbar-background */ - --gcli-input-background: rgba(37, 44, 51, 0.6); + --gcli-input-background: #272b35; /* --theme-tab-toolbar-background */ - --gcli-input-focused-background: #252c33; + --gcli-input-focused-background: #272b35; /* --theme-tab-toolbar-background */ --gcli-input-color: #b6babf; /* --theme-body-color-alt */ - --gcli-border-color: black; + --gcli-border-color: #454d5d; /* --theme-splitter-color */ - --selection-background: #1d4f73; + --selection-background: #5675b9; /* --theme-selection-background */ --selection-color: #f5f7fa; - /* --theme-selection-color */ } + /* --theme-selection-color */ + --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme); + /* --theme-command-line-image */ + --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme-focus); + /* --theme-command-line-image-focus */ } #developer-toolbar { -moz-appearance: none; @@ -3222,16 +3192,11 @@ html|*#gcli-output-frame { width: 16px; height: 16px; margin: 0 2px; - background-image: url("chrome://devtools/skin/images/commandline-icon.png"); - background-position: 0 center; - background-size: 32px 16px; } + background-image: var(--command-line-image); } .gclitoolbar-input-node[focused="true"]::before { - background-position: -16px center; } + background-image: var(--command-line-image-focus); } -@media (min-resolution: 1.1dppx) { - .gclitoolbar-input-node::before { - background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); } } .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { background-color: var(--selection-background); color: var(--selection-color); @@ -3280,7 +3245,7 @@ html|*#gcli-output-frame { background-color: rgba(0, 0, 0, 0.1); } .center-item-label { - -moz-margin-start: 6px; + margin-inline-start: 6px; margin-bottom: 0; text-overflow: ellipsis; } @@ -3289,7 +3254,7 @@ html|*#gcli-output-frame { background-repeat: no-repeat; width: 16px; height: 15px; - -moz-margin-start: 6px; } + margin-inline-start: 6px; } .click-to-play-plugins-notification-button-container { background-color: rgba(24, 26, 27, 0.07); @@ -3388,7 +3353,7 @@ notification.pluginVulnerable > .notification-inner > .messageCloseButton:not(:h background-clip: padding-box; border-left: 1px solid rgba(24, 26, 27, 0.3); box-shadow: 0 3px 5px rgba(24, 26, 27, 0.1), 0 0 7px rgba(24, 26, 27, 0.1); - -moz-margin-start: 38px; } + margin-inline-start: 38px; } /* 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 @@ -3554,7 +3519,7 @@ toolbar[brighttext] #downloads-indicator-counter { background-image: linear-gradient(#505050, #575757); border: 1px solid; border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4); - -moz-border-start: none; + border-inline-start: none; border-radius: 0 2px 2px 0; } #downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { @@ -3576,7 +3541,7 @@ toolbar[brighttext] #downloads-indicator-counter { text-shadow: none; background-image: linear-gradient(#B4211B, #8A1915); border-radius: 1px; - -moz-margin-end: 2px; } + margin-inline-end: 2px; } /* Social toolbar item */ .social-activation-icon { @@ -3776,10 +3741,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button { overflow: hidden; } chatbar { - -moz-margin-end: 20px; } + margin-inline-end: 20px; } chatbox { - -moz-margin-start: 4px; + margin-inline-start: 4px; background-color: transparent; } chatbar > chatbox { @@ -3790,10 +3755,10 @@ chatbar > chatbox { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Offset the chatbox the same amount as the box-shadows' spread, to make it visible. */ - -moz-margin-end: 5px; } + margin-inline-end: 5px; } window > chatbox { - -moz-margin-start: 0px; + margin-inline-start: 0px; margin: 0px; border: none; padding: 0px; @@ -3934,7 +3899,7 @@ window > chatbox { #customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, #customization-titlebar-visibility-button > .button-box > .button-text { /* Sadly, button.css thinks its margins are perfect for everyone. */ - -moz-margin-start: 6px !important; } + margin-inline-start: 6px !important; } #customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { width: 20px; @@ -4050,7 +4015,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { min-height: 48px; } #personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { - -moz-margin-end: 5px; } + margin-inline-end: 5px; } #customization-palette > toolbarpaletteitem > label { text-align: center; @@ -4072,9 +4037,9 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: 1px solid transparent; margin: 0 -5px 5px; padding-top: 0; - -moz-padding-end: 5px; + padding-inline-end: 5px; padding-bottom: 0; - -moz-padding-start: 0; } + padding-inline-start: 0; } .customization-lwtheme-menu-theme[defaulttheme] { list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); } @@ -4133,7 +4098,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; } .customization-lwtheme-menu-footeritem:first-child { - -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); } + border-inline-end: 1px solid rgba(24, 26, 27, 0.15); } /* 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 @@ -4195,7 +4160,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { .customization-tipPanel-closeBox > .close-icon { -moz-appearance: none; border: 0; - -moz-margin-end: -25px; } + margin-inline-end: -25px; } #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { @@ -4271,14 +4236,14 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipBody { -moz-box-align: start; } -#UITourtooltipTitleContainer { +#UITourTooltipTitleContainer { -moz-box-align: start; margin-bottom: 10px; } #UITourTooltipIcon { width: 48px; height: 48px; - -moz-margin-end: 10px; } + margin-inline-end: 10px; } #UITourTooltipTitle, #UITourTooltipDescription { @@ -4290,8 +4255,8 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { margin: 0; } #UITourTooltipDescription { - -moz-margin-start: 0; - -moz-margin-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; font-size: 1.15rem; line-height: 1.8rem; margin-bottom: 0; @@ -4303,7 +4268,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: none; background-color: transparent; min-width: 0; - -moz-margin-start: 4px; + margin-inline-start: 4px; margin-top: -2px; } #UITourTooltipClose > .toolbarbutton-text { @@ -4322,7 +4287,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > label:first-child, #UITourTooltipButtons > button:first-child { - -moz-margin-start: 0; } + margin-inline-start: 0; } #UITourTooltipButtons > label:last-child, #UITourTooltipButtons > button:last-child { @@ -4331,7 +4296,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > button[image] > .button-box > .button-icon { width: 16px; height: 16px; - -moz-margin-end: 5px; } + margin-inline-end: 5px; } #UITourTooltipButtons > label, #UITourTooltipButtons > button .button-text { @@ -4407,15 +4372,15 @@ notification.heartbeat { .messageText.heartbeat { color: #333333; text-shadow: none; - -moz-margin-start: 0px; + margin-inline-start: 0px; /* The !important is required to override OSX default style. */ - -moz-margin-end: 12px !important; } + margin-inline-end: 12px !important; } .messageImage.heartbeat { width: 24px; height: 24px; - -moz-margin-start: 8px; - -moz-margin-end: 8px; } + margin-inline-start: 8px; + margin-inline-end: 8px; } .messageImage.heartbeat.pulse-onshow { animation-name: pulse-onshow; @@ -4432,7 +4397,7 @@ notification.heartbeat { /* Learn More link styles */ .heartbeat > .text-link { color: #0095DD; - -moz-margin-start: 0px; } + margin-inline-start: 0px; } .heartbeat > .text-link:hover { color: #008ACB; @@ -4461,8 +4426,8 @@ notification.heartbeat { .heartbeat > #star-rating-container > .star-x { background: url("chrome://browser/skin/heartbeat-star-off.svg"); cursor: pointer; - /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ - -moz-margin-end: 4px !important; + /* Overrides the margin-inline-end for all platforms defined in the .plain class */ + margin-inline-end: 4px !important; width: 16px; height: 16px; } @@ -4486,7 +4451,7 @@ notification.heartbeat { font-size: 1.05rem; } #UITourTooltipClose { - -moz-margin-end: -4px; + margin-inline-end: -4px; height: 16px; width: 16px; } @@ -4576,68 +4541,18 @@ notification.heartbeat { #context-navigation > .menuitem-iconic > .menu-iconic-left { visibility: visible; /* override toolkit/themes/linux/global/menu.css */ - -moz-padding-end: 0 !important; - -moz-margin-end: 0 !important; } + padding-inline-end: 0 !important; + margin-inline-end: 0 !important; } .browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent { padding: 0; overflow: hidden; } -/* User Context UI browser styles */ -#menu_newUserContextTabPersonal { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); } - -#menu_newUserContextTabWork { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); } - -#menu_newUserContextTabBanking { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); } +.webextension-popup-browser { + border-radius: inherit; } -#menu_newUserContextTabShopping { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); } - -/* URL Bar Decoration */ -#userContext-indicator { - height: 16px; - width: 16px; } - -#userContext-label { - margin-inline-end: 3px; - color: #909090; } - -#userContext-icons:not([usercontextid]) { - display: none; } - -#userContext-icons { - -moz-box-align: center; } - -/* Personal User Context */ -#userContext-icons[usercontextid="1"] > #userContext-label { - color: #00a7e0; } - -#userContext-icons[usercontextid="1"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); } - -/* Work User Context */ -#userContext-icons[usercontextid="2"] > #userContext-label { - color: #f89c24; } - -#userContext-icons[usercontextid="2"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/work.svg"); } - -/* Banking User Context */ -#userContext-icons[usercontextid="3"] > #userContext-label { - color: #7dc14c; } - -#userContext-icons[usercontextid="3"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); } - -/* Shopping User Context */ -#userContext-icons[usercontextid="4"] > #userContext-label { - color: #ee5195; } - -#userContext-icons[usercontextid="4"] > #userContext-indicator { - list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); } +.menuitem-iconic[command="Browser:NewUserContextTab"] > .menu-iconic-left > .menu-iconic-icon { + visibility: visible; } #nav-bar #loop-button, #nav-bar toolbar[brighttext] #loop-button { diff --git a/arc-firefox-theme/chrome/browser/searchReset.css b/arc-firefox-theme/chrome/browser/searchReset.css new file mode 100644 index 0000000..3573d7d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/searchReset.css @@ -0,0 +1,22 @@ +/* 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/. */ + +body { + align-items: center; +} + +.title { + background-image: url("chrome://browser/skin/icon-search-64.svg"); +} + +#defaultEngine { + padding-inline-start: 26px; + background-repeat: no-repeat; + background-position: 5px center; + background-size: 16px, 16px; +} + +#defaultEngine:-moz-dir(rtl) { + background-position: calc(100% - 5px) center; +} diff --git a/arc-firefox-theme/chrome/browser/searchbar.css b/arc-firefox-theme/chrome/browser/searchbar.css index 3b2c2df..a79bc5e 100644 --- a/arc-firefox-theme/chrome/browser/searchbar.css +++ b/arc-firefox-theme/chrome/browser/searchbar.css @@ -3,8 +3,7 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ #PopupSearchAutoComplete { - -moz-margin-start: -24px; - padding: 1px; + margin-inline-start: -24px; } .autocomplete-textbox-container { @@ -20,7 +19,7 @@ height: 16px; width: 16px; list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); - -moz-margin-start: -1px; + margin-inline-start: -1px; } /* Search go button */ @@ -63,7 +62,7 @@ menuitem[cmd="cmd_clearhistory"][disabled] { -moz-image-region: rect(0, 20px, 20px, 0); margin-top: 1px; margin-bottom: 1px; - -moz-margin-start: 2px; + margin-inline-start: 2px; } .searchbar-search-button[addengines="true"] { @@ -113,7 +112,7 @@ menuitem[cmd="cmd_clearhistory"][disabled] { } .search-panel-one-offs { - margin: 0 -1px !important; + margin: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.2); } @@ -156,7 +155,7 @@ menuitem[cmd="cmd_clearhistory"][disabled] { .searchbar-engine-one-off-item > .button-box > .button-icon { display: -moz-box; - -moz-margin-end: 0; + margin-inline-end: 0; width: 16px; height: 16px; } @@ -198,7 +197,7 @@ menuitem[cmd="cmd_clearhistory"][disabled] { .addengine-item > .button-box > .button-text { -moz-box-flex: 1; text-align: start; - -moz-padding-start: 10px; + padding-inline-start: 10px; } .addengine-item:not([image]) { @@ -210,11 +209,11 @@ menuitem[cmd="cmd_clearhistory"][disabled] { } .search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text { - -moz-padding-start: 4px; + padding-inline-start: 4px; } .search-panel-tree > .autocomplete-treebody::-moz-tree-image { - -moz-padding-start: 5px; + padding-inline-start: 5px; width: 14px; height: 14px; } diff --git a/arc-firefox-theme/chrome/browser/sync-desktopIcon.png b/arc-firefox-theme/chrome/browser/sync-desktopIcon.png Binary files differdeleted file mode 100644 index d3d1e27..0000000 --- a/arc-firefox-theme/chrome/browser/sync-desktopIcon.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/browser/sync-desktopIcon.svg b/arc-firefox-theme/chrome/browser/sync-desktopIcon.svg new file mode 100644 index 0000000..d3279a9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-desktopIcon.svg @@ -0,0 +1,22 @@ +<!-- 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/. --> +<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <style> + g:not(:target) { display: none; } + + .glyph { fill: #4d4d4d; } + .glyph.translucent { fill-opacity: .15; } + + .inverted .glyph { fill: #fff; } + .inverted .glyph.translucent { fill-opacity: .15; } + </style> + <g id="icon"> + <path class="glyph" d="M15,14H1a1,1,0,0,1-1-1V12.526H16V13A1,1,0,0,1,15,14ZM1,4A1,1,0,0,1,2,3H14a1,1,0,0,1,1,1v8H1V4Zm1,7H14V4H2v7Z"/> + <rect class="glyph translucent" x="2" y="4" width="12" height="7"/> + </g> + <g id="icon-inverted" class="inverted"> + <path class="glyph" d="M15,14H1a1,1,0,0,1-1-1V12.526H16V13A1,1,0,0,1,15,14ZM1,4A1,1,0,0,1,2,3H14a1,1,0,0,1,1,1v8H1V4Zm1,7H14V4H2v7Z"/> + <rect class="glyph translucent" x="2" y="4" width="12" height="7"/> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/sync-mobileIcon.png b/arc-firefox-theme/chrome/browser/sync-mobileIcon.png Binary files differdeleted file mode 100644 index a3bda57..0000000 --- a/arc-firefox-theme/chrome/browser/sync-mobileIcon.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/browser/sync-mobileIcon.svg b/arc-firefox-theme/chrome/browser/sync-mobileIcon.svg new file mode 100644 index 0000000..df19994 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-mobileIcon.svg @@ -0,0 +1,22 @@ +<!-- 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/. --> +<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> + <style> + g:not(:target) { display: none; } + + .glyph { fill: #4d4d4d; } + .glyph.translucent { fill-opacity: .15; } + + .inverted .glyph { fill: #fff; } + .inverted .glyph.translucent { fill-opacity: .15; } + </style> + <g id="icon"> + <path class="glyph" d="M12,16H4a1,1,0,0,1-1-1V1A1,1,0,0,1,4,0h8a1,1,0,0,1,1,1V15A1,1,0,0,1,12,16Zm-4-.684a0.785,0.785,0,1,0-.785-0.785A0.785,0.785,0,0,0,8,15.316ZM12,2H4V13h8V2Z"/> + <rect class="glyph translucent" x="4" y="2" width="8" height="11"/> + </g> + <g id="icon-inverted" class="inverted"> + <path class="glyph" d="M12,16H4a1,1,0,0,1-1-1V1A1,1,0,0,1,4,0h8a1,1,0,0,1,1,1V15A1,1,0,0,1,12,16Zm-4-.684a0.785,0.785,0,1,0-.785-0.785A0.785,0.785,0,0,0,8,15.316ZM12,2H4V13h8V2Z"/> + <rect class="glyph translucent" x="4" y="2" width="8" height="11"/> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/syncCommon.css b/arc-firefox-theme/chrome/browser/syncCommon.css index 0449a59..1378c9c 100644 --- a/arc-firefox-theme/chrome/browser/syncCommon.css +++ b/arc-firefox-theme/chrome/browser/syncCommon.css @@ -8,7 +8,7 @@ } .statusIcon { - -moz-margin-start: 4px; + margin-inline-start: 4px; max-height: 16px; max-width: 16px; } diff --git a/arc-firefox-theme/chrome/browser/syncSetup.css b/arc-firefox-theme/chrome/browser/syncSetup.css index 3370718..1c79e2f 100644 --- a/arc-firefox-theme/chrome/browser/syncSetup.css +++ b/arc-firefox-theme/chrome/browser/syncSetup.css @@ -99,7 +99,7 @@ description > .text-link:focus { } .inputColumn { - -moz-margin-end: 2px + margin-inline-end: 2px } .pin { diff --git a/arc-firefox-theme/chrome/browser/syncedtabs/sidebar.css b/arc-firefox-theme/chrome/browser/syncedtabs/sidebar.css index 63d5b64..acfb2b9 100644 --- a/arc-firefox-theme/chrome/browser/syncedtabs/sidebar.css +++ b/arc-firefox-theme/chrome/browser/syncedtabs/sidebar.css @@ -90,6 +90,24 @@ body { padding-inline-start: 20px; } +.item.client.device-image-desktop.selected > .item-title-container > .item-icon-container { + background-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon-inverted"); +} + +.item.client.device-image-desktop:not(.selected) > .item-title-container > .item-icon-container, +.item.client.device-image-desktop.selected > .item-title-container > .item-icon-container:-moz-window-inactive { + background-image: url("chrome://browser/skin/sync-desktopIcon.svg#icon"); +} + +.item.client.device-image-mobile.selected > .item-title-container > .item-icon-container { + background-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon-inverted"); +} + +.item.client.device-image-mobile:not(.selected) > .item-title-container > .item-icon-container, +.item.client.device-image-mobile.selected > .item-title-container > .item-icon-container:-moz-window-inactive { + background-image: url("chrome://browser/skin/sync-mobileIcon.svg#icon"); +} + .item.tab > .item-title-container > .item-icon-container { background-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } @@ -127,6 +145,7 @@ body { text-overflow: ellipsis; margin: 0px; line-height: 1.3; + cursor: default; } .item[hidden] { @@ -227,12 +246,12 @@ html { } .item { - -moz-padding-end: 0; + padding-inline-end: 0; } .item-title { margin: 1px 0 0; - -moz-margin-end: 6px; + margin-inline-end: 6px; } @@ -246,7 +265,7 @@ html { -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; padding: 2px 2px 3px; - -moz-padding-start: 4px; + padding-inline-start: 4px; background-color: -moz-Field; color: -moz-FieldText; } @@ -274,6 +293,7 @@ html { .item.client .item-twisty-container { -moz-appearance: treetwistyopen; margin-top: 3px; + margin-left: 2px; } .item.client.closed .item-twisty-container { |
