From 4317ea6fa7e90fc10c97a19db4707775f0629dc0 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 19 Sep 2016 12:41:39 +0200 Subject: update to 49.0rc4 --- .../chrome/browser/Toolbar-inverted.png | Bin 12527 -> 12548 bytes arc-firefox-theme/chrome/browser/Toolbar.png | Bin 16207 -> 16494 bytes arc-firefox-theme/chrome/browser/aboutNetError.css | 4 + .../chrome/browser/aboutProviderDirectory.css | 6 +- .../chrome/browser/aboutSocialError.css | 4 +- arc-firefox-theme/chrome/browser/aboutSyncTabs.css | 18 +- arc-firefox-theme/chrome/browser/browser.css | 479 ++++++++----------- .../chrome/browser/controlcenter/panel.css | 16 +- .../browser/custom_images/dark/tabbar-icons.svg | 24 +- .../browser/custom_images/dark/toolbar-icons.svg | 24 +- .../browser/custom_images/light/tabbar-icons.svg | 24 +- .../browser/custom_images/light/toolbar-icons.svg | 26 +- .../browser/custom_images/toolbar-icons-active.svg | 29 +- .../browser/customizableui/panelUIOverlay.css | 79 ++-- arc-firefox-theme/chrome/browser/devedition.css | 59 ++- .../browser/downloads/allDownloadsViewOverlay.css | 2 +- .../chrome/browser/downloads/downloads.css | 4 +- arc-firefox-theme/chrome/browser/error-pages.css | 4 +- .../chrome/browser/favicon-search-16.svg | 10 + .../chrome/browser/feeds/subscribe.css | 24 +- .../chrome/browser/icon-search-64.svg | 12 + arc-firefox-theme/chrome/browser/menuPanel.png | Bin 25617 -> 18811 bytes arc-firefox-theme/chrome/browser/menuPanel@2x.png | Bin 57179 -> 42938 bytes arc-firefox-theme/chrome/browser/newtab/newTab.css | 4 +- arc-firefox-theme/chrome/browser/pageInfo.css | 22 +- .../chrome/browser/places/editBookmarkOverlay.css | 2 +- .../chrome/browser/places/organizer.css | 4 +- .../chrome/browser/preferences/applications.css | 18 +- .../browser/preferences/in-content/dialog.css | 2 +- .../browser/preferences/in-content/preferences.css | 111 ++--- .../browser/preferences/in-content/search.css | 8 +- .../chrome/browser/preferences/preferences.css | 12 - .../chrome/browser/preferences/search.css | 45 -- .../privatebrowsing/aboutPrivateBrowsing.css | 26 +- .../chrome/browser/sanitizeDialog.css | 18 +- .../chrome/browser/sass/_browser-sass.scss | 518 ++++++++------------- .../chrome/browser/sass/browser-dark.css | 479 ++++++++----------- .../chrome/browser/sass/browser-darker.css | 479 ++++++++----------- .../chrome/browser/sass/browser-light.css | 479 ++++++++----------- arc-firefox-theme/chrome/browser/searchReset.css | 22 + arc-firefox-theme/chrome/browser/searchbar.css | 17 +- .../chrome/browser/sync-desktopIcon.png | Bin 291 -> 0 bytes .../chrome/browser/sync-desktopIcon.svg | 22 + .../chrome/browser/sync-mobileIcon.png | Bin 352 -> 0 bytes .../chrome/browser/sync-mobileIcon.svg | 22 + arc-firefox-theme/chrome/browser/syncCommon.css | 2 +- arc-firefox-theme/chrome/browser/syncSetup.css | 2 +- .../chrome/browser/syncedtabs/sidebar.css | 26 +- arc-firefox-theme/chrome/global/about.css | 4 +- arc-firefox-theme/chrome/global/aboutReader.css | 73 ++- .../chrome/global/aboutReaderContent.css | 56 ++- .../chrome/global/aboutReaderControls.css | 56 ++- arc-firefox-theme/chrome/global/aboutSupport.css | 15 +- arc-firefox-theme/chrome/global/autocomplete.css | 32 +- arc-firefox-theme/chrome/global/button.css | 16 +- arc-firefox-theme/chrome/global/checkbox.css | 2 +- arc-firefox-theme/chrome/global/commonDialog.css | 4 +- arc-firefox-theme/chrome/global/config.css | 6 +- .../chrome/global/console/console.css | 16 +- arc-firefox-theme/chrome/global/datetimepicker.css | 6 +- arc-firefox-theme/chrome/global/dialog.css | 14 +- .../chrome/global/dirListing/dirListing.css | 10 +- arc-firefox-theme/chrome/global/expander.css | 4 +- arc-firefox-theme/chrome/global/filefield.css | 4 +- arc-firefox-theme/chrome/global/findBar.css | 19 +- arc-firefox-theme/chrome/global/global.css | 12 +- arc-firefox-theme/chrome/global/groupbox.css | 4 +- .../chrome/global/icons/find-arrows.png | Bin 540 -> 0 bytes .../chrome/global/icons/find-arrows.svg | 16 + .../chrome/global/in-content/common.css | 98 ++-- .../chrome/global/in-content/info-pages.css | 18 +- arc-firefox-theme/chrome/global/listbox.css | 14 +- .../chrome/global/media/videocontrols.css | 2 +- arc-firefox-theme/chrome/global/menu.css | 24 +- arc-firefox-theme/chrome/global/menulist.css | 6 +- .../chrome/global/narrate/narrate.svg | 3 - .../chrome/global/narrateControls.css | 7 +- arc-firefox-theme/chrome/global/netError.css | 18 +- arc-firefox-theme/chrome/global/notification.css | 6 +- arc-firefox-theme/chrome/global/passwordmgr.css | 2 +- arc-firefox-theme/chrome/global/preferences.css | 4 +- arc-firefox-theme/chrome/global/radio.css | 2 +- .../chrome/global/reader/RM-Close-24x24.svg | 8 +- .../global/reader/RM-Content-Width-Minus-42x16.svg | 19 + .../global/reader/RM-Content-Width-Plus-44x16.svg | 19 + .../global/reader/RM-Line-Height-Minus-38x14.svg | 20 + .../global/reader/RM-Line-Height-Plus-38x24.svg | 20 + .../global/reader/RM-Type-Controls-24x24.svg | 5 +- arc-firefox-theme/chrome/global/tabbox.css | 2 +- arc-firefox-theme/chrome/global/textbox.css | 2 +- arc-firefox-theme/chrome/global/toolbar.css | 4 +- arc-firefox-theme/chrome/global/toolbarbutton.css | 10 +- arc-firefox-theme/chrome/global/tree.css | 16 +- arc-firefox-theme/chrome/global/wizard.css | 10 +- arc-firefox-theme/chrome/mozapps/aboutProfiles.css | 10 +- .../chrome/mozapps/aboutServiceWorkers.css | 2 +- .../mozapps/downloads/unknownContentType.css | 10 +- .../chrome/mozapps/extensions/about.css | 4 +- .../chrome/mozapps/extensions/blocklist.css | 4 +- .../chrome/mozapps/extensions/eula.css | 2 +- .../chrome/mozapps/extensions/extensions.css | 60 +-- .../chrome/mozapps/extensions/newaddon.css | 6 +- .../chrome/mozapps/extensions/update.css | 4 +- .../chrome/mozapps/handling/handling.css | 2 +- .../chrome/mozapps/plugins/pluginProblem.css | 4 +- .../chrome/mozapps/update/updates.css | 12 +- .../chrome/mozapps/xpinstall/xpinstallConfirm.css | 14 +- 107 files changed, 1966 insertions(+), 2064 deletions(-) create mode 100644 arc-firefox-theme/chrome/browser/favicon-search-16.svg create mode 100644 arc-firefox-theme/chrome/browser/icon-search-64.svg delete mode 100644 arc-firefox-theme/chrome/browser/preferences/search.css create mode 100644 arc-firefox-theme/chrome/browser/searchReset.css delete mode 100644 arc-firefox-theme/chrome/browser/sync-desktopIcon.png create mode 100644 arc-firefox-theme/chrome/browser/sync-desktopIcon.svg delete mode 100644 arc-firefox-theme/chrome/browser/sync-mobileIcon.png create mode 100644 arc-firefox-theme/chrome/browser/sync-mobileIcon.svg delete mode 100644 arc-firefox-theme/chrome/global/icons/find-arrows.png create mode 100644 arc-firefox-theme/chrome/global/icons/find-arrows.svg delete mode 100644 arc-firefox-theme/chrome/global/narrate/narrate.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Content-Width-Minus-42x16.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Content-Width-Plus-44x16.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Line-Height-Minus-38x14.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Line-Height-Plus-38x24.svg diff --git a/arc-firefox-theme/chrome/browser/Toolbar-inverted.png b/arc-firefox-theme/chrome/browser/Toolbar-inverted.png index 99d7481..50a3d34 100644 Binary files a/arc-firefox-theme/chrome/browser/Toolbar-inverted.png and b/arc-firefox-theme/chrome/browser/Toolbar-inverted.png differ diff --git a/arc-firefox-theme/chrome/browser/Toolbar.png b/arc-firefox-theme/chrome/browser/Toolbar.png index b8151d1..cdd100a 100644 Binary files a/arc-firefox-theme/chrome/browser/Toolbar.png and b/arc-firefox-theme/chrome/browser/Toolbar.png differ 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"> @@ -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" /> + + + 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"> @@ -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" /> + + + 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"> @@ -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" /> + + + 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"> @@ -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" /> + + + 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"> @@ -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 @@ + 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" /> + + + 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