From d07d7e0855e8eb1a6aa47ae68b452d7d875807f0 Mon Sep 17 00:00:00 2001 From: exu Date: Sun, 25 Aug 2024 11:45:36 +0200 Subject: [PATCH] Remove Firefox UI changes --- .../firefox/default-release/chrome/LEPTON | 3 - .../chrome/css/leptonChrome.css | 28857 ---------------- .../chrome/css/leptonContent.css | 7373 ---- .../chrome/icons/add-device.svg | 1 - .../chrome/icons/addons-logo.svg | 1 - .../chrome/icons/arrow-between-down.svg | 1 - .../chrome/icons/arrow-repeat-all.svg | 1 - .../chrome/icons/arrow-sort-down-lines.svg | 1 - .../chrome/icons/arrow-swap.svg | 1 - .../chrome/icons/auto-fit-width.svg | 1 - .../default-release/chrome/icons/blank.svg | 2 - .../chrome/icons/blue-berror.svg | 83 - .../default-release/chrome/icons/book-add.svg | 1 - .../default-release/chrome/icons/book.svg | 1 - .../chrome/icons/bookmark-multiple.svg | 1 - .../chrome/icons/bookmarks-toolbar-alt.svg | 1 - .../chrome/icons/bookmarks-toolbar.svg | 1 - .../chrome/icons/bookmarksMenu-open.svg | 1 - .../chrome/icons/bookmarksMenu-open2.svg | 1 - .../icons/bookmarksToolbar-open-alt.svg | 1 - .../chrome/icons/bookmarksToolbar-open.svg | 1 - .../default-release/chrome/icons/broom.svg | 1 - .../default-release/chrome/icons/bug.svg | 1 - .../chrome/icons/calendar-agenda.svg | 1 - .../chrome/icons/characterEncoding.svg | 1 - .../chrome/icons/checkmark-circle.svg | 3 - .../default-release/chrome/icons/code.svg | 1 - .../chrome/icons/command-console.svg | 1 - .../chrome/icons/command-eyedropper.svg | 1 - .../chrome/icons/command-frames.svg | 1 - .../chrome/icons/command-pick.svg | 1 - .../chrome/icons/command-responsivemode.svg | 1 - .../chrome/icons/container-openin-16.svg | 1 - .../chrome/icons/content-view.svg | 1 - .../chrome/icons/copy-select.svg | 1 - .../chrome/icons/dashboard.svg | 1 - .../chrome/icons/datarestore.svg | 1 - .../chrome/icons/datastore.svg | 1 - .../chrome/icons/developer.svg | 1 - .../chrome/icons/device-desktop.svg | 1 - .../chrome/icons/device-phone.svg | 1 - .../chrome/icons/device-tablet.svg | 1 - .../chrome/icons/device-tv.svg | 1 - .../chrome/icons/device-vr.svg | 1 - .../chrome/icons/dismiss-filled.svg | 1 - .../chrome/icons/document-css.svg | 1 - .../chrome/icons/document-endnote.svg | 1 - .../icons/document-landscape-split-hint.svg | 1 - .../chrome/icons/document-search.svg | 1 - .../chrome/icons/drawer-arrow-download.svg | 1 - .../chrome/icons/edit-copy.svg | 1 - .../default-release/chrome/icons/edit-cut.svg | 1 - .../chrome/icons/edit-paste-go.svg | 1 - .../chrome/icons/edit-paste-search.svg | 1 - .../chrome/icons/edit-paste.svg | 1 - .../chrome/icons/enter-fullscreen.svg | 1 - .../default-release/chrome/icons/eraser.svg | 3 - .../chrome/icons/error-connection-failure.svg | 49 - .../chrome/icons/error-malformed-url.svg | 61 - .../chrome/icons/error-server-not-found.svg | 60 - .../chrome/icons/error-session-restore.svg | 68 - .../chrome/icons/error-tab-crashed.svg | 64 - .../chrome/icons/exit-fullscreen.svg | 1 - .../default-release/chrome/icons/eye-hide.svg | 1 - .../default-release/chrome/icons/eye-show.svg | 1 - .../chrome/icons/eye-tracking-off.svg | 1 - .../chrome/icons/filter-dismiss.svg | 3 - .../chrome/icons/filter-reload.svg | 3 - .../chrome/icons/firefox-view.svg | 1 - .../default-release/chrome/icons/flame.svg | 1 - .../default-release/chrome/icons/fluid.svg | 1 - .../chrome/icons/folder-globe.svg | 1 - .../chrome/icons/folder-open.svg | 1 - .../default-release/chrome/icons/folder.svg | 1 - .../default-release/chrome/icons/forget.svg | 1 - .../chrome/icons/highlight.svg | 1 - .../chrome/icons/history-reverse.svg | 4 - .../chrome/icons/horizon-night.svg | 114 - .../chrome/icons/horizon-sunrise.svg | 172 - .../chrome/icons/identity-icons-brand.svg | 3 - .../chrome/icons/image-add.svg | 1 - .../chrome/icons/image-alt-text.svg | 1 - .../icons/image-arrow-counterclockwise.svg | 1 - .../chrome/icons/image-copy.svg | 1 - .../default-release/chrome/icons/image.svg | 1 - .../chrome/icons/import-export.svg | 7 - .../default-release/chrome/icons/ion.svg | 1 - .../chrome/icons/key-multiple.svg | 1 - .../chrome/icons/link-no-tracking.svg | 1 - .../chrome/icons/link-square.svg | 1 - .../default-release/chrome/icons/link.svg | 1 - .../chrome/icons/lock-closed.svg | 1 - .../chrome/icons/mail-inbox-all.svg | 1 - .../chrome/icons/mail-inbox.svg | 1 - .../default-release/chrome/icons/mail.svg | 1 - .../chrome/icons/menu-check.svg | 1 - .../default-release/chrome/icons/merge.svg | 3 - .../chrome/icons/movetowindow-16.svg | 1 - .../chrome/icons/new-tab-forward-photon.svg | 1 - .../chrome/icons/new-tab-forward.svg | 1 - .../chrome/icons/new-tab-multiple-photon.svg | 1 - .../chrome/icons/new-tab-multiple.svg | 1 - .../chrome/icons/new-tab-photon.svg | 1 - .../icons/new-tab-skip-forward-photon.svg | 1 - .../chrome/icons/new-tab-skip-forward.svg | 1 - .../default-release/chrome/icons/new-tab.svg | 1 - .../chrome/icons/no-search-results.svg | 36 - .../icons/panelarrow-vertical-reverse.svg | 4 - .../chrome/icons/panelarrow-vertical.svg | 7 - .../chrome/icons/password-hide.svg | 1 - .../default-release/chrome/icons/password.svg | 1 - .../chrome/icons/paste-text.svg | 4 - .../chrome/icons/paste-url.svg | 4 - .../default-release/chrome/icons/paste.svg | 9 - .../chrome/icons/performance.svg | 1 - .../default-release/chrome/icons/pin-tab.svg | 6 - .../default-release/chrome/icons/play.svg | 1 - .../chrome/icons/plug-disconnected.svg | 1 - .../chrome/icons/pocket-outline.svg | 7 - .../chrome/icons/private-favicon.svg | 9 - .../chrome/icons/pulse-square.svg | 3 - .../chrome/icons/pwa-install.svg | 1 - .../chrome/icons/pwa-launch.svg | 1 - .../chrome/icons/pwa-manage.svg | 1 - .../chrome/icons/pwa-remove.svg | 1 - .../default-release/chrome/icons/quit.svg | 1 - .../default-release/chrome/icons/redo.svg | 1 - .../chrome/icons/refresh-cw.svg | 9 - .../chrome/icons/relay-logo.svg | 6 - .../chrome/icons/reload-auto.svg | 4 - .../default-release/chrome/icons/reload.svg | 6 - .../chrome/icons/resize-image.svg | 1 - .../default-release/chrome/icons/resize.svg | 1 - .../chrome/icons/restore-session.svg | 1 - .../chrome/icons/screenshot-1.svg | 1 - .../chrome/icons/screenshot.svg | 1 - .../chrome/icons/select-all-on.svg | 1 - .../chrome/icons/send-to-device.svg | 1 - .../default-release/chrome/icons/send.svg | 1 - .../default-release/chrome/icons/share.svg | 7 - .../chrome/icons/shield-task.svg | 1 - .../default-release/chrome/icons/sign-out.svg | 1 - .../default-release/chrome/icons/sort.svg | 11 - .../chrome/icons/star-line-horizontal.svg | 1 - .../chrome/icons/synced-tabs.svg | 12 - ...b-bottom-corner-left-australis-clipped.svg | 3 - .../tab-bottom-corner-left-australis.svg | 9 - .../tab-bottom-corner-left-chrome-clipped.svg | 3 - .../icons/tab-bottom-corner-left-chrome.svg | 9 - ...ottom-corner-left-chromeLegacy-clipped.svg | 3 - .../tab-bottom-corner-left-chromeLegacy.svg | 9 - .../tab-bottom-corner-left-edge-clipped.svg | 3 - .../icons/tab-bottom-corner-left-edge.svg | 9 - .../tab-bottom-corner-left-wave-clipped.svg | 3 - .../icons/tab-bottom-corner-left-wave.svg | 9 - .../chrome/icons/tab-bottom-corner-left.svg | 5 - ...-bottom-corner-right-australis-cilpped.svg | 3 - .../tab-bottom-corner-right-australis.svg | 9 - ...tab-bottom-corner-right-chrome-clipped.svg | 3 - .../icons/tab-bottom-corner-right-chrome.svg | 9 - ...ttom-corner-right-chromeLegacy-clipped.svg | 3 - .../tab-bottom-corner-right-chromeLegacy.svg | 9 - .../tab-bottom-corner-right-edge-clipped.svg | 3 - .../icons/tab-bottom-corner-right-edge.svg | 9 - .../tab-bottom-corner-right-wave-clipped.svg | 3 - .../icons/tab-bottom-corner-right-wave.svg | 9 - .../chrome/icons/tab-bottom-corner-right.svg | 5 - .../chrome/icons/tab-copy-photon.svg | 1 - .../default-release/chrome/icons/tab-copy.svg | 1 - .../icons/tab-desktop-multiple-bottom.svg | 1 - .../chrome/icons/tab-desktop-multiple.svg | 1 - .../chrome/icons/tab-multiple.svg | 1 - .../chrome/icons/tab-photon.svg | 1 - .../chrome/icons/tab-unload-photon.svg | 1 - .../chrome/icons/tab-unload.svg | 1 - .../default-release/chrome/icons/tab.svg | 1 - .../default-release/chrome/icons/tag-open.svg | 1 - .../default-release/chrome/icons/tag.svg | 1 - .../icons/text-direction-horizontal-ltr.svg | 1 - .../chrome/icons/text-number-format.svg | 1 - .../chrome/icons/text-proofing-tools.svg | 1 - .../chrome/icons/text-sort-ascending.svg | 1 - .../chrome/icons/time-picker.svg | 1 - .../default-release/chrome/icons/timer10.svg | 1 - .../chrome/icons/tool-accessibility.svg | 1 - .../default-release/chrome/icons/toolbar.svg | 1 - .../chrome/icons/toolbarButton-download.svg | 1 - .../chrome/icons/toolbarButton-upload.svg | 1 - .../default-release/chrome/icons/toolbox.svg | 1 - .../chrome/icons/translations.svg | 1 - .../default-release/chrome/icons/undo.svg | 1 - .../chrome/icons/unpin-tab.svg | 8 - .../chrome/icons/vertical-line.svg | 1 - .../chrome/icons/video-clip.svg | 1 - .../chrome/icons/video-snapshot.svg | 1 - .../default-release/chrome/icons/video.svg | 1 - .../chrome/icons/weather-snowflake.svg | 3 - .../chrome/icons/welcome-back.svg | 13 - .../default-release/chrome/icons/whatsnew.svg | 1 - .../chrome/icons/window-dev-tools.svg | 1 - .../default-release/chrome/icons/window.svg | 6 - .../chrome/icons/wrench-filled.svg | 1 - .../default-release/chrome/userChrome.css | 23 - .../default-release/chrome/userContent.css | 4 - .../.mozilla/firefox/default-release/user.js | 371 - 205 files changed, 37776 deletions(-) delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/LEPTON delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/css/leptonChrome.css delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/css/leptonContent.css delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/add-device.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/addons-logo.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-between-down.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-repeat-all.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-sort-down-lines.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-swap.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/auto-fit-width.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/blank.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/blue-berror.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/book-add.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/book.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/bookmark-multiple.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarks-toolbar-alt.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarks-toolbar.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksMenu-open.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksMenu-open2.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksToolbar-open-alt.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksToolbar-open.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/broom.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/bug.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/calendar-agenda.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/characterEncoding.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/checkmark-circle.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/code.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/command-console.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/command-eyedropper.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/command-frames.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/command-pick.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/command-responsivemode.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/container-openin-16.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/content-view.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/copy-select.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/dashboard.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/datarestore.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/datastore.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/developer.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/device-desktop.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/device-phone.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/device-tablet.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/device-tv.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/device-vr.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/dismiss-filled.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/document-css.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/document-endnote.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/document-landscape-split-hint.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/document-search.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/drawer-arrow-download.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/edit-copy.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/edit-cut.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste-go.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste-search.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/enter-fullscreen.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/eraser.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/error-connection-failure.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/error-malformed-url.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/error-server-not-found.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/error-session-restore.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/error-tab-crashed.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/exit-fullscreen.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/eye-hide.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/eye-show.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/eye-tracking-off.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/filter-dismiss.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/filter-reload.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/firefox-view.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/flame.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/fluid.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/folder-globe.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/folder-open.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/folder.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/forget.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/highlight.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/history-reverse.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/horizon-night.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/horizon-sunrise.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/identity-icons-brand.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/image-add.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/image-alt-text.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/image-arrow-counterclockwise.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/image-copy.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/image.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/import-export.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/ion.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/key-multiple.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/link-no-tracking.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/link-square.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/link.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/lock-closed.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/mail-inbox-all.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/mail-inbox.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/mail.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/menu-check.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/merge.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/movetowindow-16.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-forward-photon.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-forward.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-multiple-photon.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-multiple.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-photon.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-skip-forward-photon.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-skip-forward.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/no-search-results.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical-reverse.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/password-hide.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/password.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/paste-text.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/paste-url.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/paste.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/performance.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/pin-tab.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/play.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/plug-disconnected.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/pocket-outline.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/private-favicon.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/pulse-square.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-install.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-launch.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-manage.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-remove.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/quit.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/redo.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/refresh-cw.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/relay-logo.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/reload-auto.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/reload.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/resize-image.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/resize.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/restore-session.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/screenshot-1.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/screenshot.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/select-all-on.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/send-to-device.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/send.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/share.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/shield-task.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/sign-out.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/sort.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/star-line-horizontal.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/synced-tabs.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis-clipped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome-clipped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy-clipped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge-clipped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave-clipped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis-cilpped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome-clipped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy-clipped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge-clipped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave-clipped.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-copy-photon.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-copy.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-desktop-multiple-bottom.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-desktop-multiple.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-multiple.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-photon.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-unload-photon.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab-unload.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tab.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tag-open.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tag.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/text-direction-horizontal-ltr.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/text-number-format.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/text-proofing-tools.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/text-sort-ascending.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/time-picker.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/timer10.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/tool-accessibility.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/toolbar.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/toolbarButton-download.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/toolbarButton-upload.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/toolbox.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/translations.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/undo.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/unpin-tab.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/vertical-line.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/video-clip.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/video-snapshot.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/video.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/weather-snowflake.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/welcome-back.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/whatsnew.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/window-dev-tools.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/window.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/icons/wrench-filled.svg delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/userChrome.css delete mode 100644 arch-config/.mozilla/firefox/default-release/chrome/userContent.css delete mode 100644 arch-config/.mozilla/firefox/default-release/user.js diff --git a/arch-config/.mozilla/firefox/default-release/chrome/LEPTON b/arch-config/.mozilla/firefox/default-release/chrome/LEPTON deleted file mode 100644 index 2a9b802f..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/LEPTON +++ /dev/null @@ -1,3 +0,0 @@ -[Info] -Ver=v8.6.1 -Branch=photon-style diff --git a/arch-config/.mozilla/firefox/default-release/chrome/css/leptonChrome.css b/arch-config/.mozilla/firefox/default-release/chrome/css/leptonChrome.css deleted file mode 100644 index 90e935b8..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/css/leptonChrome.css +++ /dev/null @@ -1,28857 +0,0 @@ -@charset "UTF-8"; -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -@namespace html url("http://www.w3.org/1999/xhtml"); -/** Default Theme - Contrast **************************************************/ -@supports -moz-bool-pref("userChrome.theme.built_in_contrast") { - /*= Lightmode - Color darker =================================================*/ - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]), - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] { - --lwt-accent-color: rgb(229, 229, 235) !important; /* Original: rgb(240, 240, 244) */ - } - @media (-moz-platform: windows) { - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] #navigator-toolbox { - background-color: var(--lwt-accent-color) !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] #navigator-toolbox { - background-color: var(--lwt-accent-color) !important; - } - } - /*= Darkmode - Color lighter =================================================*/ - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] { - --toolbar-bgcolor: rgba(43, 42, 51, 5) !important; /* Original: rgba(43, 42, 51, 1) */ - } -} -/** Compatibility Fixes *******************************************************/ -/*= Theme - Compatibility ====================================================*/ -@supports -moz-bool-pref("userChrome.compatibility.theme") { - /*= Hotfix #98 ===============================================================*/ - /* Hidden Tab Panel Padding */ - #allTabsMenu-hiddenTabsView .all-tabs-item { - margin-inline: 8px; - border-radius: 4px; - } - /*= Remote Tabs Panel's Bottom Padding =======================================*/ - #PanelUI-remotetabs #PanelUI-remotetabs-main { - margin-bottom: 6px; - } - /*= Identity Popup Icon Crop =================================================*/ - .identity-popup-security-connection.identity-button { - padding-block: 1px !important; - } - /*= Zoom in button's plus icon horizontal rate ===============================*/ - #customization-palette-container #zoom-in-button > .toolbarbutton-icon, - #customization-panel-container #zoom-in-button > .toolbarbutton-icon, - #widget-overflow-mainView #zoom-in-button > .toolbarbutton-icon { - padding-inline-start: 0px !important; - } - /*= Subview button, Menu's right padding #597 ================================*/ - .subviewbutton.toolbaritem-combined-buttons:not([shortcut]), - .subviewbutton.subviewbutton-nav:not([shortcut]), - menu.subviewbutton { - padding-inline-end: 0 !important; - } - #allTabsMenu-allTabsView .subviewbutton.subviewbutton-nav:not([shortcut]) { - padding-inline-end: var(--arrowpanel-menuitem-padding-inline) !important; - } - /*= First visible tab margin at maximized #332 ===============================*/ - :root[tabsintitlebar="true"][sizemode="maximized"] #TabsToolbar { - margin-left: -1px; - } - /*= Disabled menu background color ===========================================*/ - menuitem[disabled="true"], - menu[disabled="true"] { - background-color: transparent !important; - } - /*= Remove Tab Border ========================================================*/ - @supports -moz-bool-pref("userChrome.tab.connect_to_window") { - /* TARGET: original, photon */ - #TabsToolbar:not([brighttext]) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - /* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */ - border: unset !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - /* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */ - border: unset !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, - :root:is(:-moz-lwtheme, [lwtheme]) .tab-background[selected] { - outline-color: transparent !important; - } - .keyboard-focused-tab > .tab-stack > .tab-background, - .tabbrowser-tab:focus:not([aria-activedescendant]) > .tab-stack > .tab-background { - outline: var(--focus-outline) !important; - } - } - /*= Tab Separator Color ======================================================*/ - #TabsToolbar, - #nav-bar { - --toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent); /* 60% at v105 */ - } - /*= Light Weight Theme =======================================================*/ - /* Header Image */ - :root[lwtheme-image] > body { - background-image: var(--lwt-header-image) !important; /* Original: var(--lwt-header-image) */ - background-repeat: no-repeat !important; - background-position: right top !important; - background-color: var(--lwt-accent-color, Window) !important; - } - :root[lwtheme-image] > body:-moz-window-inactive { - background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important; - } - @media (min-width: 2500px) { - :root[lwtheme-image] > body { - background-size: contain; - } - @supports -moz-bool-pref("userChrome.compatibility.covered_header_image") { - :root[lwtheme-image] > body { - background-size: cover; - } - } - } - :root[lwtheme-image] > body :root:is(:-moz-lwtheme, [lwtheme]) #navigator-toolbox { - background-image: var(--lwt-header-image), var(--lwt-additional-images) !important; - background-repeat: var(--lwt-background-tiling) !important; - background-position: var(--lwt-background-alignment) !important; - background-color: unset !important; /* Original: var(--lwt-accent-color) */ - } - /* Navbar Border */ - :root:is(:-moz-lwtheme, [lwtheme]) #navigator-toolbox { - --tabs-border-color: rgba(0, 0, 0, 0.4); /* Legacy: v96, (0, 0, 0, 0.3) -> (0, 0, 0, 0.4) */ - --lwt-tabs-border-color: rgba(0, 0, 0, 0.4); - } - #customization-container { - background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */ - } - /*= Findbar Border Color =====================================================*/ - html|input.findbar-textbox { - border: 1px solid var(--input-border-color, var(--toolbar-field-border-color, ThreeDShadow)) !important; /* Original: 1px solid var(--input-border-color, var(--toolbar-field-border-color)) */ - } - /*= Drop Indicator Color #473 ================================================*/ - treechildren::-moz-tree-cell-text(primary, dropOn), - treechildren::-moz-tree-drop-feedback, - vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] { - background-color: var( - --button-primary-bgcolor, - var(--focus-outline-color) - ) !important; /* Original: SelectedItem or AccentColor*/ - } - #bookmarksPanel[lwt-sidebar="true"] { - --focus-outline-color: var(--in-content-focus-outline-color, AccentColor) !important; - } - /*= Firefox View Border #498 =================================================*/ - :root:not([privatebrowsingmode="temporary"])[firefoxviewhidden] #firefox-view-button + #tabbrowser-tabs { - border-inline-start: none !important; - padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important; - margin-inline-start: 0 !important; - } - @supports -moz-bool-pref("userChrome.tab.static_separator") { - #tabbrowser-tabs { - border-inline-start: none !important; - padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important; - margin-inline-start: 0 !important; - } - } - /*= Menubar rounding #814 ====================================================*/ - #main-menubar { - --panel-border-radius: var(--arrowpanel-border-radius); - } - /*= Infobar Align #858 =======================================================*/ - .container.infobar { - align-items: center !important; - } - /*= Inactive transparent #882 ================================================*/ - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity, 0.75) * 100%), transparent) !important; - --inactive-toolbarbutton-icon-fill-opacity: calc( - var(--toolbarbutton-icon-fill-opacity, 1) * var(--inactive-titlebar-opacity, 0.75) - ); - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .toolbarbutton-icon { - fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1); - } -} -/*= OS - Compatibility =======================================================*/ -@supports -moz-bool-pref("userChrome.compatibility.os") { - /*= Windows 10 - Top border of accent color at ESR #358 ======================*/ - @media (-moz-platform: windows) { - :root[sizemode="normal"][tabsintitlebar] #navigator-toolbox { - border-top: 0.5px solid rgb(47, 47, 47) !important; - } - :root[sizemode="normal"][tabsintitlebar]:-moz-window-inactive #navigator-toolbox { - border-top-color: rgb(57, 57, 57) !important; - } - } - @media (-moz-platform: windows) and (-moz-windows-accent-color-in-titlebar) { - :root[sizemode="normal"][tabsintitlebar] #navigator-toolbox { - border-top-color: ActiveBorder !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root[sizemode="normal"][tabsintitlebar] #navigator-toolbox { - border-top-color: -moz-accent-color !important; - } - } - } - /*= Windows 7, 8 - Tab Bar Background *****************************************/ - /*= Windows 7, 8 - Menu Bar ==================================================*/ - /*= Windows - Native Menu ====================================================*/ - @media (-moz-gtk-csd-available) { - /*= Linux - Global Menubar Active Color ====================================*/ - #main-menubar > menu[open="true"], - #main-menubar > menu[_moz-menuactive="true"] { - color: inherit !important; /* Original: -moz-menubarhovertext */ - background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */ - } - /*= Linux - Titlebar button at lwtheme =====================================*/ - @supports not -moz-bool-pref("userChrome.compatibility.os.linux_non_native_titlebar_button") { - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-button { - appearance: none !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-button > .toolbarbutton-icon { - appearance: auto !important; - width: unset !important; - height: unset !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-min, - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-max, - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-restore, - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-close { - list-style-image: none !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-button, - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-button:hover:active { - background-color: unset !important; - color: unset !important; - } - } - } - /*= Linux - Light System Default Theme's Selected Tab ========================*/ - @media (-moz-gtk-csd-available) and (prefers-color-scheme: light) { - /* Because of - #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { - border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); - box-shadow: 0 0 4px rgba(128,128,142,0.5); - } - */ - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important; - } - #TabsToolbar:not([brighttext]) - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important; - } - } - /*= Titlebar Container Size at maximized #384 ================================*/ - @media (-moz-platform: windows) { - @supports not -moz-bool-pref("userChrome.compatibility.os.windows_maximized") { - :root[tabsintitlebar] #titlebar { - /* -moz-default-appearance: -moz-window-titlebar */ - appearance: none !important; - } - } - @supports -moz-bool-pref("userChrome.compatibility.os.windows_maximized") { - :root[tabsintitlebar][sizemode="maximized"] #titlebar { - appearance: none !important; - padding-top: 8px; - } - } - } - /*= Windows - Classic Theme #734 =============================================*/ -} -/*= Others - Compatibility ===================================================*/ -@supports -moz-bool-pref("userChrome.compatibility.panel_cutoff") { - #appMenu-popup panelview { - width: 24.5em !important; /* can modify panel width, Original: 22.5em */ - } -} -@supports -moz-bool-pref("userChrome.compatibility.navbar_top_border") { - #nav-bar { - box-shadow: none !important; - } -} -/** Theme *********************************************************************/ -/*= System Default Theme =====================================================*/ -@supports -moz-bool-pref("userChrome.theme.system_default") { - /*= Common - URL Bar focus color =============================================*/ - @media (-moz-windows-accent-color-in-titlebar), (-moz-gtk-csd-available) { - /* URL Bar */ - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { - --focus-outline-color: AccentColor !important; - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #urlbar[open] - > #urlbar-background, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) - #urlbar[open] - > #urlbar-background { - border-color: color-mix( - in srgb, - AccentColor 50%, - transparent - ) !important; /* Like: --toolbar-field-focus-border-color */ - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { - --focus-outline-color: -moz-accent-color !important; - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #urlbar[open] - > #urlbar-background, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) - #urlbar[open] - > #urlbar-background { - border-color: color-mix( - in srgb, - -moz-accent-color 50%, - transparent - ) !important; /* Like: --toolbar-field-focus-border-color */ - } - } - } - /*= Windows7 - Aero Based Theme ==============================================*/ /*= Windows10 - UWP like color ===============================================*/ - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --win-text-color: rgba(0, 0, 0); - --win-bgcolor: rgb(204, 204, 204); - --win-disabled-color: rgb(145, 145, 145); - --win-disabled-bgcolor: transparent; - --win-hover-bgcolor: rgb(218, 218, 218); /* also button-bgcolor */ - --win-hover-active-bgcolor: #c2c2c2; /* also button-hover-bgcolor */ - --win-button-hover-bgcolor: rgba(218, 218, 218, 0.66); - --win-button-active-bgcolor: #aaaaaa; - --win-field-bgcolor: #ffffff; - --win-component-bgcolor: #f2f2f2; - --win-border-color: #8a8a8a; - --win-tab-separator-color: #a3a3a3; - --win-sidebar-bgcolor: #e6e6e6; - --win-sidebar-hover-bgcolor: #cfcfcf; - --win-sidebar-button-hover-bgcolor: #b8b8b8; - --win-sidebar-button-hover-active-bgcolor: #a3a3a3; - --win-button-border: #747474; - --win-shortcut-text-color: #757575; - --win-error-color: #b31616; - --win-red-border-color: #ff4343; - --win-accent-foreground-color: AccentColorText; - --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, AccentColor); - --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, AccentColor); - --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, AccentColor); - --win-accent-active-color: AccentColor; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --win-accent-foreground-color: -moz-accent-color-foreground; - --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, -moz-accent-color); - --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, -moz-accent-color); - --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color); - --win-accent-active-color: -moz-accent-color; - } - } - @supports -moz-bool-pref("userChrome.compatibility.os.win11") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --win-text-color: #1a1a1a; - --win-bgcolor: #e8e8e8; - --win-hover-bgcolor: #eaeaea; /* also button-bgcolor */ - --win-disabled-color: #9f9f9f; - --win-hover-active-bgcolor: #d9d9d9; /* also button-active-color */ - --win-button-hover-bgcolor: #d9d9d9; - --win-button-active-bgcolor: rgba(46, 46, 46, 0.66); - --win-component-bgcolor: #f8f8f8; - --win-border-color: #e9e9e9; - --win-tab-separator-color: #dadada; - --win-sidebar-bgcolor: #ffffff; - --win-button-border: var(--win-border-color); - --win11-chrome-separator-color: #d6d6d6; - --win11-tab-border-color: #dadada; - } - } - /*- Separator --------------------------------------------------------------*/ - /*- Proton Tab Selected ----------------------------------------------------*/ - /*- Menu -------------------------------------------------------------------*/ - /*- Toolbar ----------------------------------------------------------------*/ - /*- Sidebar ----------------------------------------------------------------*/ - /*- Panel ------------------------------------------------------------------*/ - /*- Others -----------------------------------------------------------------*/ - /* For overwrite */ - } - @media (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --win-text-color: #ffffff; - --win-bgcolor: #2b2b2b; - --win-disabled-color: #747474; - --win-disabled-bgcolor: transparent; - --win-hover-bgcolor: #2e2e2e; /* also button-bgcolor */ - --win-hover-active-bgcolor: #454545; /* also button-active-color */ - --win-button-hover-bgcolor: rgba(46, 46, 46, 0.66); - --win-button-active-bgcolor: #515151; - --win-field-bgcolor: #373737; - --win-component-bgcolor: #171717; - --win-border-color: #5b5b5b; - --win-tab-separator-color: #555555; - --win-sidebar-bgcolor: #1f1f1f; - --win-sidebar-hover-bgcolor: #353535; - --win-sidebar-button-hover-bgcolor: #353535; - --win-sidebar-button-hover-active-bgcolor: #4c4c4c; - --win-button-border: #8f8f8f; - --win-shortcut-text-color: #adadad; - --win-error-color: #ffb900; - --win-red-border-color: #ff4343; - --win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, AccentColor); - --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 35%, AccentColor); - --win-accent-hover-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 5%, AccentColor); - --win-accent-active-color: AccentColor; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, -moz-accent-color); - --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 35%, -moz-accent-color); - --win-accent-hover-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 5%, -moz-accent-color); - --win-accent-active-color: -moz-accent-color; - } - } - @supports -moz-bool-pref("userChrome.compatibility.os.win11") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --win-bgcolor: #202020; - --win-hover-bgcolor: #383838; /* also button-bgcolor */ - --win-disabled-color: #797979; - --win-hover-active-bgcolor: #454545; /* also button-active-color */ - --win-button-hover-bgcolor: #454545; - --win-button-active-bgcolor: rgba(46, 46, 46, 0.66); - --win-field-bgcolor: #232323; - --win-component-bgcolor: #2c2c2c; - --win-border-color: #3d3d3d; - --win-tab-separator-color: #323232; - --win-sidebar-bgcolor: var(--win-component-bgcolor); - --win-button-border: var(--win-border-color); - --win11-chrome-separator-color: #3a3a3a; - --win11-tab-border-color: #1d1d1d; - } - } - } - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - /* Text, Icon Color */ - --menu-color: var(--win-text-color) !important; - --lwt-text-color: var(--win-text-color) !important; - --button-color: var(--win-text-color) !important; - --input-color: var(--win-text-color) !important; - --toolbar-color: var(--win-text-color) !important; - --toolbar-non-lwt-textcolor: var(--win-text-color) !important; - --toolbarbutton-icon-fill: var(--win-text-color) !important; - --toolbar-field-focus-color: var(--win-text-color) !important; - --urlbar-popup-action-color: var(--win-text-color) !important; - --toolbar-field-color: var(--win-text-color) !important; - --autocomplete-popup-highlight-color: var(--win-text-color) !important; - --tab-icon-overlay-fill: var(--win-text-color) !important; - --panel-banner-item-color: var(--win-text-color) !important; - --arrowpanel-color: var(--win-text-color) !important; - --autocomplete-popup-color: var(--win-text-color) !important; - /* Text Disabled Color */ - --menu-disabled-color: var(--win-disabled-color) !important; - --checkbox-unchecked-active-bgcolor: var(--win-disabled-color) !important; - --panel-disabled-color: var(--win-disabled-color) !important; - --download-progress-paused-color: var(--win-disabled-color) !important; - /* Text Shortcut Color */ - --panel-shortcut-color: var(--win-shortcut-text-color) !important; - --panel-description-color: var(--win-shortcut-text-color) !important; - /* Title Background */ - --lwt-accent-color: var(--win-bgcolor) !important; - --toolbar-field-border-color: var(--win-bgcolor) !important; - --chrome-content-separator-color: var(--win-bgcolor) !important; - /* Component Background Color */ - --menu-background-color: var(--win-component-bgcolor) !important; - --toolbar-bgcolor: var(--win-component-bgcolor) !important; - --toolbar-non-lwt-bgcolor: var(--win-component-bgcolor) !important; - --arrowpanel-background: var(--win-component-bgcolor) !important; - --autocomplete-popup-background: var(--win-component-bgcolor) !important; - /* Border Color */ - /* Separator */ - --toolbarseparator-color: var(--win-tab-separator-color) !important; - /* Field Background Color */ - --input-bgcolor: var(--win-field-bgcolor) !important; - --toolbar-field-background-color: var(--win-field-bgcolor) !important; - --toolbar-field-focus-background-color: var(--win-field-bgcolor) !important; - --tab-icon-overlay-stroke: var(--win-field-bgcolor) !important; - /* Hover Background Color, Button Color */ - --menuitem-hover-background-color: var(--win-hover-bgcolor) !important; - --toolbarbutton-hover-background: var(--win-hover-bgcolor) !important; - --button-bgcolor: var(--win-hover-bgcolor) !important; - --panel-banner-item-background-color: var(--win-hover-bgcolor) !important; - /* Hover Active, Button Hover Color */ - --checkbox-unchecked-bgcolor: var(--win-hover-active-bgcolor) !important; - --urlbar-box-bgcolor: var(--win-hover-active-bgcolor) !important; - --urlbar-box-focus-bgcolor: var(--win-hover-active-bgcolor) !important; - --toolbarbutton-active-background: var(--win-hover-active-bgcolor) !important; - --urlbar-box-active-bgcolor: var(--win-hover-active-bgcolor) !important; - --autocomplete-popup-highlight-background: var(--win-hover-active-bgcolor) !important; - --panel-banner-item-hover-bgcolor: var(--win-hover-active-bgcolor) !important; - /* Button Hover Active Color */ - --button-active-bgcolor: var(--win-button-active-bgcolor) !important; - --panel-banner-item-active-bgcolor: var(--win-button-active-bgcolor) !important; - /* Disabled Background Color */ - --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; - /* Button Hover Color */ - --button-hover-bgcolor: var(--win-button-hover-bgcolor) !important; - --checkbox-unchecked-hover-bgcolor: var(--win-button-hover-bgcolor) !important; - --urlbar-box-hover-bgcolor: var(--win-button-hover-bgcolor) !important; - --autocomplete-popup-hover-background: var(--win-button-hover-bgcolor) !important; - /* Button Border Color */ - --checkbox-border-color: var(--win-button-border) !important; - --input-border-color: var(--win-button-border) !important; - --autocomplete-popup-separator-color: var(--win-button-border) !important; - /* Accent Foreground Color */ - --button-primary-color: var(--win-accent-foreground-color) !important; - --checkbox-checked-color: var(--win-accent-foreground-color) !important; - /* Accent Color */ - --button-primary-bgcolor: var(--win-accent-color) !important; - --focus-outline-color: var(--win-accent-color) !important; - --checkbox-checked-bgcolor: var(--win-accent-color) !important; - /* Accent Content Color */ - --toolbarbutton-icon-fill-attention: var(--win-accent-content-color) !important; - --urlbar-popup-url-color: var(--win-accent-content-color) !important; - --download-progress-fill-color: var(--win-accent-content-color) !important; - /* Accent Hover Color */ - --button-primary-hover-bgcolor: var(--win-accent-hover-color) !important; - --checkbox-checked-hover-bgcolor: var(--win-accent-hover-color) !important; - /* Accent Hover Active Color */ - --button-primary-active-bgcolor: var(--win-accent-active-color) !important; - --checkbox-checked-active-bgcolor: var(--win-accent-active-color) !important; - /* Error Color */ - --error-text-color: var(--win-error-color) !important; - --input-error-border-color: var(--win-error-color) !important; - /* Others */ - --tab-line-color: AccentColor !important; - --tab-selected-bgcolor: unset !important; - --tabs-border-color: transparent !important; - --checkbox-checked-border-color: transparent !important; - /* Other Defaults */ - --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent) !important; - --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent) !important; - --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent) !important; - --download-progress-flare-color: rgba(255, 255, 255, 0.75) !important; - --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --tab-line-color: Highlight !important; - } - } - } - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #navigator-toolbox { - background: var(--lwt-accent-color) !important; - } - } - @media (-moz-platform: windows) { - :root:is(#main-window):is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --arrowpanel-border-color: var(--win-bgcolor) !important; - --panel-separator-color: var(--win-bgcolor) !important; - } - } - @media (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root:is(#main-window):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --arrowpanel-border-color: var(--win-border-color) !important; - --panel-separator-color: var(--win-border-color) !important; - } - } - @media (-moz-platform: windows) { - @supports -moz-bool-pref("userChrome.theme.system_default") { - @media (-moz-platform: windows) and (-moz-windows-accent-color-in-titlebar) { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { - --toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* As default */ - } - } - } - } - @media (-moz-platform: windows) { - @supports -moz-bool-pref("userChrome.compatibility.os.win11") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --chrome-content-separator-color: var(--win11-chrome-separator-color) !important; - } - #nav-bar { - --lwt-tabs-border-color: var(--win11-tab-border-color) !important; - } - } - } - @media (-moz-platform: windows) { - @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --win-proton-tab-selected-bgcolor: color-mix(in srgb, var(--win-bgcolor) 5%, var(--win-component-bgcolor)); - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --tab-selected-color: var(--win-proton-tab-selected-bgcolor) !important; - } - :root[lwt-default-theme-in-dark-mode] { - --lwt-selected-tab-background-color: var(--win-proton-tab-selected-bgcolor) !important; - } - } - } - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) html#main-window menupopup { - --menu-color: var(--win-text-color) !important; - --menu-background-color: var(--win-component-bgcolor) !important; - --menu-border-color: var(--win-bgcolor) !important; - --menuitem-hover-background-color: var(--win-hover-bgcolor) !important; - --menu-disabled-color: var(--win-disabled-color) !important; - --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; - } - } - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #titlebar, - :root[lwt-default-theme-in-dark-mode] #titlebar { - --button-hover-bgcolor: var(--win-sidebar-button-hover-bgcolor); - --button-active-bgcolor: var(--win-sidebar-button-hover-active-bgcolor); - --toolbarbutton-hover-background: var(--win-sidebar-button-hover-bgcolor); - --toolbarbutton-active-background: var(--win-sidebar-button-hover-active-bgcolor); - } - } - @media (-moz-platform: windows) { - #sidebar-box:not([lwt-sidebar]) { - appearance: none !important; - } - } - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #sidebar-box, - :root[lwt-default-theme-in-dark-mode] #sidebar-box { - --sidebar-background-color: var(--win-sidebar-bgcolor) !important; - --sidebar-text-color: var(--win-text-color) !important; - --sidebar-border-color: var(--win-border-color) !important; - } - } - @media (-moz-platform: windows) and (prefers-color-scheme: dark) { - .sidebar-panel[style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - html[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { - /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ - --lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important; - --lwt-sidebar-text-color: var(--win-text-color) !important; - --panel-separator-color: var(--win-border-color) !important; - } - } - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) .subviewbutton, - :root[lwt-default-theme-in-dark-mode] .subviewbutton { - --button-hover-bgcolor: var(--win-hover-active-bgcolor) !important; - --button-active-bgcolor: var(--win-button-active-bgcolor) !important; - } - } - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - toolbarbutton.subviewbutton:not( - [disabled], - [open], - :active, - #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 - ):is(:hover), - :root[lwt-default-theme-in-dark-mode] - toolbarbutton.subviewbutton:not( - [disabled], - [open], - :active, - #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 - ):is(:hover) { - background-color: var(--win-hover-bgcolor) !important; - } - } - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - toolbarbutton.subviewbutton:not( - [disabled], - #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 - ):is([open], :hover:active), - :root[lwt-default-theme-in-dark-mode] - toolbarbutton.subviewbutton:not( - [disabled], - #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 - ):is([open], :hover:active) { - background-color: var(--win-hover-active-bgcolor) !important; - } - } - @media (-moz-platform: windows) { - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - /* Light Theme */ - --lwt-accent-color: var(--win-bgcolor) !important; - } - } - @media (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { - --toolbar-bgcolor: var(--win-component-bgcolor) !important; /* Original: rgba(43, 42, 51, 1) */ - } - } - @media (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[multiselected]:not([selected]), - :root[lwtheme-mozlightdark] - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[multiselected]:not([selected]), - :root:is( - [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ) - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[multiselected]:not([selected]) { - background-image: linear-gradient( - color-mix(in srgb, currentColor 11%, transparent), - color-mix(in srgb, currentColor 11%, transparent) - ), - linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important; - } - } - /*= Windows10 - Titlebar accent color ========================================*/ - @media (-moz-windows-accent-color-in-titlebar) { - /* Tab Bar */ - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) .titlebar-color, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .titlebar-color { - color: AccentColorText; - background-color: AccentColor; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) .titlebar-color, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .titlebar-color { - color: -moz-accent-color-foreground; - background-color: -moz-accent-color; - } - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) .toolbar-items, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .toolbar-items { - --toolbarbutton-icon-fill: currentColor; - --toolbarbutton-hover-background: color-mix(in srgb, AccentColorText 10%, transparent); - --toolbarbutton-active-background: color-mix(in srgb, AccentColorText 15%, transparent); - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) .toolbar-items, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .toolbar-items { - --toolbarbutton-hover-background: color-mix(in srgb, -moz-accent-color-foreground 10%, transparent); - --toolbarbutton-active-background: color-mix(in srgb, -moz-accent-color-foreground 15%, transparent); - } - } - } - /*= GTK - URL View url accent color ==========================================*/ - @media (-moz-gtk-csd-available) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --toolbar-field-background-color: Field !important; - --toolbar-field-color: FieldText !important; - --toolbar-field-border-color: ThreeDShadow !important; - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) .urlbarView-url { - --urlbar-popup-url-color: AccentColor; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) .urlbarView-url { - --urlbar-popup-url-color: -moz-accent-color; - } - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #urlbar-background, - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #searchbar { - background-color: var(--toolbar-field-background-color) !important; - } - } - /*= Mac - Default like color =================================================*/ - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - /* Colors */ - --mac-text-color: -moz-dialogtext; - --mac-disabled-color: GrayText; - --mac-bgcolor: Window; - --mac-selected-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog); - --mac-field-bgcolor: Window; - --mac-panel-bgcolor: Menu; - --mac-sidebar-bgcolor: Window; - --mac-sidebar-hover-bgcolor: color-mix(in srgb, ButtonFace 60%, var(--mac-sidebar-bgcolor)); - --mac-hover-bgcolor: Window; - --mac-disabled-bgcolor: transparent; - --mac-primary-button-color: AccentColorText; /* or -moz-mac-menutextselect */ - --mac-accent-color: AccentColor; /* or LinkText */ - --mac-accent-content-color: color-mix(in srgb, rgb(255, 255, 255) 15%, AccentColor); - --mac-accent-hover-color: color-mix( - in srgb, - rgb(0, 0, 0) 10%, - AccentColor - ); /* or -moz-mac-menuselect, Highlight */ - --mac-accent-active-color: color-mix(in srgb, rgb(0, 0, 0) 20%, AccentColor); /* or ActiveBorder */ - /* Text, Icon Color */ - --menu-color: var(--mac-text-color) !important; - --lwt-text-color: var(--mac-text-color) !important; - --button-color: var(--mac-text-color) !important; - --input-color: var(--mac-text-color) !important; - --toolbar-color: var(--mac-text-color) !important; - --toolbar-non-lwt-textcolor: var(--mac-text-color) !important; - --toolbarbutton-icon-fill: var(--mac-text-color) !important; - --toolbar-field-focus-color: var(--mac-text-color) !important; - --urlbar-popup-action-color: var(--mac-text-color) !important; - --toolbar-field-color: var(--mac-text-color) !important; - --autocomplete-popup-highlight-color: var(--mac-text-color) !important; - --tab-icon-overlay-fill: var(--mac-text-color) !important; - --panel-banner-item-color: var(--mac-text-color) !important; - --arrowpanel-color: var(--mac-text-color) !important; - --autocomplete-popup-color: var(--mac-text-color) !important; - --panel-shortcut-color: var(--mac-text-color) !important; - --panel-description-color: var(--mac-text-color) !important; - /* Text Disabled Color */ - --menu-disabled-color: var(--mac-disabled-color) !important; - --button-active-bgcolor: var(--mac-disabled-color) !important; - --checkbox-unchecked-active-bgcolor: var(--mac-disabled-color) !important; - --panel-disabled-color: var(--mac-disabled-color) !important; - --download-progress-paused-color: var(--mac-disabled-color) !important; - /* Background Color */ - --lwt-accent-color: var(--mac-bgcolor) !important; - --menu-background-color: var(--mac-bgcolor) !important; - --autocomplete-popup-background: var(--mac-bgcolor) !important; - /* Selected Background Color */ - --toolbar-bgcolor: var(--mac-selected-bgcolor) !important; - --toolbar-non-lwt-bgcolor: var(--mac-selected-bgcolor) !important; - /* Field Background Color */ - --input-bgcolor: var(--mac-field-bgcolor) !important; - --toolbar-field-background-color: var(--mac-field-bgcolor) !important; - --tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important; - /* Panel Background Color */ - --arrowpanel-background: var(--mac-panel-bgcolor) !important; - /* Hover Background Color */ - --menuitem-hover-background-color: var(--mac-hover-bgcolor) !important; - --toolbarbutton-hover-background: var(--mac-hover-bgcolor) !important; - --panel-banner-item-hover-bgcolor: var(--mac-hover-bgcolor) !important; - --button-bgcolor: var(--mac-hover-bgcolor) !important; - --checkbox-unchecked-bgcolor: var(--mac-hover-bgcolor) !important; - --panel-banner-item-background-color: var(--mac-hover-bgcolor) !important; - --urlbar-box-bgcolor: var(--mac-hover-bgcolor) !important; - --urlbar-box-focus-bgcolor: var(--mac-hover-bgcolor) !important; - --panel-banner-item-active-bgcolor: var(--mac-hover-bgcolor) !important; - --toolbarbutton-active-background: var(--mac-hover-bgcolor) !important; - --urlbar-box-active-bgcolor: var(--mac-hover-bgcolor) !important; - --autocomplete-popup-highlight-background: var(--mac-hover-bgcolor) !important; - --button-hover-bgcolor: var(--mac-hover-bgcolor) !important; - --checkbox-unchecked-hover-bgcolor: var(--mac-hover-bgcolor) !important; - --urlbar-box-hover-bgcolor: var(--mac-hover-bgcolor) !important; - --autocomplete-popup-hover-background: var(--mac-hover-bgcolor) !important; - /* Disabled Background Color */ - --menuitem-disabled-hover-background-color: var(--mac-disabled-bgcolor) !important; - /* Border Color */ - /* - --menu-border-color: var(--mac-bgcolor) !important; - --toolbar-field-border-color: var(--mac-bgcolor) !important; - --arrowpanel-border-color: var(--mac-bgcolor) !important; - --chrome-content-separator-color: var(--mac-bgcolor) !important; - --toolbarseparator-color: var(--mac-bgcolor) !important; - --panel-separator-color: var(--mac-bgcolor) !important; - */ - /* Button Border Color */ - /* - --tab-line-color: var(---mac-bgcolor) !important; - --checkbox-border-color: var(--mac-bgcolor) !important; - --input-border-color: var(--mac-bgcolor) !important; - --autocomplete-popup-separator-color: var(--mac-bgcolor) !important; - */ - /* Accent Color Foreground */ - --button-primary-color: var(--mac-primary-button-color) !important; - --checkbox-checked-color: var(--mac-primary-button-color) !important; - /* Accent Color */ - --button-primary-bgcolor: var(--mac-accent-color) !important; - --focus-outline-color: var(--mac-accent-color) !important; - --checkbox-checked-bgcolor: var(--mac-accent-color) !important; - /* Accent Content Color */ - --toolbarbutton-icon-fill-attention: var(--mac-accent-content-color) !important; - --urlbar-popup-url-color: var(--mac-accent-content-color) !important; - --download-progress-fill-color: var(--mac-accent-content-color) !important; - /* Accent Hover Color */ - --button-primary-hover-bgcolor: var(--mac-accent-hover-color) !important; - --checkbox-checked-hover-bgcolor: var(--mac-accent-hover-color) !important; - /* Accent Hover Active Color */ - --button-primary-active-bgcolor: var(--mac-accent-active-color) !important; - --checkbox-checked-active-bgcolor: var(--mac-accent-active-color) !important; - /* Error Color */ - /* - --error-text-color: var(--win-error-color) !important; - --input-error-border-color: var(--win-error-color) !important; - */ - /* Others */ - --tab-selected-bgcolor: unset !important; - --tabs-border-color: transparent !important; - --checkbox-checked-border-color: transparent !important; - /* Other Defaults */ - --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent) !important; - --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent) !important; - --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent) !important; - --download-progress-flare-color: rgba(255, 255, 255, 0.75) !important; - --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --mac-primary-button-color: -moz-accent-color-foreground; /* or -moz-mac-menutextselect */ - --mac-accent-color: -moz-accent-color; /* or LinkText */ - --mac-accent-content-color: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-accent-color); - --mac-accent-hover-color: color-mix( - in srgb, - rgb(0, 0, 0) 10%, - -moz-accent-color - ); /* or -moz-mac-menuselect, Highlight */ - --mac-accent-active-color: color-mix(in srgb, rgb(0, 0, 0) 20%, -moz-accent-color); /* or ActiveBorder */ - } - } - @media (prefers-color-scheme: dark) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --mac-field-bgcolor: Field; - --mac-panel-bgcolor: -moz-CellHighlight; - --mac-hover-bgcolor: ButtonFace; - --toolbar-field-focus-background-color: var(--mac-bgcolor) !important; - --toolbar-field-background-color: var(--mac-sidebar-bgcolor) !important; - } - } - /*- Proton Tab Selected ----------------------------------------------------*/ - @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --mac-proton-tab-selected-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 20%, -moz-dialog); - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --tab-selected-color: var(--mac-proton-tab-selected-bgcolor) !important; - } - :root[lwt-default-theme-in-dark-mode] { - --lwt-selected-tab-background-color: var(--mac-proton-tab-selected-bgcolor) !important; - } - } - /*- Toolbar ----------------------------------------------------------------*/ - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #navigator-toolbox, - :root[lwt-default-theme-in-dark-mode] #navigator-toolbox { - background-color: var(--mac-bgcolor) !important; - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #titlebar { - --mac-hover-bgcolor: ButtonFace; - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #titlebar, - :root[lwt-default-theme-in-dark-mode] #titlebar { - --button-hover-bgcolor: var(--mac-hover-bgcolor); - --button-active-bgcolor: var(--mac-hover-bgcolor); - --toolbarbutton-hover-background: var(--mac-hover-bgcolor); - --toolbarbutton-active-background: var(--mac-hover-bgcolor); - /* Prevent transparent tabbar at fullscreen hover #312 */ - background: var(--mac-bgcolor); - } - :root[lwt-default-theme-in-dark-mode] #urlbar { - --autocomplete-popup-highlight-background: var(--mac-hover-bgcolor) !important; - --autocomplete-popup-hover-background: var(--mac-hover-bgcolor) !important; - } - /*- Sidebar ----------------------------------------------------------------*/ - #sidebar-box:not([lwt-sidebar]) { - appearance: none !important; - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #sidebar-box, - :root[lwt-default-theme-in-dark-mode] #sidebar-box { - --sidebar-background-color: var(--mac-sidebar-bgcolor) !important; - --sidebar-text-color: var(--mac-text-color) !important; - /* --sidebar-border-color: var(--win-sidebar-border-color) !important; */ - } - @media (prefers-color-scheme: dark) { - .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { - /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ - --lwt-sidebar-background-color: transparent !important; - --lwt-sidebar-text-color: var(--mac-text-color) !important; - } - } - :root[lwt-default-theme-in-dark-mode] #sidebarMenu-popup { - --button-hover-bgcolor: var(--mac-sidebar-hover-bgcolor); - --button-active-bgcolor: var(--mac-sidebar-hover-bgcolor); - } - /*- Others -----------------------------------------------------------------*/ - /* For Overwrite */ - @media (prefers-color-scheme: dark) { - :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { - --toolbar-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; - } - } - /* Hard Coded */ - @supports -moz-bool-pref("userChrome.tab.color_like_toolbar") { - :root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode] - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected] { - background: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; - } - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)):not([customizing="true"]) tab[visuallyselected] > stack::before, - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)):not([customizing="true"]) tab[visuallyselected] > stack::after, - :root[lwt-default-theme-in-dark-mode]:not([customizing="true"]) tab[visuallyselected] > stack::before, - :root[lwt-default-theme-in-dark-mode]:not([customizing="true"]) tab[visuallyselected] > stack::after { - fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; - } - } -} -/*= None Native Menu =========================================================*/ -@supports -moz-bool-pref("userChrome.theme.non_native_menu") { - @media (-moz-gtk-csd-available) { - :root { - /* Override some menu color variables for light browser themes. */ - --menu-icon-opacity: 0.7; - --nested-margin: -10px; - --windows-panel-box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.2); - --menu-checkbox-padding: 12px; - } - /* For Windows 10, prevent using native OS drawing of certain menu elements, - especially background colors and shadows. */ - /* Menu item text also needs native drawing disabled. */ - /* For Windows 10, checkbox, radio and iconified menuitems need the default - appearance disabled so they pick up our custom styles instead. */ - /* We need to do something to override the default style for selected - checkboxes and radio buttons because the native drawing we use on other - Windows versions looks pretty bad with the Win10 styles, so for now we'll - insert a generic checkmark icon for both types. */ - /* :not([hidden]) to avoid the display: flex unhiding the item. */ - /* override styles from shared/contextmenu.inc.css */ - /* If the menu is wider than the icons strictly need, the elements - * will stretch to pick up the extra space. In that case, the outer icons - * should align to the start/end of their containing : */ - /* Other menu separators don't extend all the way to the menu edges, but the - one below the navigation buttons in the content context menu should. */ - } - @media (-moz-gtk-csd-available) and (prefers-color-scheme: dark) { - :root { - /* Override the menu color variables for dark browser themes. */ - --menu-icon-opacity: 1; - } - } - @media (-moz-gtk-csd-available) { - menu, - menuitem, - menucaption { - appearance: none !important; - } - } - @media (-moz-gtk-csd-available) { - menu, - menuitem { - border-radius: 0 !important; - } - } - @media (-moz-gtk-csd-available) { - menu > .menu-text, - menuitem > .menu-text, - menu > .menu-iconic-text, - menuitem > .menu-iconic-text { - appearance: none !important; - margin-inline-start: 0 !important; /* need !important to override the other !important below... */ - padding-inline-end: 0; - } - menu > .menu-text::before, - menuitem > .menu-text::before, - menu > .menu-iconic-text::before, - menuitem > .menu-iconic-text::before { - box-sizing: border-box !important; - height: calc(2px + 1.2em) !important; - padding: 1px 0 !important; - } - menu > .menu-text[value*="…"]::before, - menuitem > .menu-text[value*="…"]::before, - menu > .menu-iconic-text[value*="…"]::before, - menuitem > .menu-iconic-text[value*="…"]::before { - padding: 0 !important; - } - } - @media (-moz-gtk-csd-available) { - menu[_moz-menuactive="true"]:not([disabled="true"]), - menuitem[_moz-menuactive="true"]:not([disabled="true"]) { - background-color: var(--menuitem-hover-background-color) !important; - color: var(--menu-color) !important; - } - } - @media (-moz-gtk-csd-available) { - menu:where([_moz-menuactive="true"][disabled="true"]), - menuitem:where([_moz-menuactive="true"][disabled="true"]) { - background-color: transparent !important; - } - } - @media (-moz-gtk-csd-available) { - .menu-text { - padding-inline-start: 0 !important; - } - } - @media (-moz-gtk-csd-available) { - .menu-right { - appearance: none !important; - width: unset !important; - list-style-image: url("chrome://global/skin/icons/arrow-right.svg") !important; - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; - fill-opacity: var(--menu-icon-opacity) !important; - margin-inline-end: 1px !important; - padding-top: 0 !important; - } - } - @media (-moz-gtk-csd-available) { - .menu-right > image { - /* Do not make this smaller than the size of the svg, but upscale for - * people with large fonts. */ - width: max(1em, 16px) !important; - } - } - @media (-moz-gtk-csd-available) { - .menu-right:-moz-locale-dir(rtl) { - list-style-image: url("chrome://global/skin/icons/arrow-left.svg") !important; - } - } - @media (-moz-gtk-csd-available) { - menulist > menupopup > menuitem { - padding-inline-end: 1px !important; - } - } - @media (-moz-gtk-csd-available) { - menupopup[needsgutter] menu:not([icon], .menu-iconic), - menupopup[needsgutter] menuitem:not([type="checkbox"], [type="radio"], [icon], .menuitem-iconic) { - padding-inline-start: 36px !important; - } - } - @media (-moz-gtk-csd-available) { - .menu-iconic-left, - menuitem[type="checkbox"], - menuitem[type="radio"] { - appearance: none !important; /* to override more specific selectors above. */ - width: unset !important; - } - .menu-iconic-left .menu-iconic-icon, - menuitem[type="checkbox"] .menu-iconic-icon, - menuitem[type="radio"] .menu-iconic-icon { - appearance: none !important; - } - } - @media (-moz-gtk-csd-available) { - .menu-iconic > .menu-iconic-left, - .menuitem-iconic > .menu-iconic-left { - padding-inline-end: 0 !important; - margin-inline-end: 8px !important; - } - } - @media (-moz-gtk-csd-available) { - menuitem[type="checkbox"], - menuitem[type="radio"] { - --menu-background-padding-default: var(--menu-checkbox-padding); - } - } - @media (-moz-gtk-csd-available) { - menuitem[checked="true"] { - padding-inline-start: var(--menu-checkbox-padding) !important; - } - } - @media (-moz-gtk-csd-available) { - menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) .bookmark-item .menu-iconic-left { - padding-inline-end: 0 !important; - margin-inline-end: 6px !important; - } - } - @media (-moz-gtk-csd-available) { - menuitem[checked="true"] > .menu-iconic-left { - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; - fill-opacity: var(--menu-icon-opacity) !important; - list-style-image: url("../icons/menu-check.svg") !important; - width: 16px !important; - margin-inline-end: 8px !important; - } - } - @media (-moz-gtk-csd-available) { - menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon { - display: initial !important; - } - } - @media (-moz-gtk-csd-available) { - menuseparator { - appearance: none !important; - border-top: 1px solid var(--menu-border-color) !important; - border-bottom: none !important; - padding: 0 !important; - /* The side margins should align with the start of the menu item text. */ - margin: 2px 1em !important; - } - menuseparator::before { - display: none !important; /* Original: block */ - } - } - @media (-moz-gtk-csd-available) { - menupopup { - /* Disable the default appearance so we can override the native styling. */ - appearance: none !important !important; - /* Prevent any background or border around the outside of the shadow. */ - background-color: transparent !important; - border: none !important; - /* To account for the box-shadow below */ - margin: -4px !important; - } - } - @media (-moz-gtk-csd-available) { - menupopup:not([placespopup="true"]) > menuitem, - menupopup:not([placespopup="true"]) > menu { - padding-block: var(--menu-padding, 0.5em) !important; - padding-inline-start: 1em !important; - } - } - @media (-moz-gtk-csd-available) { - .menupopup-arrowscrollbox[part*="content"] { - box-shadow: var(--windows-panel-box-shadow) !important; - margin: 4px !important; - padding: 4px 0 !important; - color: var(--menu-color) !important; - background: var(--menu-background-color) !important; - border-radius: 4px !important; - border: 1px solid var(--menu-border-color) !important; - min-width: 0 !important; - min-height: 0 !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_menupopup") { - .menupopup-arrowscrollbox[part*="content"] { - border-radius: 0px !important; - } - } - } - @media (-moz-gtk-csd-available) { - menupopup > menu > menupopup { - /* align submenus */ - margin-inline-start: var(--nested-margin) !important; - margin-top: var(--nested-margin) !important; - } - } - @media (-moz-gtk-csd-available) { - #mainPopupSet { - --menu-background-padding-default: calc( - var(--context-menu-background-padding) + var(--context-menu-text-padding-default) - ); - } - } - @media (-moz-gtk-csd-available) { - #context-navigation:not([hidden]) { - /* The Windows 10 version of the navigation area needs the scrollbox's - background color, not the builtin "menu" color. */ - background-color: inherit !important; - /* Match the inner top padding of the menupopup to center the icons visually. */ - padding-bottom: 4px !important; - /* Use modern flex box so we can use percentage widths to redistribute - * spacing manually. */ - display: flex !important; - flex-direction: row !important; - /* We want the first and last icons to align with the text items which - * have 1em inline padding, and for icons to be centered within their - * hover state, so each icon of 16px needs 1em padding on both sides: - */ - --menuitem-min-width: calc(2em + 16px) !important; - /* The total width of the container should then be at least 4 times that: */ - min-width: calc(4 * var(--menuitem-min-width)) !important; - } - } - @media (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic { - flex: 1 0 auto !important; - padding: 0 !important; - } - } - @media (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic[_moz-menuactive="true"] { - /* We only show hover state on the icons. This ensures there is no - * dead space between icons, but the visible hover state is only - * around the icons, and all the icons' hover states match each other. - */ - background-color: transparent !important; - } - } - @media (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic > .menu-iconic-left { - margin: 0 !important; - padding: 0 !important; - } - } - @media (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { - width: var(--menuitem-min-width) !important; - height: 32px !important; - padding: 8px 1em !important; - margin: 0 !important; - } - } - @media (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-iconic-left > .menu-iconic-icon { - background-color: var(--menuitem-hover-background-color) !important; - } - } - @media (-moz-gtk-csd-available) { - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: transparent !important; - } - } - @media (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic:first-child { - justify-content: flex-start !important; - -moz-box-pack: start !important; - } - } - @media (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic:last-child { - justify-content: flex-end !important; - -moz-box-pack: end !important; - } - } - @media (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic:last-child, - #context-navigation > .menuitem-iconic:first-child { - flex-grow: 0 !important; - /* The first and last items start off as 16px + 2em, like the other ones. - * 100% is the width of the parent, which will be at least 4 * the width of - * an individual item (16px + 2em) - * So 100% - 4 item widths gets us the remaining available space if - * #context-navigation is wider than that. - * Then divide by 6 to get the 1/6 of that extra space, and add this space - * to the width of the first/last items. - * This ensures that the 3 visual gaps between the 4 icons are all the same - * size, with each 1/3 of the available space evenly distributed between - * the 2 items on either side of the gap. - */ - width: calc(var(--menuitem-min-width) + (100% - 4 * var(--menuitem-min-width)) / 6) !important; - } - } - @media (-moz-gtk-csd-available) { - #context-sep-navigation { - margin-top: 0 !important; - margin-inline: 0 !important; - } - } -} -/*= Fully Theme Mode =========================================================*/ -@supports -moz-bool-pref("userChrome.theme.proton_color") { - /*= Default Colors - Hard Coded ==============================================*/ - /* Based on chrome://global/skin/in-content/common.css */ - :host, - :root { - --in-content-page-color: rgb(21, 20, 26); - --in-content-page-background: #fff; - --in-content-text-color: var(--in-content-page-color); - --in-content-deemphasized-text: rgb(91, 91, 102); - --in-content-box-background: #fff; - --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */ - --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent); - --in-content-box-info-background: #f0f0f4; - --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent); - --in-content-item-hover-text: var(--in-content-page-color); - --in-content-item-selected: var(--in-content-primary-button-background); - --in-content-item-selected-text: var(--in-content-primary-button-text-color); - --in-content-icon-color: rgb(91, 91, 102); - --in-content-accent-color: #0a84ff; - --in-content-accent-color-active: #0060df; - --in-content-border-hover: var(--grey-90-a50); - --in-content-border-invalid: var(--red-50); - --in-content-border-color: #d7d7db; - --in-content-error-text-color: #c50042; - --in-content-link-color: var(--blue-60); - --in-content-link-color-hover: var(--blue-70); - --in-content-link-color-active: var(--blue-80); - --in-content-link-color-visited: var(--blue-60); - /* button background states are also used for checkboxes and radio buttons */ - --in-content-button-text-color: var(--in-content-text-color); - --in-content-button-text-color-hover: var(--in-content-text-color); - --in-content-button-background: rgba(207, 207, 216, 0.33); - --in-content-button-background-hover: rgba(207, 207, 216, 0.66); - --in-content-button-background-active: rgb(207, 207, 216); - --in-content-primary-button-text-color: rgb(251, 251, 254); - --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color); - --in-content-primary-button-background: #0061e0; - --in-content-primary-button-background-hover: #0250bb; - --in-content-primary-button-background-active: #053e94; - --in-content-danger-button-background: #e22850; - --in-content-danger-button-background-hover: #c50042; - --in-content-danger-button-background-active: #810220; - --in-content-focus-outline-color: var(--in-content-primary-button-background); - /* Note: 1px smaller than we want because we have a 1px transparent border. */ - /* Once proton ships, these can probably stop being variables. */ - --in-content-button-border-radius: 4px; - --in-content-button-horizontal-padding: 15px; - --in-content-button-vertical-padding: 7px; - --in-content-table-background: #f8f8fa; - --in-content-table-border-color: var(--in-content-box-border-color); /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */ - --in-content-table-border-dark-color: var(--in-content-table-border-color); - --in-content-table-header-background: var( - --in-content-primary-button-background - ); /* Legacy: #0a84ff; rgb(5, 64, 150); */ - --in-content-table-header-color: var( - --in-content-primary-button-text-color - ); /* Legacy: #ffffff; var(--in-content-page-color); */ - --in-content-sidebar-width: 240px; - --dialog-warning-text-color: var(--red-60); - --checkbox-border-color: var(--in-content-box-border-color); - --checkbox-unchecked-bgcolor: var(--in-content-button-background); - --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover); - --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active); - --checkbox-checked-bgcolor: var(--in-content-primary-button-background); - --checkbox-checked-color: var(--in-content-primary-button-text-color); - --checkbox-checked-border-color: transparent; - --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover); - --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active); - --blue-40: #45a1ff; - --blue-50: #0a84ff; - --blue-60: #0060df; - --blue-70: #003eaa; - --blue-80: #002275; - --grey-30: #d7d7db; - --grey-60: #4a4a4f; - --grey-90-a10: rgba(12, 12, 13, 0.1); - --grey-90-a20: rgba(12, 12, 13, 0.2); - --grey-90-a30: rgba(12, 12, 13, 0.3); - --grey-90-a50: rgba(12, 12, 13, 0.5); - --grey-90-a60: rgba(12, 12, 13, 0.6); - --green-50: #30e60b; - --green-60: #12bc00; - --green-70: #058b00; - --green-80: #006504; - --green-90: #003706; - --orange-50: #ff9400; - --red-40: #ff4f5e; - --red-50: #ff0039; - --red-60: #d70022; - --red-70: #a4000f; - --red-80: #5a0002; - --red-90: #3e0200; - --yellow-50: #ffe900; - --yellow-60: #d7b600; - --yellow-60-a30: rgba(215, 182, 0, 0.3); - --yellow-70: #a47f00; - --yellow-80: #715100; - --yellow-90: #3e2800; - --shadow-10: 0 1px 4px var(--grey-90-a10); - --shadow-30: 0 4px 16px var(--grey-90-a10); - --card-padding: 16px; - --card-shadow: var(--shadow-10); - --card-outline-color: var(--grey-30); - --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color); - --uc-warning-icon-bgcolor: #ffa436; - } - @media (prefers-color-scheme: dark) { - :host, - :root { - /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */ - --in-content-page-background: rgb(28, 27, 34); - --in-content-page-color: rgb(251, 251, 254); - --in-content-deemphasized-text: rgb(191, 191, 201); - --in-content-box-background: rgb(35, 34, 43); - --in-content-box-background-odd: rgba(249, 249, 250, 0.05); - --in-content-box-info-background: rgba(249, 249, 250, 0.15); - --in-content-border-color: rgba(249, 249, 250, 0.2); - --in-content-border-hover: rgba(249, 249, 250, 0.3); - --in-content-border-invalid: rgb(255, 132, 139); - --in-content-error-text-color: #ff9aa2; - --in-content-button-background: rgb(43, 42, 51); - --in-content-button-background-hover: rgb(82, 82, 94); - --in-content-button-background-active: rgb(91, 91, 102); - --in-content-icon-color: rgb(251, 251, 254); - --in-content-primary-button-text-color: rgb(43, 42, 51); - --in-content-primary-button-background: rgb(0, 221, 255); - --in-content-primary-button-background-hover: rgb(128, 235, 255); - --in-content-primary-button-background-active: rgb(170, 242, 255); - --in-content-danger-button-background: #ff848b; - --in-content-danger-button-background-hover: #ffbdc5; - --in-content-danger-button-background-active: #ffdfe7; - --in-content-table-background: rgb(35, 34, 43); - --in-content-table-border-dark-color: var(--in-content-box-border-color); - --in-content-accent-color: var(--in-content-primary-button-background); - --in-content-accent-color-active: var(--in-content-primary-button-background-hover); - --in-content-link-color: var(--in-content-primary-button-background); - --in-content-link-color-hover: var(--in-content-primary-button-background-hover); - --in-content-link-color-active: var(--in-content-primary-button-background-active); - --in-content-link-color-visited: var(--in-content-link-color); - --card-outline-color: var(--grey-60); - --dialog-warning-text-color: var(--red-40); - --uc-warning-icon-bgcolor: #ffbd4f; - } - } - @media (prefers-contrast) { - :host, - :root { - --uc-warning-icon-bgcolor: var(--in-content-page-color); - } - } - /*= Menu color #477 ==========================================================*/ - @media (-moz-platform: windows) { - :root { - /* Override some menu color variables for light browser themes. */ - --menuitem-hover-background-color: #e0e0e6; - --menu-background-color: #f9f9fb; - --menu-color: #15141a; - --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4); - --menu-disabled-color: rgba(21, 20, 26, 0.4); - --menu-border-color: #cfcfd8; - --menu-icon-opacity: 0.7; - /* Declare menu colors for dark themes, but don't override anything yet. */ - --dark-menuitem-hover-background-color: #52525e; - --dark-menu-background-color: #2b2a33; - --dark-menu-color: #fbfbfe; - --dark-menuitem-disabled-hover-background-color: rgba(82, 82, 94, 0.4); - --dark-menu-disabled-color: rgba(251, 251, 254, 0.4); - --dark-menu-border-color: #5b5b66; - --dark-menu-icon-opacity: 1; - } - /* Override the menu color variables for dark browser themes. */ - } - @media (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root { - --menuitem-hover-background-color: var(--dark-menuitem-hover-background-color); - --menu-background-color: var(--dark-menu-background-color); - --menu-color: var(--dark-menu-color); - --menuitem-disabled-hover-background-color: var(--dark-menuitem-disabled-hover-background-color); - --menu-disabled-color: var(--dark-menu-disabled-color); - --menu-border-color: var(--dark-menu-border-color); - --menu-icon-opacity: var(--dark-menu-icon-opacity); - } - } - @supports -moz-bool-pref("userChrome.theme.non_native_menu") { - @media (-moz-gtk-csd-available) { - :root { - /* Override some menu color variables for light browser themes. */ - --menuitem-hover-background-color: #e0e0e6; - --menu-background-color: #f9f9fb; - --menu-color: #15141a; - --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4); - --menu-disabled-color: rgba(21, 20, 26, 0.4); - --menu-border-color: #cfcfd8; - --menu-icon-opacity: 0.7; - /* Declare menu colors for dark themes, but don't override anything yet. */ - --dark-menuitem-hover-background-color: #52525e; - --dark-menu-background-color: #2b2a33; - --dark-menu-color: #fbfbfe; - --dark-menuitem-disabled-hover-background-color: rgba(82, 82, 94, 0.4); - --dark-menu-disabled-color: rgba(251, 251, 254, 0.4); - --dark-menu-border-color: #5b5b66; - --dark-menu-icon-opacity: 1; - } - /* Override the menu color variables for dark browser themes. */ - } - @media (-moz-gtk-csd-available) and (prefers-color-scheme: dark) { - :root { - --menuitem-hover-background-color: var(--dark-menuitem-hover-background-color); - --menu-background-color: var(--dark-menu-background-color); - --menu-color: var(--dark-menu-color); - --menuitem-disabled-hover-background-color: var(--dark-menuitem-disabled-hover-background-color); - --menu-disabled-color: var(--dark-menu-disabled-color); - --menu-border-color: var(--dark-menu-border-color); - --menu-icon-opacity: var(--dark-menu-icon-opacity); - } - } - } - @supports -moz-bool-pref("userChrome.theme.proton_color.dark_blue_accent") { - @media (prefers-color-scheme: dark) { - :host, - :root { - /* Color Memo - Just refer - Photon's dark color - --button-primary-bgcolor: #0060DF; - --button-primary-hover-bgcolor: #003EAA; - --button-primary-active-bgcolor: #002275; - --lwt-brighttext-url-color: #74c0ff; - --lwt-toolbarbutton-icon-fill-attention: #45a1ff; - - Just refer - Proton's light color - --in-content-accent-color: #0a84ff; - --in-content-accent-color-active: #0060df; - --in-content-primary-button-background: #0061e0; - --in-content-primary-button-background-hover: #0250bb; - --in-content-primary-button-background-active: #053e94; - - --blue-40: #45a1ff; rgb(69, 161, 255) - --blue-50: #0a84ff; rgb(10, 132, 255) - --blue-60: #0060df; rgb(0, 96, 223) - --blue-70: #003eaa; rgb(0, 62, 170) - --blue-80: #002275; rgb(0, 34, 117) - - Relation - lighten(#0060df, 29%): #74b0ff; - lighten(#0060df, 19.8%): #4595ff - lighten(#0060df, 8.3%): #0a74ff - #0060df - darken(#0060df, 15.5%): #003e90; - darken(#0060df, 28.1%): #002250; - */ - --blue-20: #b6d6ff; /* lighten(#0060df, 42%) - rgb(182, 214, 255), Add for link active color*/ - --blue-30: #74c0ff; /* rgb(116, 192, 255), Add for active color */ - } - :host, - :root, - dialog { - --in-content-primary-button-text-color: var(--in-content-page-color) !important; - --in-content-primary-button-background: var(--blue-60) !important; - --in-content-primary-button-background-hover: var(--blue-50) !important; - --in-content-primary-button-background-active: var(--blue-40) !important; - --in-content-focus-outline-color: var(--blue-40) !important; - --in-content-accent-color: var(--blue-40) !important; - --in-content-accent-color-active: var(--blue-30) !important; - --in-content-table-background: rgb(35, 34, 43) !important; - --in-content-table-border-color: rgba(249, 249, 250, 0.2) !important; - --in-content-table-header-background: rgb(5, 64, 150) !important; - --in-content-table-header-color: var(--in-content-page-color) !important; - --in-content-link-color: var(--blue-40) !important; - --in-content-link-color-hover: var(--blue-30) !important; - --in-content-link-color-active: var(--blue-20) !important; - --in-content-link-color-visited: var(--blue-40) !important; - } - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] { - --button-primary-color: var(--in-content-page-color) !important; - --button-primary-bgcolor: var(--blue-60) !important; - --button-primary-hover-bgcolor: var(--blue-50) !important; - --button-primary-active-bgcolor: var(--blue-40) !important; - --focus-outline-color: var(--blue-40) !important; - --lwt-toolbarbutton-icon-fill-attention: var(--blue-40) !important; - --download-progress-fill-color: var(--blue-40) !important; - --panel-banner-item-info-icon-bgcolor: var(--blue-30) !important; - --lwt-brighttext-url-color: var(--blue-30) !important; /* Original: as primary bgcolor */ - } - @supports -moz-bool-pref("userChrome.decoration.download_panel") { - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"] #downloadsListBox, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] #downloadsListBox { - --button-primary-bgcolor: var(--blue-30); - --button-primary-hover-bgcolor: var(--blue-20); - } - } - } - } -} -@supports -moz-bool-pref("userChrome.theme.private") { - :root[privatebrowsingmode="temporary"], - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"], - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"], - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] { - --lwt-additional-images: none !important; - --lwt-header-image: none !important; - --lwt-tab-text: rgba(232, 224, 255) !important; - --lwt-text-color: var(--lwt-tab-text) !important; - --toolbar-color: var(--lwt-tab-text) !important; - --toolbar-non-lwt-textcolor: var(--lwt-tab-text) !important; - --arrowpanel-color: var(--lwt-tab-text) !important; - --focus-outline-color: rgb(172, 112, 255) !important; - --toolbar-bgcolor: #322560 !important; - --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) !important; - --lwt-accent-color: #19162f !important; - --in-content-page-background: var(--lwt-accent-color) !important; - --toolbar-field-background-color: #0b0724 !important; - --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; - --toolbarbutton-hover-background: rgba(255, 255, 255, 0.05) !important; - --toolbarbutton-active-background: #4d4175 !important; - --arrowpanel-background: #1d1935 !important; - --arrowpanel-border-color: #322560 !important; - --chrome-content-separator-color: none !important; - --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important; - --autocomplete-popup-hover-background: #1d1935 !important; - --autocomplete-popup-highlight-background: rgba(65, 48, 117, 0.5) !important; - --button-bgcolor: color-mix(in srgb, currentColor 13%, transparent) !important; - --button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important; - --button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important; - --urlbar-box-bgcolor: color-mix(in srgb, currentColor 16%, transparent) !important; - } - :root[privatebrowsingmode="temporary"]:is(:-moz-lwtheme, [lwtheme]) #navigator-toolbox, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"]:is(:-moz-lwtheme, [lwtheme]) - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox { - --lwt-tabs-border-color: var(--focus-outline-color) !important; - } - :root[privatebrowsingmode="temporary"] #navigator-toolbox, - :root[privatebrowsingmode="temporary"][lwtheme-image]:is(:-moz-lwtheme, [lwtheme]) #navigator-toolbox, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"] #navigator-toolbox, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"][lwtheme-image]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"] - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"][lwtheme-image]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"] #navigator-toolbox, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"][lwtheme-image]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"][lwtheme-image]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox { - background-color: var(--lwt-accent-color) !important; - } - :root[privatebrowsingmode="temporary"] #TabsToolbar, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"] #TabsToolbar, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"] - #TabsToolbar, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"] #TabsToolbar, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] - #TabsToolbar { - --lwt-tab-line-color: var(--focus-outline-color) !important; - } - :root[privatebrowsingmode="temporary"] notification-message[message-bar-type="infobar"], - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"] - notification-message[message-bar-type="infobar"], - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"] - notification-message[message-bar-type="infobar"], - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"] - notification-message[message-bar-type="infobar"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] - notification-message[message-bar-type="infobar"] { - --message-bar-text-color: var(--lwt-tab-text) !important; - --in-content-page-color: var(--lwt-tab-text) !important; - } - :root[privatebrowsingmode="temporary"] menupopup, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"] menupopup, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"] - menupopup, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"] menupopup, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] - menupopup { - --menuitem-hover-background-color: #413d54 !important; - --menu-background-color: #1d1935 !important; - --menu-color: #eeeeee !important; - --menuitem-disabled-hover-background-color: #ffffff00 !important; - --menu-disabled-color: #ffffff50 !important; - --menu-border-color: #322560 !important; - } -} -@supports -moz-bool-pref("userChrome.theme.fully_color") { - /*== Menu Color ==============================================================*/ - html#main-window menupopup:not(.in-menulist) { - /* is same as toolbar color https://github.com/mozilla/gecko-dev/blob/master/toolkit/themes/windows/global/global.css#L17-L67 */ - --menu-color: var(--arrowpanel-color, var(--in-content-page-color)) !important; - --menu-background-color: var(--arrowpanel-background, var(--in-content-button-background)) !important; - --menu-border-color: var( - --panel-separator-color, - var(--toolbarbutton-active-background, var(--button-active-bgcolor, var(--card-outline-color))) - ) !important; - --menuitem-hover-background-color: var( - --toolbarbutton-hover-background, - var(--button-hover-bgcolor, var(--in-content-button-background-hover)) - ) !important; - --menu-disabled-color: color-mix(in srgb, var(--menu-color) 40%, transparent) !important; - --menuitem-disabled-hover-background-color: color-mix( - in srgb, - var(--menuitem-hover-background-color) 40%, - transparent - ) !important; - } - @media (-moz-platform: windows) { - html#main-window menupopup:not(.in-menulist) { - /* Above FF v105 #466 */ - --panel-color: var(--menu-color) !important; - --panel-background: var(--menu-background-color) !important; - --panel-border-color: var(--menu-border-color) !important; - } - html#main-window menupopup:not(.in-menulist):not([placespopup]) menuseparator, - html#main-window menupopup:not(.in-menulist):not([placespopup]) menuseparator::before, - html#main-window menupopup:not(.in-menulist)[placespopup] menuseparator::before { - border-color: var(--menu-border-color) !important; - } - html#main-window menupopup:not(.in-menulist) menu[disabled="true"], - html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"][disabled="true"], - html#main-window menupopup:not(.in-menulist) menuitem[disabled="true"], - html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"][disabled="true"] { - color: var(--menu-disabled-color) !important; - } - html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"]:not([disabled="true"]), - html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"]:not([disabled="true"]) { - background-color: var(--menuitem-hover-background-color) !important; - color: var(--menu-color) !important; - } - html#main-window - menupopup - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: var(--menuitem-hover-background-color) !important; - } - html#main-window menupopup #context-navigation > .menuitem-iconic[_moz-menuactive="true"], - html#main-window - menupopup - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: transparent !important; - } - } - @media (-moz-platform: windows) and (prefers-color-scheme: light) { - :root[style*="background-noodles-right"] menupopup { - --toolbarbutton-hover-background: rgba(232, 224, 255, 0.11999999731779099) !important; - } - } - @supports -moz-bool-pref("userChrome.theme.non_native_menu") { - @media (-moz-gtk-csd-available) { - html#main-window menupopup:not(.in-menulist) { - /* Above FF v105 #466 */ - --panel-color: var(--menu-color) !important; - --panel-background: var(--menu-background-color) !important; - --panel-border-color: var(--menu-border-color) !important; - } - html#main-window menupopup:not(.in-menulist):not([placespopup]) menuseparator, - html#main-window menupopup:not(.in-menulist):not([placespopup]) menuseparator::before, - html#main-window menupopup:not(.in-menulist)[placespopup] menuseparator::before { - border-color: var(--menu-border-color) !important; - } - html#main-window menupopup:not(.in-menulist) menu[disabled="true"], - html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"][disabled="true"], - html#main-window menupopup:not(.in-menulist) menuitem[disabled="true"], - html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"][disabled="true"] { - color: var(--menu-disabled-color) !important; - } - html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"]:not([disabled="true"]), - html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"]:not([disabled="true"]) { - background-color: var(--menuitem-hover-background-color) !important; - color: var(--menu-color) !important; - } - html#main-window - menupopup - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: var(--menuitem-hover-background-color) !important; - } - html#main-window menupopup #context-navigation > .menuitem-iconic[_moz-menuactive="true"], - html#main-window - menupopup - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: transparent !important; - } - } - @media (-moz-gtk-csd-available) and (prefers-color-scheme: light) { - :root[style*="background-noodles-right"] menupopup { - --toolbarbutton-hover-background: rgba(232, 224, 255, 0.11999999731779099) !important; - } - } - } - @media not all and (-moz-gtk-csd-available) { - window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menupopup { - --panel-color: var(--lwt-sidebar-text-color, var(--menu-color)) !important; - --panel-background: var(--lwt-sidebar-background-color, var(--menu-background-color)) !important; - } - window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menu[_moz-menuactive="true"]:not([disabled="true"]), - window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] - menuitem[_moz-menuactive="true"]:not([disabled="true"]) { - --menuitem-hover-background-color: color-mix( - in srgb, - currentColor 17%, - transparent - ); /* Looks like toolbar button */ - /* or var(--lwt-sidebar-highlight-background-color) - If this value is used, unset is required in the default theme. - */ - background-color: var(--menuitem-hover-background-color) !important; - } - /* Fallback background - Set to Legacy. It will be removed Next update - menupopup:not(.cui-widget-panel.cui-widget-panelview, [placespopup="true"]) { - background-color: var(--lwt-accent-color, var(--in-content-page-background)) !important; - } - */ - } - /* Default theme color preservation */ - :root[lwtheme-mozlightdark] menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]), - :root[lwtheme-mozlightdark] menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup), - :root:is( - [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ) - menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]), - :root:is( - [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ) - menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) { - --menu-color: var(--toolbar-color, var(--in-content-page-color)) !important; - --arrowpanel-background: var( - --toolbar-bgcolor, - var(--in-content-button-background) - ) !important; /* --menu-background-color */ - } - @media not all and (-moz-gtk-csd-available) { - window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(249, 249, 251, 1);"] menupopup, - window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] menupopup { - /* Default Dark Mode */ - --panel-color: var(--menu-color) !important; - --panel-background: var(--menu-background-color, -moz-menuhover) !important; - } - } - /*== Info Bar Color ==========================================================*/ - .container.infobar { - background-color: var(--urlbar-box-bgcolor) !important; - } - .notification-button { - background-color: var(--button-bgcolor) !important; - } - .notification-button:hover { - background-color: var(--button-hover-bgcolor) !important; - } - .notification-button:hover:active { - background-color: var(--button-active-bgcolor) !important; - } - html|button.ghost-button:not(.semi-transparent):enabled:hover { - background-color: var(--button-hover-bgcolor) !important; - } - html|button.ghost-button:not(.semi-transparent):enabled:hover:active { - background-color: var(--in-content-button-background-active) !important; - } - /*== Bookmark Popup Color ====================================================*/ - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_tagsSelector { - appearance: none !important; - border: 0.5px solid var(--button-active-bgcolor, color-mix(in srgb, currentColor 30%, transparent)) !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-image, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-cell-text(hover), - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-cell-text(selected), - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_tagsSelector, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_tagsSelector > richlistitem { - color: var(--lwt-text-color, fieldtext) !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-cell-text(selected) { - font-weight: 600 !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_tagsSelector { - background-color: color-mix(in srgb, var(--arrowpanel-background) 35%, var(--in-content-box-background)) !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-row(hover), - #editBMPanel_tagsSelector > richlistitem:hover { - background-color: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 17%, transparent)) !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-row(selected), - #editBMPanel_tagsSelector > richlistitem[selected="true"] { - background-color: var(--button-active-bgcolor, color-mix(in srgb, currentColor 30%, transparent)) !important; - } - #editBMPanel_namePicker, - #editBMPanel_tagsField { - --input-bgcolor: var(--arrowpanel-background, Field); - --input-color: var(--arrowpanel-color, FieldText); - } - /*== Sidebar - Field Color ===================================================*/ - html[lwt-sidebar]:not(#main-window) body { - background-color: var(--lwt-sidebar-background-color, Field) !important; - color: var(--lwt-sidebar-text-color, FieldText) !important; - } - .sidebar-panel #search-box, - xul|search-textbox.tabsFilter { - --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent); - appearance: none !important; - padding: 5px 8px !important; - border: 1px solid var(--input-bgcolor) !important; - background-color: var(--lwt-sidebar-background-color, Field) !important; - color: var(--lwt-sidebar-text-color, FieldText) !important; - } - .sidebar-panel:not([lwt-sidebar]) #search-box { - --input-bgcolor: ThreeDShadow; - } - .sidebar-panel #search-box[focused="true"], - xul|search-textbox.tabsFilter[focused="true"] { - outline: 1px solid var(--input-bgcolor); - } - .sidebar-panel[lwt-sidebar] #search-box[focused="true"], - body[lwt-sidebar] xul|search-textbox.tabsFilter[focused="true"] { - --input-bgcolor: var(--lwt-sidebar-highlight-background-color, Highlight) !important; - } - .sidebar-panel:not([lwt-sidebar]) #search-box[focused="true"], - body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] { - border-color: AccentColor !important; /* Hard Coded */ - outline-color: AccentColor !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - .sidebar-panel:not([lwt-sidebar]) #search-box[focused="true"], - body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] { - border-color: -moz-accent-color !important; /* Hard Coded */ - outline-color: -moz-accent-color !important; - } - } - /*= PopupAutoComplete ========================================================*/ - #PopupAutoComplete { - --panel-bgcolor: var(--arrowpanel-background, var(--in-content-button-background)); - /* overwrite */ - --panel-border-radius: 4px !important; /* Original: 0 */ - --panel-border-color: var( - --arrowpanel-border-color, - var(--menu-border-color) - ) !important; /* Original: ThreeDShadow */ - appearance: none !important; - background: transparent !important; - border: none !important; - clip-path: inset(0 round var(--panel-border-radius)); - } - #PopupAutoComplete > richlistbox { - border-radius: var(--panel-border-radius) !important; - background-color: var(--panel-bgcolor) !important; /* Original: Field */ - color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FiledText */ - } - .autocomplete-richlistitem:hover { - background-color: var(--arrowpanel-dimmed) !important; - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon, - #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon, - #PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon, - #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon { - fill: GrayText !important; - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"] { - --panel-border-color: var(--panel-bgcolor); - color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FieldText */ - background-color: var(--arrowpanel-dimmed, hsla(0deg, 0%, 80%, 0.35)) !important; /* Original: hsla(0,0%,80%,.35) */ - border-color: var(--panel-border-color) !important; /* Original: rgba(38,38,38,.15) */ - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"]:hover, - #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"][selected] { - background-color: var( - --arrowpanel-dimmed-further, - hsla(0deg, 0%, 80%, 0.5) - ) !important; /* Original: hsla(0,0%,80%,.5), match arrowpanel-dimmed-further */ - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] { - background-color: var(--panel-bgcolor) !important; /* Original: var(--arrowpanel-dimmed) */ - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"]:hover { - background-color: var(--arrowpanel-dimmed, hsla(0deg, 0%, 80%, 0.35)) !important; - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title { - color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: var(--grey-60) */ - } - /* New Folder Button */ - #editBMPanel_newFolderButton { - appearance: none; - border: 0; - border-radius: 4px; - background-color: var(--button-bgcolor); - color: var(--button-color, inherit); - font-weight: 600; - min-width: 0; - padding: 8px 16px; - /* This button is deeper in the visual hierarchy than others (notably the - buttons at the bottom of the panel), so it should be slightly smaller. */ - font-size: 90%; - /* This button needs to align with the tree above it. */ - margin-inline-start: 4px; - } - #editBMPanel_newFolderButton:hover { - background-color: var(--button-hover-bgcolor); - } - #editBMPanel_newFolderButton:hover:active { - background-color: var(--button-active-bgcolor); - } -} -/*= Fully Dark Mode ==========================================================*/ -@supports -moz-bool-pref("userChrome.theme.fully_dark") { - /*= Remove White Flash =======================================================*/ - #tabbrowser-tabbox, - #tabbrowser-tabpanels, - browser[type="content-primary"], - browser[type="content"] > html { - background: var(--in-content-page-background) !important; - } - /*= Notification =============================================================*/ - @-moz-document url("chrome://global/content/alerts/alert.xhtml") - { - /* Color */ - :root { - --menu-color: #15141a; - --menu-background-color: #f9f9fb; - --menu-border-color: #cfcfd8; - --menuitem-hover-background-color: #e0e0e6; - } - @media (prefers-color-scheme: dark) { - :root { - --menu-border-color: rgba(107, 107, 107, 0.3); - --menu-color: #fbfbfe; - --menu-background-color: #2b2a33; - --menuitem-hover-background-color: #52525e; - } - #alertSourceLabel { - color: rgb(5, 209, 241) !important; - } - } - /* line below removes background from the notification "window" on linux */ - #alertNotification { - background: transparent !important; - } - #alertBox { - color: var(--menu-color) !important; - background-color: var(--menu-background-color) !important; - border-color: var(--menu-border-color) !important; - border-radius: 6px !important; - -moz-window-shadow: cliprounded !important; - } - #alertSettings { - fill: currentColor !important; - color: inherit !important; - border-radius: 0 !important; - margin-inline: 0 !important; - margin-bottom: -4px !important; - } - .close-icon, - #alertSettings { - background: transparent !important; - } - .close-icon:hover > .toolbarbutton-icon, - #alertSettings:is(:hover, [open]) > .button-box > .box-inherit { - background-color: var(--menuitem-hover-background-color, #e0e0e6) !important; - } - /* Shape */ - .close-icon > .toolbarbutton-icon, - #alertSettings > .button-box > .box-inherit { - border-radius: 4px !important; - padding: 2px !important; - margin: 2px 2px -2px 0 !important; - } - #alertSettings > .button-box > .box-inherit { - margin: -4px 4px 3px 0 !important; - } - #alertSettings > .button-box > .box-inherit > .button-icon { - padding: 1px; - } - } -} -/*= Transparent ==============================================================*/ -@supports -moz-bool-pref("userChrome.theme.transparent.frame") { - @media (-moz-platform: windows), (-moz-gtk-csd-available) { - #main-window, - #navigator-toolbox-background { - background-color: transparent !important; - appearance: auto !important; - -moz-default-appearance: -moz-win-borderless-glass !important; - } - #navigator-toolbox { - background-color: transparent !important; - background-image: none !important; - } - #nav-bar, - #PersonalToolbar { - background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-additional-images); - background-repeat: repeat-x, var(--lwt-background-tiling); - background-position: 0 0, var(--lwt-background-alignment); - background-attachment: scroll, fixed !important; - background-size: auto 100%, auto auto; - } - #appcontent { - appearance: auto !important; - -moz-default-appearance: -moz-win-exclude-glass !important; - } - } - @media (-moz-gtk-csd-available) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --lwt-accent-color: Window !important; - --lwt-text-color: WindowText !important; - } - :root[style*="--focus-outline-color: rgb(172, 112, 255); --panel-separator-zap-gradient: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%);"] { - --lwt-accent-color: rgb(45, 36, 91) !important; - } - #titlebar { - --uc-frame-element-background: color-mix(in srgb, var(--lwt-accent-color, Window) 60%, transparent); - --toolbarbutton-hover-background: color-mix(in srgb, var(--lwt-accent-color, Window) 85%, transparent); - } - } - @media (-moz-gtk-csd-available) and (prefers-color-scheme: dark) { - #titlebar { - --toolbarbutton-hover-background: color-mix( - in srgb, - var(--lwt-accent-color, Window) 40%, - rgba(255, 255, 255, 0.25) - ); - } - } - @media (-moz-gtk-csd-available) { - #main-menubar { - border-radius: 4px; - } - #main-menubar:not(:-moz-window-inactive) { - background-color: var(--uc-frame-element-background) !important; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-available) { - .titlebar-buttonbox-container:not(:-moz-window-inactive) { - background-color: var(--uc-frame-element-background) !important; - border-radius: 4px; - } - } - @media (-moz-gtk-csd-available) { - #TabsToolbar { - --toolbarseparator-color: transparent; - } - #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected], [multiselected]) { - background-color: var(--uc-frame-element-background); - } - #TabsToolbar #firefox-view-button:hover:not([open]) > .toolbarbutton-icon, - #TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) { - background-color: var( - --toolbarbutton-hover-background - ) !important; /* Original: color-mix(in srgb, currentColor 11%, transparent) */ - } - } - @media (-moz-gtk-csd-available) { - #scrollbutton-up, - #scrollbutton-down, - #alltabs-button > .toolbarbutton-badge-stack, - #TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon { - background-color: var(--uc-frame-element-background); - } - } - @media (-moz-platform: windows) { - :root, - #navigator-toolbox { - --lwt-accent-color: transparent !important; - --lwt-text-color: WindowText !important; - } - #titlebar .toolbarbutton-1 { - --toolbarbutton-icon-fill: var(--lwt-text-color) !important; - } - :root:not([sizemode="fullscreen"]) .titlebar-buttonbox-container .titlebar-button:not(.titlebar-close:hover) { - list-style-image: none !important; - } - :root:not([sizemode="fullscreen"]) - #toolbar-menubar[autohide="true"][inactive="true"] - + #TabsToolbar - .titlebar-button:is(.titlebar-close:hover) - .toolbarbutton-icon { - transform: translateY(-7px) !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root:not(:-moz-window-inactive) #navigator-toolbox { - background-color: transparent !important; - } - #TabsToolbar, - #titlebar, - #nav-bar, - #PersonalToolbar, - #tabbrowser-tabs { - -moz-appearance: -moz-mac-source-list !important; - background-color: transparent !important; - } - /* De-emphasize tab icons and names when window is unfocused */ - :root:-moz-window-inactive .tab-content, - :root:-moz-window-inactive #urlbar { - opacity: 0.6; - } - :root:-moz-window-inactive #urlbar-background { - background-color: transparent !important; - } - } -} -@supports -moz-bool-pref("userChrome.theme.transparent.menu") { - .menupopup-arrowscrollbox[part*="content"] { - background: color-mix(in srgb, var(--menu-background-color, Menu) 90%, transparent) !important; - } - @supports not -moz-bool-pref("userChrome.theme.non_native_menu") { - @media (-moz-gtk-csd-available) { - html#main-window #mainPopupSet menupopup:not(.in-menulist) { - --menu-background-color: Menu !important; - } - } - } -} -@supports -moz-bool-pref("userChrome.theme.transparent.panel") { - panel[type="arrow"] { - --panel-background: transparent !important; - } - panelview { - background: color-mix(in srgb, var(--arrowpanel-background) 90%, transparent) !important; - } -} -/*= Proton Theme Mode ========================================================*/ -@supports -moz-bool-pref("userChrome.theme.proton_chrome") { - /*= Proton Commons ===========================================================*/ - @-moz-document url("chrome://global/content/commonDialog.xhtml"), url("chrome://pippki/content/editcacert.xhtml"), url("chrome://pippki/content/deletecert.xhtml"), url("chrome://pippki/content/exceptionDialog.xhtml"), url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), url("chrome://global/content/appPicker.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml") - { - /*- Overwrite --------------------------------------------------------------*/ - @media (prefers-color-scheme: dark) { - :root { - --in-content-page-background: #42414d; - } - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --checkbox-unchecked-bgcolor: var(--in-content-button-background) !important; - --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover) !important; - --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active) !important; - --checkbox-checked-bgcolor: var(--in-content-primary-button-background) !important; - --checkbox-checked-color: var(--in-content-primary-button-text-color) !important; - --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover) !important; - --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active) !important; - } - /*- Dialog -----------------------------------------------------------------*/ - #commonDialog, - #editCaCert, - #deleteCertificate, - #exceptiondialog, - #unknownContentType, - #app-picker, - #topBar, - #mainDeck { - -moz-appearance: none !important; /* For Mac */ - color: var(--in-content-page-color) !important; - background-color: var(--in-content-page-background) !important; - /* border-radius: 0 0 8px 8px !important; */ - } - /*- Button -----------------------------------------------------------------*/ - button { - -moz-appearance: none !important; - color: var(--in-content-button-text-color) !important; - background-color: var(--in-content-button-background) !important; - font: inherit; - font-size: 1em !important; - font-weight: 600 !important; - min-height: 32px !important; - border: 1px solid transparent !important; /* shows up in high-contrast mode */ - border-radius: var(--in-content-button-border-radius) !important; - padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important; - min-height: 32px !important; - /* Use the same margin of other elements for the alignment */ - margin-inline: 4px !important; - min-width: 6.3em !important; - } - button.medium { - /* Medium and small buttons get sized to 7/14 and 6/12px padding (when adding - * the 1px border): */ - padding: 6px 13px !important; - min-height: 28px !important; - font-size: 0.95em !important; - } - button.small { - padding: 5px 11px !important; - min-height: 24px !important; - font-size: 0.9em !important; - } - /* Remove margin added by button.css */ - xul|button > .button-box > .button-text { - margin: 0 !important; - } - button:not([disabled="true"]):hover { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - border-color: transparent !important; - } - xul|button:not([disabled="true"]):hover:active, - xul|button[open], - xul|button[open]:hover, - xul|menulist[open="true"]:not([disabled="true"]) { - background-color: var(--in-content-button-background-active) !important; - } - xul|button[default] { - background-color: var(--in-content-primary-button-background) !important; - color: var(--in-content-primary-button-text-color) !important; - } - xul|button[default]:not([disabled="true"]):hover { - background-color: var(--in-content-primary-button-background-hover) !important; - color: var(--in-content-primary-button-text-color) !important; - } - xul|button[default]:not([disabled="true"]):hover:active { - background-color: var(--in-content-primary-button-background-active) !important; - } - xul|button[disabled="true"], - xul|menulist[disabled="true"] { - opacity: 0.4 !important; - } - xul|button:not([disabled="true"]):hover, - xul|menulist:not([disabled="true"]):hover { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - border-color: transparent !important; - } - @media (prefers-contrast) { - xul|button[default]:not([disabled="true"]):hover { - border-color: currentColor !important; - } - button:focus { - color: var(--in-content-button-text-color) !important; - } - xul|button[default]:focus, - button.primary:focus { - color: var(--in-content-primary-button-text-color) !important; - } - } - button:-moz-focusring, - xul|menulist:-moz-focusring, - xul|checkbox:-moz-focusring > .checkbox-check, - xul|radio[focused="true"]:-moz-focusring { - box-shadow: none !important; - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: 2px !important; - } - /*- Radio Button -----------------------------------------------------------*/ - xul|radio { - /* margin-inline-start: 0 !important; */ - appearance: none !important; - } - xul|*.radio-check { - appearance: none !important; - width: 16px !important; - height: 16px !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 100% !important; - padding: 0 !important; - margin-inline: 0 6px !important; - margin-block: 2px !important; /* extend the vertical clicktarget */ - background-color: var(--in-content-button-background) !important; - background-position: center !important; - flex-shrink: 0 !important; /* avoid shrinking inside flex container */ - } - xul|*.radio-check[selected] { - -moz-context-properties: fill !important; - fill: currentColor !important; - color: var(--in-content-primary-button-text-color) !important; - background-color: var(--in-content-primary-button-background) !important; - background-image: url("chrome://global/skin/icons/radio.svg") !important; - border-color: transparent !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - } - xul|radio:not([disabled="true"]):hover > xul|*.radio-check { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - } - xul|radio:not([disabled="true"]):hover:active > xul|*.radio-check { - background-color: var(--in-content-button-background-active) !important; - } - xul|radio:not([disabled="true"])[selected]:hover > xul|*.radio-check { - background-color: var(--in-content-primary-button-background-hover) !important; - color: var(--in-content-primary-button-text-color-hover) !important; - } - xul|radio:not([disabled="true"])[selected]:hover:active > xul|*.radio-check { - background-color: var(--in-content-primary-button-background-active) !important; - } - xul|*.radio-label-box { - margin-inline: 0 8px !important; - padding-inline-start: 0 !important; - } - /* Disabled checkboxes, radios and labels */ - xul|checkbox[disabled="true"], - xul|radio[disabled="true"], - xul|label[disabled="true"] { - color: inherit !important; - opacity: 0.5 !important; - } - /*- Check Box --------------------------------------------------------------*/ - /* From checkbox.css */ - checkbox { - appearance: none !important; - align-items: center !important; - -moz-box-align: center !important; - margin: 4px 2px !important; - } - .checkbox-check { - appearance: none !important; - width: 16px !important; - height: 16px !important; - border: 1px solid currentColor !important; - border-radius: 2px !important; - color: var(--checkbox-border-color, ThreeDDarkShadow) !important; - background-color: var(--checkbox-unchecked-bgcolor, Field) !important; - margin-inline-end: 6px !important; /* or 2px */ - margin-block: 2px !important; /* From common.css */ - } - .checkbox-check[checked] { - -moz-context-properties: fill !important; - fill: currentColor !important; - border-color: var(--checkbox-checked-border-color, transparent) !important; - background-image: url("chrome://global/skin/icons/check.svg") !important; - background-position: center !important; - background-repeat: no-repeat !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - color: var(--checkbox-checked-color, AccentColorText) !important; - background-color: var(--checkbox-checked-bgcolor, AccentColor) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - .checkbox-check[checked] { - color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; - background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important; - } - } - checkbox:not([disabled="true"]):hover > .checkbox-check { - background-color: var(--checkbox-unchecked-hover-bgcolor, color-mix(in srgb, AccentColor 4%, Field)) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover > .checkbox-check { - background-color: var( - --checkbox-unchecked-hover-bgcolor, - color-mix(in srgb, -moz-accent-color 4%, Field) - ) !important; - } - } - checkbox:not([disabled="true"]):hover:active > .checkbox-check { - background-color: var(--checkbox-unchecked-active-bgcolor, color-mix(in srgb, AccentColor 8%, Field)) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover:active > .checkbox-check { - background-color: var( - --checkbox-unchecked-active-bgcolor, - color-mix(in srgb, -moz-accent-color 8%, Field) - ) !important; - } - } - checkbox:not([disabled="true"]):hover > .checkbox-check[checked] { - background-color: var( - --checkbox-checked-hover-bgcolor, - color-mix(in srgb, currentColor 12.5%, AccentColor) - ) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover > .checkbox-check[checked] { - background-color: var( - --checkbox-checked-hover-bgcolor, - color-mix(in srgb, currentColor 12.5%, -moz-accent-color) - ) !important; - } - } - checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] { - background-color: var( - --checkbox-checked-active-bgcolor, - color-mix(in srgb, currentColor 25%, AccentColor) - ) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] { - background-color: var( - --checkbox-checked-active-bgcolor, - color-mix(in srgb, currentColor 25%, -moz-accent-color) - ) !important; - } - } - checkbox:-moz-focusring > .checkbox-check { - outline: 2px solid var(--focus-outline-color, AccentColor) !important; - outline-offset: var(--focus-outline-offset, 2px) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - checkbox:-moz-focusring > .checkbox-check { - outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important; - } - } - @media (prefers-contrast) { - checkbox:not([disabled="true"]):hover > .checkbox-check { - /* color will set the border-color on the check due to how HCM works for in-content pages. */ - color: var(--checkbox-checked-border-color, color-mix(in srgb, AccentColor 4%, Field)) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover > .checkbox-check { - /* color will set the border-color on the check due to how HCM works for in-content pages. */ - color: var(--checkbox-checked-border-color, color-mix(in srgb, -moz-accent-color 4%, Field)) !important; - } - } - .checkbox-check[checked] { - color: var(--checkbox-checked-border-color, currentColor) !important; - fill: var(--checkbox-checked-color, AccentColorText) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - .checkbox-check[checked] { - fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; - } - } - checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] > .checkbox-check[checked], - checkbox:not([disabled="true"]):hover > .checkbox-check[checked] > .checkbox-check[checked] { - color: var(--checkbox-checked-border-color-hover, AccentColorText) !important; - fill: var(--checkbox-checked-border-color-hover, AccentColorText) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] > .checkbox-check[checked], - checkbox:not([disabled="true"]):hover > .checkbox-check[checked] > .checkbox-check[checked] { - color: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; - fill: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; - } - } - } - .checkbox-icon[src] { - margin-inline-end: 2px !important; - } - .checkbox-label { - margin: 1px 0 !important; - } - checkbox[disabled="true"] { - opacity: 0.4 !important; - } - /* From common.css */ - xul|richlistitem > xul|*.checkbox-check { - margin: 3px 6px !important; - } - /*- Menulist ---------------------------------------------------------------*/ - /* From mulist.css */ - xul|menulist { - appearance: none !important; - background-color: var(--in-content-button-background, ButtonFace) !important; - color: var(--in-content-button-text-color, ButtonText) !important; - border-radius: 4px !important; - padding-block: 4px !important; - padding-inline: 12px 8px !important; - margin: 5px 2px 3px !important; - } - xul|menulist[size="medium"] { - padding-block: 6px !important; - padding-inline: 16px 10px !important; - } - xul|menulist[size="large"] { - padding-block: 8px !important; - padding-inline: 16px 12px !important; - } - xul|menulist:hover { - background-color: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 10%, ButtonFace)) !important; - } - xul|menulist:hover:active { - background-color: var(--button-active-bgcolor, color-mix(in srgb, currentColor 20%, ButtonFace)) !important; - } - xul|menulist:-moz-focusring { - outline: 2px solid var(--focus-outline-color, AccentColor) !important; - outline-offset: var(--focus-outline-offset, 2px) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - xul|menulist:-moz-focusring { - outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important; - } - } - #label-box { - align-items: center !important; - -moz-box-align: center !important; - justify-content: center !important; - -moz-box-pack: center !important; - font-weight: 600 !important; - } - dropmarker { - display: flex !important; - display: -moz-box !important; - appearance: none !important; - width: 12px !important; - height: 12px !important; - } - dropmarker[exportparts="icon: dropmarker-icon"] { - /* dropmarker::part(icon) - * ::part is not apply chrome - */ - list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - } - #highlightable-label:not([highlightable="true"]), - #label[highlightable="true"] { - display: none !important; - } - xul|menuitem > label:not(.menu-text) { - margin: 0 3px !important; - } - /* From common.css */ - xul|menulist > xul|menupopup { - appearance: none !important; - /* Reset native styles on Windows and macOS */ - border: none !important; - background-color: transparent !important; - --panel-border-color: var(--in-content-box-border-color) !important; - --panel-border-radius: 2px !important; - --panel-background: var(--in-content-box-background) !important; - --panel-color: var(--in-content-text-color) !important; - --panel-padding: 0 !important; - } - xul|menulist > xul|menupopup xul|menu, - xul|menulist > xul|menupopup xul|menuitem { - appearance: none !important; - font-size: 1em !important; - padding-block: 0.2em !important; - padding-inline: 10px 30px !important; - } - xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"], - xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"] { - color: var(--in-content-item-hover-text) !important; - background-color: var(--in-content-item-hover) !important; - } - xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"], - xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"] { - color: var(--in-content-item-selected-text) !important; - background-color: var(--in-content-item-selected) !important; - } - xul|menulist > xul|menupopup > xul|menu[disabled="true"], - xul|menulist > xul|menupopup > xul|menuitem[disabled="true"] { - color: #999 !important; - /* override the [_moz-menuactive="true"] background color from - global/menu.css */ - background-color: transparent !important; - } - xul|menulist > xul|menupopup xul|menuseparator { - appearance: none !important; - margin: 0 !important; - padding: 0 !important; - border-top: 1px solid var(--in-content-box-border-color) !important; - border-bottom: none !important; - } - xul|menulist::part(dropmarker) { - margin-block: 1px !important; - } - /* Override menulist.css */ - xul|menulist[disabled="true"] { - background-color: var(--in-content-button-background) !important; - } - xul|menulist:-moz-focusring > xul|*.menulist-label-box { - outline: none !important; - } - /*- List Boxes -------------------------------------------------------------*/ - html|select[size][multiple], - xul|listheader, - xul|richlistbox { - appearance: none !important; - margin-inline: 0 !important; - background-color: var(--in-content-box-background) !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 4px !important; - color: var(--in-content-text-color) !important; - } - xul|listheader { - border-bottom: none !important; - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; - padding-bottom: 1px !important; - box-shadow: inset 0 -1px var(--in-content-table-border-color) !important; - overflow: clip !important; /* Clip border-radius */ - } - xul|listheader + xul|richlistbox { - margin-top: 0 !important; - border-top: none !important; - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; - } - html|select[size][multiple] > html|option, - xul|treechildren::-moz-tree-row { - padding: 0.3em inherit !important; - margin: 0 !important; - border: none !important; - border-radius: 0 !important; - background-image: none !important; - } - xul|treechildren::-moz-tree-row(multicol, odd) { - background-color: var(--in-content-box-background-odd); - } - html|select[size][multiple] > html|option:hover, - xul|richlistbox > xul|richlistitem:not([disabled="true"], [selected]):hover, - xul|treechildren::-moz-tree-row(hover) { - background-color: var(--in-content-item-hover) !important; - color: var(--in-content-item-hover-text) !important; - } - xul|richlistbox > xul|richlistitem[selected], - xul|treechildren::-moz-tree-row(selected) { - background-color: var(--in-content-item-selected) !important; - color: var(--in-content-item-selected-text) !important; - } - xul|richlistbox:not(#categories) > xul|richlistitem[selected] { - /* Ensure buttons/menulists inside richlistitems (containers, applications) look OK */ - --in-content-button-background: color-mix(in srgb, currentColor 15%, transparent) !important; - --in-content-button-background-hover: color-mix(in srgb, currentColor 30%, transparent) !important; - --in-content-button-background-active: color-mix(in srgb, currentColor 45%, transparent) !important; - --in-content-button-text-color: var(--in-content-item-selected-text) !important; - --in-content-button-text-color-hover: var(--in-content-item-selected-text) !important; - --in-content-focus-outline-color: var(--in-content-item-selected-text) !important; - } - xul|richlistitem[selected] xul|menulist:focus-visible { - outline-offset: -2px !important; - } - /* Use a 2px border so that selected row highlight is still visible behind - an existing high-contrast border that uses the background color */ - @media (prefers-contrast) { - xul|treechildren::-moz-tree-row(selected) { - border: 2px solid currentColor !important; - border-radius: 4px !important; - } - } - xul|panel[type="autocomplete-richlistbox"] { - background-color: var(--in-content-box-background) !important; - border: 1px solid var(--in-content-box-border-color) !important; - color: var(--in-content-text-color) !important; - } - /*- Each OS ----------------------------------------------------------------*/ - @media (-moz-platform: windows) { - xul|checkbox, - xul|radio { - padding-inline-start: 0 !important; - } - /* Override menulist.css */ - xul|menulist[disabled="true"] { - background-color: var(--in-content-button-background) !important; - } - xul|menulist:-moz-focusring > xul|*.menulist-label-box { - outline: none !important; - } - } - @media (-moz-gtk-csd-available) { - /* Overriding appearance also avoids incorrect selection background color with light text. */ - xul|button > xul|*.button-box, - xul|menulist::part(label-box), - xul|*.radio-label-box, - xul|*.checkbox-label-box { - appearance: none !important; - } - xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { - appearance: none !important; - } - xul|menulist { - font-size: inherit !important; - } - xul|menulist::part(dropmarker) { - display: flex; - display: -moz-box; - margin-block: 6px !important; - } - xul|menulist:-moz-focusring::part(label-box) { - outline: none !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - xul|menulist > xul|menupopup > xul|menuitem[checked="true"]::before, - xul|menulist > xul|menupopup > xul|menuitem[selected="true"]::before { - display: none !important; - } - xul|menulist::part(dropmarker) { - display: flex !important; - display: -moz-box !important; - margin-block: 1px !important; - } - xul|menulist > xul|menupopup xul|menu, - xul|menulist > xul|menupopup xul|menuitem { - padding-inline-end: 34px !important; - } - xul|*.checkbox-icon, - xul|*.radio-icon { - margin-inline-end: 0 !important; - } - xul|*.text-link:-moz-focusring { - box-shadow: none !important; - } - } - } - /*= Delete Cert ==============================================================*/ - @-moz-document url("chrome://pippki/content/deletecert.xhtml") - { - #certlist { - border: 1px solid var(--in-content-table-border-color) !important; - border-radius: 4px !important; - } - } /*= Cert Exception Dialog ====================================================*/ - @-moz-document url("chrome://pippki/content/exceptionDialog.xhtml") - { - #locationTextBox { - appearance: none !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 4px !important; - color: inherit !important; - background-color: var(--in-content-box-background) !important; - font-family: inherit !important; - font-size: inherit !important; - padding: 8px !important; - margin: 2px 4px !important; - } - #locationTextBox:focus { - border-color: transparent !important; - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: -1px !important; /* Prevents antialiasing around the corners */ - } - #locationTextBox:-moz-ui-invalid { - border-color: transparent !important; - outline: 2px solid var(--in-content-border-invalid) !important; - outline-offset: -1px !important; /* Prevents antialiasing around the corners */ - } - #locationTextBox:disabled { - opacity: 0.4 !important; - } - #exceptiondialog:first-child > hbox > vbox:not([flex="1"]) { - width: 48px !important; - height: 48px !important; - background-image: url("chrome://global/skin/icons/warning.svg") !important; - background-size: 48px !important; - background-repeat: no-repeat !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - } - #exceptiondialog:first-child > hbox > vbox > image { - display: none !important; - } - } - /*= Page Info ================================================================*/ - @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") - { - :root { - --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important; - } - #viewGroup > radio { - padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important; - margin: 4px !important; - list-style-image: none !important; - background-image: var(--viewgroup-image) !important; - background-repeat: no-repeat; - background-position: top var(--in-content-button-vertical-padding) center; - background-size: 32px !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - color: var(--in-content-deemphasized-text) !important; /* FieldText */ - } - #viewGroup > radio .radio-icon { - background-image: none !important; - } - @supports not -moz-bool-pref("userChrome.rounding.square_button") { - #viewGroup > radio { - border-radius: 8px !important; - } - } - #viewGroup > radio:hover { - background-color: var(--in-content-button-background-hover) !important; /* #E0E8F6; */ - } - #viewGroup > radio[selected="true"] { - color: var(--in-content-button-text-color) !important; /* SelectedItemText */ - background-color: var(--in-content-button-background-active) !important; /* #C1D2EE; */ - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #viewGroup > radio { - height: auto !important; - } - } - #generalTab { - --viewgroup-image: url(chrome://global/skin/icons/page-portrait.svg); - } - #mediaTab { - --viewgroup-image: url(chrome://browser/skin/canvas.svg); - } - #permTab { - --viewgroup-image: url(chrome://browser/skin/permissions.svg); - } - #securityTab { - --viewgroup-image: url(chrome://global/skin/icons/security.svg); - } - #viewGroup > radio > .radio-label-box { - /* Overwrite */ - margin: 0 !important; - padding: 0 6px !important; - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #viewGroup > radio > .radio-label-box { - padding-top: 32px !important; /* as -moz-image-region: rect(0px, 32px, 32px, 0px); */ - } - } - #mainDeck input { - color: var(--in-content-page-color) !important; - } - #permList { - -moz-appearance: none !important; - color: var(--in-content-page-color) !important; - background-color: var(--in-content-box-background) !important; - } - .permission:hover { - color: var(--in-content-text-color) !important; - background-color: var(--in-content-button-background-hover) !important; - } - .permission radio[disabled] { - color: var(--in-content-deemphasized-text) !important; - } - treecols { - -moz-appearance: none !important; - background: var(--in-content-table-header-background) !important; - color: var(--in-content-table-header-color) !important; - } - treecols > treecol, - treecols > treecolpicker.treecol-image { - -moz-appearance: none !important; - color: var(--in-content-table-header-color) !important; - background: var(--in-content-table-header-background) !important; - border: 1px solid var(--in-content-table-border-color) !important; - padding: 4px !important; - border-spacing: 0; - text-align: center !important; - } - tree, - treechildren::-moz-tree-row { - -moz-appearance: none !important; - color: var(--in-content-text-color) !important; - background-color: var(--in-content-table-background) !important; - border: 1px solid var(--in-content-table-border-color) !important; - } - treechildren::-moz-tree-row(odd) { - background-color: var(--in-content-box-background-odd) !important; - } - treechildren::-moz-tree-row(hover) { - color: var(--in-content-item-hover-text) !important; - background-color: var(--in-content-item-hover) !important; - } - treechildren::-moz-tree-row(selected) { - background-color: var(--in-content-item-selected) !important; - } - treechildren::-moz-tree-cell { - border-inline: 1px solid var(--in-content-table-border-color) !important; - border-spacing: 0 !important; - padding: 4px !important; - margin: 0 !important; - } - treechildren::-moz-tree-cell-text(hover) { - color: var(--in-content-item-hover-text) !important; - } - treechildren::-moz-tree-cell-text(selected) { - font-weight: 600 !important; - color: var(--in-content-item-selected-text) !important; - } - #imagecontainerbox { - background-color: var(--in-content-box-background) !important; - } - #metatree, - #imagetree, - #imagecontainerbox, - #permList { - border-radius: 4px !important; - } - #metatree, - #imagetree { - overflow: hidden !important; - } - #topBar, - #imagecontainerbox, - #permList { - border-color: var(--in-content-table-border-color) !important; - } - } - /*= Library Popup ============================================================*/ - @-moz-document url("chrome://browser/content/places/places.xhtml") - { - @media (-moz-gtk-csd-available) { - :root { - --organizer-color: -moz-DialogText; - --organizer-deemphasized-color: GrayText; - --organizer-toolbar-background: -moz-Dialog; - --organizer-pane-background: -moz-Dialog; - --organizer-content-background: -moz-Dialog; - --organizer-hover-background: SelectedItem; - --organizer-hover-color: SelectedItemText; - --organizer-selected-background: SelectedItem; - --organizer-selected-color: SelectedItemText; - --organizer-outline-color: SelectedItem; - --organizer-separator-color: ThreeDDarkShadow; - --organizer-border-color: ThreeDShadow; - --organizer-toolbar-field-background: Field; - --organizer-toolbar-field-background-focused: Field; - --organizer-toolbar-field-border-color: ThreeDShadow; - --organizer-toolbar-field-focus-border-color: var(--organizer-outline-color); - --organizer-toolbar-field-focus-box-shadow: unset; - --organizer-pane-field-border-color: ThreeDShadow; - } - @media not all and (prefers-contrast) { - :root { - --organizer-color: var(--in-content-page-color); - --organizer-deemphasized-color: var(--in-content-deemphasized-text); - --organizer-toolbar-background: rgb(249, 249, 251); /* --toolbar-bgcolor */ - --organizer-pane-background: rgb(229, 229, 235); /* --lwt-accent-color */ - --organizer-content-background: var(--in-content-page-background); - --organizer-hover-background: var(--in-content-button-background-hover); - --organizer-hover-color: var(--organizer-color); - --organizer-selected-background: var(--in-content-button-background-active); - --organizer-selected-color: var(--organizer-color); - --organizer-outline-color: var(--in-content-focus-outline-color); - --organizer-separator-color: var(--organizer-pane-field-border-color); - --organizer-border-color: var(--in-content-border-color); - --organizer-toolbar-field-background: rgb(240, 240, 244); /* --lwt-accent-color */ - --organizer-toolbar-field-background-focused: Field; - --organizer-toolbar-field-border-color: transparent; - --organizer-toolbar-field-focus-border-color: color-mix( - in srgb, - var(--organizer-outline-color) 50%, - transparent - ); - --organizer-toolbar-field-focus-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23); - --organizer-pane-field-border-color: color-mix(in srgb, currentColor 41%, transparent); - } - @media (prefers-color-scheme: dark) { - :root { - --organizer-color: rgb(251, 251, 254); - --organizer-deemphasized-color: rgb(191, 191, 201); - --organizer-toolbar-background: rgb(43, 42, 51); - --organizer-pane-background: rgb(35, 34, 43); - --organizer-content-background: rgb(28, 27, 34); - --organizer-hover-background: rgb(82, 82, 94); - --organizer-selected-background: rgb(91, 91, 102); - --organizer-toolbar-field-background: var(--in-content-page-background); - --organizer-toolbar-field-background-focused: rgb(66, 65, 77); - scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3); - } - } - } - /*- Toolbar & Menus ------------------------------------------------------*/ - #placesToolbar { - appearance: none !important; - background-color: var(--organizer-toolbar-background) !important; - color: var(--organizer-color) !important; - border-bottom: 1px solid var(--organizer-border-color) !important; - padding: 4px !important; - padding-inline-end: 6px !important; - } - #placesToolbar > toolbarbutton { - appearance: none !important; - padding: 5px !important; - border-radius: 4px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_button") { - #placesToolbar > toolbarbutton { - border-radius: 0 !important; - } - } - #placesToolbar > toolbarbutton[disabled] { - opacity: 0.6 !important; - } - #placesToolbar > toolbarbutton:not([disabled]):hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #placesToolbar > toolbarbutton:not([disabled]):hover:active { - background-color: var(--organizer-selected-background) !important; - } - #placesToolbar > toolbarbutton > .toolbarbutton-icon, - #placesMenu > menu > image, - #placesMenu > menu > .menubar-text { - -moz-context-properties: fill !important; - fill: currentColor !important; - } - #placesMenu { - margin-inline-start: 6px !important; - } - #placesMenu > menu { - appearance: none !important; - color: var(--organizer-color) !important; - padding-block: 5px !important; - padding-inline-start: 5px !important; - border-radius: 4px !important; - margin-inline-end: 2px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_button") { - #placesMenu > menu { - border-radius: 0 !important; - } - } - #placesMenu > menu[_moz-menuactive="true"], - #placesMenu > menu:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #placesMenu > menu:hover:active, - #placesMenu > menu[open] { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - #placesMenu > menu > .menubar-text { - margin-block: 0 !important; /* override menu.css */ - padding-inline-end: 4px !important; - } - /*- Search Bar & Input ---------------------------------------------------*/ - #searchFilter, - #detailsPane html|input { - appearance: none !important; - background-color: var(--organizer-toolbar-field-background) !important; - color: var(--organizer-color) !important; - border: 1px solid var(--organizer-toolbar-field-border-color) !important; - border-radius: 4px !important; - margin: 0 !important; - padding-block: 2px !important; - min-height: 24px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_field") { - #searchFilter, - #detailsPane html|input { - border-radius: 0 !important; - } - } - #searchFilter[focused] { - box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important; - background-color: var(--organizer-toolbar-field-background-focused) !important; - border-color: transparent !important; - outline: 2px solid var(--organizer-toolbar-field-focus-border-color) !important; - outline-offset: -2px !important; - } - /*- Sidebar & Splitter ---------------------------------------------------*/ - #placesList { - background-color: var(--organizer-pane-background) !important; - } - #placesView > splitter { - border: 0 !important; - border-inline-end: 1px solid var(--organizer-border-color) !important; - min-width: 0 !important; - width: 3px !important; - background-color: transparent !important; - margin-inline-start: -3px !important; - position: relative !important; - } - /*- Downloads Pane -------------------------------------------------------*/ - #downloadsRichListBox, - #downloadsListBox { - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - } - #clearDownloadsButton:focus-visible { - outline: 2px solid var(--organizer-outline-color) !important; - } - richlistitem[selected="true"], - richlistitem:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-color) !important; - } - richlistbox:where(:focus) > richlistitem[selected="true"] { - background-color: var(--organizer-selected-background) !important; - } - /*- Tree -----------------------------------------------------------------*/ - #contentView treecol { - /* Use box-shadow to draw a bottom border instead of border-bottom - * because otherwise the items on contentView won't be perfectly - * aligned with the items on the sidebar. */ - box-shadow: inset 0 -1px var(--organizer-border-color) !important; - } - tree { - background-color: var(--organizer-content-background) !important; - color: var(--organizer-color) !important; - } - treecol:not([hideheader="true"]), - treecolpicker { - appearance: none !important; - border: none !important; - background-color: var(--in-content-button-background) !important; - color: var(--organizer-color, inherit) !important; - padding: 5px 10px !important; - } - treecol:not([hideheader="true"], [sortable="false"]):hover, - treecolpicker:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-color) !important; - } - treecol:not([hideheader="true"], [sortable="false"]):hover:active, - treecolpicker:hover:active { - background-color: var(--organizer-selected-background) !important; - } - treecol:not([hideheader="true"], :first-child), - treecolpicker { - padding-left: 10px !important; - border-inline-start-width: 1px !important; - border-inline-start-style: solid !important; - border-image: linear-gradient( - transparent 0%, - transparent 20%, - var(--organizer-border-color) 20%, - var(--organizer-border-color) 80%, - transparent 80%, - transparent 100% - ) - 1 1 !important; - } - treecol[sortDirection]:not([hideheader="true"]) > xul|*.treecol-sortdirection { - fill: currentColor !important; - width: 18px !important; - height: 18px !important; - } - treechildren::-moz-tree-row { - background-color: transparent !important; - } - treechildren::-moz-tree-row(hover) { - background-color: var(--organizer-hover-background) !important; - } - treechildren::-moz-tree-row(selected) { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - border: 1px solid transparent !important; - } - treechildren::-moz-tree-image(hover), - treechildren::-moz-tree-twisty(hover), - treechildren::-moz-tree-cell-text(hover) { - color: var(--organizer-hover-color) !important; - } - treechildren::-moz-tree-image(selected), - treechildren::-moz-tree-twisty(selected), - treechildren::-moz-tree-cell-text(selected) { - color: var(--organizer-selected-color) !important; - } - treechildren::-moz-tree-separator { - height: 1px !important; - border-color: var(--organizer-separator-color) !important; - } - treechildren::-moz-tree-separator(hover) { - border-color: var(--organizer-hover-color) !important; - } - treechildren::-moz-tree-separator(selected) { - border-color: var(--organizer-selected-color) !important; - } - treechildren::-moz-tree-cell-text(primary, dropOn), - treechildren::-moz-tree-drop-feedback { - background-color: var(--organizer-outline-color) !important; - } - /*- Info Box -------------------------------------------------------------*/ - #detailsPane { - background-color: var(--organizer-pane-background) !important; - color: var(--organizer-color) !important; - padding: 5px !important; - border-top: 1px solid var(--organizer-border-color) !important; - } - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - appearance: none !important; - min-width: 0 !important; - padding: 5px !important; - margin: 0 !important; - margin-inline-end: 4px !important; - border: 1px solid var(--organizer-pane-field-border-color) !important; - border-radius: 4px !important; - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_button") { - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - border-radius: 0 !important; - } - } - #editBookmarkPanelRows .expander-up:hover, - #editBookmarkPanelRows .expander-down:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #editBookmarkPanelRows .expander-up:hover:active, - #editBookmarkPanelRows .expander-down:hover:active { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - #editBookmarkPanelRows .expander-up:focus-visible, - #editBookmarkPanelRows .expander-down:focus-visible { - outline: 2px solid var(--organizer-outline-color) !important; - outline-offset: -1px !important; - } - #editBookmarkPanelRows .expander-up > .button-box, - #editBookmarkPanelRows .expander-down > .button-box { - padding: 0 !important; - } - #editBookmarkPanelRows .expander-up { - list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg"); - } - #editBookmarkPanelRows .expander-down { - list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg"); - } - #places input { - border: 1px solid var(--organizer-pane-field-border-color) !important; - border-radius: 4px !important; - background-color: var(--organizer-content-background) !important; - color: var(--organizer-color) !important; - min-height: 20px !important; - padding-inline: 4px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_field") { - #places input { - border-radius: 0 !important; - } - } - #places input:focus { - outline: 2px solid var(--organizer-outline-color) !important; - outline-offset: -1px !important; - } - #places input:not(:read-write):focus { - outline: none !important; - } - .caption-label { - margin-inline-start: 8px !important; - color: var(--organizer-deemphasized-color) !important; - } - #editBMPanel_tagsSelectorRow > richlistbox { - appearance: none !important; - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - border: 1px solid var(--organizer-border-color) !important; - border-radius: 4px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_field") { - #editBMPanel_tagsSelectorRow > richlistbox { - border-radius: 0 !important; - } - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem { - border: 1px solid transparent !important; - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem[selected] { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - } - } - #sanitizeEverythingWarningIcon { - list-style-image: url("chrome://global/skin/icons/warning.svg") !important; - -moz-context-properties: fill; - fill: var(--uc-warning-icon-bgcolor); - width: 48px; - height: 48px; - } -} -/*= Monospace ================================================================*/ -@supports -moz-bool-pref("userChrome.theme.monospace") { - * { - font-family: -moz-fixed; - } -} -/** Decoration ****************************************************************/ -/*= Cursor Types =============================================================*/ -@supports -moz-bool-pref("userChrome.decoration.cursor") { - #appMenu-proton-update-banner, - #appMenu-fxa-status2:not([fxastatus]) > #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2, - #panelMenu_showAllBookmarks, - #PanelUI-historyMore, - #appMenuClearRecentHistory:not([disabled]), - #appMenu-library-recentlyClosedTabs > .restoreallitem.panel-subview-footer-button, - #appMenu-library-recentlyClosedWindows > .restoreallitem.panel-subview-footer-button, - #BMB_viewBookmarksSidebar, - #BMB_bookmarksShowAllTop, - #BMB_bookmarksShowAll, - .urlbarView-row:is([type="switchtab"], [type="remotetab"], [type="clipboard"]) .urlbarView-action, - #import-button, - menuitem.openintabs-menuitem, - #downloadsListBox .downloadButton, - #downloadsListBox .download-state[exists], - #downloadsListBox .download-state[exists] .downloadDetails, - #downloadsHistory, - #protections-popup-footer .protections-popup-footer-button, - #protections-popup-multiView .panel-subview-footer-button, - #identity-popup-clear-sitedata-button, - #identity-popup-more-info, - #unified-extensions-manage-extensions, - .unified-extensions-item-open-menu, - .unified-extensions-item-menu-button.subviewbutton, - #PopupAutoComplete - > richlistbox - > richlistitem[originaltype="insecureWarning"] - > .ac-title - > .ac-text-overflow-container - > .ac-title-text { - cursor: pointer !important; - } - #PanelUI-fxa-menu-syncnow-button:has(.syncnow-label[data-l10n-id="fxa-toolbar-sync-syncing2"]), - #PanelUI-fxa-menu-syncnow-button .syncnow-label[data-l10n-id="fxa-toolbar-sync-syncing2"], - #PanelUI-appMenu-fxa-image-last-synced[syncstatus="active"] { - cursor: progress !important; - } -} -/*= Panel UI Button Separator ================================================*/ -@supports -moz-bool-pref("userChrome.decoration.panel_button_separator") { - :root:not([chromehidden~="toolbar"]) #PanelUI-button { - margin-inline-start: 3px; - padding-inline-start: 2px; - border-inline-start: 1px solid; - border-image: linear-gradient( - transparent 4px, - var(--toolbarseparator-color) 4px, - var(--toolbarseparator-color) calc(100% - 4px), - transparent calc(100% - 4px) - ); - border-image-slice: 1; - } -} -/*= Panel UI Arrow ===========================================================*/ -@supports -moz-bool-pref("userChrome.decoration.panel_arrow") { - #appMenu-popup { - background-image: url("../icons/panelarrow-vertical.svg"); - background-repeat: no-repeat; - background-position-x: right 10px; - background-position-y: top; - -moz-context-properties: fill, stroke; - fill: var(--panel-background); - stroke: var(--panel-border-color); - } - #appMenu-popup[side="top"] { - margin-top: -8px !important; /* Original: -4px */ - padding-top: 4px; - } - #appMenu-popup[side="bottom"] { - background-image: url("../icons/panelarrow-vertical-reverse.svg"); - background-position-y: bottom; - margin-bottom: -8px !important; /* Original: -4px */ - padding-bottom: 4px; - } -} -@media (prefers-reduced-motion: no-preference) { - /*= Field Border ===========================================================*/ - @supports -moz-bool-pref("userChrome.decoration.field_border") { - /*- URL, Search Bar --------------------------------------------------------*/ - #urlbar:hover:not([focused="true"]) > #urlbar-background, - #searchbar:hover:not(:focus-within) { - --toolbar-field-border-color: var(--toolbar-field-focus-border-color); - } - @supports -moz-bool-pref("userChrome.combined.urlbar_with_reload") { - #nav-bar-customization-target - > #stop-reload-button:hover - ~ #urlbar-container - #urlbar:not([focused="true"]) - > #urlbar-background { - --toolbar-field-border-color: var(--toolbar-field-focus-border-color); - } - } - /*- Other Fields -----------------------------------------------------------*/ - /* Sidebar */ - .sidebar-panel[lwt-sidebar] #search-box:hover, - body[lwt-sidebar] xul|search-textbox.tabsFilter:hover { - border-color: var(--lwt-sidebar-highlight-background-color, AccentColor) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - .sidebar-panel[lwt-sidebar] #search-box:hover, - body[lwt-sidebar] xul|search-textbox.tabsFilter:hover { - border-color: var(--lwt-sidebar-highlight-background-color, Highlight) !important; - } - } - .sidebar-panel:not([lwt-sidebar]) #search-box:hover, - body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover { - border-color: AccentColor !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - .sidebar-panel:not([lwt-sidebar]) #search-box:hover, - body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover { - border-color: -moz-accent-color !important; - } - } - /* Others */ - #editBMPanel_namePicker:hover, - #editBMPanel_tagsField:hover, - .findbar-container .findbar-textbox:hover { - --input-border-color: color-mix(in srgb, var(--focus-outline-color, AccentColor) 50%, transparent); - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - #editBMPanel_namePicker:hover, - #editBMPanel_tagsField:hover, - .findbar-container .findbar-textbox:hover { - --input-border-color: color-mix(in srgb, var(--focus-outline-color, -moz-accent-color) 50%, transparent); - } - } - } - /*= Downloads Panel ========================================================*/ - @supports -moz-bool-pref("userChrome.decoration.download_panel") { - /* Accent Color for downloaded item */ - #downloadsListBox .download-state[exists] .downloadDetails { - color: var(--button-primary-bgcolor); - } - #downloadsListBox .download-state[exists] .downloadDetails.downloadDetailsHover { - color: var(--button-primary-hover-bgcolor); - } - /* File moved or missing */ - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget { - text-decoration: line-through; - text-decoration-color: color-mix(in srgb, currentColor 65%, transparent); - } - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget:hover { - text-decoration: none; - } - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTypeIcon { - filter: grayscale(100%) !important; - } - } - /*= Animate ================================================================*/ - @supports -moz-bool-pref("userChrome.decoration.animate") { - /*- Background Color -------------------------------------------------------*/ - button, - toolbarbutton, - stack, - vbox, - .toolbarbutton-icon, - #tabs-newtab-button > .toolbarbutton-icon { - transition: background-color 1s var(--animation-easing-function) !important; - } - button:hover, - toolbarbutton:hover, - stack:hover, - vbox:hover, - .toolbarbutton-icon:hover, - #tabs-newtab-button:hover > .toolbarbutton-icon { - transition: background-color 0.25s var(--animation-easing-function) !important; - } - @media (prefers-reduced-motion: no-preference) and (-moz-gtk-csd-available) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - .tabbrowser-tab:is([visuallyselected], [multiselected], [selected]) - .tab-background { - transition: background-image 0.25s var(--animation-easing-function) !important; - } - } - .subviewbutton { - /* treechildren::-moz-tree-row: Can't apply - menu, menuitem is not apply. - */ - transition: background-color 0.5s var(--animation-easing-function) !important; - } - .subviewbutton:hover { - transition: background-color 0.1s var(--animation-easing-function) !important; - } - /*- Pinned Tab -------------------------------------------------------------*/ - #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:not([collapsed]) { - /* -moz-box-flex may be caused #tabbrowser-tabs[closebuttons] */ - transition: -moz-box-flex 0.2s var(--animation-easing-function), flex 0.2s var(--animation-easing-function), - margin-inline-start 0.2s var(--animation-easing-function), min-width 0.1s ease-out, max-width 0.1s ease-out !important; - } - #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[pinned] { - transition: margin-inline-start 0.2s var(--animation-easing-function), min-width 0.1s ease-out, - max-width 0.1s ease-out !important; - } - #tabbrowser-tabs:not([movingtab]) .tab-content::before, - #tabbrowser-tabs:not([movingtab]) .tab-content::after { - transition: width 0.2s var(--animation-easing-function), transform 0.2s var(--animation-easing-function) !important; - } - #tabbrowser-tabs:not([movingtab]) .tab-content .tab-label-container { - transition: width 0.3s var(--animation-easing-function) !important; - } - #tabbrowser-tabs:not([movingtab]) .tab-content .tab-icon-image { - transition: all 0.3s var(--animation-easing-function) !important; - } - /*- URL / Search Bar -------------------------------------------------------*/ - #urlbar-background, - #searchbar { - transition: border-color 1s var(--animation-easing-function), - background-color 1.5s var(--animation-easing-function) !important; - } - #urlbar-background:hover, - #searchbar:hover { - transition: border-color 0.5s var(--animation-easing-function), - background-color 1s var(--animation-easing-function) !important; - } - /* Buttons in URL bar */ - #tracking-protection-icon-container, - #identity-icon-box, - #identity-permission-box, - #notification-popup-box, - #page-action-buttons > .urlbar-page-action { - transition: background-color 2.5s var(--animation-easing-function) !important; - } - #tracking-protection-icon-container:hover, - #identity-icon-box:hover, - #identity-permission-box:hover, - #notification-popup-box:hover, - #page-action-buttons > .urlbar-page-action:hover { - transition: background-color 1.25s var(--animation-easing-function) !important; - } - @supports -moz-bool-pref("userChrome.combined.urlbar_with_reload") { - #nav-bar-customization-target > #stop-reload-button .toolbarbutton-icon { - transition: background-color 2.5s var(--animation-easing-function) !important; - } - #nav-bar-customization-target > #stop-reload-button .toolbarbutton-icon:hover { - transition: background-color 1.25s var(--animation-easing-function) !important; - } - } - /*- Border - Other Fields --------------------------------------------------*/ - #search-box, - xul|search-textbox.tabsFilter, - #editBMPanel_namePicker, - #editBMPanel_tagsField, - .findbar-container .findbar-textbox { - transition: border-color 1s var(--animation-easing-function) !important; - } - #search-box:hover, - xul|search-textbox.tabsFilter:hover, - #editBMPanel_namePicker:hover, - #editBMPanel_tagsField:hover, - .findbar-container .findbar-textbox:hover { - transition: border-color 0.5s var(--animation-easing-function) !important; - } - /*- Sidebar ----------------------------------------------------------------*/ - @supports not -moz-bool-pref("userChrome.decoration.disable_sidebar_animate") { - #sidebar-box { - /* like #sidebar-box > #sidebar */ - min-width: 14em; - width: 18em; - max-width: 36em; - /* Animation */ - transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, - visibility 0s linear !important; - will-change: margin-inline-start, opacity, visibility; - } - #sidebar-box[hidden="true"] { - display: flex !important; - display: -moz-box !important; - margin-inline-start: -18em; - opacity: 0; - visibility: collapse; - transition-delay: 0s, 0s, 0.25s !important; - } - } - /*- Titlebar & Full Screen -------------------------------------------------*/ - #titlebar { - will-change: background-color !important; - transition: background-color 0.2s var(--animation-easing-function) !important; - } - #titlebar:-moz-window-inactive { - transition: background-color 0.5s var(--animation-easing-function) !important; - } - #navigator-toolbox { - /* Full screen out */ - will-change: margin-top, background-color !important; - transition: margin-top 1s ease, background-color 0.2s var(--animation-easing-function) !important; - transform-origin: top; - } - #navigator-toolbox:-moz-window-inactive { - transition: margin-top 1s ease, background-color 0.5s var(--animation-easing-function) !important; - } - #navigator-toolbox[inFullscreen="true"] { - /* Full screen enter */ - animation-duration: 1s; - animation-name: fullscreen; - animation-timing-function: ease; - /* Full screen navbar not hover */ - transition: margin-top 1.3s var(--animation-easing-function) 50ms, - background-color 0.2s var(--animation-easing-function) !important; - } - #navigator-toolbox[inFullscreen="true"]:-moz-window-inactive { - transition: margin-top 1.3s var(--animation-easing-function) 50ms, - background-color 0.5s var(--animation-easing-function) !important; - } - #navigator-toolbox[inFullscreen="true"]:hover { - margin-top: 0 !important; - } - @keyframes fullscreen { - from { - margin-top: 0; - } - /* Don't use `to`: Depending on density */ - } - /*- Expand - Synced Tabs ---------------------------------------------------*/ - @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") - { - .item-tabs-list { - transition: transform 0.2s ease-out, opacity 0.2s ease-out; - transform: translateY(0%); - opacity: 1; - max-height: 100%; - } - .item.client.closed .item-tabs-list { - display: flex !important; - transition: transform 0.2s ease-out, opacity 0.2s ease-out, - max-height 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895) 0.05s; - visibility: hidden; - transform: translateY(-100%); - opacity: 0; - max-height: 0; - } - } - /*- Arrow - Synced Tabs ----------------------------------------------------*/ - @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") - { - /* treechildren::-moz-tree-twisty: Can't apply */ - #template-container .item.client .item-twisty-container { - transition: transform 0.1s var(--animation-easing-function) !important; - } - #template-container .item.client.closed .item-twisty-container { - transform: rotate(-90deg); - background-image: url("chrome://global/skin/icons/arrow-down-12.svg") !important; - } - #template-container .item.client.closed .item-twisty-container:dir(rtl) { - transform: rotate(90deg); - } - } - /*- Arrow - Edit Bookmark Popup --------------------------------------------*/ - #editBookmarkPanelRows .expander-up .button-icon, - #editBookmarkPanelRows .expander-down .button-icon { - transition: transform 0.1s var(--animation-easing-function) !important; - } - #editBookmarkPanelRows .expander-up { - list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; - } - #editBookmarkPanelRows .expander-up .button-icon { - transform: rotate(180deg); - } - } - @supports -moz-bool-pref("userChrome.decoration.disable_panel_animate") { - :root { - --panelui-subview-transition-duration: 1ms !important; /* Disable top right corner menu sliding animation (0ms will not work!) */ - } - } -} -/** Rounding ******************************************************************/ -/** Rounding ******************************************************************/ -.unified-extensions-item-menu-button.subviewbutton { - border-radius: var(--arrowpanel-menuitem-border-radius) !important; -} - -@supports -moz-bool-pref("userChrome.rounding.square_tab") { - :root { - --tab-border-radius: 0 !important; /* Original: 4px */ - } -} -@supports -moz-bool-pref("userChrome.rounding.square_button") { - :root { - --urlbar-icon-border-radius: 0 !important; /* Original: calc(var(--toolbarbutton-border-radius) - 1px); */ - } - .toolbarbutton-1, - .toolbarbutton-icon, - .panel-info-button, - .searchbar-engine-one-off-item, - .urlbarView-button, - .urlbarView-tip-button, - .urlbarView-action, - toolbarbutton.bookmark-item:not(.subviewbutton), - #sidebar-switcher-target { - --toolbarbutton-border-radius: 0; /* Original: 4px */ - } - button, - .close-icon, - input[type="number"].photon-number::-moz-number-spin-box, - .toggle-group-label, - findbar toolbarbutton, - .notification-button, - #main-menubar > menu { - border-radius: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_tab") or -moz-bool-pref("userChrome.rounding.square_button") { - /* Fix Tab bar button radius */ - #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button), - .tab-close-button { - --tab-border-radius: var(--toolbarbutton-border-radius); - } -} -@supports -moz-bool-pref("userChrome.rounding.square_panel") { - :root { - --arrowpanel-border-radius: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_panelitem") { - :root { - --arrowpanel-menuitem-border-radius: 0 !important; - --subviewbutton-border-radius: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_menupopup") { - menupopup { - --panel-border-radius: 0px !important; - border-radius: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_menuitem") { - xul|menulist:not([native]), - xul|menulist > xul|menupopup xul|menu, - xul|menulist > xul|menupopup xul|menuitem, - .customization-uidensity-menuitem { - border-radius: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_infobox") { - #sanitizeEverythingWarningBox { - border-radius: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_toolbar") { - :root { - --uc-rounding-toolbar: 0; - } - .container.infobar, - .container.infobar::before, - notification-message { - border-radius: var(--uc-rounding-toolbar) !important; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_field") { - input:not([type="radio"], [type="checkbox"]), - textarea, - select, - menulist, - tree, - treecols, - listheader, - richlistbox, - search-textbox, - .subviewradio { - border-radius: 0 !important; - } - #urlbar-input-container, - #urlbar-background, - #searchbar { - --toolbarbutton-border-radius: 0; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_urlView_item") { - .urlbarView-row, - .urlbarView-row-inner { - --toolbarbutton-border-radius: 0; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_checklabel") { - input[type="checkbox"], - .checkbox-check { - border-radius: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_dialog") { - dialog, - .dialogBox { - border-radius: 0 !important; - } -} -/*= Library ==============================================================*/ -@supports -moz-bool-pref("userChrome.rounding.square_button") { - #placesToolbar > toolbarbutton, - #placesMenu > menu, - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - border-radius: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.rounding.square_field") { - #searchFilter, - #detailsPane html|input, - #places input #editBMPanel_tagsSelectorRow > richlistbox { - border-radius: 0 !important; - } -} -/* ---toolbarbutton-border-radius: 4px; -*/ -/** Reduce Padding ************************************************************/ -/*= Tab Bar - Distribution padding, radius ===================================*/ -@supports -moz-bool-pref("userChrome.tab.lepton_like_padding") or -moz-bool-pref("userChrome.tab.photon_like_padding") { - :root { - --proton-tab-block-margin: var(--tab-block-margin) !important; /* Original: 4px, Legacy */ - } - :root[uidensity="touch"] { - /* Like Original */ - --tab-block-margin: 4px !important; - } -} -@supports -moz-bool-pref("userChrome.tab.lepton_like_padding") { - :root { - --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ - } - #tabbrowser-tabs[orient="vertical"] { - --tab-block-margin: 4px !important; - } - #tabbrowser-tabs[orient="vertical"] .tabbrowser-tab { - margin-block: -1px !important; - } -} -@supports -moz-bool-pref("userChrome.tab.photon_like_padding") { - :root { - --tab-block-margin: 0px !important; - } -} -/*= Tab Bar - Reduce Width, Show more tabs ===================================*/ -@supports -moz-bool-pref("userChrome.padding.first_tab") { - /* for First Tab Space */ - :root { - --uc-space-left-tabbar: 8px; /* If the option is not specified, it is equivalent to 0px. */ - } - @supports not -moz-bool-pref("userChrome.padding.first_tab.always") { - :root:not([tabsintitlebar]) #tabbrowser-tabs:not([positionpinnedtabs]), - :root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs:not([positionpinnedtabs]) { - padding-inline-start: var(--uc-space-left-tabbar) !important; - } - } - @supports -moz-bool-pref("userChrome.padding.first_tab.always") { - :root:not([tabsintitlebar]) #tabbrowser-tabs, - :root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs { - padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width, 0px) + var(--uc-space-left-tabbar)) !important; - } - } -} -@supports -moz-bool-pref("userChrome.padding.tabbar_width") { - /* Titlebar Space */ - :root { - --uc-title-pre-spacer: 30px; /* Original: 40px */ - --uc-title-post-spacer: 25px; /* Original: 40px */ - } - :root:-moz-locale-dir(rtl) { - --uc-title-pre-spacer: 25px; - --uc-title-post-spacer: 30px; - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-spacer[type="pre-tabs"] { - width: var(--uc-title-pre-spacer) !important; - } - .titlebar-spacer[type="post-tabs"] { - width: var(--uc-title-post-spacer) !important; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-spacer[type="pre-tabs"] { - width: var(--uc-title-pre-spacer) !important; - } - .titlebar-spacer[type="post-tabs"] { - width: var(--uc-title-post-spacer) !important; - } - } - @media (-moz-platform: windows) { - .titlebar-spacer[type="pre-tabs"] { - width: var(--uc-title-post-spacer) !important; - } - .titlebar-spacer[type="post-tabs"] { - width: var(--uc-title-pre-spacer) !important; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - .titlebar-spacer[type="pre-tabs"] { - width: var(--uc-title-post-spacer) !important; - } - .titlebar-spacer[type="post-tabs"] { - width: var(--uc-title-pre-spacer) !important; - } - } - /* Tabbar Buttons */ - :root { - --newtab-button-minus-width-padding: 2px; - --newtab-button-width-padding: calc(var(--toolbarbutton-inner-padding) - var(--newtab-button-minus-width-padding)); - } - #widget-overflow-mainView #new-tab-button, - #widget-overflow-mainView #alltabs-button { - --newtab-button-width-padding: 0px; - } - #new-tab-button > .toolbarbutton-icon, - #alltabs-button > .toolbarbutton-badge-stack { - /* Original: calc(2 * var(--toolbarbutton-inner-padding) + 16px) */ - width: calc(2 * var(--newtab-button-width-padding) + 16px) !important; - /* Original: --toolbarbutton-inner-padding */ - padding-left: var(--newtab-button-width-padding) !important; - padding-right: var(--newtab-button-width-padding) !important; - } - @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") { - #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { - margin-inline-start: 1px !important; - } - } - @supports -moz-bool-pref("userChrome.tab.photon_like_padding") { - #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { - margin-inline-start: 0 !important; - } - } - :root:not([uidensity="touch"]) #tabbrowser-arrowscrollbox { - --scrollbtn-inner-padding: 1px; - --scrollbtn-outer-padding: 3px; - } - #scrollbutton-up { - padding-left: var(--scrollbtn-inner-padding, 4px) !important; /* Original: 4px */ - padding-right: var(--scrollbtn-outer-padding, 4px) !important; - } - #scrollbutton-down { - padding-left: var(--scrollbtn-outer-padding, 4px) !important; /* Original: 4px */ - padding-right: var(--scrollbtn-inner-padding, 4px) !important; - } - :root:not([uidensity="touch"]) #new-tab-button, - #alltabs-button { - --toolbarbutton-outer-padding: 1px; /* Original: 2px*/ - } - /* Tab - Max Size */ - @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") { - :root { - --tab-max-width: 240px; - } - } - @supports -moz-bool-pref("userChrome.tab.photon_like_padding") { - :root { - --tab-max-width: 225px; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - :root { - --tab-max-width: 180px; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (min-width: 1100px) { - :root { - --tab-max-width: 180px; - } - } - } - } - .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { - max-width: var(--tab-max-width) !important; /* Original: 225px */ - } - /* neighbouring tabs should "pinch" together */ - #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) - > #tabbrowser-arrowscrollbox - > #tabbrowser-arrowscrollbox-periphery { - min-width: 3px; - } - @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") { - @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") { - #TabsToolbar:not([multibar]) .tabbrowser-tab[pinned] { - padding-inline: 1px !important; - } - #TabsToolbar:not([multibar]) .tabbrowser-tab:not([pinned]):not(:first-of-type) { - margin-inline: -1px !important; - } - #TabsToolbar:not([multibar]) .tabbrowser-tab:not([pinned]):first-of-type { - margin-inline-end: -1px !important; - } - } - @supports not -moz-bool-pref("userChrome.tabbar.multi_row") { - #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) { - margin-inline-end: -2px !important; - } - } - } - @supports -moz-bool-pref("userChrome.tab.photon_like_padding") { - .tabbrowser-tab { - padding-inline: 0 !important; - } - } -} -/*= Tab Bar - Reduce Height, Show more contents ==============================*/ -@supports -moz-bool-pref("userChrome.padding.drag_space") { - /* for Extra Drag Space */ - :root { - --uc-space-above-tabbar: 8px; /* If the option is not specified, it is equivalent to 0px. */ - } - @media (-moz-platform: windows) { - :root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] { - height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size)); - } - @supports -moz-bool-pref("userChrome.padding.drag_space.maximized") { - :root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] { - height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size)); - } - } - } - @media (-moz-gtk-csd-available) { - :root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] { - height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar)); - } - @supports -moz-bool-pref("userChrome.padding.drag_space.maximized") { - :root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] { - height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar)); - } - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #TabsToolbar > .toolbar-items { - padding-top: var(--uc-space-above-tabbar) !important; - } - } - @media (-moz-platform: windows), (-moz-gtk-csd-available) { - /* Add extra space to titlebar for dragging */ - :root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items, - :root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items { - padding-top: var(--uc-space-above-tabbar) !important; - } - @supports -moz-bool-pref("userChrome.padding.drag_space.maximized") { - :root[sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items, - :root[sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items { - padding-top: var(--uc-space-above-tabbar) !important; - } - } - } -} -@supports -moz-bool-pref("userChrome.padding.tabbar_height") { - /* Toolbar Height */ - @supports -moz-bool-pref("userChrome.tab.lepton_like_padding") { - :root:not([uidensity]) { - --tab-min-height: 36px !important; - } - :root[uidensity="compact"] { - --tab-min-height: 32px !important; - } - :root[uidensity="touch"] { - --tab-min-height: 41px !important; - } - } - @supports -moz-bool-pref("userChrome.tab.photon_like_padding") { - :root:not([uidensity]) { - --tab-min-height: 32px !important; - } - :root[uidensity="compact"] { - --tab-min-height: 29px !important; - } - :root[uidensity="touch"] { - --tab-min-height: 41px !important; - } - /* Top Margin */ - .tab-background, - .tab-content { - margin-top: 0 !important; - } - } - @supports not -moz-bool-pref("userChrome.tab.lepton_like_padding") { - @supports not -moz-bool-pref("userChrome.tab.photon_like_padding") { - :root:not([uidensity]) { - --tab-min-height: 36px !important; /* 38px -> 36px */ - } - :root[uidensity="compact"] { - --tab-min-height: 29px !important; /* 36px -> 29px */ - } - } - } - :root { - /* Works with TabMixPlus */ - --tab-min-height_mlt: calc( - var(--tab-min-height) + 2 * (var(--tab-block-margin, var(--proton-tab-block-margin, 0px))) - ) !important; - } - #TabsToolbar[multibar] .tabbrowser-tab { - height: unset !important; /* Original: var(--tab-min-height_mlt) */ - } - @supports -moz-bool-pref("userChrome.tab.connect_to_window") { - :root { - --tab-min-height_mlt: calc( - var(--tab-min-height) + var(--tab-block-margin, var(--proton-tab-block-margin, 0px)) - ) !important; - } - #TabsToolbar { - --toolbarbutton-inner-padding: calc( - (var(--tab-min-height) - 18px) / 2 - ) !important; /* Prevent overflow pinned tab bottom margin */ - } - @supports not -moz-bool-pref("userChrome.tabbar.multi_row") { - :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox, - #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"], - #TabsToolbar:not([multibar]) - #tabbrowser-arrowscrollbox[overflowing="true"] - > .tabbrowser-tab[pinned="true"] - .tab-stack, - #TabsToolbar:not([multibar]) - #tabbrowser-arrowscrollbox[overflowing="true"] - > .tabbrowser-tab[pinned="true"] - .tab-content { - max-height: var(--tab-min-height) !important; /* Force apply height */ - } - :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { - height: var(--tab-min-height) !important; - } - } - } - /* Scroll Button - Size Fix */ - :root #tabbrowser-arrowscrollbox { - --scrollbtn-vertical-padding: 3px; - --scrollbtn-vertical-border: 2px; - --scrollbtn-border-radius: 7px; - } - #scrollbutton-up, - #scrollbutton-down { - /* Original: var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 6px) = 9px */ - /* https://github.com/mozilla/gecko-dev/blob/71b1259afd1cdaf41871ae675c2dadb967ea5b34/browser/themes/shared/toolbarbuttons.inc.css#L142 */ - padding-top: var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important; - padding-bottom: var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important; - /* Original: 4px */ - border-top-width: var(--scrollbtn-vertical-border, 4px) !important; - border-bottom-width: var(--scrollbtn-vertical-border, 4px) !important; - /* Original: calc(var(--tab-border-radius) + 4px) = 8px */ - border-radius: var(--scrollbtn-border-radius, calc(var(--tab-border-radius) + 4px)) !important; - } - :root[tabsintitlebar]:not([uidensity="compact"]) #toolbar-menubar[autohide="true"] { - height: calc( - var(--tab-min-height) - var(--tabs-navbar-shadow-size) - 2px - ); /* Compact: 28px, Normal: 33px, Touch: 38px */ - } -} -/*= Tool Bar - Button Padding ================================================*/ -@supports -moz-bool-pref("userChrome.padding.toolbar_button") or -moz-bool-pref("userChrome.tab.newtab_button_smaller") { - :root { - --uc-small-toolbarbutton-inner-padding: 6px; - --uc-toolbarbutton-inner-padding-default: 8px; - } - :root[uidensity="compact"] { - --uc-small-toolbarbutton-inner-padding: 4px; - --uc-toolbarbutton-inner-padding-default: 6px; - } - :root[uidensity="touch"] #tabs-newtab-button > .toolbarbutton-icon { - --uc-small-toolbarbutton-inner-padding: 9px; - --uc-toolbarbutton-inner-padding-default: 9px; - } -} -@supports -moz-bool-pref("userChrome.padding.toolbar_button") { - :root[uidensity="compact"] { - --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */ - } - @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") { - :root { - --toolbarbutton-inner-padding: var(--uc-small-toolbarbutton-inner-padding) !important; - } - } -} -/*= Nav Bar - Reduce Width ===================================================*/ -@supports -moz-bool-pref("userChrome.padding.navbar_width") { - #nav-bar:not([customizing]) toolbarspring { - min-width: 1px !important; - max-width: 100px !important; - } -} -/*= URL Bar - Reduce Padding =================================================*/ -@supports not -moz-bool-pref("userChrome.urlView.as_commandbar") { - @supports -moz-bool-pref("userChrome.padding.urlbar") { - :root:not([uidensity="touch"]) #urlbar-container, - :root:not([uidensity="touch"]) #search-container { - padding-block: 3px !important; /* Original: 4px */ - } - :root:not([uidensity="compact"]) #urlbar-container, - :root:not([uidensity="compact"]) #search-container { - padding-block: 2px !important; - } - :root:not([uidensity="compact"]) #urlbar, - :root:not([uidensity="compact"]) #searchbar { - min-height: calc(var(--urlbar-min-height) - 2px) !important; - } - :root:not([uidensity="compact"]) #urlbar[breakout] { - height: calc(var(--urlbar-height) - 2px) !important; - } - :root:not([uidensity="compact"]) #urlbar[breakout][breakout-extend], - :root:not([uidensity="compact"]) #urlbar[breakout][breakout-extend-disabled][open] { - height: auto !important; - } - :root[uidensity="touch"] #urlbar[breakout] { - top: calc( - (var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2 + 1px - ) !important; - } - /* spread menu */ - :root:not([uidensity]) .urlbarView-row { - padding-block: 1px !important; /* Original: 2px */ - } - :root[uidensity="compact"] .urlbarView-row { - padding-block: 0px !important; - } - :root:not([uidensity]) #urlbar .search-one-offs:not([hidden]) { - padding-block: 8px !important; /* Original: 10px */ - } - :root[uidensity="compact"] #urlbar .search-one-offs:not([hidden]) { - padding-block: 2px !important; - } - } -} -@supports -moz-bool-pref("userChrome.padding.urlView_expanding") or -moz-bool-pref("userChrome.urlView.as_commandbar") { - #urlbar[breakout][breakout-extend] { - top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important; - left: 0 !important; - width: 100% !important; - } - #urlbar[breakout][breakout-extend] > #urlbar-input-container { - height: var(--urlbar-height) !important; - padding-block: 0 !important; - padding-inline: var(--urlbar-container-padding, 0px) !important; - } -} -@supports -moz-bool-pref("userChrome.padding.urlView_expanding") { - #urlbar[breakout][breakout-extend] > #urlbar-background { - animation-name: none !important; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important; - } -} -@supports -moz-bool-pref("userChrome.padding.urlView_result") { - .urlbarView { - margin-inline: 0 !important; - width: 100% !important; - } - .urlbarView-row { - padding-block: 0 !important; - } -} -/*= BookMark Bar - Reduce Height =============================================*/ -@supports -moz-bool-pref("userChrome.padding.bookmarkbar") { - :root[uidensity="compact"] #PersonalToolbar toolbarbutton { - margin-top: 0px !important; /* Original: 2px */ - margin-bottom: 1px !important; - } -} -/*= Info Bar - Reduce Padding ================================================*/ -@supports -moz-bool-pref("userChrome.padding.infobar") or -moz-bool-pref("userChrome.autohide.infobar") { - #tab-notification-deck notification-message[message-bar-type="infobar"]:not([style*="margin-top"]) { - margin: var(--infobar-message-margin, 0 4px var(--infobar-message-vertical-margin, 8px)) !important; - } -} -@supports -moz-bool-pref("userChrome.padding.infobar") { - :root:not([uidensity]) notification-message { - --infobar-message-vertical-margin: 3px; - --infobar-vertical-margin: 7px; - --infobar-button-vertical-margin: 3px; - } - :root[uidensity="compact"] notification-message { - --infobar-message-vertical-margin: 2px; - --infobar-vertical-margin: 6px; - --infobar-button-vertical-margin: 2px; - } - :root[uidensity="touch"] notification-message { - --infobar-message-vertical-margin: 4px; - --infobar-vertical-margin: 8px; - --infobar-button-vertical-margin: 4px; - } - .infobar > .icon { - margin-block: var(--infobar-vertical-margin) !important; /* Original: 8px */ - } - .notification-message { - padding-block: var(--infobar-vertical-margin) !important; /* Original: 8px */ - } - .notification-button-container > .notification-button { - margin-block: var(--infobar-button-vertical-margin) !important; /* Original: 4px */ - } - .notification-close { - margin: var(--infobar-button-vertical-margin) 8px !important; /* Original: 4px 8px */ - } - /* Hard coded for compatibility - Disappearing phenomenon */ - .container.infobar::before { - content: ""; - display: block; - width: 2px; - position: absolute; - background-image: linear-gradient(0deg, #9059ff 0%, #ff4aa2 52.08%, #ffbd4f 100%); - top: 0; - inset-inline-start: 0; - height: 100%; - border-start-start-radius: 4px; - border-end-start-radius: 4px; - } -} -/*= Menu - Reduce Padding ====================================================*/ -@supports -moz-bool-pref("userChrome.padding.menu") { - :root { - --menu-padding: 0.35em; /* Win7, 8: 0px */ - } - :root[uidensity="compact"] { - --menu-padding: 0.25em; - } - :root[uidensity="touch"] { - --menu-padding: 0.5em; - } - @supports -moz-bool-pref("userChrome.padding.menu_compact") { - :root { - --menu-padding: 2px; - } - :root[uidensity="compact"] { - --menu-padding: 0px; - } - } - menupopup > menuitem, - menupopup > menu { - /* Original: 0.5em */ - padding-block: var(--menu-padding) !important; - } - @media (-moz-platform: windows) { - #ContentSelectDropdown > menupopup > menucaption, - #ContentSelectDropdown > menupopup > menuitem { - padding-block: 0 !important; - } - #ContentSelectDropdown > menupopup > menucaption > .menu-iconic-text, - #ContentSelectDropdown > menupopup > menuitem > .menu-iconic-text { - padding-block: var(--menu-padding) !important; - } - } - @media (-moz-gtk-csd-available) { - #ContentSelectDropdown > menupopup > menucaption, - #ContentSelectDropdown > menupopup > menuitem { - padding-block: var(--menu-padding) !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #ContentSelectDropdown > menupopup > menucaption, - #ContentSelectDropdown > menupopup > menuitem { - padding-block: var(--menu-padding) !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root:not([uidensity="touch"]) .menu-text, - :root:not([uidensity="touch"]) .menu-iconic-text { - padding-inline-end: 0 !important; /* Original: 2px */ - } - :root:not([uidensity="touch"]) .menupopup-arrowscrollbox { - padding-block: 1px !important; /* Original: 4px*/ - } - :root:not([uidensity="touch"]) #context-navigation:not([hidden]) { - padding: 0 0 1px !important; /* Original: 0 0 4px*/ - } - :root:not([uidensity="touch"]) .menu-right { - margin-right: 6px !important; /* Original: 12px */ - } - } - @media (-moz-gtk-csd-available) { - menupopup > menu { - padding-inline-start: 0.5em; - } - } - /* Arrow Icon Align to Right */ - .bookmark-item.subviewbutton > .menu-right { - margin-inline-end: 0 !important; - } -} -/*= Bookmark Menu - Reduce Padding ===========================================*/ -@supports -moz-bool-pref("userChrome.padding.bookmark_menu") { - :root { - --bookmark-menu-padding: 3px; - } - :root[uidensity="compact"] { - --bookmark-menu-padding: 1.5px; - } - @supports -moz-bool-pref("userChrome.padding.menu_compact") { - :root { - --bookmark-menu-padding: 2px; - } - :root[uidensity="compact"] { - --bookmark-menu-padding: 0px; - } - } - :root:not([uidensity="touch"]) #BMB_bookmarksPopup .subviewbutton, - :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .bookmark-item, - :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .openintabs-menuitem { - padding-block: var(--bookmark-menu-padding) !important; - } - @supports -moz-bool-pref("userChrome.padding.menu_compact") or -moz-bool-pref("userChrome.padding.bookmark_menu.compact") { - :root:not([uidensity="touch"]) #BMB_bookmarksPopup .bookmark-item, - :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .bookmark-item { - min-height: unset !important; /* Original: 24px */ - } - } -} -/*= Global Menu - Set Padding ================================================*/ -@supports -moz-bool-pref("userChrome.padding.global_menubar") { - /* Vertical Align - Center & Height: 100% */ - #main-menubar { - flex: 1 !important; - -moz-box-flex: 1 !important; - } - /* Rounding */ - #main-menubar > menu { - border-radius: 4px; - } - /* Menubar item padding */ - :root { - --global-menubar-padding: 2px; - } - :root[uidensity="compact"] { - --global-menubar-padding: 1px; - } - :root[uidensity="touch"] { - --global-menubar-padding: 4px; - } - #main-menubar > menu { - padding-block: var(--global-menubar-padding) !important; - } - /* Reduce items */ - #main-menubar > menu > menupopup menuitem, - #main-menubar > menu > menupopup menu { - padding-block: var(--bookmark-menu-padding) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.os.win11") { - #main-menubar > menu > menupopup menuitem, - #main-menubar > menu > menupopup menu { - --bookmark-menu-padding: 3px; - } - #main-menubar > menu > menupopup menuitem:is([type="checkbox"], [type="radio"]), - #main-menubar > menu > menupopup menu:is([type="checkbox"], [type="radio"]) { - --bookmark-menu-padding: 0px; - } - } -} -/*= Panel - Reduce padding ===================================================*/ -@supports -moz-bool-pref("userChrome.padding.panel") { - :root { - --arrowpanel-menuitem-margin-block: 0; /* FF 102 compatibility */ - --arrowpanel-menuitem-margin-inline: 8px; - --arrowpanel-menuitem-margin: var(--arrowpanel-menuitem-margin-block) var(--arrowpanel-menuitem-margin-inline) !important; /* Original: 0 8px */ - --arrowpanel-menuitem-padding-block: 5px !important; /* Original: 8px */ - --arrowpanel-menuitem-padding-inline: 5px !important; /* Original: 8px */ - --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important; /* Compatibility */ - --arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */ - } - :root[uidensity="compact"] { - --arrowpanel-menuitem-margin-inline: 4px; /* FF 102 compatibility */ - --arrowpanel-menuitem-padding-block: 3px !important; - --arrowpanel-menuitem-padding-inline: 3px !important; - } - :root[uidensity="touch"] { - --arrowpanel-menuitem-padding-block: 8px !important; /* Original: 8px */ - --arrowpanel-menuitem-padding-inline: 8px !important; /* Original: 8px */ - } - .all-tabs-item { - margin: var(--arrowpanel-menuitem-margin) !important; - } - @supports not -moz-bool-pref("userChrome.icon.disabled") { - @supports not -moz-bool-pref("userChrome.icon.panel") { - .subviewbutton { - min-height: calc(16px + var(--arrowpanel-menuitem-padding-block) * 2) !important; - } - } - } - .unified-extensions-item-menu-button.subviewbutton { - padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */ - } - @supports -moz-bool-pref("userChrome.panel.full_width_padding") { - .unified-extensions-item-menu-button.subviewbutton { - --arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block); - } - } - :root[uidensity="compact"] :is(.unified-extensions-item, .unified-extensions-item-action-button) { - padding-block: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.padding.panel_header") { - .panel-header { - padding: unset !important; - padding-top: 4px !important; - } -} -/*= Popup Panel - Reduce padding =============================================*/ -@supports -moz-bool-pref("userChrome.padding.popup_panel") { - #protections-popup-main-header-label { - height: unset !important; /* Original: 37.6px */ - } - #identity-popup, - #permission-popup, - #protections-popup { - --vertical-section-padding: 0.8em; /* Original: 0.9em */ - } - .protections-popup-footer-button, - .protections-popup-category { - min-height: 24px; /* Original: 32px */ - height: unset !important; - } - /** Popup panel - Compact mode */ - :root[uidensity="compact"] #protections-popup-content { - margin-block: 0 !important; - } - :root[uidensity="compact"] #protections-popup-multiView #protections-popup-footer { - padding-block-start: 0 !important; - padding-block-end: 4px !important; - } - :root[uidensity="compact"] #protections-popup-multiView .protections-popup-footer-button, - :root[uidensity="compact"] #protections-popup-multiView .protections-popup-category { - min-height: 20px !important; - } - :root[uidensity="compact"] #protections-popup-multiView .panel-footer.panel-footer-menulike { - margin: 0 0 3px !important; - } - :root[uidensity="compact"] #protections-popup-multiView .panel-footer.panel-footer-menulike > button { - padding: 3px 8px !important; - } - :root[uidensity="compact"] #protections-popup-trackersView-settings-button { - margin: 4px 8px 0 !important; - } - :root[uidensity="compact"] #identity-popup-multiView #identity-popup-mainView-panel-header { - padding: 2px 5px !important; - } - :root[uidensity="compact"] #protections-popup-no-trackers-found-description { - margin: 2em 4em !important; - } - :root[uidensity="compact"] #downloadsListBox { - margin: 0 !important; - } -} -/** Tab Bar UI ****************************************************************/ -/*= Tabs on Bottom ===========================================================*/ -@supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.fullscreen.overlap") { - /* Don't use display: flex at not fullscreen!! side effect #372 */ - :root[sizemode="fullscreen"] #navigator-toolbox { - display: flex !important; /* Needed for content to take up entire height, compatibility with tabs on bottom */ - } - :root[sizemode="fullscreen"] #titlebar, - :root[sizemode="fullscreen"] #nav-bar, - :root[sizemode="fullscreen"] #PersonalToolbar, - :root[sizemode="fullscreen"] #tab-notification-deck, - :root[sizemode="fullscreen"] #tab-notification-deck-template { - flex-basis: 100%; - } - /* -moz-default-appearance: -moz-window-titlebar */ - :root[sizemode="fullscreen"] #titlebar { - -moz-appearance: none !important; - } -} -@supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /*= Tabbar - Move to bottom ==================================================*/ - #titlebar { - order: 2; - -moz-box-ordinal-group: 2; - --tabs-navbar-shadow-size: 0px; - } - #tab-notification-deck { - order: 2; - -moz-box-ordinal-group: 2; - } - #TabsToolbar .titlebar-spacer { - display: none; - } - #TabsToolbar-customization-target > .toolbarbutton-1:last-child { - padding-inline-end: var(--toolbar-start-end-padding, 8px); - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.above_bookmark") { - #PersonalToolbar { - order: 2; - -moz-box-ordinal-group: 2; - } - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom.above_bookmark") { - @supports -moz-bool-pref("userChrome.tab.connect_to_window") { - @supports -moz-bool-pref("userChrome.tab.color_like_toolbar") { - #navigator-toolbox { - border-bottom-color: var( - --toolbar-bgcolor - ) !important; /* Original: 1px solid var(--chrome-content-separator-color); */ - } - } - } - } - /*= Tabbar - Hidden at single tab ===========================================*/ - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") { - #tabbrowser-tabs .tabbrowser-tab:only-of-type { - display: none !important; - } - #tabbrowser-tabs, - #tabbrowser-tabs arrowscrollbox { - height: auto !important; - min-height: auto !important; - } - @media (prefers-reduced-motion: no-preference) { - #tabbrowser-tabs { - transition: height 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay); - } - } - } - /*= Menubar - Always on top ==================================================*/ - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Menubar on top patch - use with tabs_on_bottom.css */ - /* Only really useful if menubar is ALWAYS visible */ - :root:not([sizemode="fullscreen"]) { - --uc-window-control-width: 0px !important; - } - /* Since menubar is statically at top, remove fake drag-space that might be set by window_control_placeholder_support.css */ - :root:not([sizemode="fullscreen"]) #nav-bar { - border-inline-width: 0; - } - #navigator-toolbox { - -moz-window-dragging: drag; - } - :root[sizemode="fullscreen"] #navigator-toolbox { - padding-top: 0px !important; - } - #toolbar-menubar { - position: fixed; - display: flex; - top: var(--uc-titlebar-padding); - height: var(--uc-menubar-height); - width: 100%; - overflow: hidden; - } - :root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) { - height: var(--uc-menubar-height) !important; /* calc(var(--tab-min-height) + 2 * var(--tab-block-margin)) */ - } - #toolbar-menubar > .titlebar-buttonbox-container { - height: 100%; - order: 100; - } - #toolbar-menubar > [flex] { - flex-grow: 100; - } - #toolbar-menubar > spacer[flex] { - order: 99; - flex-grow: 1; - min-width: var(--uc-window-drag-space-post); - } - #toolbar-menubar .toolbarbutton-1 { - --toolbarbutton-inner-padding: 3px; - } - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - visibility: collapse !important; - } - :root:not([chromehidden~="menubar"]):not([sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - .titlebar-buttonbox-container { - visibility: visible; - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (max-width: 1100px) { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /*= Tabbar - Move to bottom ==================================================*/ - #titlebar { - order: 2; - -moz-box-ordinal-group: 2; - --tabs-navbar-shadow-size: 0px; - } - #tab-notification-deck { - order: 2; - -moz-box-ordinal-group: 2; - } - #TabsToolbar .titlebar-spacer { - display: none; - } - #TabsToolbar-customization-target > .toolbarbutton-1:last-child { - padding-inline-end: var(--toolbar-start-end-padding, 8px); - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.above_bookmark") { - #PersonalToolbar { - order: 2; - -moz-box-ordinal-group: 2; - } - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom.above_bookmark") { - @supports -moz-bool-pref("userChrome.tab.connect_to_window") { - @supports -moz-bool-pref("userChrome.tab.color_like_toolbar") { - #navigator-toolbox { - border-bottom-color: var( - --toolbar-bgcolor - ) !important; /* Original: 1px solid var(--chrome-content-separator-color); */ - } - } - } - } - /*= Tabbar - Hidden at single tab ===========================================*/ - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") { - #tabbrowser-tabs .tabbrowser-tab:only-of-type { - display: none !important; - } - #tabbrowser-tabs, - #tabbrowser-tabs arrowscrollbox { - height: auto !important; - min-height: auto !important; - } - @media screen and (max-width: 1100px) and (prefers-reduced-motion: no-preference) { - #tabbrowser-tabs { - transition: height 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay); - } - } - } - /*= Menubar - Always on top ==================================================*/ - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Menubar on top patch - use with tabs_on_bottom.css */ - /* Only really useful if menubar is ALWAYS visible */ - :root:not([sizemode="fullscreen"]) { - --uc-window-control-width: 0px !important; - } - /* Since menubar is statically at top, remove fake drag-space that might be set by window_control_placeholder_support.css */ - :root:not([sizemode="fullscreen"]) #nav-bar { - border-inline-width: 0; - } - #navigator-toolbox { - -moz-window-dragging: drag; - } - :root[sizemode="fullscreen"] #navigator-toolbox { - padding-top: 0px !important; - } - #toolbar-menubar { - position: fixed; - display: flex; - top: var(--uc-titlebar-padding); - height: var(--uc-menubar-height); - width: 100%; - overflow: hidden; - } - :root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) { - height: var(--uc-menubar-height) !important; /* calc(var(--tab-min-height) + 2 * var(--tab-block-margin)) */ - } - #toolbar-menubar > .titlebar-buttonbox-container { - height: 100%; - order: 100; - } - #toolbar-menubar > [flex] { - flex-grow: 100; - } - #toolbar-menubar > spacer[flex] { - order: 99; - flex-grow: 1; - min-width: var(--uc-window-drag-space-post); - } - #toolbar-menubar .toolbarbutton-1 { - --toolbarbutton-inner-padding: 3px; - } - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - visibility: collapse !important; - } - :root:not([chromehidden~="menubar"]):not([sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - .titlebar-buttonbox-container { - visibility: visible; - } - } - } - } - } -} -/*= Tab Bar - Oneliner =======================================================*/ -@supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - :root { - --uc-navbar-width-origin: 40vw; - --uc-navbar-width: var(--uc-navbar-width-origin); - --uc-tabbar-width: calc(100vw - var(--uc-navbar-width)); - --uc-navbar-margin: calc(var(--uc-navbar-width) + var(--uc-navbar-gap, 0px)); - } - @supports -moz-bool-pref("userChrome.autohide.fill_urlbar") { - :root { - --uc-navbar-width-origin: 50vw; - --uc-navbar-width: 24em; - } - } - #nav-bar { - --uc-navbar-double-block: calc(2 * var(--uc-navbar-block, 0px)); - height: calc(var(--uc-tabbar-height) - var(--uc-navbar-double-block)) !important; - margin-top: calc(var(--uc-tabbar-hide-height) + var(--uc-navbar-double-block)) !important; - margin-bottom: var(--uc-navbar-block, 0px) !important; - } - #titlebar { - transform: translateY(var(--uc-navbar-block, 0px)); - } - #TabsToolbar > .titlebar-buttonbox-container { - transform: translateY(calc(-1 * var(--uc-navbar-block, 0px))); - } - #navigator-toolbox { - position: relative; - z-index: 2; - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - :root { - --uc-navbar-gap: 10px; - --uc-navbar-block: 1.5px; - } - :root[uidensity="compact"] { - --uc-navbar-block: 1px; - } - :root[uidensity="touch"] { - --uc-navbar-block: 3px; - } - #nav-bar { - --toolbarbutton-inner-padding: 6px; /* Original: 8px */ - border-radius: var(--uc-rounding-toolbar, var(--tab-border-radius, 4px)); - } - #nav-bar, - #nav-bar-customization-target { - align-items: center; - -moz-box-align: center; - } - #urlbar-container { - min-height: calc(var(--urlbar-container-height) - 2px) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - #navigator-toolbox { - background-color: var(--toolbar-bgcolor) !important; - } - #nav-bar { - --lwt-tabs-border-color: transparent; - background-color: unset !important; - background-image: unset !important; - } - } - #urlbar-container { - min-width: calc( - var(--uc-oneliner-urlbar-base-width, 50px) + 24px + 2 * var(--toolbarbutton-inner-padding) - ) !important; - } - #urlbar[breakout][breakout-extend] { - min-width: calc(310px + 2 * (24px + 2 * var(--toolbarbutton-inner-padding))) !important; - } - #PersonalToolbar { - position: relative; - z-index: -1; - } - toolbarspring.chromeclass-toolbar-additional { - display: none !important; - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-start: var(--uc-navbar-margin) !important; - } - #nav-bar { - margin-inline-end: var(--uc-tabbar-width) !important; - } - .titlebar-spacer[type="pre-tabs"] { - display: none !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-end: var(--uc-navbar-margin) !important; - } - #nav-bar { - margin-inline-start: var(--uc-tabbar-width) !important; - } - .titlebar-spacer[type="post-tabs"] { - display: none !important; - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (min-width: 1100px) { - :root { - --uc-navbar-width-origin: 40vw; - --uc-navbar-width: var(--uc-navbar-width-origin); - --uc-tabbar-width: calc(100vw - var(--uc-navbar-width)); - --uc-navbar-margin: calc(var(--uc-navbar-width) + var(--uc-navbar-gap, 0px)); - } - @supports -moz-bool-pref("userChrome.autohide.fill_urlbar") { - :root { - --uc-navbar-width-origin: 50vw; - --uc-navbar-width: 24em; - } - } - #nav-bar { - --uc-navbar-double-block: calc(2 * var(--uc-navbar-block, 0px)); - height: calc(var(--uc-tabbar-height) - var(--uc-navbar-double-block)) !important; - margin-top: calc(var(--uc-tabbar-hide-height) + var(--uc-navbar-double-block)) !important; - margin-bottom: var(--uc-navbar-block, 0px) !important; - } - #titlebar { - transform: translateY(var(--uc-navbar-block, 0px)); - } - #TabsToolbar > .titlebar-buttonbox-container { - transform: translateY(calc(-1 * var(--uc-navbar-block, 0px))); - } - #navigator-toolbox { - position: relative; - z-index: 2; - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - :root { - --uc-navbar-gap: 10px; - --uc-navbar-block: 1.5px; - } - :root[uidensity="compact"] { - --uc-navbar-block: 1px; - } - :root[uidensity="touch"] { - --uc-navbar-block: 3px; - } - #nav-bar { - --toolbarbutton-inner-padding: 6px; /* Original: 8px */ - border-radius: var(--uc-rounding-toolbar, var(--tab-border-radius, 4px)); - } - #nav-bar, - #nav-bar-customization-target { - align-items: center; - -moz-box-align: center; - } - #urlbar-container { - min-height: calc(var(--urlbar-container-height) - 2px) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - #navigator-toolbox { - background-color: var(--toolbar-bgcolor) !important; - } - #nav-bar { - --lwt-tabs-border-color: transparent; - background-color: unset !important; - background-image: unset !important; - } - } - #urlbar-container { - min-width: calc( - var(--uc-oneliner-urlbar-base-width, 50px) + 24px + 2 * var(--toolbarbutton-inner-padding) - ) !important; - } - #urlbar[breakout][breakout-extend] { - min-width: calc(310px + 2 * (24px + 2 * var(--toolbarbutton-inner-padding))) !important; - } - #PersonalToolbar { - position: relative; - z-index: -1; - } - toolbarspring.chromeclass-toolbar-additional { - display: none !important; - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-start: var(--uc-navbar-margin) !important; - } - #nav-bar { - margin-inline-end: var(--uc-tabbar-width) !important; - } - .titlebar-spacer[type="pre-tabs"] { - display: none !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-end: var(--uc-navbar-margin) !important; - } - #nav-bar { - margin-inline-start: var(--uc-tabbar-width) !important; - } - .titlebar-spacer[type="post-tabs"] { - display: none !important; - } - } - } - } -} -/*= Tab Bar - Shared Layout ==================================================*/ -@supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref( - "userChrome.hidden.tabbar" - ) - or -moz-bool-pref("userChrome.tabbar.as_titlebar") { - :root { - --uc-window-control-width: 0px; /* Same as .titlebar-buttonbox-container - Space reserved for window controls */ - --uc-window-drag-space-pre: 0px; /* Same as .titlebar-spacer[type="pre-tabs"] - Extra space reserved on both sides of the nav-bar to be able to drag the window */ - --uc-window-drag-space-post: 0px; /* Same as .titlebar-spacer[type="post-tabs"] */ - --uc-window-control-space: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-post)); - } - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: var(--uc-title-pre-spacer, 40px); - --uc-window-drag-space-post: var(--uc-title-post-spacer, 40px); - } - @media (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-width: 138px; - } - } - @media (-moz-gtk-csd-available) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - /* 84px is default value of linux */ - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button), - (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button), - (-moz-gtk-csd-available) and (-moz-gtk-csd-close-button) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-width: 28px; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), - (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), - (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-width: 56px; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-width: 84px; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root[tabsintitlebar] { - --uc-window-control-width: 72px; - } - :root[sizemode="fullscreen"] { - --uc-window-control-space: 0px; - } - } - :root:is([tabsintitlebar][sizemode="maximized"], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - @media (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } - } - @supports -moz-bool-pref("userChrome.tabbar.as_titlebar") { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { - --uc-window-control-space: 0px; - } - } - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - @supports not -moz-bool-pref("userChrome.tabbar.as_titlebar") { - @media (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (max-width: 1100px) { - @supports (not -moz-bool-pref("userChrome.tabbar.on_bottom")) or - (not -moz-bool-pref("userChrome.hidden.tabbar")) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - --uc-window-control-space: 0px; - } - } - } - @media screen and (min-width: 1100px) { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - @media screen and (min-width: 1100px) and (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } - } - @media screen and (min-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } - } - @media screen and (min-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } - } - @supports -moz-bool-pref("userChrome.tabbar.as_titlebar") { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { - --uc-window-control-space: 0px; - } - } - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - @supports not -moz-bool-pref("userChrome.tabbar.as_titlebar") { - @media screen and (min-width: 1100px) and (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } - } - @media screen and (min-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } - } - } - } - } - } - } - @supports selector(:has(a)) { - #navigator-toolbox:has(#toolbar-menubar[autohide="false"]) { - --uc-window-drag-space-pre: 0px; - --uc-window-control-space: 0px; - } - } -} -@supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref( - "userChrome.hidden.tabbar" - ) { - @supports not -moz-bool-pref("userChrome.hidden.titlebar_container") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } - } - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } - @media (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } - } - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - } - } - @media (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } - } - @supports -moz-bool-pref("browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } - } - /* At Activated Menubar */ - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { - visibility: hidden; - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } - } - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } - @media (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } - } - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - } - } - @media (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } - } - @supports -moz-bool-pref("browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } - } - /* At Activated Menubar */ - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { - visibility: hidden; - } - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } - } - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } - @media (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } - } - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - } - } - @media (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } - } - @supports -moz-bool-pref("browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } - } - /* At Activated Menubar */ - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { - visibility: hidden; - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") { - @media screen and (max-width: 1100px) { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } - } - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } - /* At Activated Menubar */ - } - @media screen and (max-width: 1100px) and (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } - } - @media screen and (max-width: 1100px) { - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } - } - } - @media screen and (max-width: 1100px) { - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - } - @media screen and (max-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media screen and (max-width: 1100px) and (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } - } - @media screen and (max-width: 1100px) { - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } - } - } - @media screen and (max-width: 1100px) { - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - } - } - @media screen and (max-width: 1100px) { - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - } - } - } - @media screen and (max-width: 1100px) and (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } - } - @media screen and (max-width: 1100px) { - @supports -moz-bool-pref("browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } - } - } - @media screen and (max-width: 1100px) { - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } - } - } - @media screen and (max-width: 1100px) { - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } - } - @media screen and (max-width: 1100px) { - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - :root:not([chromehidden~="menubar"]) - #toolbar-menubar:not([autohide="true"]) - .titlebar-buttonbox-container { - visibility: hidden; - } - } - } - } - @media screen and (min-width: 1100px) { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } - } - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } - @media screen and (min-width: 1100px) and (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } - } - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media screen and (min-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media screen and (min-width: 1100px) and (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - } - } - @media screen and (min-width: 1100px) and (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } - } - @supports -moz-bool-pref("browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } - } - /* At Activated Menubar */ - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - :root:not([chromehidden~="menubar"]) - #toolbar-menubar:not([autohide="true"]) - .titlebar-buttonbox-container { - visibility: hidden; - } - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } - } - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } - @media screen and (min-width: 1100px) and (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } - } - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media screen and (min-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } - } - @media screen and (min-width: 1100px) and (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - @supports -moz-bool-pref("userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } - } - } - @media screen and (min-width: 1100px) and (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } - } - @supports -moz-bool-pref("browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } - } - /* At Activated Menubar */ - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } - @supports not -moz-bool-pref("userChrome.hidden.tabbar") { - :root:not([chromehidden~="menubar"]) - #toolbar-menubar:not([autohide="true"]) - .titlebar-buttonbox-container { - visibility: hidden; - } - } - } - } - } - } - @supports not -moz-bool-pref("userChrome.navbar.as_sidebar") { - /*= Navbar - Padding for window controls =====================================*/ - /* Customized https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/window_control_placeholder_support.css */ - #nav-bar { - border-inline-style: solid !important; - border-inline-color: transparent; - } - @media (-moz-platform: windows) { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") { - @media screen and (-moz-platform: windows) and (max-width: 1100px) { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-start: var(--uc-window-drag-space-pre) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-control-space) !important; - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (-moz-platform: windows) and (min-width: 1100px) { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-start: var(--uc-window-drag-space-pre) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-control-space) !important; - } - } - } - } - } - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") { - @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (max-width: 1100px) { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-start: var(--uc-window-drag-space-pre) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-control-space) !important; - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (min-width: 1100px) { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-start: var(--uc-window-drag-space-pre) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-control-space) !important; - } - } - } - } - } - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") { - @media screen and (max-width: 1100px) { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-start: var(--uc-window-control-space, 0px) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (min-width: 1100px) { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-start: var(--uc-window-control-space, 0px) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (min-width: 1100px) { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - #TabsToolbar { - margin-inline-start: var(--uc-window-control-width, 0px) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (min-width: 1100px) { - #TabsToolbar { - margin-inline-start: var(--uc-window-control-width, 0px) !important; - } - } - } - } - } - } - @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") or -moz-bool-pref("userChrome.hidden.tabbar") { - @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (max-width: 1100px) { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-start: var(--uc-window-control-space, 0px) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-start: var(--uc-window-control-space, 0px) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.combine_navbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - #TabsToolbar { - margin-inline-start: var(--uc-window-control-width, 0px) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) { - #TabsToolbar { - margin-inline-start: var(--uc-window-control-width, 0px) !important; - } - } - } - } - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container:last-child, - :root[sizemode="fullscreen"] #window-controls { - right: unset; - } - } - } - } -} -/*= Tab Bar - Show only current tab ==========================================*/ -@supports -moz-bool-pref("userChrome.tabbar.as_titlebar") { - :root:not([tabsintitlebar="true"]) #tabbrowser-tabs, - #scrollbutton-up, - #scrollbutton-down, - .titlebar-spacer[type="pre-tabs"], - spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]), - .tabbrowser-tab:not([selected="true"]), - .tabbrowser-tab[selected="true"] .tab-background, - .tabbrowser-tab[selected="true"] .tab-stack:is(::before, ::after), - .tabbrowser-tab[selected="true"] .tab-close-button, - #tabs-newtab-button { - display: none !important; - } - .tabbrowser-tab[selected="true"] { - -moz-window-dragging: drag; - --tab-max-width: 100vw; - min-width: calc(var(--uc-tabbar-width, 100vw) - var(--uc-window-control-space)) !important; - max-width: var(--tab-max-width) !important; - margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important; - } - .tabbrowser-tab[selected="true"][pinned="true"] { - flex: 100; - -moz-box-flex: 100; - max-width: var(--tab-max-width) !important; - } - .tabbrowser-tab[selected="true"] .tab-label-container { - margin-inline: 0 !important; - } - .tab-content { - margin-inline: auto; - width: 100%; - } - /* Pinned */ - #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned][selected="true"] { - position: relative !important; - } - #tabbrowser-tabs { - --tab-overflow-pinned-tabs-width: 0 !important; - padding-inline: 0 !important; /* Original: var(--tab-overflow-pinned-tabs-width) 0; */ - } - .tab-throbber[pinned], - .tab-icon-pending[pinned], - .tab-icon-image[pinned], - .tab-sharing-icon-overlay[pinned], - .tab-icon-overlay[pinned] { - margin-inline-end: 5.5px; - } - .tab-label-container[pinned] { - width: unset !important; - } - /* Padding */ - @supports not -moz-bool-pref("userChrome.centered.tab") { - #tabbrowser-arrowscrollbox { - margin-inline: 2px !important; - } - :root[sizemode="normal"] #tabbrowser-arrowscrollbox { - margin-inline: 6px !important; - } - } - @supports -moz-bool-pref("userChrome.centered.tab") { - @supports -moz-bool-pref("userChrome.centered.tab.label") { - #tabbrowser-arrowscrollbox { - margin-inline: 2px !important; - } - :root[sizemode="normal"] #tabbrowser-arrowscrollbox { - margin-inline: 6px !important; - } - } - } - @supports -moz-bool-pref("browser.tabs.tabmanager.enabled") { - :root:not([tabsintitlebar="true"]) #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) ~ #alltabs-button, - :root:not([tabsintitlebar="true"]) - #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) - ~ #new-tab-button { - display: flex !important; - display: -moz-box !important; - } - } -} -/*= Tab Bar - Multi Row ======================================================*/ -@supports -moz-bool-pref("userChrome.tabbar.multi_row") { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - :root { - --uc-multirow-tabbar-rows: 3; - --uc-multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */ - } - #tabbrowser-tabs { - min-height: unset !important; - padding-inline-start: 0px !important; - } - @-moz-document url("chrome://browser/content/browser.xhtml") - { - #scrollbutton-up ~ spacer, - #scrollbutton-up, - #scrollbutton-down { - display: var(--scrollbutton-display-model, initial); - } - scrollbox[part][orient="horizontal"] { - display: flex; - flex-wrap: wrap; - overflow-y: auto; - max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin, 0px)) * var(--uc-multirow-tabbar-rows)); - } - } - .scrollbox-clip[orient="horizontal"], - #tabbrowser-arrowscrollbox { - overflow: -moz-hidden-unscrollable; - display: block; - --scrollbutton-display-model: none; - } - #tabbrowser-tabs .tabbrowser-tab[pinned] { - position: static !important; - margin-inline-start: 0px !important; - } - .tabbrowser-tab[fadein]:not([pinned]) { - flex-grow: var(--uc-multirow-tab-dynamic-width); - } - .tabbrowser-tab > stack { - width: 100%; - height: 100%; - } - /* remove bottom margin so it doesn't throw off row height computation */ - #tabs-newtab-button { - margin-bottom: 0 !important; - } - #tabbrowser-tabs[hasadjacentnewtabbutton][overflow="true"] - > #tabbrowser-arrowscrollbox - > #tabbrowser-arrowscrollbox-periphery - > #tabs-newtab-button { - display: flex !important; - display: -moz-box !important; - } - #alltabs-button, - :root:not([customizing]) #TabsToolbar #new-tab-button, - #tabbrowser-arrowscrollbox > spacer, - .tabbrowser-tab::after { - display: none !important; - } -} -/*= Tab Bar - Scollmode disabled =============================================*/ -@supports -moz-bool-pref("userChrome.tabbar.unscroll") { - /* Disable scrollbox */ - spacer[part="overflow-start-indicator"] + .scrollbox-clip > scrollbox { - overflow: -moz-hidden-unscrollable !important; - } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not([visuallyselected]) { - /* Set minimum width below which tabs will not shrink */ - --tab-min-width: 16px; - container-type: inline-size; - container-name: backgroundTab; - } - @container backgroundTab (max-width: 46px) { - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not([visuallyselected]) .tab-content { - --inline-tab-padding: 0px; - justify-self: center; - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not([pinned]):not([visuallyselected]) - .tab-icon-stack - > * { - margin-inline-end: 0 !important; - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not([pinned]):not([visuallyselected]) - .tab-label-container, - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not([pinned]):not([visuallyselected]):hover - .tab-close-button { - visibility: collapse !important; - } - } - #tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] #tabbrowser-arrowscrollbox-periphery { - position: absolute !important; - right: 0; - top: 50%; - transform: translateY(-50%); - } - #tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] - #tabbrowser-arrowscrollbox-periphery - > #tabs-newtab-button { - z-index: 2 !important; - } - #tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] #tabbrowser-arrowscrollbox { - padding-inline-end: calc( - 16px + (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) * 2 - ) !important; - } -} -/*= Tab Bar - Fill width tab =================================================*/ -@supports -moz-bool-pref("userChrome.tabbar.fill_width") { - /* Why 100vw? Tab closing requires width animation to end and "none" can't be animated */ - .tabbrowser-tab[fadein]:not([style^="max-width"]) { - --tab-max-width: 100vw; - max-width: var(--tab-max-width) !important; - } -} -/** Tab UI ********************************************************************/ -/*= Tab - Connect to window ==============================================*/ -@supports -moz-bool-pref("userChrome.tab.connect_to_window") { - #tabbrowser-tabs[orient="vertical"] { - --uc-tab-border-bottom-radius: var(--tab-border-radius); - } - .tab-background { - border-radius: var(--tab-border-radius) var(--tab-border-radius) var(--uc-tab-border-bottom-radius, 0px) - var(--uc-tab-border-bottom-radius, 0px) !important; - margin-bottom: 0px !important; - } - .tab-content { - margin-top: var(--tab-block-margin); - } - .tab-stack { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - /* Remove line at Toolbar's top */ - #tabbrowser-tabs { - z-index: 1 !important; - } - @supports not -moz-bool-pref("userChrome.tabbar.multi_row") { - #TabsToolbar:not([multibar]) { - overflow: clip; /* Prevent toolbar area over */ - } - } - /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */ - #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] { - z-index: 0 !important; - } - #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] .tab-stack { - /* Temporary solution for compatibility #513 */ - overflow-y: clip; - } -} -/*= Selected Tab =============================================================*/ -/*= Selected Tab - Bold ======================================================*/ -@supports not -moz-bool-pref("userChrome.tab.selected_bold") { - .tab-label:is([selected], [attention]) { - font-weight: 400 !important; - } -} -@supports -moz-bool-pref("userChrome.tab.selected_bold") { - .tab-label:is([selected], [attention]) { - font-weight: 600; - } -} - -/*= Selected Tab - Color like toolbar ========================================*/ -@supports -moz-bool-pref("userChrome.tab.color_like_toolbar") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - /* Fix for windows's system default theme. Using --toolbar-bgcolor, --toolbar-bgimage fallback */ - --tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */ - --tab-selected-bgimage: unset !important; /* Above FF v101 */ - } - #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, - .tab-background:is([selected], [multiselected]) { - background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected], - :root:is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected] { - /* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) - */ - background-image: linear-gradient(transparent, transparent), - linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important; - background-position: 0, 0, right top; - background-attachment: scroll, scroll, fixed; - background-repeat: repeat-x, repeat-x, no-repeat !important; - } - @supports -moz-bool-pref("userChrome.theme.transparent.frame") { - :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected], - :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected] { - background-image: linear-gradient(transparent, transparent), - linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-additional-images, none) !important; - background-repeat: repeat-x, repeat-x, var(--lwt-background-tiling) !important; - background-position: 0 0, 0 0, var(--lwt-background-alignment) !important; - } - } -} -/*= Multi Selected Color - More Contrast =====================================*/ -@supports -moz-bool-pref("userChrome.tab.multi_selected") { - #TabsToolbar { - --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 28%, var(--toolbar-bgcolor, transparent)); - } - #TabsToolbar[brighttext] { - --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 16%, var(--toolbar-bgcolor, transparent)); - } - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[multiselected]:not([selected]) { - /* Original: - background-attachment: scroll, scroll, fixed; - background-color: transparent; - background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), - linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), - var(--lwt-header-image, none); - background-position: 0 0, 0 0, right top; - background-repeat: repeat-x, repeat-x, no-repeat; - background-size: auto 100%, auto 100%, auto auto; - */ - background-attachment: scroll, fixed !important; - background-color: transparent !important; - background-image: linear-gradient(var(--uc-multiselected-tab-bgcolor), var(--uc-multiselected-tab-bgcolor)), - var(--lwt-header-image, none) !important; - background-position: 0 0, right top !important; - background-repeat: repeat-x, no-repeat !important; - background-size: auto 100%, auto auto !important; - } - @supports -moz-bool-pref("userChrome.tab.connect_to_window") { - .tab-background[multiselected="true"] { - outline: none !important; - } - } - @supports not -moz-bool-pref("userChrome.tab.connect_to_window") { - /* Backport from FF 99 */ - .tab-background[multiselected="true"] { - outline: 1px solid color-mix(in srgb, var(--focus-outline-color, currentColor) 40%, transparent); - outline-offset: -1px; - } - .tab-background[multiselected="true"][selected] { - outline-width: 2px; - outline-offset: -2px; - } - } -} -/*= Selected Tab - Box Shadow ================================================*/ -@supports -moz-bool-pref("userChrome.tab.box_shadow") { - #TabsToolbar { - --uc-tab-shadow-color: var( - --tab-line-color, - var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))) - ); - --uc-tab-shadow-color-bundle: var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9))); - } - #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) { - box-shadow: unset !important; - filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4)); - } - :root:is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([selected], [multiselected]) - > .tab-stack - > .tab-background { - filter: drop-shadow(0 0 1px var(--uc-tab-shadow-color, transparent)); - } - :root:is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[visuallyselected]:not(:focus), - :root:is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[multiselected]:not([visuallyselected]) { - --uc-tab-shadow-color: var(--toolbar-color); - } - /* For themes outside of Light and Dark (which are curated by Mozilla), show a thicker border - around the tab to help themes that are dependent on tab_line to show the selected tab. */ - :root:not( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar:not([brighttext]) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle); - filter: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, transparent)) - drop-shadow(1px -1px 0px var(--uc-tab-shadow-color, transparent)) drop-shadow(0 0 2px rgba(128, 128, 142, 0.5)); - } - :root:not( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - filter: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, transparent)) - drop-shadow(1px -1px 0px var(--uc-tab-shadow-color, transparent)); - } -} -/*= Selected Tab - Bottom Rounded Corner =====================================*/ -@supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") { - @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") { - @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.australis") { - @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") { - @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") { - @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") { - #TabsToolbar { - --uc-tab-corner-rounding: 3px; /* 10px looks about like chromium - 17px looks close to Australis tabs */ - --uc-tab-corner-padding: 0px; - --uc-tab-corner-position: calc(var(--uc-tab-corner-padding) - var(--uc-tab-corner-rounding)); - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left.svg"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right.svg"); - } - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after { - /* Box */ - display: block; - position: absolute; - z-index: 1; - bottom: 0; - /* Shape */ - width: var(--uc-tab-corner-rounding); - height: 100%; - /* Color */ - fill: transparent; - stroke: transparent; - -moz-context-properties: fill, stroke; - /* Image */ - background-size: var(--uc-tab-corner-rounding); - background-repeat: no-repeat; - background-position-y: bottom; - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") { - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after { - content: ""; - } - } - @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") { - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after { - /* Based on tab background - background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none); - - defaults - background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - background-image: var(--tab-selected-bgimage, var(--toolbar-bgimage)); - */ - fill: var( - --lwt-selected-tab-background-color, - var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) - ) !important; - } - } - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before { - left: var(--uc-tab-corner-position); - background-image: var(--uc-tab-corner-left-side-svg); - } - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after { - right: var(--uc-tab-corner-position); - background-image: var(--uc-tab-corner-right-side-svg); - } - :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after { - fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - stroke: var(--tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))); - } - @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") { - :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after { - content: ""; - } - } - :root:not([customizing="true"]) .tabbrowser-tab[multiselected] .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab[multiselected] .tab-background::after { - fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - } - :root:not([customizing="true"]) - .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) - .tab-background::before, - :root:not([customizing="true"]) - .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) - .tab-background::after { - fill: color-mix(in srgb, currentColor 11%, transparent); - } - @supports -moz-bool-pref("userChrome.tab.multi_selected") { - :root:not([customizing="true"]) - .tabbrowser-tab[multiselected]:not([visuallyselected]) - .tab-background::before, - :root:not([customizing="true"]) - .tabbrowser-tab[multiselected]:not([visuallyselected]) - .tab-background::after { - fill: color-mix(in srgb, currentColor 65%, transparent); - opacity: 0.3; - } - } - :root:not([customizing="true"])::is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[visuallyselected] - .tab-background::before, - :root:not([customizing="true"])::is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[visuallyselected] - .tab-background::after { - /* As Selected Tab - Box Shadow */ - stroke: var(--toolbar-color); - } - @media (-moz-gtk-csd-available) { - :root:not([customizing="true"]) { - /* Fill color for GTK */ - } - :root:not([customizing="true"]):not([lwtheme="true"]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - .tab-background::before, - :root:not([customizing="true"]):not([lwtheme="true"]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - .tab-background::after { - /* As GTK Toolbar's background-color + background-image - * --toolbar-non-lwt-bgcolor: -moz-dialog; - * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)); - */ - fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog); - stroke: transparent; - opacity: 1; - } - :root:not([customizing="true"]):not([lwtheme="true"]) - #TabsToolbar[brighttext] - .tabbrowser-tab[visuallyselected] - .tab-background::before, - :root:not([customizing="true"]):not([lwtheme="true"]) - #TabsToolbar[brighttext] - .tabbrowser-tab[visuallyselected] - .tab-background::after { - stroke: transparent; - } - } - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.australis" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.chrome" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") { - #TabsToolbar { - --uc-tab-corner-height: calc(var(--tab-min-height) + 1px); - --uc-tab-corner-size: var(--uc-tab-corner-height); - --uc-tab-corner-half-size: calc(var(--uc-tab-corner-size) / 2); - --uc-tab-corner-half-size-reverse: calc(var(--uc-tab-corner-half-size) * -1); - --uc-tab-corner-bgimage: none; - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-wave.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-wave.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-wave.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-wave.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-wave-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-wave-clipped.svg"); - } - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.australis") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-australis.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-australis.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-australis.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-australis.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-australis-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-australis-cilpped.svg"); - } - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chrome.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chrome.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chrome.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chrome.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chrome-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chrome-clipped.svg"); - --uc-tab-corner-size: 16px; - } - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chromeLegacy.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chromeLegacy.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chromeLegacy.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chromeLegacy.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chromeLegacy-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chromeLegacy-clipped.svg"); - } - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-edge.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-edge.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-edge.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-edge.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg"); - --uc-tab-corner-size: 14px; - } - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") { - .tabbrowser-tab { - padding-inline: 0 !important; - overflow-clip-margin: var(--uc-tab-corner-half-size) !important; - } - .tabbrowser-tab .tab-background { - --tab-border-radius: 0px; - margin-inline: var(--uc-tab-corner-half-size) !important; - position: relative; - } - } - @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") { - .tabbrowser-tab[visuallyselected] { - padding-inline: 0 !important; - overflow-clip-margin: var(--uc-tab-corner-half-size) !important; - } - .tabbrowser-tab[visuallyselected] .tab-background { - --tab-border-radius: 0px; - margin-inline: var(--uc-tab-corner-half-size) !important; - position: relative; - } - .tabbrowser-tab[visuallyselected] .tab-background::before, - .tabbrowser-tab[visuallyselected] .tab-background::after { - content: ""; - } - } - .tabbrowser-tab .tab-background::before, - .tabbrowser-tab .tab-background::after { - /* Box */ - display: block; - position: absolute; - z-index: -1; - bottom: -1px; - /* Shape */ - width: var(--uc-tab-corner-size); - height: var(--uc-tab-corner-height); - /* Color */ - fill: transparent; - -moz-context-properties: fill; - /* Image */ - background-size: cover, auto auto; - background-repeat: no-repeat, no-repeat; - background-position: bottom, right top; - background-attachment: scroll, fixed; - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") { - .tabbrowser-tab .tab-background::before, - .tabbrowser-tab .tab-background::after { - content: ""; - } - } - @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") { - .tabbrowser-tab .tab-background::before, - .tabbrowser-tab .tab-background::after { - /* Based on tab background - background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none); - - defaults - background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - background-image: var(--tab-selected-bgimage, var(--toolbar-bgimage)); - */ - fill: var(--lwt-selected-tab-background-color, var(--tab-selected-bgcolor, var(--toolbar-bgcolor))) !important; - } - } - .tabbrowser-tab .tab-background::before { - right: 100%; - background-image: var(--uc-tab-corner-left-side-svg), var(--uc-tab-corner-bgimage); - clip-path: var(--uc-tab-corner-left-side-clipPath); - } - .tabbrowser-tab .tab-background::after { - left: 100%; - background-image: var(--uc-tab-corner-right-side-svg), var(--uc-tab-corner-bgimage); - clip-path: var(--uc-tab-corner-right-side-clipPath); - } - .tabbrowser-tab:has(+ .tabbrowser-tab[visuallyselected]) .tab-background::after { - --uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-clipped); - } - .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-background::before { - --uc-tab-corner-left-side-svg: var(--uc-tab-corner-left-side-svg-clipped); - } - .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background { - --uc-tab-corner-bgimage: var(--lwt-header-image, none); - } - .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::before, - .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::after { - fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - } - .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::before, - .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::after { - fill: color-mix(in srgb, currentColor 11%, transparent); - } - @supports -moz-bool-pref("userChrome.tab.multi_selected") { - .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::before, - .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::after { - fill: var(--uc-multiselected-tab-bgcolor); - } - } - :root:is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-tabs[movingtab] - .tabbrowser-tab:is([visuallyselected], [multiselected]) - .tab-background { - --uc-tab-corner-bgimage: none; - } - @media (-moz-gtk-csd-available) { - /* Fill color for GTK */ - @supports -moz-bool-pref("userChrome.tab.box_shadow") { - :root:not([lwtheme="true"]) .tabbrowser-tab { - --uc-tab-shadow-color: rgba(0, 0, 0, 0.4); - } - } - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background { - background-clip: content-box; - } - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before, - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after { - /* As GTK Toolbar's background-color + background-image - * --toolbar-non-lwt-bgcolor: -moz-dialog; - * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)); - */ - --uc-tab-corner-bgimage: linear-gradient(var(--toolbar-non-lwt-bgcolor), var(--toolbar-non-lwt-bgcolor)); - fill: rgba(255, 255, 255, 0.075); - } - @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") { - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before, - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after { - fill: rgba(255, 255, 255, 0.15); - } - } - } - #tabbrowser-tabs[positionpinnedtabs], - #tabbrowser-tabs:not([overflow]) .tabbrowser-tab:first-of-type, - #tabbrowser-tabs[overflow] - .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { - margin-left: var(--uc-tab-corner-half-size) !important; - } - .tabbrowser-tab:last-of-type { - margin-right: var(--uc-tab-corner-half-size) !important; - } - } -} -/*= Selected Tab - Photon like contextline ===================================*/ -@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") or -moz-bool-pref("userChrome.tab.static_separator") or -moz-bool-pref( - "userChrome.tab.bar_separator" - ) { - @supports -moz-bool-pref("userChrome.tab.blue_accent") { - :root, - #tabbrowser-tabs { - --tab-line-color: rgb(10, 132, 255) !important; - } - } - @supports not -moz-bool-pref("userChrome.tab.blue_accent") { - @media (-moz-gtk-csd-available) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs { - --tab-line-color: AccentColor !important; /* -moz-accent-color */ - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs { - --tab-line-color: Highlight !important; /* -moz-accent-color */ - } - } - } - } -} -@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") { - .tab-context-line { - display: inline-flex !important; - display: -moz-inline-box !important; - height: 2px !important; - border-radius: var(--tab-border-radius, 4px) var(--tab-border-radius, 4px) 0 0 !important; - } - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]), - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] .tab-context-line, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] .tab-context-line { - --tab-line-color: rgb(10, 132, 255); - } - .tabbrowser-tab:is([selected], [multiselected]) .tab-context-line { - /* Photon like color - Default: var(--tab-line-color, rgb(10, 132, 255)) - Automatic: color-mix(in srgb, var(--button-primary-bgcolor) 80%, transparent) - - FF v96+ replace by var(--lwt-tab-line-color) */ - background-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255))) !important; - } - .tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line { - background-color: rgba(0, 0, 0, 0.2) !important; - opacity: 1 !important; - transform: none !important; - } - #TabsToolbar[brighttext] - .tabbrowser-tab:hover:not([selected="true"], [multiselected]) - > .tab-stack - > .tab-background - > .tab-context-line { - background-color: rgba(255, 255, 255, 0.2) !important; - } - /* Prevent identity color flashing */ - .tabbrowser-tab[usercontextid] .tab-context-line { - --identity-icon-color: none; - } - :root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::before, - :root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::after { - /* As Selected Tab - Box Shadow */ - stroke: var(--toolbar-color) !important; - } - /* Animation */ - .tabbrowser-tab:not([selected="true"], [multiselected]) .tab-context-line { - opacity: 0 !important; - transform: scaleX(0) !important; - } - @media (prefers-reduced-motion: no-preference) { - .tabbrowser-tab:not([selected="true"], [multiselected]) .tab-context-line { - transition: transform 250ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function) !important; /* --animation-easing-function: cubic-bezier(.07, .95, 0, 1); */ - } - } - /* Remove side's background color border */ - :root:is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - --tabs-border-color: rgba(0, 0, 0, 0.3) !important; - box-shadow: 0 0 1px var(--tabs-border-color) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)) */ - } - #TabsToolbar:not([brighttext]) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */ - } - /* Container Tab */ - .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { - margin: unset !important; - } -} -/*= Unselected Tab - Divide line =============================================*/ -/*= Unselected Tab - Dynamic Separator =======================================*/ -@supports -moz-bool-pref("userChrome.tab.dynamic_separator") { - #tabbrowser-arrowscrollbox { - --start-tab-separator-position-x: -1.5px; - --end-tab-separator-position-x: 1.5px; - --tab-separator-position-x: -2.5px; - --tab-separator-position-y: calc(-50% + 1px); - } - #tabbrowser-arrowscrollbox:-moz-locale-dir(rtl) { - --start-tab-separator-position-x: 1.5px; - --end-tab-separator-position-x: -1.5px; - --tab-separator-position-x: 2.5px; - } - #tabbrowser-arrowscrollbox-periphery { - position: relative; - } - @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - .tab-stack::before, - #tabs-newtab-button::before { - /* Box Model */ - content: ""; - display: block; - position: absolute; - /* Position */ - top: 50%; - /* Bar shape */ - width: 1px; - height: 20px; - /* Bar Color */ - opacity: 0; - background-color: var(--toolbarseparator-color); - /* More position */ - transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y)); - } - @supports -moz-bool-pref("userChrome.compatibility.dynamic_separator") { - .tab-stack::before, - #tabs-newtab-button::before { - background-color: var(--tabs-border-color); - } - } - #tabs-newtab-button::before { - left: calc(50% - (8px + var(--toolbarbutton-inner-padding))); - } - } - @supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - .tab-stack::before, - #tabbrowser-arrowscrollbox:not([overflowing]) - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type - .tab-stack::after { - /* Box Model */ - content: ""; - display: block; - position: absolute; - /* Position */ - top: 50%; - /* Bar shape */ - width: 1px; - height: 20px; - /* Bar Color */ - opacity: 0; - background-color: var(--toolbarseparator-color); - } - @supports -moz-bool-pref("userChrome.compatibility.dynamic_separator") { - .tab-stack::before, - #tabbrowser-arrowscrollbox:not([overflowing]) - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type - .tab-stack::after { - background-color: var(--tabs-border-color); - } - } - .tab-stack::before { - transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important; - } - .tabbrowser-tab:last-of-type .tab-stack::after { - right: 0; - transform: translateX(var(--end-tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important; - } - } - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) .tab-stack::before { - opacity: var(--tab-separator-opacity); - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.tabbar_first") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before { - opacity: var(--tab-separator-opacity); - transform: translateX(var(--start-tab-separator-position-x)) translateY(var(--tab-separator-position-y)); - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (min-width: 1100px) { - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before { - opacity: var(--tab-separator-opacity); - transform: translateX(var(--start-tab-separator-position-x)) translateY(var(--tab-separator-position-y)); - } - } - } - } - } - @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - #tabs-newtab-button:not(:hover, [open])::before { - opacity: var(--tab-separator-opacity); - } - } - @supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - #tabbrowser-arrowscrollbox:not([overflowing]) - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type - .tab-stack::after { - opacity: var(--tab-separator-opacity); - } - } - #navigator-toolbox:not([movingtab]) - .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))):is( - [visuallyselected], - [multiselected], - :hover - ) - .tab-stack::before, - #navigator-toolbox:not([movingtab]) - #tabbrowser-arrowscrollbox[overflowing] - tab.tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) - .tab-stack::before { - opacity: 0 !important; - } - @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - #navigator-toolbox:not([movingtab]) - .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) - + .tabbrowser-tab - .tab-stack::before, - #navigator-toolbox:not([movingtab]) - .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) - ~ #tabs-newtab-button::before, - #navigator-toolbox:not([movingtab]) - .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) - ~ #tabbrowser-arrowscrollbox-periphery - #tabs-newtab-button::before { - opacity: 0 !important; - } - } - @supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) - + .tabbrowser-tab:not([visuallyselected]) - .tab-stack::before { - opacity: 0 !important; - } - :root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon { - margin-left: 2px; - } - :root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon { - margin-left: 1px; - } - } - /* Animate */ - @media (prefers-reduced-motion: no-preference) { - .tab-stack::before { - transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } - @supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - #tabs-newtab-button::before { - transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } - } - @supports not -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - #tabbrowser-arrowscrollbox:not([overflowing]) - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type - .tab-stack::after { - transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } - } - } - /* Latest Tab & New tab margin */ - #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:last-of-type { - margin-inline-end: 1px !important; - } -} -/*= Unselected Tab - Static Separator ========================================*/ -@supports -moz-bool-pref("userChrome.tab.static_separator") { - #TabsToolbar { - --toolbarseparator-color: color-mix(in srgb, currentColor 30%, transparent); - } - .tab-stack::before, - .tabbrowser-tab:last-of-type .tab-stack::after { - content: ""; - } - .tab-stack::before, - .tab-stack::after { - /* Box Model */ - display: block; - position: absolute; - /* Position */ - top: 50%; - transform: translateY(-50%); - z-index: 1; - /* Bar shape */ - width: 0px; - height: 100%; - /* Bar Color */ - border-right: 1px solid var(--toolbarseparator-color); - } - .tab-stack::after { - right: 0; - } - @supports -moz-bool-pref("userChrome.tab.static_separator.selected_accent") { - .tabbrowser-tab[visuallyselected] .tab-stack::before, - .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before, - .tabbrowser-tab[visuallyselected] .tab-stack::after { - --toolbarseparator-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255))); - } - } - @supports not -moz-bool-pref("userChrome.tab.static_separator.selected_accent") { - .tabbrowser-tab[visuallyselected] .tab-stack::before, - .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before, - .tabbrowser-tab[visuallyselected] .tab-stack::after { - opacity: 0; - } - } - /* Animate */ - @media (prefers-reduced-motion: no-preference) { - .tab-stack::before, - .tab-stack::after { - transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } - } -} -/*= Unselected Tab - Bar Separator ===========================================*/ -@supports -moz-bool-pref("userChrome.tab.bar_separator") { - .tab-stack::before { - /* Box Model */ - content: ""; - display: block; - position: absolute; - /* Position */ - top: 50%; - left: 0%; - transform: translateX(calc((var(--inline-tab-padding) - 5px) / 2)) translateY(calc(-50% + var(--tab-block-margin))); - z-index: 1; - /* Bar shape */ - width: 3px; - height: 20px; - /* Bar Color */ - background-color: var( - --uc-bar-separator-color, - var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255))) - ); - } - @media (prefers-reduced-motion: no-preference) { - .tab-stack::before { - transition-property: opacity, background-color; - transition-duration: 0.2s; - transition-timing-function: var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } - } - :root[sessionrestored] .tabbrowser-tab[busy] .tab-stack::before { - --uc-bar-separator-color: currentColor; - opacity: 0.7; - } - :root[sessionrestored] .tabbrowser-tab[busy][progress] .tab-stack::before { - --uc-bar-separator-color: var(--tab-loading-fill); - opacity: 1; - } - :root[sessionrestored] - #TabsToolbar[brighttext] - .tabbrowser-tab[busy][progress]:not([selected="true"]) - .tab-stack::before { - --uc-bar-separator-color: var(--lwt-tab-loading-fill-inactive, #84c1ff); - } - @supports -moz-bool-pref("userChrome.tab.unloaded") { - :root[sessionrestored] .tabbrowser-tab[pending] .tab-stack::before { - opacity: 0.7; - } - } -} -/*= New tab button ============================================================*/ -/*= New tab button - Looks like tab ==========================================*/ -@supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") { - @supports -moz-bool-pref("userChrome.tab.connect_to_window") { - #tabs-newtab-button { - /* Size */ - align-items: stretch !important; - -moz-box-align: stretch !important; - padding-top: var(--tab-block-margin) !important; - } - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") { - #tabs-newtab-button { - /* Original: - margin: 0 0 var(--tabs-navbar-shadow-size) !important - => Can't override style. Therefore, we should approach it by bypass. - */ - --tabs-navbar-shadow-size: -1px; /* Original: 1px */ - --uc-tabs-navbar-shadow-size: 0.5px; - --uc-tab-corner-rounding: 4px; /* Hardcoded */ - --uc-newtab-bgcolor: transparent; - /* Corner Rounding Image */ - --uc-newtab-position: calc((var(--uc-tab-corner-rounding) / 2) * -1); - background-image: var(--uc-tab-corner-left-side-svg), var(--uc-tab-corner-right-side-svg); - background-repeat: no-repeat; - background-position: left var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size), - right var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size); - background-size: var(--uc-tab-corner-rounding); - /* Corner Rounding Color */ - fill: var(--uc-newtab-bgcolor) !important; - -moz-context-properties: fill !important; - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.australis" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.chrome" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") { - #tabs-newtab-button { - --uc-newtab-position: 0px; - --uc-newtab-non-corner-bgwidth: 0px; - --uc-tab-corner-half-height: calc(var(--uc-tab-corner-height) / 2); - --uc-tab-corner-half-height-reverse: calc(var(--uc-tab-corner-half-height) * -1); - transform: translateX(var(--uc-tab-corner-half-height-reverse)); - padding-inline: var(--uc-tab-corner-half-height) !important; - overflow-clip-margin: var(--uc-tab-corner-half-height) !important; - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient(to left, var(--uc-newtab-bgcolor), var(--uc-newtab-bgcolor)), - var(--uc-tab-corner-right-side-svg); - background-position: left var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size), - center bottom var(--uc-tabs-navbar-shadow-size), - right var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size); - background-size: var(--uc-tab-corner-height) var(--uc-tab-corner-height), - var(--uc-newtab-non-corner-bgwidth) var(--uc-tab-corner-height), - var(--uc-tab-corner-height) var(--uc-tab-corner-height); - background-origin: padding-box; - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") { - #tabs-newtab-button { - --uc-newtab-non-corner-bgwidth: calc(2 * var(--toolbarbutton-inner-padding)); - } - } - } - } - /* Corner Rounding Color */ - #tabs-newtab-button:hover { - --uc-newtab-bgcolor: var(--toolbarbutton-hover-background); - } - #tabs-newtab-button:hover:active { - --uc-newtab-bgcolor: var(--toolbarbutton-active-background); - } - @media (-moz-windows-accent-color-in-titlebar) { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabs-newtab-button:hover, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover { - fill: color-mix(in srgb, AccentColorText 10%, transparent) !important; /* Hardcoded for compatibility */ - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover:active, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active { - fill: color-mix(in srgb, AccentColorText 15%, transparent) !important; /* Hardcoded for compatibility */ - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") { - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.australis" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.chrome" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover { - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient( - to left, - color-mix(in srgb, AccentColorText 10%, transparent), - color-mix(in srgb, AccentColorText 10%, transparent) - ), - var(--uc-tab-corner-right-side-svg); - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover:active, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) - #tabs-newtab-button:hover:active { - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient( - to left, - color-mix(in srgb, AccentColorText 15%, transparent), - color-mix(in srgb, AccentColorText 15%, transparent) - ), - var(--uc-tab-corner-right-side-svg); - } - } - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover { - fill: color-mix( - in srgb, - -moz-accent-color-foreground 10%, - transparent - ) !important; /* Hardcoded for compatibility */ - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover:active, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) - #tabs-newtab-button:hover:active { - fill: color-mix( - in srgb, - -moz-accent-color-foreground 15%, - transparent - ) !important; /* Hardcoded for compatibility */ - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") { - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.australis" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.chrome" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover { - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient( - to left, - color-mix(in srgb, -moz-accent-color-foreground 10%, transparent), - color-mix(in srgb, -moz-accent-color-foreground 10%, transparent) - ), - var(--uc-tab-corner-right-side-svg); - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover:active, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) - #tabs-newtab-button:hover:active { - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient( - to left, - color-mix(in srgb, -moz-accent-color-foreground 15%, transparent), - color-mix(in srgb, -moz-accent-color-foreground 15%, transparent) - ), - var(--uc-tab-corner-right-side-svg); - } - } - } - } - } - /* '+'Icon */ - #tabs-newtab-button .toolbarbutton-icon { - border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0 !important; /* Original: var(--tab-border-radius) */ - padding: calc(var(--toolbarbutton-inner-padding) - var(--tab-block-margin) / 4) var(--toolbarbutton-inner-padding) - calc(var(--toolbarbutton-inner-padding) + var(--tab-block-margin) / 4 + var(--uc-tabs-navbar-shadow-size)) !important; - -moz-context-properties: fill, fill-opacity; - fill: var(--toolbarbutton-icon-fill); - fill-opacity: var(--toolbarbutton-icon-fill-opacity); - } - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.australis" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-bool-pref( - "userChrome.tab.bottom_rounded_corner.chrome" - ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") { - #tabs-newtab-button .toolbarbutton-icon { - --tab-border-radius: 0px; - width: unset !important; - padding-inline: 0px !important; - margin-inline: calc(var(--uc-tab-corner-half-height) - 7.75px) !important; - background-color: transparent !important; - } - } - /* Fix tab overlap #678 */ - @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") { - tab:where([visuallyselected]) { - z-index: 1; - } - } -} -/*= New tab button - Smaller button ==========================================*/ -@supports -moz-bool-pref("userChrome.tab.newtab_button_smaller") { - #tabs-newtab-button > .toolbarbutton-icon { - --tab-border-radius: var(--toolbarbutton-border-radius); - margin-left: 1px; - /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ - --toolbarbutton-inner-padding: var(--uc-small-toolbarbutton-inner-padding); - } -} -/*= New tab button - Proton like button ======================================*/ -@supports -moz-bool-pref("userChrome.tab.newtab_button_proton") { - :root:not([uidensity="touch"]) #tabs-newtab-button > .toolbarbutton-icon { - --toolbarbutton-inner-padding: calc((var(--tab-min-height) - 16px) / 2 - 1px); - } -} -/*= Unloaded Tab - Contents Opacity ===========================================*/ -@supports -moz-bool-pref("userChrome.tab.unloaded") { - .tabbrowser-tab[pending] .tab-content { - opacity: 0.7; - } -} -/*= Clipped tabs =============================================================*/ -/** Clipped tabs - Letters cleary *********************************************/ -@supports -moz-bool-pref("userChrome.tab.letters_cleary") { - #tabbrowser-tabs[closebuttons="activetab"] { - --inline-tab-padding: 7px !important; /* Original: 8px */ - } - #tabbrowser-tabs[overflow="true"] { - --inline-tab-padding: 6px !important; /* Original: 8px */ - } - .tab-content[pinned] { - --inline-tab-padding: 10px; /* Prevent overflow pinned tab's divide line not aligned */ - padding-inline: var(--inline-tab-padding) !important; - } - :root[uidensity="compact"] .tab-content[pinned] { - --inline-tab-padding: 8px; - } - .tabbrowser-tab .tab-label-container { - --tab-label-mask-size: 1.8em; /* Original: 2em */ - } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab .tab-label-container { - --tab-label-mask-size: 30%; - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:is([visuallyselected], [multiselected="true"]) - .tab-label-container { - --tab-label-mask-size: 25%; - } - .tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container, - #tabbrowser-tabs:not([closebuttons="activetab"]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:not([visuallyselected], [labelendaligned]):hover - .tab-label-container { - --tab-label-mask-size: 0.9em; /* Original: 1em */ - } -} -/** Clipped tabs - Show close button at hover *********************************/ -@supports -moz-bool-pref("userChrome.tab.close_button_at_hover") { - #tabbrowser-tabs[closebuttons="activetab"] - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:not([pinned]) - > .tab-stack - > .tab-content - > .tab-close-button:not([selected]) { - display: inline-flex !important; - display: -moz-inline-box !important; - } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([visuallyselected]) .tab-close-button { - visibility: collapse !important; - opacity: 0; - } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:hover .tab-close-button { - visibility: visible !important; - opacity: 1; - } - @supports -moz-bool-pref("userChrome.tab.close_button_at_hover.with_selected") { - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button { - visibility: collapse !important; - opacity: 0; - } - } - @supports -moz-bool-pref("userChrome.tab.close_button_at_hover.always") { - .tabbrowser-tab:not([visuallyselected]) .tab-close-button { - visibility: collapse !important; - opacity: 0; - } - .tabbrowser-tab:hover .tab-close-button { - visibility: visible !important; - opacity: 1; - } - @supports -moz-bool-pref("userChrome.tab.close_button_at_hover.with_selected") { - .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button { - visibility: collapse !important; - opacity: 0; - } - } - } - /* Animate */ - @media (prefers-reduced-motion: no-preference) { - /* Fade out */ - .tabbrowser-tab .tab-close-button { - transition: opacity 0.1s var(--animation-easing-function) !important; - } - /* Fade in */ - .tabbrowser-tab:hover .tab-close-button { - transition: opacity 0.25s var(--animation-easing-function) !important; - } - } - /* Closed Button's icon thicker */ - .tabbrowser-tab .tab-content > .close-icon { - list-style-image: url("../icons/dismiss-filled.svg") !important; - } - /* Closed Button's icon larger */ - .tab-close-button { - padding: 6px !important; /* Original: 7px */ - } - .tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button { - padding-inline-start: 1px !important; /* Original: 0px */ - width: 19px !important; /* Original: 17px */ - } - /* Closed Button's padding reduce */ - #tabbrowser-tabs[closebuttons="activetab"] .tab-content > .tab-close-button { - margin-inline-end: calc( - var(--inline-tab-padding) / -2 + 2px - ) !important; /* Original: calc(var(--inline-tab-padding) / -2)*/ - padding: 4px !important; /* Original: 7px */ - width: 20px !important; /* Original: 24px */ - height: 20px !important; /* Original: 24px */ - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not(:hover) - > .tab-stack - > .tab-content - > .tab-close-button { - padding-inline-start: 3px !important; /* Original: 0px */ - width: 19px !important; /* Redefine from 19px !important, Original: 17px = (width - padding) */ - } -} -/** Clipped tabs - Show close button at pinned tab ****************************/ -@supports -moz-bool-pref("userChrome.tab.close_button_at_pinned") { - @supports not -moz-bool-pref("userChrome.tabbar.as_titlebar") { - #tabbrowser-tabs { - --uc-close-button-size: 24px; - --uc-close-button-padding: 6px; - --uc-close-button-margin: calc((var(--uc-close-button-size) - 16px) / -2); - } - #tabbrowser-tabs[closebuttons="activetab"] { - --uc-close-button-size: 20px; - --uc-close-button-padding: 4px; - } - .tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover:not([busy]) - .tab-close-button { - display: flex !important; - display: -moz-box !important; - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - /* Looks like hover */ - width: var(--uc-close-button-size) !important; - height: var(--uc-close-button-size) !important; - padding: var(--uc-close-button-padding) !important; - margin-inline: var(--uc-close-button-margin) !important; - } - .tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover:not([busy]) .tab-icon-stack { - width: 0 !important; - position: absolute; - bottom: 8px; - } - .tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover .tab-icon-image { - display: none !important; - } - @supports -moz-bool-pref("userChrome.tab.close_button_at_pinned.always") { - .tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-close-button { - display: flex !important; - display: -moz-box !important; - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - /* Looks like hover */ - width: var(--uc-close-button-size) !important; - height: var(--uc-close-button-size) !important; - padding: var(--uc-close-button-padding) !important; - margin-inline: var(--uc-close-button-margin) !important; - } - .tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-icon-stack { - width: 0 !important; - position: absolute; - bottom: 8px; - } - .tabbrowser-tab[pinned][visuallyselected] .tab-icon-image { - display: none !important; - } - } - @supports -moz-bool-pref("userChrome.tab.close_button_at_pinned.background") { - .tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover:not([busy]) .tab-close-button { - display: flex !important; - display: -moz-box !important; - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - /* Looks like hover */ - width: var(--uc-close-button-size) !important; - height: var(--uc-close-button-size) !important; - padding: var(--uc-close-button-padding) !important; - margin-inline: var(--uc-close-button-margin) !important; - } - .tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover:not([busy]) .tab-icon-stack { - width: 0 !important; - position: absolute; - bottom: 8px; - } - .tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover .tab-icon-image { - display: none !important; - } - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover:not([busy]) - .tab-close-button { - margin-inline-end: var(--uc-close-button-margin) !important; - } - } -} -/** Clipped tabs - Always show tab icon ***************************************/ -@supports -moz-bool-pref("userChrome.tab.always_show_tab_icon") { - .tab-icon-image:not([src], [pinned], [crashed], [busy]) { - display: inline-flex !important; - display: -moz-inline-box !important; - } -} -/*= Sound Tab ================================================================*/ -/*= Sound Tab - Hide Label ===================================================*/ -@supports -moz-bool-pref("userChrome.tab.sound_hide_label") { - @supports not -moz-bool-pref("userChrome.tab.sound_show_label") { - .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) { - display: none !important; - } - } -} -/*= Sound Tab - Show Label ===================================================*/ -@supports -moz-bool-pref("userChrome.tab.sound_show_label") { - .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) { - display: flex !important; - display: -moz-box !important; - } -} -/*= Sound Tab - Show with Favicons ===========================================*/ -@supports -moz-bool-pref("userChrome.tab.sound_with_favicons") { - /* Makes the favicons always visible (also on hover) */ - .tab-icon-image:not([pinned]) { - opacity: 1 !important; - } - /* Makes the speaker icon to always appear if the tab is playing (not only on hover) */ - .tabbrowser-tab { - --uc-sound-tab-icon-position-x-default: -0.5px; - --uc-sound-tab-icon-position-x: var(--uc-sound-tab-icon-position-x-default); - --uc-sound-tab-icon-position-y: -6px; - } - .tabbrowser-tab:-moz-locale-dir(rtl) { - --uc-sound-tab-icon-position-x: calc(-1 * var(--uc-sound-tab-icon-position-x-default)); - } - @supports -moz-bool-pref("userChrome.tab.sound_with_favicons.on_center") { - .tabbrowser-tab:not([pinned]) { - --uc-sound-tab-icon-position-x-default: 7px; - --uc-sound-tab-icon-position-y: -1px; - } - } - .tab-icon-overlay:not([crashed]), - .tab-icon-overlay[pinned][crashed][selected] { - /* Position */ - top: 0 !important; - inset-inline-end: -9px !important; - z-index: 1 !important; - transform: translateX(var(--uc-sound-tab-icon-position-x)) translateY(var(--uc-sound-tab-icon-position-y)); - /* Shape */ - padding: 1.5px !important; - border-radius: 10px !important; - width: 17px !important; - height: 17px !important; - } - .tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { - /* Color */ - color: currentColor !important; - stroke: transparent !important; - background: transparent !important; - fill-opacity: 0.8 !important; - opacity: 1 !important; - } - /* Label */ - @supports not -moz-bool-pref("userChrome.hidden.tab_icon") { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container { - --uc-sound-tab-label-position-x-default: 4px; - } - @supports -moz-bool-pref("userChrome.tab.sound_with_favicons.on_center") { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container { - --uc-sound-tab-label-position-x-default: 8px; - } - } - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-label-position-x: var(--uc-sound-tab-label-position-x-default); - } - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-label-position-x: calc(-1 * var(--uc-sound-tab-label-position-x-default)); - } - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container - > * { - transform: translateX(var(--uc-sound-tab-label-position-x)); - } - } - @supports -moz-bool-pref("userChrome.hidden.tab_icon") { - @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container { - --uc-sound-tab-label-position-x-default: 4px; - } - @supports -moz-bool-pref("userChrome.tab.sound_with_favicons.on_center") { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container { - --uc-sound-tab-label-position-x-default: 8px; - } - } - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-label-position-x: var(--uc-sound-tab-label-position-x-default); - } - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-label-position-x: calc(-1 * var(--uc-sound-tab-label-position-x-default)); - } - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container - > * { - transform: translateX(var(--uc-sound-tab-label-position-x)); - } - } - } - /* Animate */ - @media (prefers-reduced-motion: no-preference) { - .tab-icon-overlay:not([crashed]), - .tab-icon-overlay[pinned][crashed][selected] { - transition: 0.1s var(--animation-easing-function); - } - .tab-label-container > * { - transition: transform 0.25s var(--animation-easing-function); - } - } - /* None exist favicon - Size bigger */ - @supports not -moz-bool-pref("userChrome.tab.always_show_tab_icon") { - .tabbrowser-tab .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-no-icon-position-x: -0.5px; - --uc-sound-tab-no-icon-label-position-x: 3px; - } - .tabbrowser-tab .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-no-icon-position-x: 0.5px; - --uc-sound-tab-no-icon-label-position-x: -3px; - } - @supports not -moz-bool-pref("userChrome.hidden.tab_icon") { - .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) { - transform: translateX(var(--uc-sound-tab-no-icon-position-x)) translateY(-1px); - inset-inline-end: 0 !important; - margin-inline-end: 0 !important; - padding: 0 !important; - } - .tabbrowser-tab:not([image]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) { - opacity: 0 !important; /* Favicon hidden */ - } - .tabbrowser-tab:not([image]):not([image]):not([pinned], [sharing], [crashed]):is( - [soundplaying], - [muted], - [activemedia-blocked] - ) - .tab-label-container - > * { - transform: translateX(var(--uc-sound-tab-no-icon-label-position-x)); - } - } - @supports -moz-bool-pref("userChrome.hidden.tab_icon") { - @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") { - .tabbrowser-tab .tab-icon-overlay:not([pinned], [sharing], [crashed]) { - transform: translateX(var(--uc-sound-tab-no-icon-position-x)) translateY(-1px); - inset-inline-end: 0 !important; - margin-inline-end: 0 !important; - padding: 0 !important; - } - .tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) { - opacity: 0 !important; /* Favicon hidden */ - } - .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):is( - [soundplaying], - [muted], - [activemedia-blocked] - ) - .tab-label-container - > * { - transform: translateX(var(--uc-sound-tab-no-icon-label-position-x)); - } - } - } - } - /* Busy - Show */ - .tab-throbber[busy], - .tab-icon-pending[busy] { - opacity: 1 !important; - } - /* Busy - Overlay Position */ - .tabbrowser-tab:not([pinned])[busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) { - transform: translateX(var(--uc-sound-tab-icon-position-x)) translateY(-6px); - } - .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed])[busy] { - inset-inline-end: -9px !important; - margin-inline-end: 9.5px !important; - padding: 1.5px !important; - } - /* Hover */ - .tab-icon-overlay:not([crashed])[soundplaying]:hover, - .tab-icon-overlay:not([crashed])[muted]:hover, - .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover { - color: var(--toolbar-bgcolor, white) !important; - stroke: var(--lwt-tab-text, var(--toolbar-color)) !important; - background-color: var(--lwt-tab-text, var(--toolbar-color)) !important; - fill-opacity: 0.95 !important; - } - #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[soundplaying]:hover, - #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[muted]:hover, - #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover { - color: var(--toolbar-bgcolor, black) !important; - } - .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):hover { - padding: 0 !important; - } -} -/*= PictureInPicture Tab - Show PIP Icon =====================================*/ -@supports -moz-bool-pref("userChrome.tab.pip") { - #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after, - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab[pictureinpicture]:not([pinned], :hover) - .tab-content::after { - content: ""; - } - .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after { - /* Shape */ - display: inline-flex !important; - display: -moz-inline-box !important; - width: 14px; - height: 14px; - background-size: 14px; - order: 1 !important; - -moz-box-ordinal-group: 1 !important; - /* Color */ - fill: currentColor; - opacity: 0.8; - -moz-context-properties: fill; - /* Icon */ - background-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); - } - .tabbrowser-tab[pictureinpicture]:not([pinned])[selected] .tab-content::after { - opacity: 0.95; - } - /* Close Button's position */ - .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { - order: 2 !important; - -moz-box-ordinal-group: 2 !important; - } - #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { - margin-left: 7px !important; - } - #tabbrowser-tabs:not([closebuttons="activetab"]) - .tabbrowser-tab[pictureinpicture]:not([pinned]):hover - .tab-close-button { - margin-left: 2px !important; - } -} -/*= Container Tab - Color line at icon's bottom ==============================*/ -@supports -moz-bool-pref("userChrome.tab.container") { - @supports not -moz-bool-pref("userChrome.tabbar.as_titlebar") { - @supports not -moz-bool-pref("userChrome.tab.photon_like_contextline") { - .tab-context-line { - display: none; - } - } - #tabbrowser-tabs { - --uc-container-position-x: 9px; - --uc-container-position-y-default: 11.5px; - --uc-container-position-y-bottom: calc(50% + var(--uc-container-position-y-default)); - --uc-container-position-y: var(--uc-container-position-y-bottom); - --uc-titlechanged-container-position-x: 32%, 50%, 70%; - } - #tabbrowser-tabs:-moz-locale-dir(rtl) { - --uc-container-position-x: -9px; - } - @supports -moz-bool-pref("userChrome.tab.container.on_top") { - #tabbrowser-tabs { - --uc-container-position-y: calc(var(--uc-container-position-y-bottom) * -1); - } - } - :root[uidensity="compact"] #tabbrowser-tabs { - --uc-container-position-y-default: 10.5px; - --uc-titlechanged-container-position-x: 30%, 50%, 70%; - } - :root[uidensity="touch"] #tabbrowser-tabs { - --uc-container-position-y-default: 12.5px; - } - .tab-content::before { - /* Box Model */ - content: ""; - display: block; - position: absolute; - top: 50%; - transform: translate(var(--uc-container-position-x), var(--uc-container-position-y)); - /* Shape */ - border-bottom: 2px solid var(--identity-icon-color); - width: 25%; - opacity: 0.75; - } - .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { - width: calc(100% - 30px); - opacity: 1; - } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { - width: calc(100% - 33px); - } - /* Animate */ - @media (prefers-reduced-motion: no-preference) { - .tab-content:not([titlechanged])::before { - transition: 0.15s var(--animation-easing-function); - transition-property: width, opacity; - } - } - /* Pinned Tab */ - .tabbrowser-tab[pinned] .tab-content::before { - transform: translateY(var(--uc-container-position-y)); - width: 16px; - } - @supports -moz-bool-pref("userChrome.tab.close_button_at_pinned") { - .tabbrowser-tab[pinned][visuallyselected]:not([busy]):hover .tab-content::before { - opacity: 0; - } - } - @supports not -moz-bool-pref("userChrome.tab.container.on_top") { - .tab-content[titlechanged]::before { - opacity: 0; - } - /* Pinned Tab - Titlechanged Indicator override */ - .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected]), - .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { - /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ - --dotted-identity-image: radial-gradient( - circle, - var(--identity-icon-color), - var(--identity-icon-color) 2px, - transparent 2px - ); - background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important; - background-position-x: var(--uc-titlechanged-container-position-x) !important; - } - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { - /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ - background-position-y: top var(--uc-container-position-y) !important; - } - /* Pinned Tab - Titlechanged & soundplaying */ - .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) - > .tab-stack - > .tab-content[attention]:not([selected]), - .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) - > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected]) { - --uc-titlechanged-container-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px); - } - :root[uidensity="compact"] - .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) - > .tab-stack - > .tab-content[attention]:not([selected]), - :root[uidensity="compact"] - .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) - > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected]) { - --uc-titlechanged-container-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px); - } - } - @supports -moz-bool-pref("userChrome.tab.container.on_top") { - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { - /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ - background-position-y: top var(--uc-container-position-y-bottom) !important; - } - } - } -} -/*= Crashed Tab - Don't show Favicons ========================================*/ -@supports -moz-bool-pref("userChrome.tab.crashed") { - .tab-icon-image[crashed] { - display: none !important; - } -} -/** Nav Bar UI ****************************************************************/ -/*= Nav Bar - Navbar comabine with sidebar===================================*/ -@supports -moz-bool-pref("userChrome.navbar.as_sidebar") { - :root { - --uc-navbar-margin-block: var(--toolbarbutton-inner-padding); - --uc-urlbar-margin-top: calc(var(--uc-navbar-height) + var(--uc-navbar-margin-block)); - --uc-urlbar-container-height: 36px; - --uc-navbar-sideblock-height: calc(var(--uc-urlbar-margin-top) + var(--uc-urlbar-container-height)); - } - #nav-bar, - #sidebar-box, - #sidebar-header, - #sidebar { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } - #nav-bar, - #wrapper-urlbar-container, - #urlbar-container { - position: absolute !important; - } - #nav-bar-customization-target { - justify-content: space-between; - -moz-box-pack: justify; - } - #nav-bar { - z-index: 1; - margin-top: calc( - var(--uc-tabbar-height) + var(--uc-bm-height) + var(--uc-menubar-height) + var(--uc-navbar-margin-block) - ); - overflow-y: visible !important; - background: none !important; - box-shadow: none !important; - -moz-window-dragging: drag; - } - @supports selector(:has(a)) { - :root:has(#sidebar-box[hidden="true"]) #nav-bar { - margin-inline-start: var(--uc-sidebar-activate-width-reverse) !important; - opacity: 0; - visibility: hidden; - } - :root:has(#sidebar-box[positionend="true"]) #nav-bar { - right: 0; - } - } - @media (prefers-reduced-motion: no-preference) { - @supports -moz-bool-pref("userChrome.decoration.animate") { - @supports not -moz-bool-pref("userChrome.decoration.disable_sidebar_animate") { - #nav-bar { - transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, - visibility 0s linear, - margin-top var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - will-change: margin-inline-start, opacity, visibility, margin-top; - } - :root:has(#sidebar-box[hidden="true"]) #nav-bar, - #navigator-toolbox:is(:hover, :focus-within) #nav-bar { - transition-delay: 0s, 0s, 0.25s, 0s, 0s !important; - } - } - @supports -moz-bool-pref("userChrome.decoration.disable_sidebar_animate") { - #nav-bar { - transition: margin-top var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - will-change: margin-top; - } - #navigator-toolbox:is(:hover, :focus-within) #nav-bar { - transition-delay: 0s !important; - } - } - } - } - #urlbar-container { - top: var(--uc-urlbar-margin-top); - min-width: calc(var(--uc-sidebar-activate-width) - 2 * var(--toolbarbutton-inner-padding)) !important; - margin-inline: auto !important; /* Original: var(--urlbar-margin-inline) */ - left: 50%; - transform: translateX(-50%); - } - #customizableui-special-spring1, - #customizableui-special-spring2, - #wrapper-customizableui-special-spring1, - #wrapper-customizableui-special-spring2 { - display: none !important; - } - #sidebar-header { - margin-top: var(--uc-navbar-sideblock-height) !important; - -moz-window-dragging: drag; - } - :root[customizing="true"] #wrapper-urlbar-container { - left: 50%; - } - :root[customizing="true"] #browser[collapsed="true"] { - visibility: visible !important; - } - :root[customizing="true"] #browser[collapsed="true"] #appcontent { - visibility: collapse; - } - :root[customizing="true"] #browser[collapsed="true"] #sidebar-box { - position: absolute; - height: 100%; - } - :root[customizing="true"] #browser[collapsed="true"] #sidebar-box[positionend="true"] { - right: 0; - } - :root[customizing="true"] #customization-container { - --uc-customization-conatiner-margin: var(--uc-navbar-height-default); - width: calc(100% - var(--uc-sidebar-activate-width)); - height: calc(100% - var(--uc-customization-conatiner-margin)); - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - :root[customizing="true"] #customization-container { - --uc-customization-conatiner-margin: calc(var(--uc-navbar-height-default) - var(--uc-tabbar-height-default)); - } - } - :root[customizing="true"]:has(#sidebar-box:not([positionend="true"])) #customization-container { - margin-inline-start: var(--uc-sidebar-activate-width); - } - :root[customizing="true"]:has(#sidebar-box[positionend="true"]) #customization-container { - margin-inline-end: var(--uc-sidebar-activate-width); - } - :root[customizing="true"] #customization-palette-container, - :root[customizing="true"] #customization-panel-container { - flex-shrink: 0.5 !important; - } -} -/** Bookark Bar UI ************************************************************/ -@supports -moz-bool-pref("userChrome.bookmarkbar.multi_row") { - #PersonalToolbar { - --uc-multirow-bookmark-rows: 3; - --uc-multirow-bookmark-row-margin: 2px; - max-height: none !important; - height: unset !important; - } - #PlacesToolbar > hbox { - display: block; - width: 100vw; - } - #PlacesToolbarItems { - display: flex; - flex-wrap: wrap; - overflow-y: auto; - scroll-snap-type: y mandatory; - max-height: calc( - var(--uc-multirow-bookmark-rows) * - ( - var(--uc-bm-height, calc(20px + var(--bookmark-block-padding, 4px))) + 2 * - var(--uc-multirow-bookmark-row-margin) - ) - ) !important; - } - #PlacesChevron { - display: none; - } - #PlacesToolbarItems > .bookmark-item { - scroll-snap-align: start; - margin-block: var(--uc-multirow-bookmark-row-margin) !important; - } -} -/** Url View UI ***************************************************************/ -/*= Url Bar - Icon box as Separator ==========================================*/ -@supports -moz-bool-pref("userChrome.urlbar.iconbox_with_separator") { - #identity-box { - /* separator */ - position: relative; - } - #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:not(:hover, [open]), - #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:not(:hover, [open]), - #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:not(:hover, [open]) { - /* remove background from urlbar box */ - background-color: transparent !important; - } - #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:not(:hover, [open])::after, - #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:not(:hover, [open])::after, - #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:not(:hover, [open])::after { - opacity: 0.375; - } - #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button::after, - #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button::after, - #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button::after { - /* Box Model */ - content: ""; - position: absolute; - display: block; - /* Position */ - right: 0; - top: 50%; - transform: translateY(-50%); - /* Bar shape */ - width: 1px; - height: 1em; - /* Bar Color */ - opacity: 0; - background-color: currentColor; - } - #identity-box[pageproxystate="valid"] #identity-icon-label { - /* increase space between icon and text - as identity box padding */ - padding-inline-start: 8px !important; - } - @media (prefers-reduced-motion: no-preference) { - .identity-box-button::after { - transition: opacity 0.2s var(--animation-easing-function); - } - } -} -/*= Url View - Share Layout ==================================================*/ -@supports -moz-bool-pref("userChrome.urlView.as_commandbar") or -moz-bool-pref("userChrome.urlView.full_width_padding") { - .urlbarView { - --uc-urlView-padding: calc(5px + var(--urlbar-container-padding)); - margin-inline: 0 !important; /* Original: calc(5px + var(--urlbar-container-padding)) */ - } -} -/*= Url View - Looks like Launcher ===========================================*/ -@supports -moz-bool-pref("userChrome.urlView.as_commandbar") { - /* Init & Base Layout */ - .urlbarView { - --urlbarView-favicon-width: 32px; /* Original: 16px */ - --uc-urlView-typeIcon-size: 18px; - --uc-urlView-icon-size-differ: 14px; - --uc-searchBar-icon-size: 20px; - --uc-searchBar-button-size: 32px; - --uc-urlView-row-padding: 8px; - --uc-urlView-row-bottom: 2px; - --uc-urlView-margin: calc(var(--uc-sidebar-activate-width, 18rem) + var(--toolbarbutton-inner-padding)); - position: fixed !important; - left: 50vw; - transform: translateX(-50%); - top: 12vh !important; - width: calc(100vw - (var(--uc-urlView-margin) + var(--toolbarbutton-inner-padding))) !important; - /* paddding as margin */ - /* background */ - background-color: var(--toolbar-field-focus-background-color) !important; - background-clip: border-box; - border: 1px solid var(--arrowpanel-border-color) !important; - border-radius: var(--toolbarbutton-border-radius) !important; - box-shadow: 0 2px 14px rgba(0, 0, 0, 0.13); - } - @supports not -moz-bool-pref("userChrome.urlView.full_width_padding") { - .urlbarView { - padding-inline: var(--uc-urlView-padding) !important; - } - } - .urlbarView-body-inner { - border-top: none !important; - } - /* Big icons */ - :root[uidensity="compact"] .urlbarView { - --urlbarView-favicon-width: 24px; /* Original: 16px */ - --uc-urlView-typeIcon-size: 16px; - --uc-urlView-icon-size-differ: 8px; - --uc-searchBar-icon-size: 18px; - --uc-searchBar-button-size: 30px; - } - :root[uidensity="touch"] .urlbarView { - --uc-urlView-row-padding: 17px; - --uc-urlView-row-bottom: 11px; - } - .urlbarView-row:not([type="tip"], [type="dynamic"]) { - position: relative; - min-height: calc(var(--urlbarView-favicon-width) + var(--uc-urlView-row-padding)) !important; - } - .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-row-inner { - height: var(--urlbarView-favicon-width) !important; - } - .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-favicon { - position: absolute; - top: 50%; - transform: translateY(-50%); - } - .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-title { - padding-inline-start: calc( - var(--urlbarView-item-inline-padding) + var(--identity-box-margin-inline) + var(--urlbarView-favicon-width) - ) !important; - } - .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-type-icon { - width: var(--uc-urlView-typeIcon-size) !important; - height: var(--uc-urlView-typeIcon-size) !important; - margin-inline-start: calc( - var(--uc-urlView-icon-size-differ) + var(--urlbarView-item-inline-padding) - ) !important; /* Original: 8px */ - bottom: var(--uc-urlView-row-bottom); - } - .urlbarView-row[dynamicType="quickactions"] .urlbarView-favicon-img { - width: var(--urlbarView-favicon-width) !important; /* Original: 16px */ - height: var(--urlbarView-favicon-width) !important; /* Original: 16px */ - } - .urlbarView-row[dynamicType="quickactions"] .urlbarView-label { - font-size: 0.95em !important; /* Original: 11px */ - } - :root[uidensity="touch"] .urlbarView-row { - padding-block: 6px !important; - } - :root[uidensity="touch"] .urlbarView-row-inner { - padding-block: 11px !important; - } - #urlbar .searchbar-engine-one-off-item { - min-width: var(--uc-searchBar-button-size) !important; /* Original: 28px */ - height: var(--uc-searchBar-button-size) !important; - } - #urlbar .searchbar-engine-one-off-item > .button-box > .button-icon { - width: var(--uc-searchBar-icon-size) !important; /* Original: 16px */ - height: var(--uc-searchBar-icon-size) !important; - } -} -/*= Url View - Full Width Pddding ============================================*/ -@supports -moz-bool-pref("userChrome.urlView.full_width_padding") { - .urlbarView { - --uc-urlView-padding-double: calc(var(--uc-urlView-padding) * 2); - --uc-urlView-full-width-padding: var(--uc-urlView-padding-double); - } - @supports not -moz-bool-pref("userChrome.urlView.as_commandbar") { - .urlbarView { - --uc-urlView-full-width-padding: var(--uc-urlView-padding); - width: 100% !important; - } - } - #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner { - border-color: transparent !important; - } - #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner::before { - content: ""; - position: absolute; - border-top: 1px solid var(--autocomplete-popup-separator-color); - transform: translate(-50%, -1px); - left: 50%; - } - #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner::before, - .urlbarView .search-one-offs { - width: calc(100% + 2px - var(--uc-urlView-padding-double)) !important; - } - .urlbarView .search-one-offs { - margin-inline: var(--uc-urlView-full-width-padding) !important; - } - .urlbarView-row-inner { - padding-inline: calc(var(--uc-urlView-full-width-padding) + var(--urlbarView-item-inline-padding)) !important; - } -} -/*= Url View - Always show page actions ======================================*/ -@supports -moz-bool-pref("userChrome.urlbar.always_show_page_actions") { - #urlbar:not([breakout-extend="true"]) #pageActionButton { - display: block !important; - visibility: visible !important; - } -} -/*= Url View - Move icon to left =============================================*/ -@supports -moz-bool-pref("userChrome.urlView.move_icon_to_left") { - .urlbarView-type-icon { - min-width: 16px !important; - height: 16px !important; - margin-block: 0 !important; - margin-inline-start: 0 !important; - } - .urlbarView-favicon { - margin-inline-start: 20px !important; - } -} -/*= Url View - Go button when typing =========================================*/ -@supports -moz-bool-pref("userChrome.urlView.go_button_when_typing") { - #urlbar-input-container[pageproxystate="invalid"] #urlbar-go-button { - display: block !important; - } -} -/*= Url View - Item Focus Border =============================================*/ -@supports -moz-bool-pref("userChrome.urlView.focus_item_border") { - .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, - .urlbarView-row-inner[selected] { - box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important; - } -} -/** Panel UI ******************************************************************/ -@supports -moz-bool-pref("userChrome.panel.remove_strip") { - #appMenu-fxa-separator { - --panel-separator-zap-gradient: none; /* Original: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%) */ - } -} -@supports -moz-bool-pref("userChrome.panel.full_width_separator") { - /* Full width separators */ - :root { - /* Original - --panel-separator-margin-vertical: 4px; - --panel-separator-margin-horizontal: 8px; - --panel-separator-margin: var(--panel-separator-margin-vertical) var(--panel-separator-margin-horizontal); - */ - --panel-separator-margin-horizontal: 0 !important; - } -} -@supports -moz-bool-pref("userChrome.panel.full_width_padding") { - /* Original - --arrowpanel-menuitem-margin: 0 8px; - --arrowpanel-menuitem-padding-block: 8px; - --arrowpanel-menuitem-padding-inline: 8px; - --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline); - */ - :root, - :root:is([uidensity="compact"], [uidensity="touch"]) { - --arrowpanel-menuitem-margin: 0 !important; - --arrowpanel-menuitem-margin-inline: 0 !important; - --arrowpanel-menuitem-padding-inline: calc(var(--arrowpanel-menuitem-padding-block) + 8px) !important; - } -} -/** Sidebar UI ****************************************************************/ -@supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") or -moz-bool-pref( - "userChrome.navbar.as_sidebar" - ) { - :root { - /* Original - min-width: 14em; - width: 18em; - max-width: 36em; - */ - --uc-sidebar-width: 40px; - --uc-sidebar-activate-width: 18rem; - --uc-sidebar-activate-width-reverse: calc(-1 * var(--uc-sidebar-activate-width)); - --uc-sidebar-fullscreen-width: 4px; - --uc-sidebar-shadow-size: 1px; - --uc-sidebar-shadow-width: 0px; - --uc-sidebar-shadow-position: var(--uc-sidebar-shadow-position-default); - --uc-sidebar-shadow-position-default: calc(var(--uc-sidebar-shadow-size) + var(--uc-sidebar-shadow-width)); - --uc-sidebar-shadow-color: #28282f; - --uc-autohide-sidebar-speed: 750ms; - --uc-autohide-fullscreen-sidebar-speed: 1s; - --uc-autohide-sidebar-delay: 600ms; /* Wait 0.6s before hiding sidebar */ - } - #sidebar-splitter { - display: none !important; - } -} -@supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") { - #sidebar-box { - --uc-sidebar-shadow-color: #28282f; - z-index: 1 !important; - position: relative !important; - box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color); - } - #sidebar-box[positionend="true"] { - --uc-sidebar-shadow-position: calc(-1 * var(--uc-sidebar-shadow-position-default)); - } - #sidebar { - display: block; - } - #main-window > body > box { - z-index: 2 !important; - } -} -@supports -moz-bool-pref("userChrome.sidebar.overlap") { - #sidebar-box[positionend="true"] { - direction: rtl; - } - #sidebar-header, - #sidebar { - background-color: var(--sidebar-background-color) !important; - color: var(--sidebar-text-color) !important; - overflow: hidden; - } - #sidebar-header { - font-size: unset !important; - } - #sidebar-header > #sidebar-switcher-target { - font-size: 1.333em; - } - @supports not -moz-bool-pref("userChrome.autohide.sidebar") { - #sidebar-box, - #sidebar-header, - #sidebar { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } - #sidebar-box { - margin-inline-start: var(--uc-sidebar-activate-width-reverse) !important; - will-change: padding-inline; - --uc-sidebar-shadow-width: var(--uc-sidebar-activate-width); - } - #sidebar-box:not([hidden="true"]) { - padding-inline-start: var(--uc-sidebar-activate-width) !important; - } - @media (prefers-reduced-motion: no-preference) { - #sidebar-box { - transition: padding-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, - box-shadow 0s linear, visibility 0s linear !important; - } - } - } -} -/** Combined UI ***************************************************************/ -/*= Combined - At URL bar ====================================================*/ -@supports -moz-bool-pref("userChrome.combined.nav_button") or -moz-bool-pref( - "userChrome.combined.nav_button.home_button" - ) or -moz-bool-pref("userChrome.combined.urlbar.nav_button") or -moz-bool-pref( - "userChrome.combined.urlbar.home_button" - ) or -moz-bool-pref("userChrome.combined.urlbar.reload_button") { - #nav-bar { - --uc-combined-circlebutton-background: hsla(0, 100%, 100%, 0.5); - --uc-combined-circlebutton-hover-background: var(--uc-combined-circlebutton-background); - --uc-combined-circlebutton-active-background: var(--toolbarbutton-active-background); - --uc-combined-circlebutton-border-color: hsla(240, 5%, 5%, 0.3); - --uc-toolbarbutton-boundary: calc(var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding)); - --uc-toolbarbutton-padding: calc(2 * var(--uc-toolbarbutton-boundary)); - --uc-toolbarbutton-size: calc(12px + var(--uc-toolbarbutton-padding)); - --uc-toolbarbutton-halfsize: calc(6px + var(--uc-toolbarbutton-boundary)); - --uc-urlbar-icon-size: calc(16px + 2 * var(--urlbar-icon-padding)); - } - #nav-bar[brighttext] { - --uc-combined-circlebutton-background: var(--toolbarbutton-hover-background); - --uc-combined-circlebutton-hover-background: var(--toolbarbutton-active-background); - --uc-combined-circlebutton-active-background: color-mix(in srgb, currentColor 20%, transparent); - } - #nav-bar-customization-target > * { - order: 1; - -moz-box-ordinal-group: 1; - } - #nav-bar-customization-target > #urlbar-container { - order: 5; - -moz-box-ordinal-group: 5; - } - #nav-bar-customization-target > #urlbar-container ~ * { - order: 7; - -moz-box-ordinal-group: 7; - } -} -@supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") or -moz-bool-pref("userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #urlbar-container { - /* var(--urlbar-margin-inline) */ - margin-inline-start: calc(-1 * var(--uc-urlbar-combined-margin, 0px)) !important; - } - #nav-bar-customization-target > #urlbar-container > #urlbar:not([breakout][breakout-extend]) { - padding-left: var(--uc-urlbar-combined-margin, 0px); - } - @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #urlbar-container { - --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size); - } - } - @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #urlbar-container { - --uc-urlbar-combined-margin: var(--uc-toolbarbutton-halfsize); - } - @supports -moz-bool-pref("userChrome.combined.nav_button") { - @supports -moz-bool-pref("userChrome.combined.nav_button.home_button") { - @supports -moz-bool-pref("userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #urlbar-container { - --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size); - } - } - } - } - } - @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - @supports -moz-bool-pref("userChrome.autohide.forward_button") { - #nav-bar-customization-target - > #forward-button[disabled="true"] - ~ #urlbar-container - > #urlbar:not([breakout][breakout-extend]) { - padding-left: calc(var(--uc-urlbar-combined-margin, 0px) - var(--urlbar-icon-padding)); - } - } - @media (prefers-reduced-motion: no-preference) { - #nav-bar-customization-target > #forward-button[disabled="true"] ~ #urlbar-container > #urlbar { - transition-property: margin-left, padding-left; - transition-duration: 0.5s; - transition-timing-function: var(--animation-easing-function); - } - } - } -} -@supports -moz-bool-pref("userChrome.combined.nav_button") or -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") or - (not -moz-bool-pref("userChrome.combined.sub_button.as_normal")) or - (-moz-bool-pref("userChrome.combined.nav_button") and -moz-bool-pref("userChrome.combined.urlbar.home_button")) { - #nav-bar-customization-target > #forward-button { - --uc-forward-button-margin: calc(-1 * var(--uc-toolbarbutton-boundary) + 1px); - z-index: 2; - position: relative; - } - #nav-bar-customization-target > #forward-button > .toolbarbutton-icon { - padding-inline-end: var(--urlbar-icon-padding) !important; /* Original: var(--toolbarbutton-inner-padding) */ - padding-block: var(--urlbar-icon-padding) !important; - height: var(--uc-urlbar-icon-size) !important; - } - @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #forward-button { - padding-inline-end: 0px !important; /* Original: var(--toolbarbutton-outer-padding) */ - } - } - @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - @supports not -moz-bool-pref("userChrome.combined.sub_button.none_background") { - @supports -moz-bool-pref("userChrome.combined.urlbar.home_button") { - @supports not -moz-bool-pref("userChrome.combined.nav_button.home_button") { - #nav-bar-customization-target > #forward-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - } - #nav-bar-customization-target > #forward-button:not([disabled], [open]):hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #forward-button[open] > .toolbarbutton-icon, - #nav-bar-customization-target > #forward-button:not([disabled]):hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } - #nav-bar-customization-target > #forward-button[disabled="true"] > .toolbarbutton-icon { - background-color: color-mix( - in srgb, - var(--toolbarbutton-hover-background), - var(--toolbar-field-background-color) 40% - ) !important; - fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%); - } - @supports not -moz-bool-pref("userChrome.autohide.forward_button") { - #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] { - opacity: 1 !important; /* Original: 0.4 */ - } - } - } - } - @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #forward-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - } - #nav-bar-customization-target > #forward-button:not([disabled], [open]):hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #forward-button[open] > .toolbarbutton-icon, - #nav-bar-customization-target > #forward-button:not([disabled]):hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } - #nav-bar-customization-target > #forward-button[disabled="true"] > .toolbarbutton-icon { - background-color: color-mix( - in srgb, - var(--toolbarbutton-hover-background), - var(--toolbar-field-background-color) 40% - ) !important; - fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%); - } - @supports not -moz-bool-pref("userChrome.autohide.forward_button") { - #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] { - opacity: 1 !important; /* Original: 0.4 */ - } - } - } - } - } - @supports not -moz-bool-pref("userChrome.autohide.forward_button") { - #nav-bar-customization-target > #forward-button { - margin-inline-start: var(--uc-forward-button-margin) !important; - } - } - @supports -moz-bool-pref("userChrome.autohide.forward_button") { - #nav-bar-customization-target > #forward-button:not([disabled="true"]) { - margin-inline-start: var(--uc-forward-button-margin) !important; - } - } - } - #nav-bar-customization-target > #back-button { - position: relative; - } - @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") { - @supports not -moz-bool-pref("userChrome.combined.nav_button.home_button") { - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - } - #nav-bar-customization-target > #back-button:not([disabled], [open]):hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #back-button[open] > .toolbarbutton-icon, - #nav-bar-customization-target > #back-button:not([disabled]):hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } - #nav-bar-customization-target > #back-button[disabled="true"] > .toolbarbutton-icon { - background-color: color-mix( - in srgb, - var(--toolbarbutton-hover-background), - var(--toolbar-field-background-color) 40% - ) !important; - fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%); - } - @supports not -moz-bool-pref("userChrome.autohide.back_button") { - #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] { - opacity: 1 !important; /* Original: 0.4 */ - } - } - } - } - @supports -moz-bool-pref("userChrome.combined.nav_button.home_button") or -moz-bool-pref("userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #back-button { - z-index: 2; - } - @supports not -moz-bool-pref("userChrome.combined.sub_button.as_normal") { - #nav-bar-customization-target > #back-button { - margin-inline-end: calc(-1 * var(--uc-toolbarbutton-boundary) - 1px) !important; - } - @supports not -moz-bool-pref("userChrome.combined.sub_button.none_background") { - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - } - #nav-bar-customization-target > #back-button:not([disabled], [open]):hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #back-button[open] > .toolbarbutton-icon, - #nav-bar-customization-target > #back-button:not([disabled]):hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } - #nav-bar-customization-target > #back-button[disabled="true"] > .toolbarbutton-icon { - background-color: color-mix( - in srgb, - var(--toolbarbutton-hover-background), - var(--toolbar-field-background-color) 40% - ) !important; - fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%); - } - @supports not -moz-bool-pref("userChrome.autohide.back_button") { - #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] { - opacity: 1 !important; /* Original: 0.4 */ - } - } - } - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - padding-inline-start: var(--urlbar-icon-padding) !important; /* Original: var(--toolbarbutton-inner-padding) */ - padding-block: var(--urlbar-icon-padding) !important; - height: var(--uc-urlbar-icon-size) !important; - } - } - } - @supports not -moz-bool-pref("userChrome.combined.nav_button.home_button") { - @supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #back-button { - z-index: 3 !important; - background-color: var(--toolbar-bgcolor) !important; - background-clip: content-box !important; - border-radius: 100%; - padding-block: 0 !important; - } - @supports -moz-bool-pref("userChrome.padding.toolbar_button") { - @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") { - #nav-bar-customization-target > #back-button { - --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); - } - } - } - @supports not -moz-bool-pref("userChrome.autohide.back_button") { - #nav-bar-customization-target > #back-button { - padding-inline-end: 0 !important; - } - } - @supports -moz-bool-pref("userChrome.autohide.back_button") { - #nav-bar-customization-target > #back-button:not([disabled="true"]) { - padding-inline-end: 0 !important; - } - #nav-bar-customization-target > #back-button[disabled="true"] { - padding-inline-end: calc(var(--toolbarbutton-outer-padding) + 1px) !important; - } - } - #nav-bar-customization-target > #back-button > menupopup { - margin-top: -1px !important; - } - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - background-origin: padding-box; - background-clip: padding-box; - border: 1px solid var(--uc-combined-circlebutton-border-color); - border-radius: 10000px !important; - padding-inline-end: var(--urlbar-icon-padding) !important; - height: auto !important; - } - } - } - @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #back-button { - z-index: 3 !important; - background-color: var(--toolbar-bgcolor) !important; - background-clip: content-box !important; - border-radius: 100%; - padding-block: 0 !important; - } - @supports -moz-bool-pref("userChrome.padding.toolbar_button") { - @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") { - #nav-bar-customization-target > #back-button { - --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); - } - } - } - @supports not -moz-bool-pref("userChrome.autohide.back_button") { - #nav-bar-customization-target > #back-button { - padding-inline-end: 0 !important; - } - } - @supports -moz-bool-pref("userChrome.autohide.back_button") { - #nav-bar-customization-target > #back-button:not([disabled="true"]) { - padding-inline-end: 0 !important; - } - #nav-bar-customization-target > #back-button[disabled="true"] { - padding-inline-end: calc(var(--toolbarbutton-outer-padding) + 1px) !important; - } - } - #nav-bar-customization-target > #back-button > menupopup { - margin-top: -1px !important; - } - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - background-origin: padding-box; - background-clip: padding-box; - border: 1px solid var(--uc-combined-circlebutton-border-color); - border-radius: 10000px !important; - padding-inline-end: var(--urlbar-icon-padding) !important; - height: auto !important; - } - } - } -} -@supports -moz-bool-pref("userChrome.combined.nav_button") { - @supports -moz-bool-pref("userChrome.combined.nav_button.home_button") { - #nav-bar-customization-target > #home-button { - position: relative; - z-index: 3 !important; - background-color: var(--toolbar-bgcolor) !important; - background-clip: content-box !important; - border-radius: 100%; - padding-block: 0 !important; - padding-inline-end: 0 !important; - } - @supports -moz-bool-pref("userChrome.padding.toolbar_button") { - @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") { - #nav-bar-customization-target > #home-button { - --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); - } - } - } - #nav-bar-customization-target > #home-button > menupopup { - margin-top: -1px !important; - } - #nav-bar-customization-target > #home-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - background-origin: padding-box; - background-clip: padding-box; - border: 1px solid var(--uc-combined-circlebutton-border-color); - border-radius: 10000px !important; - padding-inline-end: var(--urlbar-icon-padding) !important; - height: auto !important; - } - #nav-bar-customization-target > #home-button:hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #home-button:hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } - } -} -@supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #back-button { - order: 2; - -moz-box-ordinal-group: 2; - } - #nav-bar-customization-target > #forward-button { - order: 4; - -moz-box-ordinal-group: 4; - } - @supports -moz-bool-pref("userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button, #home-button) - + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button, #home-button), - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button, #home-button) - + :is(#back-button, #forward-button, #home-button) - + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button, #home-button), - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button, #home-button) - + :is(#back-button, #forward-button, #home-button) - + :is(#back-button, #forward-button, #home-button) - + :is(toolbarbutton, toolbaritem) { - padding-inline-start: var(--toolbar-start-end-padding) !important; - } - } - @supports not -moz-bool-pref("userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button) - + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button), - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button) - + :is(#back-button, #forward-button) - + :is(toolbarbutton, toolbaritem) { - padding-inline-start: var(--toolbar-start-end-padding) !important; - } - } -} -@supports -moz-bool-pref("userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #home-button { - order: 3; - -moz-box-ordinal-group: 3; - } - @supports not -moz-bool-pref("userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #home-button:is(:first-child) + :is(toolbarbutton, toolbaritem) { - padding-inline-start: var(--toolbar-start-end-padding) !important; - } - } - #nav-bar-customization-target > #home-button { - position: relative; - z-index: 3 !important; - background-color: var(--toolbar-bgcolor) !important; - background-clip: content-box !important; - border-radius: 100%; - padding-block: 0 !important; - padding-inline-end: 0 !important; - } - @supports -moz-bool-pref("userChrome.padding.toolbar_button") { - @supports -moz-bool-pref("userChrome.padding.toolbar_button.compact") { - #nav-bar-customization-target > #home-button { - --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); - } - } - } - #nav-bar-customization-target > #home-button > menupopup { - margin-top: -1px !important; - } - #nav-bar-customization-target > #home-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - background-origin: padding-box; - background-clip: padding-box; - border: 1px solid var(--uc-combined-circlebutton-border-color); - border-radius: 10000px !important; - padding-inline-end: var(--urlbar-icon-padding) !important; - height: auto !important; - } - #nav-bar-customization-target > #home-button:hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #home-button:hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } -} -@supports -moz-bool-pref("userChrome.combined.urlbar.reload_button") { - #nav-bar-customization-target > #stop-reload-button { - order: 6; - -moz-box-ordinal-group: 6; - } - #urlbar { - padding-right: calc(var(--uc-toolbarbutton-size) - var(--urlbar-margin-inline) / 2); - } - #nav-bar-customization-target > #stop-reload-button { - z-index: 3; - position: relative; - --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor); - color: var(--urlbar-box-hover-text-color) !important; - margin-left: calc(-1 * (var(--uc-toolbarbutton-size) + var(--urlbar-margin-inline))); - } - #nav-bar-customization-target > #stop-reload-button > .toolbarbutton-1 > .toolbarbutton-icon { - width: var(--uc-urlbar-icon-size) !important; - height: var(--uc-urlbar-icon-size) !important; - padding: var(--urlbar-icon-padding) !important; - } -} -/** Others UI *****************************************************************/ -/*= Counter for Tab ==========================================================*/ -@supports -moz-bool-pref("userChrome.counter.tab") { - #tabbrowser-tabs { - counter-reset: tab-counts; - } - .tabbrowser-tab:not([hidden="true"]) { - counter-increment: tab-counts; - } - .tabbrowser-tab:not([hidden="true"])[pinned="true"] .tab-label-container::before { - content: " " counter(tab-counts); - } - .tabbrowser-tab:not([hidden="true"]):not([pinned="true"]) .tab-label-container::before { - content: counter(tab-counts) ": "; - } - .tabbrowser-tab:not([hidden="true"]) .tab-label-container { - display: grid; - align-content: safe center; - align-items: safe center; - } - @supports -moz-bool-pref("userChrome.centered.tab") { - @supports not -moz-bool-pref("userChrome.centered.tab.label") { - .tabbrowser-tab:not([hidden="true"]) .tab-label-container { - justify-content: start; - justify-items: start; - } - } - } - @supports not -moz-bool-pref("userChrome.centered.tab") { - .tabbrowser-tab:not([hidden="true"]) .tab-label-container { - justify-content: start; - justify-items: start; - } - } - .tabbrowser-tab:not([hidden="true"]) .tab-label-container::before { - display: inline-block; - grid-row: 1; - } - .tabbrowser-tab:not([hidden="true"]) .tab-label-container > .tab-text { - grid-row: 1; - } - .tabbrowser-tab:not([hidden="true"]) .tab-label-container[pinned] { - width: unset !important; /* Original: 0 */ - } - .tabbrowser-tab:not([hidden="true"]) .tab-label-container[pinned] > .tab-text, - .tabbrowser-tab:not([hidden="true"]) .tab-label-container[pinned] > .tab-secondary-label { - width: 0; - } - .tab-label, - .tab-secondary-label { - overflow: hidden; - } - @supports -moz-bool-pref("userChrome.tab.sound_with_favicons") { - @supports not -moz-bool-pref("userChrome.hidden.tab_icon") { - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-label-position-x: 2px; - } - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-label-position-x: -2px; - } - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container::before { - transform: translateX(var(--uc-sound-tab-label-position-x, 0px)); - } - } - @supports -moz-bool-pref("userChrome.hidden.tab_icon") { - @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") { - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-label-position-x: 2px; - } - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-label-position-x: -2px; - } - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container::before { - transform: translateX(var(--uc-sound-tab-label-position-x, 0px)); - } - } - } - .tab-label-container::beforee { - transition: transform 0.25s var(--animation-easing-function); - } - } -} -/*= Counter for Bookmark menu ================================================*/ -@supports -moz-bool-pref("userChrome.counter.bookmark_menu") { - menupopup[placespopup="true"] > menu.bookmark-item > .menu-right { - counter-reset: bookmark-counts 0; - } - menupopup[placespopup="true"] > menu.bookmark-item::after { - display: inline-flex; - display: -moz-inline-box; - content: "(" counter(bookmark-counts) ")"; - } - menupopup[placespopup="true"] > menu.bookmark-item > .menu-iconic-highlightable-text, - menupopup[placespopup="true"] > menu.bookmark-item > .menu-accel-container, - menupopup[placespopup="true"] > menu.bookmark-item > .menu-right { - order: 2; - -moz-box-ordinal-group: 2; - } - menu.bookmark-item > menupopup[placespopup="true"] > .bookmark-item { - counter-increment: bookmark-counts; - } -} -@supports -moz-bool-pref("userChrome.findbar.floating_on_top") { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Note that privacy.resistFingerprinting.letterboxing prevents this from working properly */ - #main-window > body > box { - z-index: 1; - } - findbar { - order: -1; - -moz-box-ordinal-group: 0; - position: relative; - height: 0 !important; - overflow: visible; - border-top: none !important; - padding: 0 !important; - background: none !important; - pointer-events: none; - z-index: 1; - margin-right: 16px; - border-right: 1px solid var(--chrome-content-separator-color); - } - findbar::before { - content: ""; - display: flex; - display: -moz-box; - position: absolute; - flex: 200; - -moz-box-flex: 200; - } - .findbar-container, - .findbar-closebutton { - border-style: solid; - border-color: var(--chrome-content-separator-color); - background: var(--uc-light-bkgnd-color, var(--toolbar-bgcolor)) !important; - pointer-events: auto; - height: 33px !important; - } - .findbar-container { - flex-direction: row-reverse; - -moz-box-direction: reverse; - border-width: 0 0 1px 1px; - border-radius: var(--uc-rounding-toolbar, var(--toolbarbutton-border-radius)) 0 0 - var(--uc-rounding-toolbar, var(--toolbarbutton-border-radius)) !important; - } - .findbar-container > .findbar-find-fast { - padding: var(--toolbarbutton-inner-padding) 1px; - margin: 0 !important; - } - .findbar-container > .findbar-find-status { - display: flex; - display: -moz-box; - overflow: hidden; - text-overflow: ellipsis; - flex: 1; - -moz-box-flex: 1; - } - .findbar-container > hbox { - margin-inline: 5px; - } - .findbar-closebutton { - width: 30px !important; /* Original: 24px */ - margin: 0 !important; - border-width: 0 1px 1px 0px; - border-radius: 0 var(--toolbarbutton-border-radius) var(--toolbarbutton-border-radius) 0 !important; - padding: 2px 5px 2px 3px !important; - overflow: clip; - } - .findbar-closebutton image { - padding: 4px; - border-radius: var(--toolbarbutton-border-radius); - } - .findbar-closebutton:hover > image { - background: var(--toolbarbutton-hover-background) !important; - } -} -/** Fullscreen - Overlap toolbar **********************************************/ -@supports -moz-bool-pref("userChrome.fullscreen.overlap") { - @supports -moz-bool-pref("browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox { - position: fixed !important; /* Needed for content to take up entire height */ - z-index: 1000 !important; /* Puts the UI above the content */ - } - :root[sizemode="fullscreen"] :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) { - width: 100%; /* Makes the UI take up the entire width */ - } - @media (-moz-gtk-csd-available) { - /* Fix transparent background */ - :root[tabsintitlebar][sizemode="fullscreen"]:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar { - appearance: auto !important; - } - } - } -} -@supports -moz-bool-pref("userChrome.fullscreen.show_bookmarkbar") { - :root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized="true"]:not([collapsed="true"]), - :root[sizemode="fullscreen"] #PersonalToolbar[initialized="true"] { - visibility: unset !important; /* Makes the bookmarks toolbar visible if enabled */ - } -} -/** Centered ******************************************************************/ -/*= Centered - Tab ===========================================================*/ -@supports -moz-bool-pref("userChrome.centered.tab") { - @supports -moz-bool-pref("userChrome.centered.tab.label") { - .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), - .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { - margin-inline-end: 5px; - } - } - @supports -moz-bool-pref("userChrome.tab.close_button_at_hover") { - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not(:hover, [pinned]) - .tab-label-container:not([textoverflow]) { - margin-inline-end: 1px; - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not([selected]):not(:hover, [pinned]) - .tab-label-container - label { - padding-inline-end: 18px; - } - } - @supports not -moz-bool-pref("userChrome.centered.tab.label") { - .tab-icon-stack { - margin-inline-start: auto; - } - .tab-label-container { - max-width: min-content; - margin-inline-end: auto; - } - @supports -moz-bool-pref("userChrome.tab.close_button_at_hover") { - .tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button { - padding-inline-start: 6px !important; /* Original: 0px */ - width: 24px !important; /* Original: 17px */ - } - } - } - @supports -moz-bool-pref("userChrome.centered.tab.label") { - /* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */ - .tab-label-container { - display: grid; - } - .tab-label, - .tab-secondary-label { - overflow: clip; - justify-self: safe center; - align-self: safe center; - } - .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), - .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { - margin-inline-end: 5px; - } - } -} -/*= Centered - URL Bar =======================================================*/ -@supports -moz-bool-pref("userChrome.centered.urlbar") { - #urlbar:not([focused]) #urlbar-input, - #urlbar:not([focused]) .urlbar-input { - text-align: center !important; - } -} -/*= Centered - Bookmark Bar ==================================================*/ -@supports -moz-bool-pref("userChrome.centered.bookmarkbar") { - #PlacesToolbarItems { - display: flex !important; - justify-content: safe center !important; - } -} -/** Auto Hide *****************************************************************/ -@supports -moz-bool-pref("userChrome.autohide.back_button") or -moz-bool-pref("userChrome.autohide.forward_button") { - :root { - --uc-toolbarbutton-hide-size: calc( - -1 * (16px + (2 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding)))) - ); - } -} -@-moz-document url("chrome://browser/content/browser.xhtml") -{ - @supports -moz-bool-pref("userChrome.autohide.back_button") { - :root:not([customizing="true"]) #back-button[disabled="true"] { - margin-left: var(--uc-toolbarbutton-hide-size) !important; - opacity: 0 !important; - pointer-events: none; - } - @media (prefers-reduced-motion: no-preference) { - #back-button { - transition-property: background-color, opacity, margin-left !important; - } - #back-button[disabled="true"] { - transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function), - margin-left 0.5s ease !important; - } - } - } - @supports -moz-bool-pref("userChrome.autohide.forward_button") { - :root:not([customizing="true"]) #forward-button[disabled="true"] { - margin-left: var(--uc-toolbarbutton-hide-size) !important; - opacity: 0 !important; - pointer-events: none; - } - @media (prefers-reduced-motion: no-preference) { - #forward-button { - transition-property: background-color, opacity, margin-left !important; - } - #forward-button[disabled="true"] { - transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function), - margin-left 0.5s ease !important; - } - } - } -} -@supports -moz-bool-pref("userChrome.autohide.page_action") { - #page-action-buttons > .urlbar-page-action { - margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding)); - opacity: 0; - } - #urlbar-container:is(:hover, :focus-within) #page-action-buttons > .urlbar-page-action, - .urlbar-page-action[open], - .urlbar-page-action[open] ~ .urlbar-page-action { - margin-inline-end: 0px !important; - opacity: 1; - } - @media (prefers-reduced-motion: no-preference) { - #page-action-buttons > .urlbar-page-action { - transition: margin-inline-end 50ms var(--animation-easing-function) 900ms, - opacity 1.5s var(--animation-easing-function) 600ms !important; - } - @supports -moz-bool-pref("userChrome.decoration.animate") { - #page-action-buttons > .urlbar-page-action { - transition: margin-inline-end 50ms var(--animation-easing-function) 900ms, - opacity 1.5s var(--animation-easing-function) 600ms, background-color 2.5s var(--animation-easing-function) !important; - } - } - #urlbar-container:is(:hover, :focus-within) #page-action-buttons > .urlbar-page-action, - .urlbar-page-action[open], - .urlbar-page-action[open] ~ .urlbar-page-action { - transition-delay: 0s !important; - } - } -} -@supports -moz-bool-pref("userChrome.autohide.tab") { - @supports not -moz-bool-pref("userChrome.autohide.tab.opacity") { - @supports not -moz-bool-pref("userChrome.autohide.tab.blur") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - margin-bottom: -64px; - } - } - } - @supports -moz-bool-pref("userChrome.autohide.tab.opacity") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - opacity: 0%; - } - } - @supports -moz-bool-pref("userChrome.autohide.tab.blur") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - filter: blur(8px); - } - } - @media (prefers-reduced-motion: no-preference) { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - transition-timing-function: var(--animation-easing-function); - transition-duration: 0.2s; - transition-delay: 600ms; - } - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]):is(:hover, :focus-within) { - transition-delay: 0s; - } - @supports not -moz-bool-pref("userChrome.autohide.tab.opacity") { - @supports not -moz-bool-pref("userChrome.autohide.tab.blur") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - transition-property: margin-bottom; - } - } - } - @supports -moz-bool-pref("userChrome.autohide.tab.opacity") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - transition-property: opacity; - } - } - @supports -moz-bool-pref("userChrome.autohide.tab.blur") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - transition-property: filter; - } - } - } -} -:root { - --uc-autohide-toolbar-speed: 0.25s; - --uc-autohide-toolbar-delay: 600ms; -} - -@supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref( - "userChrome.autohide.bookmarkbar" - ) - or -moz-bool-pref("userChrome.tabbar.one_liner") or -moz-bool-pref("userChrome.tabbar.on_bottom.menubar_on_top") or -moz-bool-pref( - "userChrome.hidden.tabbar" - ) or -moz-bool-pref("userChrome.navbar.as_sidebar") { - :root { - --uc-tabbar-height: var(--uc-tabbar-height-default); - --uc-tabbar-height-default: var(--tab-min-height); - --uc-tabbar-hide-height: calc(-1 * var(--uc-tabbar-height)); - --uc-navbar-height: var(--uc-navbar-height-default); - --uc-navbar-height-default: calc( - 16px + 2 * (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) - ); - --uc-navbar-hide-height: calc(-1 * var(--uc-navbar-height)); - --uc-bm-height: var(--uc-bm-height-default); - --uc-bm-height-default: calc( - 20px + (2 * var(--bookmark-block-padding, 4px)) - ); /* 20px = 16px + (2px * 2) [margin block] */ - --uc-bm-hide-height: calc(-1 * var(--uc-bm-height)); - --uc-titlebar-buttonbox-height: 34px; - --uc-menubar-height: 0px; - --uc-menubar-height-default: calc(1.6rem + 2px); - --uc-menubar-inner-height: calc(1.6rem - 2px); - } - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - :root { - --uc-tabbar-height: 0px; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (max-width: 1100px) { - :root { - --uc-tabbar-height: 0px; - } - } - } - } - } - @supports -moz-bool-pref("userChrome.hidden.navbar") { - :root { - --uc-navbar-height: 0px; - } - } - @supports selector(:has(a)) { - :root:not([tabsintitlebar]):has(#toolbar-menubar) { - --uc-menubar-height: var(--uc-menubar-height-default); - } - @media (-moz-gtk-csd-available) { - :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"]) { - --uc-menubar-height: calc(var(--tab-min-height) + 2 * var(--tab-block-margin)); - } - } - @media (-moz-platform: windows) { - :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"]) { - --uc-menubar-height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)); - } - } - :root[tabsintitlebar]:has(#toolbar-menubar[autohide="false"]) { - --uc-menubar-height: var(--uc-titlebar-buttonbox-height); - } - :root:not([tabsintitlebar]):has(#toolbar-menubar[autohide="true"][inactive="true"]), - :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"][inactive="true"]) { - --uc-menubar-height: 0px; - } - #navigator-toolbox:has(#PersonalToolbar[collapsed="true"]) { - --uc-bm-height: 0px; - } - @supports -moz-bool-pref("userChrome.navbar.as_sidebar") { - #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]) #nav-bar { - --uc-bm-height: var(--uc-bm-height-default); - } - @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]):not(:hover) #nav-bar { - --uc-bm-height: 0px; - } - } - } - } -} -@supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref( - "userChrome.autohide.bookmarkbar" - ) - or -moz-bool-pref("userChrome.autohide.infobar") { - #navigator-toolbox { - position: relative; - } - #navigator-toolbox:is(:hover, :focus-within) { - z-index: 2; - } - #navigator-toolbox:is(:hover, :focus-within) #PersonalToolbar { - z-index: -1; - } - #navigator-toolbox:not(:hover):not(:focus-within) { - animation: 1s keepfront; - } - @keyframes keepfront { - from { - z-index: 3; - } - to { - z-index: 3; - } - } - #sidebar-box:is(:hover, :focus-within) { - position: relative; - z-index: 2 !important; - } - @supports -moz-bool-pref("userChrome.autohide.toolbar_overlap") { - #navigator-toolbox { - --uc-toolbar-hide-height: calc(-1 * var(--uc-toolbar-height, 0)); - margin-bottom: var(--uc-toolbar-hide-height) !important; - } - @media (prefers-reduced-motion: no-preference) { - @supports -moz-bool-pref("userChrome.decoration.animate") { - #navigator-toolbox { - will-change: margin-top, margin-bottom, background-color !important; - transition: margin-top 1s ease, - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - background-color 0.2s var(--animation-easing-function) !important; - } - #navigator-toolbox:-moz-window-inactive { - transition: margin-top 1s ease, - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - background-color 0.5s var(--animation-easing-function) !important; - } - #navigator-toolbox:is(:hover, :focus-within) { - transition-delay: 0s, 0s, 0.2s !important; - } - #navigator-toolbox[inFullscreen="true"] { - transition: margin-top 1.3s var(--animation-easing-function) 50ms, - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - background-color 0.2s var(--animation-easing-function) !important; - } - #navigator-toolbox[inFullscreen="true"]:-moz-window-inactive { - transition: margin-top 1.3s var(--animation-easing-function) 50ms, - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - background-color 0.5s var(--animation-easing-function) !important; - } - } - @supports not -moz-bool-pref("userChrome.decoration.animate") { - #navigator-toolbox { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - background-color 0.2s var(--animation-easing-function) !important; - } - #navigator-toolbox:is(:hover, :focus-within) { - transition-delay: 0s !important; - } - } - } - @supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") { - @supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.tabbar.one_liner") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: var(--uc-tabbar-height); - } - @supports not -moz-bool-pref("userChrome.autohide.navbar") { - @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-bm-height)); - } - } - } - @supports -moz-bool-pref("userChrome.autohide.navbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height)); - } - } - @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height) + var(--uc-bm-height)); - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (max-width: 1100px) { - @supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height)); - } - } - @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height) + var(--uc-bm-height)); - } - } - } - } - } - } - } - } - @supports not -moz-bool-pref("userChrome.autohide.tabbar") { - @supports not -moz-bool-pref("userChrome.autohide.navbar") { - @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: var(--uc-bm-height); - } - } - } - @supports -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.autohide.navbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: var(--uc-navbar-height); - } - } - @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height)); - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (max-width: 1100px) { - @supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: var(--uc-navbar-height); - } - } - @supports -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height)); - } - } - } - } - } - } - } - } - } -} -@supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") { - @supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - :root:not([customizing]) #titlebar { - margin-bottom: var(--uc-tabbar-hide-height); - will-change: margin-bottom; - } - #TabsToolbar:not([customizing]) { - will-change: opacity; - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]), - #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - opacity: 0; - } - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { - opacity: 0; - } - } - #navigator-toolbox:is(:hover, :focus-within) > #titlebar { - margin-bottom: 0px; - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar, - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container { - opacity: 1; - } - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { - opacity: 1; - } - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (min-width: 1100px) { - :root:not([customizing]) #titlebar { - margin-bottom: var(--uc-tabbar-hide-height); - will-change: margin-bottom; - } - #TabsToolbar:not([customizing]) { - will-change: opacity; - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]), - #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - opacity: 0; - } - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { - opacity: 0; - } - } - #navigator-toolbox:is(:hover, :focus-within) > #titlebar { - margin-bottom: 0px; - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar, - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container { - opacity: 1; - } - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { - opacity: 1; - } - } - } - @supports -moz-bool-pref("userChrome.autohide.tabbar") { - :root:not([customizing]) #titlebar { - margin-bottom: var(--uc-tabbar-hide-height); - will-change: margin-bottom; - } - #TabsToolbar:not([customizing]) { - will-change: opacity; - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]), - #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - opacity: 0; - } - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { - opacity: 0; - } - } - #navigator-toolbox:is(:hover, :focus-within) > #titlebar { - margin-bottom: 0px; - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar, - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container { - opacity: 1; - } - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { - opacity: 1; - } - } - } - } - @media (prefers-reduced-motion: no-preference) { - #titlebar:not([customizing]) { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - background-color 1s var(--animation-easing-function) !important; - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]), - #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay) !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { - transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay) !important; - } - } - #navigator-toolbox:is(:hover, :focus-within) { - transition-delay: 0s !important; - } - #navigator-toolbox:is(:hover, :focus-within) > #titlebar:not([customizing]) { - transition-delay: 0s !important; - } - @supports not -moz-bool-pref("userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]), - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - transition-delay: 0s !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) - #TabsToolbar:not([customizing]) - > *:not(.titlebar-buttonbox-container) { - transition-delay: 0s !important; - } - } - } - } - @supports -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.autohide.navbar") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - #nav-bar:not([customizing]) { - margin-bottom: var(--uc-navbar-hide-height); - opacity: 0; - will-change: margin-bottom, opacity; - } - #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { - margin-bottom: 0; - opacity: 1; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (max-width: 1100px) { - #nav-bar:not([customizing]) { - margin-bottom: var(--uc-navbar-hide-height); - opacity: 0; - will-change: margin-bottom, opacity; - } - #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { - margin-bottom: 0; - opacity: 1; - } - } - } - } - } - @media (prefers-reduced-motion: no-preference) { - #nav-bar:not([customizing]) { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } - @supports -moz-bool-pref("userChrome.autohide.fill_urlbar") { - #nav-bar:not([customizing]) { - transition: margin-inline var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } - } - #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { - transition-delay: 0s !important; - } - } - } -} -@supports -moz-bool-pref("userChrome.autohide.bookmarkbar") { - #PersonalToolbar:not([customizing]) { - margin-bottom: var(--uc-bm-hide-height); - opacity: 0; - will-change: margin-bottom, opacity; - } - @supports -moz-bool-pref("userChrome.autohide.toolbar_overlap") { - @supports not -moz-bool-pref("userChrome.autohide.toolbar_overlap.allow_layout_shift") { - @supports not selector(:has(a)) { - #PersonalToolbar:not([customizing])[collapsed="true"] { - visibility: visible !important; - max-height: unset !important; - } - } - } - } - #navigator-toolbox:is(:hover, :focus-within) #PersonalToolbar:not([customizing]) { - margin-bottom: 0; - opacity: 1; - } - @media (prefers-reduced-motion: no-preference) { - #PersonalToolbar:not([customizing]) { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - min-height 170ms ease-out, max-height 170ms ease-out, var(--ext-theme-background-transition) !important; - } - #navigator-toolbox:is(:hover, :focus-within) #PersonalToolbar:not([customizing]) { - transition-delay: 0s !important; - } - } -} -@supports -moz-bool-pref("userChrome.autohide.infobar") { - #tab-notification-deck:not([customizing]) > .notificationbox-stack { - --infobar-height: calc( - 25px + (var(--infobar-button-vertical-margin, 4px) * 2) + var(--infobar-message-vertical-margin, 8px) - ); - } - #tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message { - --infobar-message-margin: 0 4px calc(-1 * var(--infobar-height)); - opacity: 0; - will-change: margin-bottom, opacity; - } - #navigator-toolbox:is(:hover, :focus-within) - #tab-notification-deck:not([customizing]) - > .notificationbox-stack[slot="selected"] - > notification-message { - --infobar-message-margin: 0 4px var(--infobar-message-vertical-margin, 8px); - opacity: 1; - } - @supports -moz-bool-pref("userChrome.autohide.toolbar_overlap") { - #tab-notification-deck:not([customizing]) { - height: 0; - } - } - @media (prefers-reduced-motion: no-preference) { - #tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #tab-notification-deck:not([customizing]) - > .notificationbox-stack[slot="selected"] - > notification-message { - transition-delay: 0s !important; - } - } -} -@supports -moz-bool-pref("userChrome.autohide.sidebar") { - #sidebar-box { - min-width: var(--uc-sidebar-width) !important; - max-width: var(--uc-sidebar-width) !important; - } - :root[inFullscreen="true"] #sidebar-box { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } - @supports -moz-bool-pref("userChrome.sidebar.overlap") { - #sidebar-header, - #sidebar { - min-width: var(--uc-sidebar-width) !important; - max-width: var(--uc-sidebar-width) !important; - will-change: min-width, max-width; - } - #sidebar-box:is(:hover, :focus-within), - #sidebar-box:has(#sidebar-switcher-target.active) { - --uc-sidebar-shadow-width: calc(var(--uc-sidebar-activate-width) - var(--uc-sidebar-width)); - } - #sidebar-box:is(:hover, :focus-within) > #sidebar-header, - #sidebar-box:is(:hover, :focus-within) > #sidebar, - #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, - #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } - :root[inFullscreen="true"] #sidebar-box { - --uc-sidebar-shadow-width: var(--uc-sidebar-fullscreen-width); - margin-inline-start: var(--uc-sidebar-activate-width-reverse) !important; - padding-inline-start: var(--uc-sidebar-fullscreen-width); - will-change: padding-inline-start, opacity, box-shadow, visibility; - } - :root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within) { - --uc-sidebar-shadow-width: var(--uc-sidebar-activate-width); - padding-inline-start: var(--uc-sidebar-activate-width); - } - :root[inFullscreen="true"] #sidebar-box #sidebar-header, - :root[inFullscreen="true"] #sidebar-box #sidebar { - min-width: calc(var(--uc-sidebar-activate-width)) !important; - max-width: calc(var(--uc-sidebar-activate-width)) !important; - will-change: unset; - } - @media (prefers-reduced-motion: no-preference) { - #sidebar-header, - #sidebar { - transition: min-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function) - var(--uc-autohide-sidebar-delay) !important; - } - #sidebar-box:is(:hover, :focus-within), - #sidebar-box:has(#sidebar-switcher-target.active) { - transition: margin-inline-start var(--uc-autohide-sidebar-speed) var(--animation-easing-function), - opacity var(--uc-autohide-sidebar-speed) ease-in-out, - box-shadow var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-speed), - visibility 0s linear !important; - } - #sidebar-box:is(:hover, :focus-within) > #sidebar-header, - #sidebar-box:is(:hover, :focus-within) > #sidebar, - #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, - #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar { - transition-delay: 0ms !important; - } - :root[inFullscreen="true"] #sidebar-box { - transition: padding-inline-start var(--uc-autohide-fullscreen-sidebar-speed) var(--animation-easing-function) - var(--uc-autohide-sidebar-delay), - opacity var(--uc-autohide-fullscreen-sidebar-speed) ease-in-out, - box-shadow calc(var(--uc-autohide-fullscreen-sidebar-speed) + 0.05s) var(--animation-easing-function), - visibility 0s linear !important; - } - :root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within), - :root[inFullscreen="true"] #sidebar-box:has(#sidebar-switcher-target.active) { - transition-delay: 0ms !important; - } - } - } - @supports not -moz-bool-pref("userChrome.sidebar.overlap") { - #sidebar-box { - --uc-sidebar-fullscreen-margin: calc( - var(--uc-sidebar-fullscreen-width) + var(--uc-sidebar-activate-width-reverse) - ); - overflow: hidden; - will-change: min-width, max-width; - } - #sidebar-box:is(:hover, :focus-within), - #sidebar-box:has(#sidebar-switcher-target.active) { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } - :root[inFullscreen="true"] #sidebar-box:not([positionend="true"]) { - margin-inline-start: var(--uc-sidebar-fullscreen-margin) !important; - will-change: margin-inline-start; - } - :root[inFullscreen="true"] #sidebar-box:not([positionend="true"]):is(:hover, :focus-within) { - margin-inline-start: 0 !important; - } - :root[inFullscreen="true"] #sidebar-box[positionend="true"] { - margin-inline-end: var(--uc-sidebar-fullscreen-margin) !important; - will-change: margin-inline-end; - } - :root[inFullscreen="true"] #sidebar-box[positionend="true"]:is(:hover, :focus-within) { - margin-inline-end: 0 !important; - } - @media (prefers-reduced-motion: no-preference) { - #sidebar-box { - transition: min-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function) - var(--uc-autohide-sidebar-delay), - max-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important; - } - #sidebar-box:is(:hover, :focus-within), - #sidebar-box:has(#sidebar-switcher-target.active) { - transition-delay: 0ms !important; - } - :root[inFullscreen="true"] #sidebar-box { - transition: margin-inline-start var(--uc-autohide-fullscreen-sidebar-speed) var(--animation-easing-function) - var(--uc-autohide-sidebar-delay) !important; - } - :root[inFullscreen="true"] #sidebar-box[positionend="true"] { - transition-property: margin-inline-end !important; - } - :root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within), - :root[inFullscreen="true"] #sidebar-box:has(#sidebar-switcher-target.active) { - transition-delay: 0ms !important; - } - } - } -} -@supports -moz-bool-pref("userChrome.autohide.fill_urlbar") { - #nav-bar:not(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) #urlbar-container { - order: -1; - -moz-box-ordinal-group: 0; - min-width: calc( - var(--uc-navbar-width, 100vw) - - (2 * var(--urlbar-margin-inline) + var(--uc-window-drag-space-pre, 0px) + var(--uc-navbar-gap, 0px)) - ) !important; - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) { - --uc-tabbar-width: calc(100vw - var(--uc-navbar-width-origin)); - } - } - @media (prefers-reduced-motion: no-preference) { - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports not -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - #nav-bar { - transition: margin-inline var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) { - transition-delay: 0s !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (prefers-reduced-motion: no-preference) and (min-width: 1100px) { - #nav-bar { - transition: margin-inline var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) { - transition-delay: 0s !important; - } - } - } - } - @supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - #urlbar-container { - transition: min-width var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay); - } - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) #urlbar-container { - transition-delay: 0s !important; - } - } - @supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (prefers-reduced-motion: no-preference) and (max-width: 1100px) { - #urlbar-container { - transition: min-width var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay); - } - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) #urlbar-container { - transition-delay: 0s !important; - } - } - } - } - } -} -/** Hidden ********************************************************************/ -@supports not -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - #TabsToolbar { - display: none !important; - } - } - @supports -moz-bool-pref("userChrome.hidden.navbar") { - #nav-bar { - visibility: collapse; /* display: none is not work */ - } - } -} -@supports -moz-bool-pref("userChrome.tabbar.one_liner") { - @supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") { - @media screen and (max-width: 1100px) { - @supports -moz-bool-pref("userChrome.hidden.tabbar") { - #TabsToolbar { - display: none !important; - } - } - @supports -moz-bool-pref("userChrome.hidden.navbar") { - #nav-bar { - visibility: collapse; /* display: none is not work */ - } - } - } - } -} -@supports -moz-bool-pref("userChrome.hidden.tab_icon") { - @supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") { - .tabbrowser-tab:not([pinned="true"]) .tab-icon-image { - display: none; - } - } - @supports -moz-bool-pref("userChrome.hidden.tab_icon.always") { - .tabbrowser-tab:not([pinned="true"]) .tab-icon-stack { - display: none; - } - } -} -@supports -moz-bool-pref("userChrome.hidden.private_indicator") { - .private-browsing-indicator, - #private-browsing-indicator-with-label { - display: none; - } -} -@supports -moz-bool-pref("userChrome.hidden.titlebar_container") { - .titlebar-buttonbox-container { - display: none !important; - } -} -@supports -moz-bool-pref("userChrome.hidden.sidebar_header") { - @supports not -moz-bool-pref("userChrome.hidden.sidebar_header.vertical_tab_only") { - #sidebar-header { - display: none !important; - } - } - @supports -moz-bool-pref("userChrome.hidden.sidebar_header.vertical_tab_only") { - #sidebar-box:is( - [sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"], - [sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"], - [sidebarcommand="sidebartabs_asamuzak_jp-sidebar-action"] - ) - #sidebar-header { - display: none !important; - } - } -} -@supports -moz-bool-pref("userChrome.hidden.urlbar_iconbox") { - @supports not -moz-bool-pref("userChrome.hidden.urlbar_iconbox.label_only") { - #identity-box[pageproxystate="valid"].notSecureText #identity-icon-label, - #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box, - #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box { - display: none; - } - #identity-box[pageproxystate="valid"].notSecureText #identity-icon-box { - padding-inline-end: 5px; /* Original: 8px */ - } - } - @supports -moz-bool-pref("userChrome.hidden.urlbar_iconbox.label_only") { - #identity-box[pageproxystate="valid"].notSecureText, - #identity-box[pageproxystate="valid"].chromeUI, - #identity-box[pageproxystate="valid"].extensionPage { - margin-inline-end: var(--identity-box-margin-inline) !important; - } - #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box:not(:hover), - #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box:not(:hover) { - background-color: transparent !important; - } - @supports not -moz-bool-pref("userChrome.urlbar.iconbox_with_separator") { - #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box, - #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box { - padding-inline: var(--urlbar-icon-padding) !important; - } - } - #identity-box[pageproxystate="valid"] #identity-icon-label { - display: none !important; - } - } -} -@supports -moz-bool-pref("userChrome.hidden.bookmarkbar_icon") { - #PlacesToolbarItems .bookmark-item > .toolbarbutton-icon { - display: none; - } -} -@supports -moz-bool-pref("userChrome.hidden.bookmarkbar_label") { - #PlacesToolbarItems .bookmark-item > .toolbarbutton-text { - visibility: collapse; /* display: none is not work */ - } -} - -@supports -moz-bool-pref("userChrome.hidden.disabled_menu") { - menu[disabled="true"], - menuitem:not(#context-back, #context-forward)[disabled="true"] { - visibility: collapse !important; - } - @supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") { - #context-back[disabled="true"], - #context-forward[disabled="true"] { - visibility: collapse !important; - } - } -} -/** Icons *********************************************************************/ -@supports not -moz-bool-pref("userChrome.icon.disabled") { - /** Icons - List **************************************************************/ - :root { - --uc-folder-icon: url("chrome://global/skin/icons/folder.svg"); - --uc-tab-icon: url("../icons/tab.svg"); - --uc-tab-copy-icon: url("../icons/tab-copy.svg"); - --uc-tab-unload-icon: url("../icons/tab-unload.svg"); - --uc-tab-multiple-icon: url("../icons/tab-desktop-multiple.svg"); - --uc-new-tab-icon: url("../icons/new-tab.svg"); - --uc-new-tab-forward-icon: url("../icons/new-tab-forward.svg"); - --uc-new-tab-skip-forward-icon: url("../icons/new-tab-skip-forward.svg"); - --uc-new-tab-multiple-icon: url("../icons/new-tab-multiple.svg"); - --uc-sidebar-icon: url("chrome://browser/skin/sidebars.svg"); - --uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars-right.svg"); - } - @supports -moz-bool-pref("userChrome.icon.library") { - :root { - --uc-folder-icon: url("../icons/folder.svg"); - } - } - @supports -moz-bool-pref("userChrome.tab.connect_to_window") { - :root { - --uc-tab-icon: url("../icons/tab-photon.svg"); - --uc-tab-copy-icon: url("../icons/tab-copy-photon.svg"); - --uc-tab-unload-icon: url("../icons/tab-unload-photon.svg"); - --uc-tab-multiple-icon: url("../icons/tab-multiple.svg"); - --uc-new-tab-icon: url("../icons/new-tab-photon.svg"); - --uc-new-tab-forward-icon: url("../icons/new-tab-forward-photon.svg"); - --uc-new-tab-skip-forward-icon: url("../icons/new-tab-skip-forward-photon.svg"); - } - } - @supports selector(:has(a)) { - :root:has(#sidebar-box[positionend="true"]) { - --uc-sidebar-icon: url("chrome://browser/skin/sidebars-right.svg"); - --uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars.svg"); - } - } - #TabsToolbar #new-tab-button { - --uc-new-tab-icon: url(chrome://global/skin/icons/plus.svg); - } - .urlbarView-row[source="tabs"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon, - #urlbar-engine-one-off-item-tabs { - list-style-image: var(--uc-tab-icon) !important; - } - /** Library - Icons Replace ***************************************************/ - @supports -moz-bool-pref("userChrome.icon.library") { - /*= Standard Folder - More Visible ===========================================*/ - /* on Toolbar and Menus */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer]), - :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, container), - #editBMPanel_folderMenuList:not([selectedGuid="toolbar_____"], [selectedGuid="menu________"]), - #editBMPanel_folderMenuList .folder-icon:not([id]), - .downloadIconShow > .button-box > .button-icon { - list-style-image: var(--uc-folder-icon) !important; - } - /* Standard Folder - Open */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer])[open="true"], - :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, container, open) { - list-style-image: url("../icons/folder-open.svg") !important; - } - /*= Other Folder - Inbox Icon ================================================*/ - /* on Menus */ - #PlacesToolbar #OtherBookmarks, - #BMB_bookmarksPopup #BMB_unsortedBookmarks, - #bookmarksMenuPopup #menu_unsortedBookmarks, - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks), - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_unfiled_____), - #editBMPanel_unfiledRootItem, - #editBMPanel_folderMenuList[selectedGuid="unfiled_____"] { - list-style-image: url("../icons/mail-inbox-all.svg") !important; - } - /* Other Folder - Open */ - #PlacesToolbar #OtherBookmarks[open="true"], - #BMB_bookmarksPopup #BMB_unsortedBookmarks[open="true"], - #bookmarksMenuPopup #menu_unsortedBookmarks[open="true"], - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, OrganizerQuery_UnfiledBookmarks), - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_unfiled_____) { - list-style-image: url("../icons/mail-inbox.svg") !important; - } - /*= Default Icon - Override ===================================================*/ - /* https://github.com/mozilla/gecko-dev/blob/master/browser/themes/shared/places/tree-icons.css */ - /* Query */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query) { - list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important; - } - /* History */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, dayContainer), - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(query, OrganizerQuery_history____v) { - list-style-image: url("chrome://browser/skin/history.svg") !important; - } - /* Downloads */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important; - } - /* Tag */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, tagContainer), - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v), - .bookmark-item[query][tagContainer] { - list-style-image: url("../icons/tag.svg") !important; - } - /* Bookmark */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) { - list-style-image: url("chrome://browser/skin/bookmark.svg") !important; - } - /* Bookmark Toolbar */ - #BMB_bookmarksPopup #BMB_bookmarksToolbar, - #bookmarksMenuPopup #bookmarksToolbarFolderMenu, - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_toolbar_____), - #editBMPanel_folderMenuList[selectedGuid="toolbar_____"], - #editBMPanel_toolbarFolderItem, - #bookmarksToolbarFolderMenu, - #BMB_bookmarksToolbar, - #panelMenu_bookmarksToolbar, - #bookmarks-toolbar-button, - #bookmarks-toolbar-placeholder { - list-style-image: url("../icons/bookmarks-toolbar-alt.svg") !important; - } - /* Bookmark Menu */ - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_menu________) { - list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important; - } - /*= Default Icon - Open ======================================================*/ - /* Query */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"][query="true"]:not([tagContainer])[open="true"] - > .menu-iconic-left - > .menu-iconic-icon { - transform: rotate(15deg) !important; - } - /* History */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, dayContainer), - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(query, open, OrganizerQuery_history____v) { - list-style-image: url("../icons/history-reverse.svg") !important; - } - /* Tag */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"][tagContainer="true"][open="true"], - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, tagContainer), - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_tags_______v) { - list-style-image: url("../icons/tag-open.svg") !important; - } - /* Bookmark */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) { - list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important; - } - /* Bookmark Toolbar */ - #BMB_bookmarksPopup #BMB_bookmarksToolbar[open="true"], - #bookmarksMenuPopup #bookmarksToolbarFolderMenu[open="true"], - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_toolbar_____) { - list-style-image: url("../icons/bookmarksToolbar-open-alt.svg") !important; - } - /* Bookmark Menu */ - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_menu________) { - list-style-image: url("../icons/bookmarksMenu-open.svg") !important; /* or bookmarksMenu-open2.svg" */ - } - @-moz-document url("chrome://browser/content/places/places.xhtml") - { - @media (-moz-gtk-csd-available) { - /*= Menubar - Icons ==========================================================*/ - #organizeButton, - #viewMenu, - #maintenanceButton, - #back-button, - #forward-button, - #clearDownloadsButton { - fill: currentColor !important; - -moz-context-properties: fill, fill-opacity, stroke !important; - } - /* Add */ - #organizeButton { - list-style-image: url("chrome://global/skin/icons/settings.svg") !important; - } - #viewMenu { - list-style-image: url("../icons/sort.svg") !important; - } - #maintenanceButton { - list-style-image: url("../icons/import-export.svg") !important; - } - #clearDownloadsButton { - list-style-image: url("chrome://global/skin/icons/delete.svg") !important; - } - #clearDownloadsButton > .toolbarbutton-icon { - display: inline-flex !important; - display: -moz-inline-box !important; - margin-top: 0; - margin-bottom: 0; - margin-inline-start: 0; - margin-inline-end: 2px; - } - /* Replace */ - #back-button { - list-style-image: url("chrome://browser/skin/back.svg") !important; - } - #forward-button { - list-style-image: url("chrome://browser/skin/forward.svg") !important; - } - #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, - #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - transform: scaleX(-1) !important; - } - } - } - } - /** Panel - Icons *************************************************************/ - @supports -moz-bool-pref("userChrome.icon.panel") { - /*= Padding ==================================================================*/ - :root { - --arrowpanel-menuicon-padding: 8px; - --arrowpanel-menublank-padding: calc( - var(--arrowpanel-menuicon-padding) * 2 + var(--arrowpanel-menuitem-padding-inline) - ) !important; - --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important; - --arrowpanel-menuimageblank-padding-block: calc(var(--arrowpanel-menuitem-padding-block) - 2px) !important; - } - .subviewbutton > .toolbarbutton-icon { - width: 16px; - } - @supports not -moz-bool-pref("userChrome.icon.panel_full") { - :root { - /* Global */ - --arrowpanel-menuicon-paddingx2: calc(var(--arrowpanel-menuicon-padding) * 2); - /* General Panel */ - --arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-paddingx2) + 8px) !important; - --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important; - /* Blank Menu Left Padding */ - --arrowpanel-menuimageblank-padding-horizontal: calc( - var(--arrowpanel-menuicon-paddingx2) + var(--arrowpanel-menuitem-padding-inline) - ); - --arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding-block) + 1px); - } - } - #downloadsHistory .button-text, - .subviewbutton > .toolbarbutton-text { - padding-inline-start: var(--arrowpanel-menuicon-padding) !important; - } - .toolbaritem-combined-buttons:not(.unified-extensions-item) - > .subviewbutton:not(.subviewbutton-iconic) - > .toolbarbutton-text { - padding-inline-start: 0 !important; - } - #panelMenu_bookmarksMenu .subviewbutton[disabled="true"] .toolbarbutton-text, - #appMenu_historyMenu .subviewbutton[disabled="true"] .toolbarbutton-text { - padding-inline-start: var(--arrowpanel-menublank-padding) !important; - } - #appMenu-proton-update-banner .toolbarbutton-text { - margin-inline-start: 0 !important; - padding-inline-start: 0 !important; /* FF v107 */ - } - #appMenu-multiView .subviewbutton::before, - #appMenu-proton-update-banner::before { - display: inline-flex; - display: -moz-inline-box; - margin-inline-end: var(--arrowpanel-menuicon-padding); - width: 16px; - height: 16px; - } - #appMenu-proton-update-banner { - margin-bottom: 2px !important; - padding-inline-start: var(--arrowpanel-menuitem-padding-inline) !important; - } - #appMenu-fxa-status2, - #appMenu-zoom-controls2, - #appMenu-zoom-controls { - align-items: center; - padding-top: var(--arrowpanel-menuimageblank-padding-block) !important; - padding-bottom: var(--arrowpanel-menuimageblank-padding-block) !important; - } - #appMenu-zoom-controls2::before, - #appMenu-zoom-controls::before { - margin-inline-end: 0 !important; - } - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 { - --arrowpanel-menuitem-padding-block: 0px; - } - .subviewbutton[type="checkbox"]:not([checked="true"], #allTabsMenu_sortTabsButton) > .toolbarbutton-text { - margin-left: 16px !important; - } - /* Icons Color */ - #appMenu-multiView .subviewbutton::before, - #appMenu-proton-update-banner::before, - #downloadsHistory .button-icon, - .subviewbutton:not(#appMenu-proton-update-banner) > image { - fill: currentColor !important; - fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important; - -moz-context-properties: fill, fill-opacity, stroke !important; - } - #appMenu-zoomReduce-button2 > .toolbarbutton-icon, - #appMenu-zoomEnlarge-button2 > .toolbarbutton-icon { - stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important; - } - #appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon, - #appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon { - stroke: var(--button-hover-bgcolor) !important; - } - .subviewbutton[disabled="true"] > image { - /* Ghost icons when disabled */ - opacity: 0.4; - } - /*= Panel - Main =============================================================*/ - #appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon { - display: inline-flex !important; - display: -moz-inline-box !important; - margin-inline-start: var(--arrowpanel-menuicon-padding); - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - } - #appMenu-proton-update-banner::before { - content: url("../icons/whatsnew.svg"); - } - #appMenu-fxa-status2::before { - /* Don't exist img tag */ - content: url("chrome://browser/skin/fxa/avatar-empty.svg"); - } - #appMenu-fxa-status2:is([fxastatus="signedin"], [fxastatus="unverified"], [fxastatus="login-failed"])::before { - display: none; - } - #appMenu-fxa-status2:is([fxastatus="signedin"], [fxastatus="unverified"], [fxastatus="login-failed"]) - #appMenu-fxa-label2::before { - /* url("https://profile.accounts.firefox.com/v1/avatar/a") */ - content: ""; - border-radius: 50% !important; - background-size: 16px !important; - background-image: var(--avatar-image-url) !important; - } - #new-tab-button { - list-style-image: var(--uc-new-tab-icon) !important; - } - @supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") { - #appMenu-new-tab-button2 { - list-style-image: var(--uc-new-tab-icon); - } - } - @supports -moz-bool-pref("userChrome.icon.panel_photon") { - #appMenu-save-file-button2, - #appMenu-find-button2, - #appMenu-more-button2 { - padding-top: var(--arrowpanel-menuitemblank-padding) !important; - padding-bottom: var(--arrowpanel-menuitemblank-padding) !important; - } - #appMenu-zoom-controls2, - #appMenu-zoom-controls { - padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important; - } - } - @supports not -moz-bool-pref("userChrome.icon.panel_photon") { - @supports not -moz-bool-pref("userChrome.icon.panel_full") { - #appMenu-new-tab-button2, - #appMenu-passwords-button, - #appMenu-extensions-themes-button, - #appMenu-save-file-button2, - #appMenu-find-button2, - #appMenu-more-button2, - #appMenu-help-button2, - #appMenu-quit-button2 { - padding-top: var(--arrowpanel-menuitemblank-padding-block) !important; - padding-bottom: var(--arrowpanel-menuitemblank-padding-block) !important; - } - #appMenu-zoom-controls2, - #appMenu-zoom-controls { - padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important; - } - } - } - #appMenu-new-window-button2 { - list-style-image: url("chrome://browser/skin/window.svg"); - } - #appMenu-new-private-window-button2 { - list-style-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #appMenu-bookmarks-button { - list-style-image: url("chrome://browser/skin/bookmark.svg"); - } - #appMenu-history-button { - list-style-image: url("chrome://browser/skin/history.svg"); - } - #appMenu-downloads-button { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); - } - @supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") { - #appMenu-passwords-button { - list-style-image: url("chrome://browser/skin/login.svg"); - } - #appMenu-extensions-themes-button { - list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } - } - #appMenu-print-button2 { - list-style-image: url("chrome://global/skin/icons/print.svg"); - } - @supports -moz-bool-pref("userChrome.icon.panel_full") { - #appMenu-save-file-button2 { - list-style-image: url("../icons/toolbarButton-download.svg"); - } - #appMenu-find-button2 { - list-style-image: url("chrome://global/skin/icons/search-glass.svg"); - } - #appMenu-translate-button { - list-style-image: url("../icons/translations.svg"); - } - #appMenu-zoom-controls2::before, - #appMenu-zoom-controls::before { - content: url("../icons/screenshot.svg"); - } - } - #save-page-button { - list-style-image: url("../icons/toolbarButton-download.svg") !important; - } - #open-file-button { - list-style-image: url("../icons/toolbarButton-upload.svg") !important; - } - #cut-button { - list-style-image: url("../icons/edit-cut.svg") !important; - } - #copy-button { - list-style-image: url("../icons/edit-copy.svg") !important; - } - #paste-button { - list-style-image: url("../icons/edit-paste.svg") !important; - } - #characterencoding-button { - list-style-image: url("../icons/characterEncoding.svg") !important; - } - #screenshot-button { - list-style-image: url("../icons/screenshot-1.svg") !important; - } - #email-link-button { - list-style-image: url("../icons/mail.svg") !important; - } - #panic-button { - list-style-image: url("../icons/forget.svg") !important; - } - #profiler-button-button > .toolbarbutton-icon { - list-style-image: url("../icons/performance.svg") !important; - } - #developer-button { - list-style-image: url("../icons/wrench-filled.svg") !important; - } - #appMenu-settings-button { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } - @supports -moz-bool-pref("userChrome.icon.panel_full") { - #appMenu-more-button2 { - list-style-image: url("../icons/ion.svg"); - } - } - @supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") { - #appMenu-help-button2 { - list-style-image: url("chrome://global/skin/icons/help.svg"); - } - #appMenu-quit-button2 { - list-style-image: url("../icons/quit.svg"); - } - } - /*= Panel - Account ==========================================================*/ - #PanelUI-fxa-menu-connect-device-button .toolbarbutton-icon, - #PanelUI-fxa-menu-account-signout-button .toolbarbutton-icon { - width: 16px !important; - height: 16px !important; - } - /* Default */ - #fxa-manage-account-button::before { - content: ""; - display: inline-flex; - display: -moz-inline-box; - width: 32px !important; - height: 32px !important; - border-radius: 50%; - background-size: 32px; - background-image: var(--avatar-image-url); - margin-inline-end: var(--arrowpanel-menuicon-padding); - } - @supports -moz-bool-pref("userChrome.icon.account_image_to_right") { - #fxa-manage-account-button::before { - order: 2 !important; - -moz-box-ordinal-group: 2 !important; - } - } - @supports -moz-bool-pref("userChrome.icon.account_label_to_right") { - #fxa-menu-header-title, - #fxa-menu-header-description { - text-align: right; - } - } - .syncNowBtn { - visibility: visible !important; - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - margin-inline-end: var(--arrowpanel-menuicon-padding); - } - #PanelUI-fxa-menu-setup-sync-button { - list-style-image: url("chrome://browser/skin/sync.svg"); - } - #PanelUI-fxa-menu-connect-device-button { - list-style-image: url("../icons/add-device.svg"); - } - #PanelUI-fxa-menu-sendtab-button { - list-style-image: url("../icons/send-to-device.svg"); - } - #PanelUI-fxa-menu-sync-prefs-button { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } - #PanelUI-fxa-menu-account-signout-button { - list-style-image: url("../icons/sign-out.svg"); - } - #PanelUI-remotetabs-view-managedevices::before { - /* Box */ - content: ""; - padding-inline-end: 16px; - padding-block: 1px; - margin-inline-end: var(--arrowpanel-menuicon-padding); - /* Color */ - fill: currentColor; - fill-opacity: var(--toolbarbutton-icon-fill-opacity); - -moz-context-properties: fill, fill-opacity, stroke; - background-size: 16px; - background-repeat: no-repeat; - background-position: left center; - background-image: url("chrome://global/skin/icons/settings.svg"); - } - .PanelUI-remotetabs-notabsforclient-label { - margin-inline-start: calc( - var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding-inline) - ) !important; - padding-inline-start: var(--arrowpanel-menublank-padding) !important; - } - /* Change Separator */ - #PanelUI-fxa-menu::before { - content: ""; - display: flex; - display: -moz-box; - border-bottom: 1px solid var(--panel-separator-color); - margin: var(--panel-separator-margin); - padding: 0; - } - #PanelUI-fxa-menu > :first-child { - order: -1; - -moz-box-ordinal-group: 0; - } - #PanelUI-sign-out-separator { - display: none; - } - .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""], - .sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] { - list-style-image: url("../icons/send-to-device.svg"); - } - .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]), - .sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } - /*= Panel - Bookmark =========================================================*/ - #panelMenuBookmarkThisPage { - list-style-image: url("chrome://browser/skin/bookmark-hollow.svg"); - } - panelMenuBookmarkThisPage[starred] { - list-style-image: url("chrome://browser/skin/bookmark.svg"); - } - #panelMenu_searchBookmarks { - list-style-image: url("chrome://global/skin/icons/search-glass.svg"); - } - #panelMenu_viewBookmarksToolbar { - list-style-image: url("../icons/bookmarks-toolbar-alt.svg"); - } - #panelMenu_showAllBookmarks { - list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } - /*= Panel - History ==========================================================*/ - #appMenuRecentlyClosedTabs { - list-style-image: var(--uc-tab-icon); - } - #appMenuRecentlyClosedWindows { - list-style-image: url("chrome://browser/skin/window.svg"); - } - #appMenuSearchHistory { - list-style-image: url("chrome://global/skin/icons/search-glass.svg"); - } - #appMenuRestoreSession, - #appMenu-restoreSession { - list-style-image: url("../icons/restore-session.svg"); - } - #appMenuClearRecentHistory { - list-style-image: url("../icons/forget.svg"); - } - #PanelUI-historyMore { - list-style-image: url("chrome://browser/skin/history.svg"); - } - #appMenu-library-recentlyClosedTabs { - list-style-image: url("../icons/movetowindow-16.svg"); - } - #appMenu-library-recentlyClosedWindows { - list-style-image: url("../icons/restore-session.svg"); - } - /*= Panel - More tools =======================================================*/ - #appmenu-moreTools-button { - list-style-image: url("chrome://browser/skin/customize.svg"); - } - /* Web Developer Tools */ - #appmenu-developer-tools-view .subviewbutton:nth-child(1), - #PanelUI-developer-tools-view .subviewbutton:nth-child(1) { - list-style-image: url("../icons/developer.svg"); - } - /* Task Manager */ - #appmenu-developer-tools-view .subviewbutton:nth-child(2), - #PanelUI-developer-tools-view .subviewbutton:nth-child(2) { - list-style-image: url("../icons/performance.svg"); - } - /* Remote Debugging - Edge bug.svg */ - #appmenu-developer-tools-view .subviewbutton:nth-child(3), - #PanelUI-developer-tools-view .subviewbutton:nth-child(3) { - list-style-image: url("../icons/bug.svg"); - } - /* Browser Toolbox - Edge webdeveloper.svg */ - #appmenu-developer-tools-view .subviewbutton:nth-child(4), - #PanelUI-developer-tools-view .subviewbutton:nth-child(4) { - list-style-image: url("../icons/window-dev-tools.svg"); - } - /* Browser Content Toolbox */ - #appmenu-developer-tools-view .subviewbutton:nth-child(5), - #PanelUI-developer-tools-view .subviewbutton:nth-child(5) { - list-style-image: url("../icons/command-frames.svg"); - } - /* Browser Console */ - #appmenu-developer-tools-view .subviewbutton:nth-last-child(5), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) { - list-style-image: url("../icons/command-console.svg"); - } - /* Responsive Design Mode */ - #appmenu-developer-tools-view .subviewbutton:nth-last-child(4), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(4) { - list-style-image: url("../icons/command-responsivemode.svg"); - } - /* Eyedropper */ - #appmenu-developer-tools-view .subviewbutton:nth-last-child(3), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) { - list-style-image: url("../icons/command-eyedropper.svg"); - } - /* Page Source - Edge file-search.svg */ - #appmenu-developer-tools-view .subviewbutton:nth-last-child(2), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(2) { - list-style-image: url("../icons/document-search.svg"); - } - /* Extensions for Devel */ - #appmenu-developer-tools-view .subviewbutton:nth-last-child(1), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) { - list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } - #appmenu-developer-tools-view .subviewbutton:last-child { - margin-bottom: 6px !important; - } - /*= Panel - Help =============================================================*/ - #appMenu_menu_openHelp { - list-style-image: url("chrome://global/skin/icons/help.svg"); - } - #appMenu_feedbackPage { - list-style-image: url("../icons/send.svg"); - } - #appMenu_helpSafeMode { - list-style-image: url("chrome://devtools/skin/images/debugging-workers.svg"); - } - #appMenu_troubleShooting { - list-style-image: url("chrome://global/skin/icons/more.svg"); - } - #appMenu-report-broken-site-button, - #appMenu_help_reportSiteIssue { - list-style-image: url("chrome://global/skin/icons/lightbulb.svg"); - } - #appMenu_menu_HelpPopup_reportPhishingtoolmenu { - list-style-image: url("chrome://global/skin/icons/warning.svg"); - } - #appMenu_helpSwitchDevice { - list-style-image: url("../icons/add-device.svg"); - } - #appMenu_aboutName { - list-style-image: url("chrome://global/skin/icons/info.svg"); - } - /*= Panel - Library ==========================================================*/ - #appMenu-library-bookmarks-button { - list-style-image: url("chrome://browser/skin/bookmark.svg"); - } - #appMenu-library-history-button { - list-style-image: url("chrome://browser/skin/history.svg"); - } - #appMenu-library-downloads-button { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); - } - /*= Panel - Downloads ========================================================*/ - #downloadsHistory { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); - } - #downloadsHistory .box-inherit.button-box { - display: inline-flex !important; - display: -moz-inline-box !important; - } - /*= Toolbar - Overflow Menu ==================================================*/ - #overflowMenu-customize-button { - list-style-image: url("chrome://browser/skin/customize.svg"); - } - /*= Tabbar - All Tab Menu ====================================================*/ - #allTabsMenu-undoCloseTab { - list-style-image: url("../icons/undo.svg"); - } - #allTabsMenu-searchTabs { - list-style-image: url("chrome://global/skin/icons/search-glass.svg"); - } - #allTabsMenu-containerTabsButton { - list-style-image: url("../icons/container-openin-16.svg"); - } - #allTabsMenu-hiddenTabsButton { - list-style-image: url("../icons/eye-hide.svg"); - } - #allTabsMenu-containerTabsView .subviewbutton:last-child { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } - /*= BMB_bookmarksPopup =======================================================*/ - #BMB_viewBookmarksSidebar { - --menuitem-image: var(--uc-sidebar-icon); - } - #BMB_viewBookmarksSidebar[data-l10n-args='{"isVisible":true}'] { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } - #BMB_searchBookmarks { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } - #BMB_bookmarksShowAllTop, - #BMB_bookmarksShowAll { - --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } - #BMB_bookmarksToolbar { - --menuitem-image: url("../icons/bookmarks-toolbar-alt.svg"); - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #BMB_bookmarksShowAllTop { - list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important; - } - #BMB_bookmarksShowAllTop > .menu-iconic-left { - display: flex !important; - display: -moz-box !important; - } - } - /* BMB_bookmarksToolbarPopup */ - #BMB_viewBookmarksToolbar[data-l10n-args='{"isVisible":true}'] { - --menuitem-image: url("../icons/eye-hide.svg"); - } - #BMB_viewBookmarksToolbar[data-l10n-args='{"isVisible":false}'] { - --menuitem-image: url("../icons/eye-show.svg"); - } - /*= protections-popup ========================================================*/ - #protections-popup-settings-button > .protections-popup-settings-icon, - #protections-popup-show-report-button > .protections-popup-show-report-icon { - -moz-context-properties: fill, fill-opacity, stroke; - fill: currentColor; - margin-inline-end: 1em; - } - #protections-popup-settings-button > .protections-popup-settings-icon, - #protections-popup-multiView .panel-subview-footer-button { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } - #protections-popup-show-report-button > .protections-popup-show-report-icon { - /* chrome://browser/skin/controlcenter/dashboard.svg */ - list-style-image: url("../icons/dashboard.svg"); - } - /*= identity-popup ===========================================================*/ - #identity-popup-clear-sitedata-button, - #identity-popup-more-info { - padding-inline: 5px !important; - } - #identity-popup-securityView-body { - margin-inline-start: 32px !important; /* Original: 10px */ - } - #identity-popup-clear-sitedata-button { - list-style-image: url("../icons/broom.svg"); - } - /*= sidebarMenu-popup ========================================================*/ - #identity-popup-more-info.subviewbutton { - list-style-image: url("chrome://global/skin/icons/info.svg"); - } - #identity-popup-more-info:is(menuitem) { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } - #sidebar-switcher-bookmarks.subviewbutton { - list-style-image: url("chrome://browser/skin/bookmark.svg"); - } - #sidebar-switcher-bookmarks:is(menuitem) { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #sidebar-switcher-history.subviewbutton { - list-style-image: url("chrome://browser/skin/history.svg"); - } - #sidebar-switcher-history:is(menuitem) { - --menuitem-image: url("chrome://browser/skin/history.svg"); - } - #sidebar-switcher-tabs.subviewbutton { - list-style-image: url("../icons/synced-tabs.svg"); - } - #sidebar-switcher-tabs:is(menuitem) { - --menuitem-image: url("../icons/synced-tabs.svg"); - } - #sidebar-reverse-position.subviewbutton { - list-style-image: var(--uc-sidebar-icon-reverse); - } - #sidebar-reverse-position:is(menuitem) { - --menuitem-image: var(--uc-sidebar-icon-reverse); - } - #sidebarMenu-popup > *.subviewbutton[data-l10n-id="sidebar-menu-close"] { - list-style-image: url("chrome://global/skin/icons/close.svg"); - } - #sidebarMenu-popup > *:is(menuitem)[data-l10n-id="sidebar-menu-close"] { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } - /*= unified-extensions-view ===================================================*/ - #unified-extensions-manage-extensions { - list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } - /*= Compatibility ============================================================*/ - .sync-engine-tabs .checkbox-icon, - .sync-engine-tabs.sync-engine-image, - #sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon, - #sync-button { - list-style-image: url("../icons/synced-tabs.svg") !important; - } - /*= Tab Mix Plus =============================================================*/ - #allTabsMenu_sortTabsButton { - list-style-image: url("../icons/text-sort-ascending.svg"); - } - } - /** Menu - Icons Layout *******************************************************/ - @supports -moz-bool-pref("userChrome.icon.menu") { - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, - #main-menubar > menu { - -moz-appearance: none !important; /* Linux: menulist */ - } - /* Icon */ - #main-menubar > menu, - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #context_sendTabToDevicePopupMenu, - #context-sendpagetodevice-popup, - #context-sendlinktodevice-popup, - #frame > menupopup, - #spell-dictionaries-menu - ) - > menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - .openintabs-menuitem, - #blockedPopupDontShowMessage, - #BMB_viewBookmarksToolbar, - #sidebarMenu-popup:is(menupopup), - #context_openANewTab.tabmix-newtab-menu-icon { - /* Color */ - -moz-context-properties: fill, fill-opacity, stroke !important; - fill: currentColor !important; - stroke: currentColor; - /* Layout */ - background-size: 16px !important; - background-repeat: no-repeat !important; - background-image: var(--menuitem-image); - } - #tabContextMenu > .tabmix-newtab-menu-icon { - -moz-context-properties: fill, fill-opacity, stroke !important; - fill: currentColor !important; - } - /* For native context menus */ - @supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") { - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important; - } - } - /* Padding */ - :root { - --uc-menu-background-position: left; - --context-menu-background-padding-default: 5px; - --context-menu-background-padding: var(--context-menu-background-padding-default); - } - :root:-moz-locale-dir(rtl) { - --uc-menu-background-position: right; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic), - :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup:not(.in-menulist) > menu:not(.menu-iconic), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #context_sendTabToDevicePopupMenu, - #context-sendpagetodevice-popup, - #context-sendlinktodevice-popup, - #frame > menupopup, - #spell-dictionaries-menu - ) - > menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - .openintabs-menuitem, - #blockedPopupDontShowMessage, - #BMB_viewBookmarksToolbar, - #sidebarMenu-popup:is(menupopup), - #context_openANewTab.tabmix-newtab-menu-icon { - background-position: var(--uc-menu-background-position) var(--context-menu-background-padding) center !important; - padding-inline-start: var(--context-menu-background-padding) !important; - } - #sidebarMenu-popup:is(menupopup):not(panel) { - --context-menu-background-padding: var(--context-menu-background-padding-default); - padding-inline-start: 0 !important; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > #sidebarMenu-popup:is(menupopup):not(panel) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) { - padding-inline-start: 28px !important; - margin-inline-start: var(--arrowpanel-menuitem-margin-inline) !important; - } - /* Menubar */ - @supports -moz-bool-pref("userChrome.icon.global_menubar") { - #main-menubar > menu { - background-position: var(--uc-menu-background-position) var(--context-menu-background-padding-default) center !important; - padding-inline-start: calc(16px + var(--context-menu-background-padding-default)) !important; - padding-inline-end: 3px; - } - #main-menubar > menu:first-child { - background-position: var(--uc-menu-background-position) - calc(3px + var(--context-menu-background-padding-default)) center !important; - padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important; - } - #main-menubar > menu menupopup { - --menuitem-image: none; /* Prevent Image Inheritance */ - } - @supports not -moz-bool-pref("userChrome.padding.global_menubar") { - #main-menubar > menu { - padding-block: 2px !important; - } - } - } - /* Padding - Non Native */ - @media (-moz-platform: windows) and (-moz-platform: windows), - (-moz-gtk-csd-available) and (-moz-platform: windows) { - :root { - --context-menu-background-padding: 1em; - --context-menu-text-padding-default: 24px; - --context-menu-text-padding: var(--context-menu-text-padding-default); - --menu-background-padding-default: calc( - var(--context-menu-background-padding) + var(--context-menu-text-padding) - ); - --bookmark-menu-icon-align-padding: 0px; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #context_sendTabToDevicePopupMenu, - #context-sendpagetodevice-popup, - #context-sendlinktodevice-popup, - #frame > menupopup, - #spell-dictionaries-menu - ) - > menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - .openintabs-menuitem, - #blockedPopupDontShowMessage, - #BMB_viewBookmarksToolbar, - #sidebarMenu-popup:is(menupopup), - #context_openANewTab.tabmix-newtab-menu-icon { - padding-inline-start: var(--menu-background-padding-default) !important; - margin-left: 0 !important; - } - .menupopup-arrowscrollbox { - padding-inline: 0 !important; /* Original: padding: var(--panel-padding); --panel-padding-block: 4px; */ - } - } - @media (-moz-platform: windows), (-moz-gtk-csd-available) { - @supports -moz-bool-pref("userChrome.theme.non_native_menu") { - @media (-moz-platform: windows) and (-moz-gtk-csd-available), - (-moz-gtk-csd-available) and (-moz-gtk-csd-available) { - :root { - --context-menu-background-padding: 1em; - --context-menu-text-padding-default: 24px; - --context-menu-text-padding: var(--context-menu-text-padding-default); - --menu-background-padding-default: calc( - var(--context-menu-background-padding) + var(--context-menu-text-padding) - ); - --bookmark-menu-icon-align-padding: 0px; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #context_sendTabToDevicePopupMenu, - #context-sendpagetodevice-popup, - #context-sendlinktodevice-popup, - #frame > menupopup, - #spell-dictionaries-menu - ) - > menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - .openintabs-menuitem, - #blockedPopupDontShowMessage, - #BMB_viewBookmarksToolbar, - #sidebarMenu-popup:is(menupopup), - #context_openANewTab.tabmix-newtab-menu-icon { - padding-inline-start: var(--menu-background-padding-default) !important; - margin-left: 0 !important; - } - .menupopup-arrowscrollbox { - padding-inline: 0 !important; /* Original: padding: var(--panel-padding); --panel-padding-block: 4px; */ - } - } - } - } - /* Padding - Windows */ - @media (-moz-platform: windows) { - :root { - --bookmark-menu-icon-text-padding: calc( - var(--context-menu-text-padding) + var(--arrowpanel-menuitem-padding-inline) - ); - --bookmark-menu-icon-background-padding: calc( - var(--arrowpanel-menuitem-padding-inline) + var(--bookmark-menu-icon-align-padding) - ); - } - } - /* Padding - Linux */ - @media (-moz-gtk-csd-available) { - :root { - --context-menu-background-padding-default: 6px; - --context-menu-text-padding: 21px; - } - #main-menubar > menu > .menubar-text { - padding-inline-start: 3px; - } - } - /* Padding - Mac */ - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root { - --context-menu-background-padding-default: 10px; - --context-menu-mac-padding: 21px; - } - /* context menu width */ - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - #blockedPopupDontShowMessage { - padding-inline-end: var(--context-menu-background-padding) !important; - } - /* text position */ - :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup:not(.in-menulist) > menuitem > .menu-text, - :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup:not(.in-menulist) > menu > .menu-text { - padding-inline-start: var(--context-menu-mac-padding) !important; - } - /* Checkbox menuitem, None iconic menu */ - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem[type="checkbox"] { - padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important; - } - /* Global Menu */ - @supports -moz-bool-pref("userChrome.icon.global_menu.mac") { - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic) { - list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important; - } - } - /* Exeptions */ - #unified-extensions-context-menu > menuitem::before { - padding-inline: 0 !important; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) { - padding-inline-start: 0 !important; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked] { - padding-left: 4px !important; - background-image: none !important; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"] { - padding-left: calc(var(--context-menu-mac-padding) - 8px) !important; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"] - .menu-iconic-text { - padding-left: 8px !important; - } - } - /*= Bookmark Menu - Layout ===================================================*/ - /* #goPopup(Legacy of historyMenuPopup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu - * #BMB_bookmarksPopup: looks like arrow panel - */ - /* Empty Menu */ - menupopup menupopup[emptyplacesresult] .menu-text, - #PersonalToolbar menupopup[emptyplacesresult] .menu-text { - margin-inline-start: 0 !important; - } - /* Bookmark Popup - As Arrow Panel */ - #BMB_bookmarksPopup, - #PersonalToolbar { - --context-menu-background-padding: var(--arrowpanel-menuitem-padding-inline); - } - /* Windows */ - @media (-moz-platform: windows) { - /* Bookmark Popup - None icon menu */ - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic), - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { - margin-inline: var(--arrowpanel-menuitem-margin-inline) !important; - padding-inline-start: var(--bookmark-menu-icon-text-padding) !important; - background-position: var(--uc-menu-background-position) var(--bookmark-menu-icon-background-padding) center !important; - } - } - /* Windows 7, 8 */ - /* Linux */ - @media (-moz-gtk-csd-available) { - /* Global Menu */ - menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) .bookmark-item { - padding-inline-start: var(--context-menu-background-padding) !important; - } - /* Bookmark Popup - Iconic menu */ - #BMB_bookmarksPopup .menu-iconic-text, - #PersonalToolbar menupopup[placespopup="true"] .bookmark-item .menu-iconic-text { - margin-inline-start: -1px !important; - } - /* Bookmark Popup - None icon menu */ - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic), - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { - padding-inline-start: calc(var(--context-menu-background-padding) + 2px) !important; - } - @supports -moz-bool-pref("userChrome.theme.non_native_menu") { - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic), - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { - margin-inline: var(--arrowpanel-menuitem-margin-inline) !important; - } - } - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] - menuitem:not(.menuitem-iconic, [disabled="true"]) - .menu-text, - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic) .menu-text, - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]) .menu-text, - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) .menu-text { - margin-inline-start: var(--context-menu-text-padding) !important; - } - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - /* Bookmark Popup - As Arrow Panel */ - #PersonalToolbar menupopup menuitem, - #PersonalToolbar menupopup menu { - padding-inline: var(--arrowpanel-menuitem-padding-inline) !important; - } - /* Bookmark Popup - None icon menu */ - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic) { - padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 3px) !important; - } - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { - padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 1px) !important; - } - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] - menuitem:not(.menuitem-iconic, [disabled="true"]) - > .menu-text, - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic) > .menu-text, - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]) > .menu-text, - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) > .menu-text { - padding-inline-start: var(--context-menu-mac-padding) !important; - } - } - @supports -moz-bool-pref("userChrome.icon.context_menu") { - /** Context Menu - Icons ******************************************************/ /*= tabContextMenu ===========================================================*/ - #context_openANewTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_newTab, - #tabcenter-reborn_ariasuni-menuitem-_newTabContextMenuOpenAlternatePosition, - #sidebartabs_asamuzak_jp-menuitem-_newTab { - --menuitem-image: var(--uc-new-tab-icon); - } - #tabcenter-reborn_ariasuni-menuitem-_newTabContextMenuOpenInWindow { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #tabcenter-reborn_ariasuni-menuitem-_newTabContextMenuOpenInPrivateWindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #context_reloadTab, - #context_reloadSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_reloadTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_reloadTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_grouped\:reloadTree, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuReloadTab, - #sidebartabs_asamuzak_jp-menuitem-_reloadTab, - #sidebartabs_asamuzak_jp-menuitem-_reloadAllTabs { - --menuitem-image: url("../icons/reload.svg"); - } - #context_toggleMuteTab, - #context_toggleMuteSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab-mute, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab, - #sidebartabs_asamuzak_jp-menuitem-_muteTab { - --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg"); - stroke: transparent !important; - } - #context_toggleMuteTab[muted], - #context_toggleMuteSelectedTabs[muted], - #treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab-unmute, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab[label="Unmute Tab"], - #sidebartabs_asamuzak_jp-menuitem-_muteTab[label="Unmute Tab"] { - --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg"); - } - #context_pinTab, - #context_pinSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_pinTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuPinTab, - #sidebartabs_asamuzak_jp-menuitem-_pinTab { - --menuitem-image: url("../icons/pin-tab.svg"); - } - #context_unpinTab, - #context_unpinSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_unpinTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuPinTab[label="Unpin Tab"], - #sidebartabs_asamuzak_jp-menuitem-_pinTab[label="Unpin Tab"] { - --menuitem-image: url("../icons/unpin-tab.svg"); - } - #context_duplicateTab, - #context_duplicateTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_duplicateTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuDuplicateTab, - #sidebartabs_asamuzak_jp-menuitem-_dupeTab { - --menuitem-image: var(--uc-tab-copy-icon); - } - #tabcenter-reborn_ariasuni-menuitem-_contextMenuUnloadTab { - --menuitem-image: var(--uc-tab-unload-icon); - } - #context_bookmarkTab, - #context_bookmarkSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_bookmarkTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_bookmarkSelected, - #treestyletab_piro_sakura_ne_jp-menuitem-_grouped\:bookmarkTree, - #sidebartabs_asamuzak_jp-menuitem-_bookmarkTab, - #sidebartabs_asamuzak_jp-menuitem-_bookmarkAllTabs { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #context_moveTabOptions, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_moveTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuMoveTab, - #sidebartabs_asamuzak_jp-menuitem-_moveTab { - --menuitem-image: url("../icons/arrow-swap.svg"); - } - #context_sendTabToDevice, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_sendTabsToDevice { - --menuitem-image: url("../icons/send-to-device.svg"); - } - #context_sendTabToDevice:is([disabled="true"]) + #context_shareTabURL, - #context_sendTabToDevice:is([disabled="true"]) + menuitem.share-tab-url-item { - /* At windows */ - --menuitem-image: url("../icons/share.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #context_shareTabURL, - menuitem.share-tab-url-item { - --menuitem-image: url("../icons/share.svg"); - } - } - #context_reopenInContainer, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_reopenInContainer, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuOpenInContextualTab, - #sidebartabs_asamuzak_jp-menuitem-_openNewTabInContainer, - #sidebartabs_asamuzak_jp-menuitem-_reopenTabInContainer { - --menuitem-image: url("../icons/container-openin-16.svg"); - } - #context_selectAllTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_selectAllTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_selectAllTabs, - #sidebartabs_asamuzak_jp-menuitem-_selectAllTabs { - --menuitem-image: var(--uc-tab-multiple-icon); - } - #context_closeTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_grouped\:closeTree, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuCloseTab, - #sidebartabs_asamuzak_jp-menuitem-_closeTab { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #context_closeTabOptions, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeMultipleTabs, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuCloseTabs, - #sidebartabs_asamuzak_jp-menuitem-_closeMultipleTabs { - --menuitem-image: url("../icons/filter-dismiss.svg"); - } - } - #context_undoCloseTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_undoCloseTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_undoCloseTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuUndoCloseTab, - #sidebartabs_asamuzak_jp-menuitem-_undoCloseTab { - --menuitem-image: url("../icons/undo.svg"); - } - /*= new-tab-button-popup =====================================================*/ - #new-tab-button-popup > menuitem[command="Browser:NewUserContextTab"], - .new-tab-popup > menuitem[command="Browser:NewUserContextTab"] { - --menuitem-image: url("../icons/container-openin-16.svg"); - } - #new-tab-button-popup > menuitem[command="Browser:OpenAboutContainers"], - .new-tab-popup > menuitem[command="Browser:OpenAboutContainers"] { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - /*= toolbar-context-menu =====================================================*/ - .customize-context-manageExtension { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - .customize-context-removeExtension { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - .customize-context-reportExtension { - --menuitem-image: url("../icons/send.svg"); - } - .customize-context-moveToPanel { - --menuitem-image: url("../icons/pin-tab.svg"); - } - #toolbar-context-autohide-downloads-button { - /* checkbox */ - --menuitem-image: url("../icons/eye-tracking-off.svg"); - } - .customize-context-removeFromToolbar { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #toolbar-context-always-open-downloads-panel { - /* checkbox */ - --menuitem-image: url("../icons/drawer-arrow-download.svg"); - } - #toolbar-context-openANewTab { - --menuitem-image: var(--uc-new-tab-icon); - } - #toolbar-context-reloadSelectedTab, - #toolbar-context-reloadSelectedTabs { - --menuitem-image: url("../icons/reload.svg"); - } - #toolbar-context-bookmarkSelectedTab, - #toolbar-context-bookmarkSelectedTabs { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #toolbar-context-selectAllTabs { - --menuitem-image: var(--uc-tab-multiple-icon); - } - #toolbar-context-undoCloseTab { - --menuitem-image: url("../icons/undo.svg"); - } - #toggle_toolbar-menubar { - /* checkbox */ - --menuitem-image: url("../icons/calendar-agenda.svg"); - } - #toggle_PersonalToolbar { - /* Also placeContext */ - --menuitem-image: url("../icons/bookmarks-toolbar-alt.svg"); - } - menuitem.viewCustomizeToolbar { - --menuitem-image: url("chrome://browser/skin/customize.svg"); - } - .fullscreen-context-autohide { - /* checkbox */ - --menuitem-image: url("../icons/eye-tracking-off.svg"); - } - #toolbar-context-menu > menuitem[data-l10n-id="full-screen-exit"] { - --menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg"); - } - /*= Tab Mix Plus =============================================================*/ - @media (-moz-platform: windows) { - #context_openANewTab.tabmix-newtab-menu-icon .menu-iconic-left { - display: none; - } - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #tm-duplicateinWin { - --menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg"); - } - #tm-mergeWindowsTab { - --menuitem-image: url("../icons/merge.svg"); - } - } - #tm-renameTab { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - #tm-copyTabUrl { - --menuitem-image: url("../icons/link.svg"); - } - #tm-autoreloadTab_menu { - --menuitem-image: url("../icons/timer10.svg"); - } - #context_reloadTabOptions { - --menuitem-image: url("../icons/reload.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #context_reloadTabOptions { - --menuitem-image: url("../icons/filter-reload.svg"); - } - } - @supports not -moz-bool-pref("userChrome.icon.menu.full") { - #context_reloadTabOptions + #context_reloadTab { - --menuitem-image: url("../icons/blank.svg"); - } - } - #tm-docShell { - --menuitem-image: url("chrome://browser/skin/permissions.svg"); - } - #tm-freezeTab { - --menuitem-image: url("../icons/weather-snowflake.svg"); - } - #tm-protectTab { - --menuitem-image: url("../icons/shield-task.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #tm-lockTab { - --menuitem-image: url("../icons/lock-closed.svg"); - } - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #context_bookmarkAllTabs { - --menuitem-image: url("../icons/bookmark-multiple.svg"); - } - } - /*= contentAreaContextMenu ===================================================*/ - #context-viewsource-goToLine { - --menuitem-image: url("../icons/text-number-format.svg"); - } - #context-viewsource-wrapLongLines { - /* checkbox */ - --menuitem-image: url("../icons/arrow-sort-down-lines.svg"); - } - #context-viewsource-highlightSyntax { - /* checkbox */ - --menuitem-image: url("../icons/highlight.svg"); - } - #spell-no-suggestions { - --menuitem-image: url("../icons/text-proofing-tools.svg"); - } - #spell-add-to-dictionary, - #spell-add-dictionaries { - --menuitem-image: url("../icons/book-add.svg"); - } - #spell-undo-add-to-dictionary { - --menuitem-image: url("../icons/undo.svg"); - } - #context-openlinkincurrent { - --menuitem-image: url("../icons/link-square.svg"); - } - #context-openlinkincontainertab, - #context-openlinkintab { - --menuitem-image: var(--uc-new-tab-icon); - } - #context-openlinkinusercontext-menu { - --menuitem-image: url("../icons/container-openin-16.svg"); - } - #context-openlink { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #context-openlinkprivate { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #context-bookmarklink { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #context-savelink { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } - #context-savelinktopocket { - --menuitem-image: url("../icons/pocket-outline.svg"); - } - #context-copyemail { - --menuitem-image: url("../icons/mail.svg"); - } - #context-copyphone { - --menuitem-image: url("../icons/device-phone.svg"); - } - #context-copylink { - --menuitem-image: url("../icons/link.svg"); - } - #context-stripOnShareLink { - --menuitem-image: url("../icons/link-no-tracking.svg"); - } - #context-sendlinktodevice { - --menuitem-image: url("../icons/send-to-device.svg"); - } - #context-media-play { - --menuitem-image: url("chrome://global/skin/media/play-fill.svg"); - } - #context-media-pause { - --menuitem-image: url("chrome://global/skin/media/pause-fill.svg"); - } - #context-media-mute { - --menuitem-image: url("chrome://global/skin/media/audio-muted.svg"); - } - #context-media-unmute { - --menuitem-image: url("chrome://global/skin/media/audio.svg"); - } - #context-media-playbackrate { - --menuitem-image: url("../icons/time-picker.svg"); - } - #context-media-loop { - /* checkbox */ - --menuitem-image: url("../icons/arrow-repeat-all.svg"); - } - #context-leave-dom-fullscreen { - --menuitem-image: url("chrome://global/skin/media/fullscreenExitButton.svg"); - } - #context-video-fullscreen { - --menuitem-image: url("chrome://global/skin/media/fullscreenEnterButton.svg"); - } - #context-media-hidecontrols { - --menuitem-image: url("../icons/eye-hide.svg"); - } - #context-media-showcontrols { - --menuitem-image: url("../icons/eye-show.svg"); - } - #context-viewvideo { - --menuitem-image: url("../icons/video.svg"); - } - #context-video-pictureinpicture { - /* checkbox */ - --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); - } - #context-reloadimage { - --menuitem-image: url("../icons/image-arrow-counterclockwise.svg"); - } - #context-viewimage { - --menuitem-image: url("../icons/image-add.svg"); - } - #context-saveimage { - --menuitem-image: url("../icons/image.svg"); - } - #context-video-saveimage { - --menuitem-image: url("../icons/video-snapshot.svg"); - } - #context-savevideo { - --menuitem-image: url("../icons/video.svg"); - } - #context-saveaudio { - --menuitem-image: url("chrome://global/skin/media/audio.svg"); - } - #context-copyimage-contents { - --menuitem-image: url("../icons/image-copy.svg"); - } - #context-copyimage, - #context-copyvideourl, - #context-copyaudiourl { - --menuitem-image: url("../icons/link.svg"); - } - #context-sendimage, - #context-sendvideo, - #context-sendaudio { - --menuitem-image: url("../icons/mail.svg"); - } - #context-viewimageinfo { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } - #context-viewimagedesc { - --menuitem-image: url("../icons/image-alt-text.svg"); - } - #context-setDesktopBackground { - --menuitem-image: url("../icons/resize-image.svg"); - } - #context-ctp-play { - --menuitem-image: url("chrome://global/skin/icons/plugin.svg"); - } - #context-ctp-hide { - --menuitem-image: url("chrome://global/skin/icons/plugin-blocked.svg"); - } - #context-savepage { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } - #context-pocket { - --menuitem-image: url("../icons/pocket-outline.svg"); - } - #context-sendpagetodevice { - --menuitem-image: url("../icons/send-to-device.svg"); - } - #fill-login { - --menuitem-image: url("../icons/password.svg"); - } - #fill-login-generated-password { - --menuitem-image: url("chrome://browser/skin/login.svg"); - } - #use-relay-mask { - --menuitem-image: url("../icons/relay-logo.svg"); - } - #manage-saved-logins { - --menuitem-image: url("../icons/key-multiple.svg"); - } - #context-undo, - #context-pdfjs-undo { - --menuitem-image: url("../icons/undo.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #context-redo, - #context-pdfjs-redo { - --menuitem-image: url("../icons/redo.svg"); - } - } - #context-cut, - #context-pdfjs-cut { - --menuitem-image: url("../icons/edit-cut.svg"); - } - #context-copy, - #context-pdfjs-copy { - --menuitem-image: url("../icons/edit-copy.svg"); - } - #context-paste, - #context-pdfjs-paste { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #context-delete, - #context-pdfjs-delete { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #context-selectall, - #context-pdfjs-selectall { - --menuitem-image: url("../icons/select-all-on.svg"); - } - #context-reveal-password { - --menuitem-image: url("../icons/eye-show.svg"); - } - #context-print-selection { - --menuitem-image: url("chrome://global/skin/icons/print.svg"); - } - #context-take-screenshot { - --menuitem-image: url("../icons/screenshot-1.svg"); - } - #context-keywordfield { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #context-searchselect, - #context-searchselect-private { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } - #frame { - --menuitem-image: url("../icons/command-frames.svg"); - } - #spell-check-enabled { - /* checkbox */ - --menuitem-image: url("../icons/text-proofing-tools.svg"); - } - #spell-add-dictionaries-main { - --menuitem-image: url("../icons/book-add.svg"); - } - #spell-dictionaries { - --menuitem-image: url("../icons/book.svg"); - } - #context-bidi-text-direction-toggle { - --menuitem-image: url("../icons/text-direction-horizontal-ltr.svg"); - } - #context-bidi-page-direction-toggle { - --menuitem-image: url("../icons/document-landscape-split-hint.svg"); - } - #context-viewpartialsource-selection, - #context-viewsource { - --menuitem-image: url("../icons/document-search.svg"); - } - #context-inspect-a11y { - --menuitem-image: url("../icons/tool-accessibility.svg"); - } - #context-inspect { - --menuitem-image: url("../icons/command-pick.svg"); - } - #context-media-eme-learnmore { - /* iconic */ - } - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - #context-back { - --menuitem-image: url("chrome://browser/skin/back.svg"); - } - #context-forward { - --menuitem-image: url("chrome://browser/skin/forward.svg"); - } - #context-reload { - --menuitem-image: url("../icons/reload.svg"); - } - #context-stop { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } - #context-bookmarkpage { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - } - /*= main-context-menu-frame ==================================================*/ - #context-showonlythisframe { - --menuitem-image: url("../icons/eye-show.svg"); - } - #context-openframeintab { - --menuitem-image: var(--uc-new-tab-icon); - } - #context-openframe { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #context-reloadframe { - --menuitem-image: url("../icons/reload.svg"); - } - #context-bookmarkframe { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #context-saveframe { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } - #context-printframe { - --menuitem-image: url("chrome://global/skin/icons/print.svg"); - } - #context-take-frame-screenshot { - --menuitem-image: url("../icons/screenshot-1.svg"); - } - #context-viewframesource { - --menuitem-image: url("../icons/document-search.svg"); - } - #context-viewframeinfo { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } - /*= Tab Mix Plus =============================================================*/ - #tm-autoreload_menu { - --menuitem-image: url("../icons/timer10.svg"); - } - #tm-linkWithhistory { - --menuitem-image: var(--uc-new-tab-skip-forward-icon); - } - #tm-openAllLinks { - --menuitem-image: var(--uc-new-tab-multiple-icon); - } - #tm-openinverselink { - --menuitem-image: var(--uc-new-tab-forward-icon); - } - #tm-content-closetab { - --menuitem-image: url("../icons/dismiss-filled.svg"); - } - #tm-duplicateTabContext { - --menuitem-image: var(--uc-tab-copy-icon); - } - #tm-duplicateinWinContext { - --menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg"); - } - #tm-detachTabContext { - --menuitem-image: url("../icons/convert-range.svg"); - } - #tm-mergeWindows { - --menuitem-image: url("../icons/merge.svg"); - } - #tm-content-freezeTab { - --menuitem-image: url("../icons/weather-snowflake.svg"); - } - #tm-content-protectTab { - --menuitem-image: url("../icons/shield-task.svg"); - } - #tm-content-lockTab { - --menuitem-image: url("../icons/lock-closed.svg"); - } - #tm-content-undoCloseTab { - --menuitem-image: url("../icons/undo.svg"); - } - /*= downloadsContextMenu =====================================================*/ - .downloadPauseMenuItem { - --menuitem-image: url("chrome://global/skin/media/pause-fill.svg"); - } - .downloadResumeMenuItem { - --menuitem-image: url("chrome://global/skin/media/play-fill.svg"); - } - .downloadUnblockMenuItem { - --menuitem-image: url("../icons/checkmark-circle.svg"); - } - .downloadUseSystemDefaultMenuItem { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } - .downloadAlwaysUseSystemDefaultMenuItem { - /* checkbox */ - --menuitem-image: url("../icons/folder-globe.svg"); - } - .downloadAlwaysOpenSimilarFilesMenuItem { - /* checkbox */ - --menuitem-image: url("../icons/fluid.svg"); - } - .downloadShowMenuItem { - --menuitem-image: var(--uc-folder-icon); - } - #downloadsContextMenu > menuitem.downloadOpenReferrerMenuItem, - #downloadsContextMenu > menuitem[command="downloadsCmd_openReferrer"] { - --menuitem-image: url("../icons/link-square.svg"); - } - #downloadsContextMenu > menuitem.downloadCopyLocationMenuItem, - #downloadsContextMenu > menuitem[command="downloadsCmd_copyLocation"] { - --menuitem-image: url("../icons/link.svg"); - } - .downloadDeleteFileMenuItem { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - .downloadRemoveFromHistoryMenuItem { - --menuitem-image: url("../icons/eraser.svg"); - } - #downloadsContextMenu > menuitem[command="downloadsCmd_clearList"], - #downloadsContextMenu > menuitem[command="downloadsCmd_clearDownloads"] { - --menuitem-image: url("../icons/broom.svg"); - } - /*= placeContext =============================================================*/ - #placesContext_open { - --menuitem-image: url("../icons/link-square.svg"); - } - #placesContext_openBookmarkContainer\:tabs, - #placesContext_openBookmarkLinks\:tabs { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } - #placesContext_open\:newtab, - #placesContext_openContainer\:tabs, - #placesContext_openLinks\:tabs { - --menuitem-image: var(--uc-new-tab-icon); - } - #placesContext_open\:newcontainertab { - --menuitem-image: url("../icons/container-openin-16.svg"); - } - #placesContext_open\:newwindow { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #placesContext_open\:newprivatewindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #placesContext_show_bookmark\:info, - #placesContext_show\:info, - #placesContext_show_folder\:info { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - #placesContext_deleteBookmark, - #placesContext_deleteFolder, - #placesContext_delete, - #placesContext_delete_history { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #placesContext_deleteHost { - --menuitem-image: url("../icons/eye-hide.svg"); - } - #placesContext_sortBy\:name { - --menuitem-image: url("../icons/text-sort-ascending.svg"); - } - #placesContext_cut { - --menuitem-image: url("../icons/edit-cut.svg"); - } - #placesContext_copy { - --menuitem-image: url("../icons/edit-copy.svg"); - } - #placesContext_paste_group { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #placesContext_new\:bookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #placesContext_showInFolder, - #placesContext_new\:folder { - --menuitem-image: var(--uc-folder-icon); - } - #placesContext_new\:separator { - --menuitem-image: url("../icons/vertical-line.svg"); - } - #placesContext_paste { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #placesContext_createBookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #show-other-bookmarks_PersonalToolbar { - /* checkbox */ - --menuitem-image: url("../icons/star-line-horizontal.svg"); - } - #placesContext_showAllBookmarks { - --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } - .openintabs-menuitem { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } - /*= Notification =============================================================*/ - #doNotDisturbMenuItem { - --menuitem-image: url(chrome://global/skin/media/pause-fill.svg); - } - #disableForOriginMenuItem { - --menuitem-image: url("chrome://global/skin/icons/blocked.svg"); - } - #openSettingsMenuItem { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - /*= blockedPopupOptions ======================================================*/ - #blockedPopupAllowSite { - --menuitem-image: url("chrome://global/skin/icons/check.svg"); - } - #blockedPopupOptions > menuitem[oncommand="gPopupBlockerObserver.editPopupSettings();"] { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - #blockedPopupDontShowMessage { - /* checkbox */ - --menuitem-image: url("chrome://global/skin/icons/blocked.svg"); - } - menuitem[data-l10n-id="popup-show-popup-menuitem"] { - /* checkbox */ - --menuitem-image: url("../icons/eye-show.svg"); - } - /*= autohide-context =========================================================*/ - #autohide-context > menuitem[data-l10n-id="full-screen-autohide"] { - /* checkbox */ - --menuitem-image: url("../icons/eye-tracking-off.svg"); - } - #autohide-context > menuitem[data-l10n-id="full-screen-exit"] { - --menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg"); - } - /*= pictureInPictureToggleContextMenu ========================================*/ - #pictureInPictureToggleContextMenu > menuitem[oncommand="PictureInPicture.hideToggle();"] { - --menuitem-image: url("../icons/eye-hide.svg"); - } - /*= pageActionContextMenu ====================================================*/ - .pageActionContextMenuItem.extensionPinned.extensionUnpinned.manageExtensionItem { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - .pageActionContextMenuItem.extensionPinned.extensionUnpinned.removeExtensionItem { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - /*= customizationPanelItemContextMenu ========================================*/ - #customizationPanelItemContextMenuUnpin { - --menuitem-image: url("../icons/unpin-tab.svg"); - } - .customize-context-removeFromPanel { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - /*= customizationPaletteItemContextMenu ======================================*/ - .customize-context-addToToolbar { - --menuitem-image: url("chrome://devtools/skin/images/dock-bottom.svg"); - } - .customize-context-addToPanel { - --menuitem-image: url("chrome://browser/skin/menu.svg"); - } - /*= customizationPanelContextMenu ============================================*/ - #customizationPanelContextMenu > menuitem[command="cmd_CustomizeToolbars"] { - --menuitem-image: url("chrome://browser/skin/customize.svg"); - } - /*= downloads-button-autohide-panel ==========================================*/ - #downloads-button-autohide-checkbox { - /* checkbox */ - --menuitem-image: url("../icons/eye-tracking-off.svg"); - } - /*= SyncedTabsSidebarContext =================================================*/ - #syncedTabsOpenSelected { - --menuitem-image: url("../icons/link-square.svg"); - } - #syncedTabsOpenSelectedInTab { - --menuitem-image: var(--uc-new-tab-icon); - } - #syncedTabsOpenSelectedInWindow { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #syncedTabsOpenSelectedInPrivateWindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #syncedTabsBookmarkSelected { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #syncedTabsCopySelected { - --menuitem-image: url("../icons/link.svg"); - } - #syncedTabsOpenAllInTabs { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } - #syncedTabsManageDevices { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - #syncedTabsRefresh { - --menuitem-image: url("chrome://browser/skin/sync.svg"); - } - /*= SyncedTabsSidebarTabsFilterContext =======================================*/ - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_undo"] { - --menuitem-image: url("../icons/undo.svg"); - } - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_cut"] { - --menuitem-image: url("../icons/edit-cut.svg"); - } - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_copy"] { - --menuitem-image: url("../icons/edit-copy.svg"); - } - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_paste"] { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_delete"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_selectAll"] { - --menuitem-image: url("../icons/select-all-on.svg"); - } - #syncedTabsRefreshFilter { - --menuitem-image: url("chrome://browser/skin/sync.svg"); - } - /*= urlbar-input-container ===================================================*/ - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_undo"] { - --menuitem-image: url("../icons/undo.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] { - --menuitem-image: url("../icons/redo.svg"); - } - } - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_cut"] { - --menuitem-image: url("../icons/edit-cut.svg"); - } - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_copy"] { - --menuitem-image: url("../icons/edit-copy.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #strip-on-share { - --menuitem-image: url("../icons/link-no-tracking.svg"); - } - } - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_paste"] { - --menuitem-image: url("../icons/edit-paste.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #paste-and-go { - --menuitem-image: url("../icons/edit-paste-go.svg"); - } - } - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_delete"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_selectAll"] { - --menuitem-image: url("../icons/select-all-on.svg"); - } - /*= textbox-contextmenu ======================================================*/ - /* Browser's Searchbar, Library's Searchbar, Page Info */ - .textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] { - --menuitem-image: url("../icons/undo.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - .textbox-contextmenu > menuitem[data-l10n-id="text-action-redo"] { - --menuitem-image: url("../icons/redo.svg"); - } - } - .textbox-contextmenu > menuitem[data-l10n-id="text-action-cut"] { - --menuitem-image: url("../icons/edit-cut.svg"); - } - .textbox-contextmenu > menuitem[data-l10n-id="text-action-copy"] { - --menuitem-image: url("../icons/edit-copy.svg"); - } - .textbox-contextmenu > menuitem[data-l10n-id="text-action-paste"] { - --menuitem-image: url("../icons/edit-paste.svg"); - } - .textbox-contextmenu > menuitem[data-l10n-id="text-action-delete"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - .textbox-contextmenu > menuitem[data-l10n-id="text-action-select-all"] { - --menuitem-image: url("../icons/select-all-on.svg"); - } - /* Only searchbar */ - @supports -moz-bool-pref("userChrome.icon.menu.full") { - menuitem.searchbar-paste-and-search { - --menuitem-image: url("../icons/edit-paste-search.svg"); - } - } - menuitem.searchbar-clear-history { - --menuitem-image: url("../icons/forget.svg"); - } - /*= context_sendTabToDevicePopupMenu =========================================*/ - .sync-menuitem.sendtab-target[clientType="phone"] { - --menuitem-image: url("../icons/device-phone.svg"); - } - .sync-menuitem.sendtab-target[clientType="tablet"] { - --menuitem-image: url("../icons/device-tablet.svg"); - } - .sync-menuitem.sendtab-target[clientType="desktop"] { - --menuitem-image: url("../icons/device-desktop.svg"); - } - .sync-menuitem.sendtab-target[clientType="tv"] { - --menuitem-image: url("../icons/device-tv.svg"); - } - .sync-menuitem.sendtab-target[clientType="vr"] { - --menuitem-image: url("../icons/device-vr.svg"); - } - .sync-menuitem.sendtab-target[clientType=""] { - --menuitem-image: url("../icons/send-to-device.svg"); - } - .sync-menuitem.sendtab-target:not([clientType]) { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - #treestyletab_piro_sakura_ne_jp-menuitem-_context_sendTabsToDevice\:manage { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - /*= unified-extensions-context-menu ==========================================*/ - .unified-extensions-context-menu-pin-to-toolbar { - --menuitem-image: url("../icons/pin-tab.svg"); - } - .unified-extensions-context-menu-manage-extension { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - .unified-extensions-context-menu-remove-extension { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - .unified-extensions-context-menu-report-extension { - --menuitem-image: url("../icons/send.svg"); - } - /*= urlbarView-result-menu ===================================================*/ - .urlbarView-result-menuitem[data-command="dismiss"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - .urlbarView-result-menuitem[data-command="help"] { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } - } - @supports -moz-bool-pref("userChrome.icon.global_menubar") { - /*= main-menubar =============================================================*/ - #file-menu { - --menuitem-image: url("../icons/mail-inbox-all.svg"); - } - #edit-menu { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - #view-menu { - --menuitem-image: url("../icons/content-view.svg"); - } - #history-menu { - --menuitem-image: url("chrome://browser/skin/history.svg"); - } - #bookmarksMenu { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #tools-menu { - --menuitem-image: url("../icons/toolbox.svg"); - } - #tabSharingMenu { - --menuitem-image: url("chrome://browser/skin/notification-icons/screen.svg"); - } - #helpMenu { - --menuitem-image: url("chrome://global/skin/icons/help.svg"); - } - } - @supports -moz-bool-pref("userChrome.icon.global_menu") { - /** Global Menu ***************************************************************/ - /*= menu_FilePopup ===========================================================*/ - #menu_newNavigatorTab { - --menuitem-image: var(--uc-new-tab-icon); - } - #menu_newUserContext { - --menuitem-image: url("../icons/container-openin-16.svg"); - } - #menu_newNavigator { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #menu_newPrivateWindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #menu_openFile { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } - #menu_savePage { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } - #menu_sendLink { - --menuitem-image: url("../icons/mail.svg"); - } - menu.share-tab-url-item { - --menuitem-image: url("chrome://browser/skin/share.svg"); - } - #menu_print { - --menuitem-image: url("chrome://global/skin/icons/print.svg"); - } - #menu_importFromAnotherBrowser { - --menuitem-image: url("chrome://browser/skin/import.svg"); - } - #goOfflineMenuitem { - /* checkbox */ - --menuitem-image: url("../icons/plug-disconnected.svg"); - } - #menu_FileQuitItem { - --menuitem-image: url("../icons/quit.svg"); - } - /* Mange Containers */ - #menu_newUserContext menupopup menuitem:last-child { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - /*= menu_EditPopup ===========================================================*/ - #menu_undo { - --menuitem-image: url("../icons/undo.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #menu_redo { - --menuitem-image: url("../icons/redo.svg"); - } - } - #menu_cut { - --menuitem-image: url("../icons/edit-cut.svg"); - } - #menu_copy { - --menuitem-image: url("../icons/edit-copy.svg"); - } - #menu_paste { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #menu_delete { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #menu_selectAll { - --menuitem-image: url("../icons/select-all-on.svg"); - } - #menu_find { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } - #menu_preferences { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - /*= menu_viewPopup ===========================================================*/ - #viewToolbarsMenu { - --menuitem-image: url("../icons/toolbar.svg"); - } - #viewSidebarMenuMenu { - --menuitem-image: var(--uc-sidebar-icon); - } - #viewFullZoomMenu { - --menuitem-image: url("../icons/screenshot.svg"); - } - #pageStyleMenu { - --menuitem-image: url("../icons/document-css.svg"); - } - #repair-text-encoding { - --menuitem-image: url("../icons/characterEncoding.svg"); - } - #enterFullScreenItem { - --menuitem-image: url("chrome://browser/skin/fullscreen.svg"); - } - #exitFullScreenItem { - --menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg"); - } - #fullScreenItem { - /* checkbox */ - --menuitem-image: url("chrome://browser/skin/fullscreen.svg"); - } - #menu_readerModeItem { - --menuitem-image: url("chrome://browser/skin/reader-mode.svg"); - } - #menu_showAllTabs { - --menuitem-image: var(--uc-tab-icon); - } - #documentDirection-swap { - --menuitem-image: url("../icons/text-direction-horizontal-ltr.svg"); - } - /* view-menu-popup sub menu */ - #menu_customizeToolbars { - --menuitem-image: url("chrome://browser/skin/customize.svg"); - } - /* viewSidebarMenu sub menu */ - #menu_bookmarksSidebar { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #menu_historySidebar { - --menuitem-image: url("chrome://browser/skin/history.svg"); - } - #menu_tabsSidebar { - --menuitem-image: url("../icons/synced-tabs.svg"); - } - /* viewFullZoomMenu sub menu */ - #menu_zoomEnlarge { - --menuitem-image: url("chrome://browser/skin/add-circle-fill.svg"); - stroke: transparent !important; - } - #menu_zoomReduce { - --menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg"); - stroke: transparent !important; - } - #menu_zoomReset { - --menuitem-image: url("../icons/resize.svg"); - } - #toggle_zoom { - --menuitem-image: url("../icons/screenshot.svg"); - } - /*= goPopup ==================================================================*/ - #menu_showAllHistory { - --menuitem-image: url("chrome://browser/skin/history.svg"); - } - #sanitizeItem { - --menuitem-image: url("../icons/forget.svg"); - } - #sync-tabs-menuitem { - --menuitem-image: url("chrome://browser/skin/sync.svg"); - } - #historyRestoreLastSession { - --menuitem-image: url("../icons/restore-session.svg"); - } - #hiddenTabsMenu { - --menuitem-image: url("../icons/eye-hide.svg"); - } - #menu_searchHistory { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } - #historyUndoMenu { - --menuitem-image: var(--uc-tab-icon); - } - #historyUndoWindowMenu { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - /* sub menu */ - #historyUndoPopup .restoreallitem { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } - #historyUndoWindowPopup .restoreallitem { - --menuitem-image: url("../icons/restore-session.svg"); - } - /*= bookmarksMenuPopup =======================================================*/ - #bookmarksShowAll { - --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } - #menu_bookmarkThisPage, - #menu_bookmarkAllTabs { - --menuitem-image: url("chrome://browser/skin/bookmark-hollow.svg"); - } - #menu_bookmarkThisPage[data-l10n-id="menu-bookmark-edit"] { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #menu_searchBookmarks { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } - /*= menu_ToolsPopup ==========================================================*/ - #menu_openDownloads { - --menuitem-image: url("chrome://browser/skin/downloads/downloads.svg"); - } - #menu_openAddons { - --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } - #sync-setup { - --menuitem-image: url("chrome://browser/skin/fxa/avatar-empty.svg"); - } - #sync-syncnowitem { - --menuitem-image: url("chrome://browser/skin/sync.svg"); - } - #menu_openFirefoxView { - --menuitem-image: url("chrome://branding/content/icon32.png"); - } - #webDeveloperMenu, - #browserToolsMenu { - --menuitem-image: url("../icons/developer.svg"); - } - #menu_pageInfo { - --menuitem-image: url("../icons/document-endnote.svg"); - } - /* menuWebDeveloperPopup sub menu */ - #menu_devToolbox { - /* checkbox */ - --menuitem-image: url("../icons/developer.svg"); - } - #menu_taskManager { - --menuitem-image: url("../icons/performance.svg"); - } - #menu_devtools_remotedebugging { - --menuitem-image: url("../icons/bug.svg"); - } - #menu_browserToolbox { - --menuitem-image: url("../icons/window-dev-tools.svg"); - } - #menu_browserContentToolbox { - --menuitem-image: url("../icons/command-frames.svg"); - } - #menu_browserConsole { - --menuitem-image: url("../icons/command-console.svg"); - } - #menu_responsiveUI { - /* checkbox */ - --menuitem-image: url("../icons/command-responsivemode.svg"); - } - #menu_eyedropper { - /* checkbox */ - --menuitem-image: url("../icons/command-eyedropper.svg"); - } - #menu_pageSource { - --menuitem-image: url("../icons/document-search.svg"); - } - #extensionsForDevelopers { - --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } - /*= windowPopup ==============================================================*/ - #windowPopup > menuitem[command="minimizeWindow"] { - --menuitem-image: url("../icons/arrow-between-down.svg"); - } - #windowPopup > menuitem[command="zoomWindow"] { - --menuitem-image: url("../icons/auto-fit-width.svg"); - } - /*= menu_HelpPopup ===========================================================*/ - #menu_openHelp { - --menuitem-image: url("chrome://global/skin/icons/help.svg"); - } - #help_reportBrokenSite { - --menuitem-image: url("chrome://global/skin/icons/lightbulb.svg"); - } - #feedbackPage { - --menuitem-image: url("../icons/send.svg"); - } - #helpSafeMode { - --menuitem-image: url("chrome://devtools/skin/images/debugging-workers.svg"); - } - #troubleShooting { - --menuitem-image: url("chrome://global/skin/icons/more.svg"); - } - #help_reportSiteIssue { - --menuitem-image: url("chrome://global/skin/icons/lightbulb.svg"); - } - #menu_HelpPopup_reportPhishingtoolmenu { - --menuitem-image: url("chrome://global/skin/icons/warning.svg"); - } - #menu_HelpPopup_reportPhishingErrortoolmenu { - --menuitem-image: url("../icons/checkmark-circle.svg"); - } - #helpSwitchDevice { - --menuitem-image: url("../icons/add-device.svg"); - } - #aboutName { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } - } - @supports -moz-bool-pref("userChrome.icon.library") { - /*= organizeButtonPopup ======================================================*/ - #newbookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #newfolder { - --menuitem-image: var(--uc-folder-icon); - } - #newseparator { - --menuitem-image: url("../icons/vertical-line.svg"); - } - #orgUndo { - --menuitem-image: url("../icons/undo.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #orgRedo { - --menuitem-image: url("../icons/redo.svg"); - } - } - #orgCut { - --menuitem-image: url("../icons/edit-cut.svg"); - } - #orgCopy { - --menuitem-image: url("../icons/edit-copy.svg"); - } - #orgPaste { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #orgDelete { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #orgSelectAll { - --menuitem-image: url("../icons/select-all-on.svg"); - } - #orgClose { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } - /*= viewMenuPopup ============================================================*/ - #viewColumns { - --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg"); - } - #viewSort { - --menuitem-image: url("../icons/text-sort-ascending.svg"); - } - /*= maintenanceButtonPopup ===================================================*/ - #backupBookmarks { - --menuitem-image: url("../icons/datastore.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #fileRestoreMenu { - --menuitem-image: url("../icons/datarestore.svg"); - } - } - #fileImport { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } - #fileExport { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } - #browserImport { - --menuitem-image: url("chrome://browser/skin/import.svg"); - } - } - } - /** Icons - 1.25px Stroke Width ***********************************************/ - @supports -moz-bool-pref("userChrome.icon.1-25px_stroke") { - #firefox-view-button { - list-style-image: url("../icons/firefox-view.svg") !important; - } - #reset-pbm-toolbar-button { - list-style-image: url("../icons/flame.svg") !important; - } - #translations-button-icon { - list-style-image: url("../icons/translations.svg") !important; - } - } - /** Icons for fork browsers ***************************************************/ - /*= Waterfox =================================================================*/ - @supports -moz-bool-pref("userChrome.icon.panel") { - #appMenu-restart-button { - list-style-image: url("../icons/refresh-cw.svg") !important; - } - } - @supports -moz-bool-pref("userChrome.icon.menu") { - #menu_FileRestartItem { - --menuitem-image: url("../icons/refresh-cw.svg"); - } - #toggle_status-dummybar { - --menuitem-image: url("../icons/pulse-square.svg"); - } - menuitem.privatetab-icon { - --menuitem-image: url("../icons/private-favicon.svg"); - } - } - /*= Tor Browser ==============================================================*/ - @supports -moz-bool-pref("userChrome.icon.panel") { - #appMenuNewIdentity { - list-style-image: url("chrome://browser/skin/new_identity.svg"); - } - #appMenuNewCircuit { - list-style-image: url("chrome://browser/skin/new_circuit.svg"); - } - #appMenu_torBrowserUserManual { - list-style-image: url("chrome://browser/skin/onion.svg"); - } - } - @supports -moz-bool-pref("userChrome.icon.menu") { - #menu_newIdentity { - --menuitem-image: url("chrome://browser/skin/new_identity.svg"); - } - #menu_newCircuit { - --menuitem-image: url("chrome://browser/skin/new_circuit.svg"); - } - #torBrowserUserManual { - --menuitem-image: url("chrome://browser/skin/onion.svg"); - } - } - /*= Floorp Browser ===========================================================*/ - #ssbPageAction-image { - list-style-image: url("../icons/pwa-install.svg"); - } - #ssbPageAction-image[open-ssb="true"] { - list-style-image: url("../icons/pwa-launch.svg"); - } - @supports -moz-bool-pref("userChrome.icon.panel") { - #rebootappmenu { - list-style-image: url("../icons/refresh-cw.svg"); - } - #openprofiledir { - list-style-image: var(--uc-folder-icon); - } - #appMenu-ssb-button { - list-style-image: url("../icons/pwa-manage.svg"); - } - #appMenu-install-or-open-ssb-current-page-button { - list-style-image: url("../icons/pwa-install.svg"); - } - #appMenu-install-or-open-ssb-current-page-button[open-ssb="true"] { - list-style-image: url("../icons/pwa-launch.svg"); - } - } - @supports -moz-bool-pref("userChrome.icon.menu") { - #toggle_sharemode { - --menuitem-image: url("chrome://branding/content/about-logo-private.png"); - } - #usercssloader-menu { - --menuitem-image: url("../icons/developer.svg"); - } - #usercssloader-menupopup > menu[data-l10n-id="css-menu"] { - --menuitem-image: url("../icons/document-css.svg"); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="rebuild-css"] { - --menuitem-image: url("chrome://global/skin/icons/reload.svg"); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="make-browsercss-file"] { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="open-css-folder"] { - --menuitem-image: var(--uc-folder-icon); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="edit-userChromeCss-editor"] { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="edit-userContentCss-editor"] { - --menuitem-image: url("chrome://global/skin/icons/page-portrait.svg"); - } - #context_toggleToPrivateContainer, - #open_in_private_container { - --menuitem-image: url("../icons/private-favicon.svg"); - } - #toggle_statusBar { - --menuitem-image: url("../icons/pulse-square.svg"); - } - #muteMenu { - --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg"); - stroke: transparent !important; - } - #unloadWebpanelMenu { - --menuitem-image: var(--uc-tab-unload-icon); - } - #changeUAWebpanelMenu { - --menuitem-image: url("../icons/command-responsivemode.svg"); - fill-opacity: 0; - } - #deleteWebpanelMenu { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #run-ssb-contextmenu { - --menuitem-image: url("../icons/pwa-launch.svg"); - } - #uninstall-ssb-contextmenu { - --menuitem-image: url("../icons/pwa-remove.svg"); - } - } -} -/*@ NIGHTLY @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ -/** Default Theme - Contrast **************************************************/ -@media (-moz-bool-pref: "userChrome.theme.built_in_contrast") { - /*= Lightmode - Color darker =================================================*/ - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]), - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] { - --lwt-accent-color: rgb(229, 229, 235) !important; /* Original: rgb(240, 240, 244) */ - } - /*= Darkmode - Color lighter =================================================*/ -} -@media (-moz-bool-pref: "userChrome.theme.built_in_contrast") and (-moz-platform: windows) { - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] #navigator-toolbox { - background-color: var(--lwt-accent-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.built_in_contrast") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] #navigator-toolbox { - background-color: var(--lwt-accent-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.built_in_contrast") { - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] { - --toolbar-bgcolor: rgba(43, 42, 51, 5) !important; /* Original: rgba(43, 42, 51, 1) */ - } -} -/** Compatibility Fixes *******************************************************/ -/*= Theme - Compatibility ====================================================*/ -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - /*= Hotfix #98 ===============================================================*/ - /* Hidden Tab Panel Padding */ - #allTabsMenu-hiddenTabsView .all-tabs-item { - margin-inline: 8px; - border-radius: 4px; - } - /*= Remote Tabs Panel's Bottom Padding =======================================*/ - #PanelUI-remotetabs #PanelUI-remotetabs-main { - margin-bottom: 6px; - } - /*= Identity Popup Icon Crop =================================================*/ - .identity-popup-security-connection.identity-button { - padding-block: 1px !important; - } - /*= Zoom in button's plus icon horizontal rate ===============================*/ - #customization-palette-container #zoom-in-button > .toolbarbutton-icon, - #customization-panel-container #zoom-in-button > .toolbarbutton-icon, - #widget-overflow-mainView #zoom-in-button > .toolbarbutton-icon { - padding-inline-start: 0px !important; - } - /*= Subview button, Menu's right padding #597 ================================*/ - .subviewbutton.toolbaritem-combined-buttons:not([shortcut]), - .subviewbutton.subviewbutton-nav:not([shortcut]), - menu.subviewbutton { - padding-inline-end: 0 !important; - } - #allTabsMenu-allTabsView .subviewbutton.subviewbutton-nav:not([shortcut]) { - padding-inline-end: var(--arrowpanel-menuitem-padding-inline) !important; - } - /*= First visible tab margin at maximized #332 ===============================*/ - :root[tabsintitlebar="true"][sizemode="maximized"] #TabsToolbar { - margin-left: -1px; - } - /*= Disabled menu background color ===========================================*/ - menuitem[disabled="true"], - menu[disabled="true"] { - background-color: transparent !important; - } - /*= Remove Tab Border ========================================================*/ - /*= Tab Separator Color ======================================================*/ - /*= Light Weight Theme =======================================================*/ - /* Header Image */ - /* Navbar Border */ - /*= Findbar Border Color =====================================================*/ - /*= Drop Indicator Color #473 ================================================*/ - /*= Firefox View Border #498 =================================================*/ - /*= Menubar rounding #814 ====================================================*/ - /*= Infobar Align #858 =======================================================*/ - /*= Inactive transparent #882 ================================================*/ -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") and (-moz-bool-pref: "userChrome.tab.connect_to_window") { - /* TARGET: original, photon */ - #TabsToolbar:not([brighttext]) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - /* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */ - border: unset !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - /* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */ - border: unset !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, - :root:is(:-moz-lwtheme, [lwtheme]) .tab-background[selected] { - outline-color: transparent !important; - } - .keyboard-focused-tab > .tab-stack > .tab-background, - .tabbrowser-tab:focus:not([aria-activedescendant]) > .tab-stack > .tab-background { - outline: var(--focus-outline) !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - #TabsToolbar, - #nav-bar { - --toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent); /* 60% at v105 */ - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - :root[lwtheme-image] > body { - background-image: var(--lwt-header-image) !important; /* Original: var(--lwt-header-image) */ - background-repeat: no-repeat !important; - background-position: right top !important; - background-color: var(--lwt-accent-color, Window) !important; - } - :root[lwtheme-image] > body:-moz-window-inactive { - background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") and (min-width: 2500px) { - :root[lwtheme-image] > body { - background-size: contain; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") and (min-width: 2500px) and (-moz-bool-pref: "userChrome.compatibility.covered_header_image") { - :root[lwtheme-image] > body { - background-size: cover; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - :root[lwtheme-image] > body :root:is(:-moz-lwtheme, [lwtheme]) #navigator-toolbox { - background-image: var(--lwt-header-image), var(--lwt-additional-images) !important; - background-repeat: var(--lwt-background-tiling) !important; - background-position: var(--lwt-background-alignment) !important; - background-color: unset !important; /* Original: var(--lwt-accent-color) */ - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - :root:is(:-moz-lwtheme, [lwtheme]) #navigator-toolbox { - --tabs-border-color: rgba(0, 0, 0, 0.4); /* Legacy: v96, (0, 0, 0, 0.3) -> (0, 0, 0, 0.4) */ - --lwt-tabs-border-color: rgba(0, 0, 0, 0.4); - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - #customization-container { - background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */ - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - html|input.findbar-textbox { - border: 1px solid var(--input-border-color, var(--toolbar-field-border-color, ThreeDShadow)) !important; /* Original: 1px solid var(--input-border-color, var(--toolbar-field-border-color)) */ - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - treechildren::-moz-tree-cell-text(primary, dropOn), - treechildren::-moz-tree-drop-feedback, - vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] { - background-color: var( - --button-primary-bgcolor, - var(--focus-outline-color) - ) !important; /* Original: SelectedItem or AccentColor*/ - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - #bookmarksPanel[lwt-sidebar="true"] { - --focus-outline-color: var(--in-content-focus-outline-color, AccentColor) !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - :root:not([privatebrowsingmode="temporary"])[firefoxviewhidden] #firefox-view-button + #tabbrowser-tabs { - border-inline-start: none !important; - padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important; - margin-inline-start: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") and (-moz-bool-pref: "userChrome.tab.static_separator") { - #tabbrowser-tabs { - border-inline-start: none !important; - padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important; - margin-inline-start: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - #main-menubar { - --panel-border-radius: var(--arrowpanel-border-radius); - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - .container.infobar { - align-items: center !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.theme") { - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity, 0.75) * 100%), transparent) !important; - --inactive-toolbarbutton-icon-fill-opacity: calc( - var(--toolbarbutton-icon-fill-opacity, 1) * var(--inactive-titlebar-opacity, 0.75) - ); - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .toolbarbutton-icon { - fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1); - } -} -/*= OS - Compatibility =======================================================*/ -@media (-moz-bool-pref: "userChrome.compatibility.os") { - /*= Windows 10 - Top border of accent color at ESR #358 ======================*/ - /*= Windows 7, 8 - Tab Bar Background *****************************************/ - /*= Windows 7, 8 - Menu Bar ==================================================*/ - /*= Windows - Native Menu ====================================================*/ - /*= Linux - Light System Default Theme's Selected Tab ========================*/ - /*= Titlebar Container Size at maximized #384 ================================*/ - /*= Windows - Classic Theme #734 =============================================*/ -} -@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-platform: windows) { - :root[sizemode="normal"][tabsintitlebar] #navigator-toolbox { - border-top: 0.5px solid rgb(47, 47, 47) !important; - } - :root[sizemode="normal"][tabsintitlebar]:-moz-window-inactive #navigator-toolbox { - border-top-color: rgb(57, 57, 57) !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-platform: windows) and (-moz-windows-accent-color-in-titlebar) { - :root[sizemode="normal"][tabsintitlebar] #navigator-toolbox { - border-top-color: ActiveBorder !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-platform: windows) and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root[sizemode="normal"][tabsintitlebar] #navigator-toolbox { - border-top-color: -moz-accent-color !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-gtk-csd-available) { - /*= Linux - Global Menubar Active Color ====================================*/ - #main-menubar > menu[open="true"], - #main-menubar > menu[_moz-menuactive="true"] { - color: inherit !important; /* Original: -moz-menubarhovertext */ - background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */ - } - /*= Linux - Titlebar button at lwtheme =====================================*/ -} -@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-gtk-csd-available) and (not (-moz-bool-pref: "userChrome.compatibility.os.linux_non_native_titlebar_button")) { - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-button { - appearance: none !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-button > .toolbarbutton-icon { - appearance: auto !important; - width: unset !important; - height: unset !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-min, - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-max, - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-restore, - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-close { - list-style-image: none !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-button, - :root:is(:-moz-lwtheme, [lwtheme]) .titlebar-button:hover:active { - background-color: unset !important; - color: unset !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-gtk-csd-available) and (prefers-color-scheme: light) { - /* Because of - #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background { - border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); - box-shadow: 0 0 4px rgba(128,128,142,0.5); - } - */ - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important; - } - #TabsToolbar:not([brighttext]) - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-platform: windows) and (not (-moz-bool-pref: "userChrome.compatibility.os.windows_maximized")) { - :root[tabsintitlebar] #titlebar { - /* -moz-default-appearance: -moz-window-titlebar */ - appearance: none !important; - } -} -@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.compatibility.os.windows_maximized") { - :root[tabsintitlebar][sizemode="maximized"] #titlebar { - appearance: none !important; - padding-top: 8px; - } -} -/*= Others - Compatibility ===================================================*/ -@media (-moz-bool-pref: "userChrome.compatibility.panel_cutoff") { - #appMenu-popup panelview { - width: 24.5em !important; /* can modify panel width, Original: 22.5em */ - } -} -@media (-moz-bool-pref: "userChrome.compatibility.navbar_top_border") { - #nav-bar { - box-shadow: none !important; - } -} -/** Theme *********************************************************************/ -/*= System Default Theme =====================================================*/ -@media (-moz-bool-pref: "userChrome.theme.system_default") { - /*= Common - URL Bar focus color =============================================*/ /*= Windows7 - Aero Based Theme ==============================================*/ /*= Windows10 - UWP like color ===============================================*/ - /*= Windows10 - Titlebar accent color ========================================*/ - /*= GTK - URL View url accent color ==========================================*/ /*= Mac - Default like color =================================================*/ -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar), - (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-gtk-csd-available) { - /* URL Bar */ - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { - --focus-outline-color: AccentColor !important; - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #urlbar[open] - > #urlbar-background, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #urlbar[open] > #urlbar-background { - border-color: color-mix( - in srgb, - AccentColor 50%, - transparent - ) !important; /* Like: --toolbar-field-focus-border-color */ - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color"), - (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { - --focus-outline-color: -moz-accent-color !important; - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #urlbar[open] - > #urlbar-background, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #urlbar[open] > #urlbar-background { - border-color: color-mix( - in srgb, - -moz-accent-color 50%, - transparent - ) !important; /* Like: --toolbar-field-focus-border-color */ - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --win-text-color: rgba(0, 0, 0); - --win-bgcolor: rgb(204, 204, 204); - --win-disabled-color: rgb(145, 145, 145); - --win-disabled-bgcolor: transparent; - --win-hover-bgcolor: rgb(218, 218, 218); /* also button-bgcolor */ - --win-hover-active-bgcolor: #c2c2c2; /* also button-hover-bgcolor */ - --win-button-hover-bgcolor: rgba(218, 218, 218, 0.66); - --win-button-active-bgcolor: #aaaaaa; - --win-field-bgcolor: #ffffff; - --win-component-bgcolor: #f2f2f2; - --win-border-color: #8a8a8a; - --win-tab-separator-color: #a3a3a3; - --win-sidebar-bgcolor: #e6e6e6; - --win-sidebar-hover-bgcolor: #cfcfcf; - --win-sidebar-button-hover-bgcolor: #b8b8b8; - --win-sidebar-button-hover-active-bgcolor: #a3a3a3; - --win-button-border: #747474; - --win-shortcut-text-color: #757575; - --win-error-color: #b31616; - --win-red-border-color: #ff4343; - --win-accent-foreground-color: AccentColorText; - --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, AccentColor); - --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, AccentColor); - --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, AccentColor); - --win-accent-active-color: AccentColor; - } - /*- Separator --------------------------------------------------------------*/ - /*- Proton Tab Selected ----------------------------------------------------*/ - /*- Menu -------------------------------------------------------------------*/ - /*- Toolbar ----------------------------------------------------------------*/ - /*- Sidebar ----------------------------------------------------------------*/ - /*- Panel ------------------------------------------------------------------*/ - /*- Others -----------------------------------------------------------------*/ - /* For overwrite */ -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --win-accent-foreground-color: -moz-accent-color-foreground; - --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, -moz-accent-color); - --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, -moz-accent-color); - --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color); - --win-accent-active-color: -moz-accent-color; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.compatibility.os.win11") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --win-text-color: #1a1a1a; - --win-bgcolor: #e8e8e8; - --win-hover-bgcolor: #eaeaea; /* also button-bgcolor */ - --win-disabled-color: #9f9f9f; - --win-hover-active-bgcolor: #d9d9d9; /* also button-active-color */ - --win-button-hover-bgcolor: #d9d9d9; - --win-button-active-bgcolor: rgba(46, 46, 46, 0.66); - --win-component-bgcolor: #f8f8f8; - --win-border-color: #e9e9e9; - --win-tab-separator-color: #dadada; - --win-sidebar-bgcolor: #ffffff; - --win-button-border: var(--win-border-color); - --win11-chrome-separator-color: #d6d6d6; - --win11-tab-border-color: #dadada; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --win-text-color: #ffffff; - --win-bgcolor: #2b2b2b; - --win-disabled-color: #747474; - --win-disabled-bgcolor: transparent; - --win-hover-bgcolor: #2e2e2e; /* also button-bgcolor */ - --win-hover-active-bgcolor: #454545; /* also button-active-color */ - --win-button-hover-bgcolor: rgba(46, 46, 46, 0.66); - --win-button-active-bgcolor: #515151; - --win-field-bgcolor: #373737; - --win-component-bgcolor: #171717; - --win-border-color: #5b5b5b; - --win-tab-separator-color: #555555; - --win-sidebar-bgcolor: #1f1f1f; - --win-sidebar-hover-bgcolor: #353535; - --win-sidebar-button-hover-bgcolor: #353535; - --win-sidebar-button-hover-active-bgcolor: #4c4c4c; - --win-button-border: #8f8f8f; - --win-shortcut-text-color: #adadad; - --win-error-color: #ffb900; - --win-red-border-color: #ff4343; - --win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, AccentColor); - --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 35%, AccentColor); - --win-accent-hover-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 5%, AccentColor); - --win-accent-active-color: AccentColor; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (prefers-color-scheme: dark) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, -moz-accent-color); - --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 35%, -moz-accent-color); - --win-accent-hover-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 5%, -moz-accent-color); - --win-accent-active-color: -moz-accent-color; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (prefers-color-scheme: dark) and (-moz-bool-pref: "userChrome.compatibility.os.win11") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --win-bgcolor: #202020; - --win-hover-bgcolor: #383838; /* also button-bgcolor */ - --win-disabled-color: #797979; - --win-hover-active-bgcolor: #454545; /* also button-active-color */ - --win-button-hover-bgcolor: #454545; - --win-button-active-bgcolor: rgba(46, 46, 46, 0.66); - --win-field-bgcolor: #232323; - --win-component-bgcolor: #2c2c2c; - --win-border-color: #3d3d3d; - --win-tab-separator-color: #323232; - --win-sidebar-bgcolor: var(--win-component-bgcolor); - --win-button-border: var(--win-border-color); - --win11-chrome-separator-color: #3a3a3a; - --win11-tab-border-color: #1d1d1d; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - /* Text, Icon Color */ - --menu-color: var(--win-text-color) !important; - --lwt-text-color: var(--win-text-color) !important; - --button-color: var(--win-text-color) !important; - --input-color: var(--win-text-color) !important; - --toolbar-color: var(--win-text-color) !important; - --toolbar-non-lwt-textcolor: var(--win-text-color) !important; - --toolbarbutton-icon-fill: var(--win-text-color) !important; - --toolbar-field-focus-color: var(--win-text-color) !important; - --urlbar-popup-action-color: var(--win-text-color) !important; - --toolbar-field-color: var(--win-text-color) !important; - --autocomplete-popup-highlight-color: var(--win-text-color) !important; - --tab-icon-overlay-fill: var(--win-text-color) !important; - --panel-banner-item-color: var(--win-text-color) !important; - --arrowpanel-color: var(--win-text-color) !important; - --autocomplete-popup-color: var(--win-text-color) !important; - /* Text Disabled Color */ - --menu-disabled-color: var(--win-disabled-color) !important; - --checkbox-unchecked-active-bgcolor: var(--win-disabled-color) !important; - --panel-disabled-color: var(--win-disabled-color) !important; - --download-progress-paused-color: var(--win-disabled-color) !important; - /* Text Shortcut Color */ - --panel-shortcut-color: var(--win-shortcut-text-color) !important; - --panel-description-color: var(--win-shortcut-text-color) !important; - /* Title Background */ - --lwt-accent-color: var(--win-bgcolor) !important; - --toolbar-field-border-color: var(--win-bgcolor) !important; - --chrome-content-separator-color: var(--win-bgcolor) !important; - /* Component Background Color */ - --menu-background-color: var(--win-component-bgcolor) !important; - --toolbar-bgcolor: var(--win-component-bgcolor) !important; - --toolbar-non-lwt-bgcolor: var(--win-component-bgcolor) !important; - --arrowpanel-background: var(--win-component-bgcolor) !important; - --autocomplete-popup-background: var(--win-component-bgcolor) !important; - /* Border Color */ - /* Separator */ - --toolbarseparator-color: var(--win-tab-separator-color) !important; - /* Field Background Color */ - --input-bgcolor: var(--win-field-bgcolor) !important; - --toolbar-field-background-color: var(--win-field-bgcolor) !important; - --toolbar-field-focus-background-color: var(--win-field-bgcolor) !important; - --tab-icon-overlay-stroke: var(--win-field-bgcolor) !important; - /* Hover Background Color, Button Color */ - --menuitem-hover-background-color: var(--win-hover-bgcolor) !important; - --toolbarbutton-hover-background: var(--win-hover-bgcolor) !important; - --button-bgcolor: var(--win-hover-bgcolor) !important; - --panel-banner-item-background-color: var(--win-hover-bgcolor) !important; - /* Hover Active, Button Hover Color */ - --checkbox-unchecked-bgcolor: var(--win-hover-active-bgcolor) !important; - --urlbar-box-bgcolor: var(--win-hover-active-bgcolor) !important; - --urlbar-box-focus-bgcolor: var(--win-hover-active-bgcolor) !important; - --toolbarbutton-active-background: var(--win-hover-active-bgcolor) !important; - --urlbar-box-active-bgcolor: var(--win-hover-active-bgcolor) !important; - --autocomplete-popup-highlight-background: var(--win-hover-active-bgcolor) !important; - --panel-banner-item-hover-bgcolor: var(--win-hover-active-bgcolor) !important; - /* Button Hover Active Color */ - --button-active-bgcolor: var(--win-button-active-bgcolor) !important; - --panel-banner-item-active-bgcolor: var(--win-button-active-bgcolor) !important; - /* Disabled Background Color */ - --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; - /* Button Hover Color */ - --button-hover-bgcolor: var(--win-button-hover-bgcolor) !important; - --checkbox-unchecked-hover-bgcolor: var(--win-button-hover-bgcolor) !important; - --urlbar-box-hover-bgcolor: var(--win-button-hover-bgcolor) !important; - --autocomplete-popup-hover-background: var(--win-button-hover-bgcolor) !important; - /* Button Border Color */ - --checkbox-border-color: var(--win-button-border) !important; - --input-border-color: var(--win-button-border) !important; - --autocomplete-popup-separator-color: var(--win-button-border) !important; - /* Accent Foreground Color */ - --button-primary-color: var(--win-accent-foreground-color) !important; - --checkbox-checked-color: var(--win-accent-foreground-color) !important; - /* Accent Color */ - --button-primary-bgcolor: var(--win-accent-color) !important; - --focus-outline-color: var(--win-accent-color) !important; - --checkbox-checked-bgcolor: var(--win-accent-color) !important; - /* Accent Content Color */ - --toolbarbutton-icon-fill-attention: var(--win-accent-content-color) !important; - --urlbar-popup-url-color: var(--win-accent-content-color) !important; - --download-progress-fill-color: var(--win-accent-content-color) !important; - /* Accent Hover Color */ - --button-primary-hover-bgcolor: var(--win-accent-hover-color) !important; - --checkbox-checked-hover-bgcolor: var(--win-accent-hover-color) !important; - /* Accent Hover Active Color */ - --button-primary-active-bgcolor: var(--win-accent-active-color) !important; - --checkbox-checked-active-bgcolor: var(--win-accent-active-color) !important; - /* Error Color */ - --error-text-color: var(--win-error-color) !important; - --input-error-border-color: var(--win-error-color) !important; - /* Others */ - --tab-line-color: AccentColor !important; - --tab-selected-bgcolor: unset !important; - --tabs-border-color: transparent !important; - --checkbox-checked-border-color: transparent !important; - /* Other Defaults */ - --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent) !important; - --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent) !important; - --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent) !important; - --download-progress-flare-color: rgba(255, 255, 255, 0.75) !important; - --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --tab-line-color: Highlight !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #navigator-toolbox { - background: var(--lwt-accent-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(#main-window):is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --arrowpanel-border-color: var(--win-bgcolor) !important; - --panel-separator-color: var(--win-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root:is(#main-window):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --arrowpanel-border-color: var(--win-border-color) !important; - --panel-separator-color: var(--win-border-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { - --toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* As default */ - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.compatibility.os.win11") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --chrome-content-separator-color: var(--win11-chrome-separator-color) !important; - } - #nav-bar { - --lwt-tabs-border-color: var(--win11-tab-border-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --win-proton-tab-selected-bgcolor: color-mix(in srgb, var(--win-bgcolor) 5%, var(--win-component-bgcolor)); - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --tab-selected-color: var(--win-proton-tab-selected-bgcolor) !important; - } - :root[lwt-default-theme-in-dark-mode] { - --lwt-selected-tab-background-color: var(--win-proton-tab-selected-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) html#main-window menupopup { - --menu-color: var(--win-text-color) !important; - --menu-background-color: var(--win-component-bgcolor) !important; - --menu-border-color: var(--win-bgcolor) !important; - --menuitem-hover-background-color: var(--win-hover-bgcolor) !important; - --menu-disabled-color: var(--win-disabled-color) !important; - --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #titlebar, - :root[lwt-default-theme-in-dark-mode] #titlebar { - --button-hover-bgcolor: var(--win-sidebar-button-hover-bgcolor); - --button-active-bgcolor: var(--win-sidebar-button-hover-active-bgcolor); - --toolbarbutton-hover-background: var(--win-sidebar-button-hover-bgcolor); - --toolbarbutton-active-background: var(--win-sidebar-button-hover-active-bgcolor); - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - #sidebar-box:not([lwt-sidebar]) { - appearance: none !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #sidebar-box, - :root[lwt-default-theme-in-dark-mode] #sidebar-box { - --sidebar-background-color: var(--win-sidebar-bgcolor) !important; - --sidebar-text-color: var(--win-text-color) !important; - --sidebar-border-color: var(--win-border-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (prefers-color-scheme: dark) { - .sidebar-panel[style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - html[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { - /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ - --lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important; - --lwt-sidebar-text-color: var(--win-text-color) !important; - --panel-separator-color: var(--win-border-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) .subviewbutton, - :root[lwt-default-theme-in-dark-mode] .subviewbutton { - --button-hover-bgcolor: var(--win-hover-active-bgcolor) !important; - --button-active-bgcolor: var(--win-button-active-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - toolbarbutton.subviewbutton:not( - [disabled], - [open], - :active, - #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 - ):is(:hover), - :root[lwt-default-theme-in-dark-mode] - toolbarbutton.subviewbutton:not( - [disabled], - [open], - :active, - #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 - ):is(:hover) { - background-color: var(--win-hover-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - toolbarbutton.subviewbutton:not( - [disabled], - #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 - ):is([open], :hover:active), - :root[lwt-default-theme-in-dark-mode] - toolbarbutton.subviewbutton:not( - [disabled], - #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 - ):is([open], :hover:active) { - background-color: var(--win-hover-active-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - /* Light Theme */ - --lwt-accent-color: var(--win-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { - --toolbar-bgcolor: var(--win-component-bgcolor) !important; /* Original: rgba(43, 42, 51, 1) */ - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-platform: windows) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[multiselected]:not([selected]), - :root[lwtheme-mozlightdark] - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[multiselected]:not([selected]), - :root:is( - [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ) - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[multiselected]:not([selected]) { - background-image: linear-gradient( - color-mix(in srgb, currentColor 11%, transparent), - color-mix(in srgb, currentColor 11%, transparent) - ), - linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) { - /* Tab Bar */ - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) .titlebar-color, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .titlebar-color { - color: AccentColorText; - background-color: AccentColor; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) .titlebar-color, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .titlebar-color { - color: -moz-accent-color-foreground; - background-color: -moz-accent-color; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) .toolbar-items, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .toolbar-items { - --toolbarbutton-icon-fill: currentColor; - --toolbarbutton-hover-background: color-mix(in srgb, AccentColorText 10%, transparent); - --toolbarbutton-active-background: color-mix(in srgb, AccentColorText 15%, transparent); - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) .toolbar-items, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .toolbar-items { - --toolbarbutton-hover-background: color-mix(in srgb, -moz-accent-color-foreground 10%, transparent); - --toolbarbutton-active-background: color-mix(in srgb, -moz-accent-color-foreground 15%, transparent); - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-gtk-csd-available) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --toolbar-field-background-color: Field !important; - --toolbar-field-color: FieldText !important; - --toolbar-field-border-color: ThreeDShadow !important; - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) .urlbarView-url { - --urlbar-popup-url-color: AccentColor; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) .urlbarView-url { - --urlbar-popup-url-color: -moz-accent-color; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-gtk-csd-available) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #urlbar-background, - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #searchbar { - background-color: var(--toolbar-field-background-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - /* Colors */ - --mac-text-color: -moz-dialogtext; - --mac-disabled-color: GrayText; - --mac-bgcolor: Window; - --mac-selected-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog); - --mac-field-bgcolor: Window; - --mac-panel-bgcolor: Menu; - --mac-sidebar-bgcolor: Window; - --mac-sidebar-hover-bgcolor: color-mix(in srgb, ButtonFace 60%, var(--mac-sidebar-bgcolor)); - --mac-hover-bgcolor: Window; - --mac-disabled-bgcolor: transparent; - --mac-primary-button-color: AccentColorText; /* or -moz-mac-menutextselect */ - --mac-accent-color: AccentColor; /* or LinkText */ - --mac-accent-content-color: color-mix(in srgb, rgb(255, 255, 255) 15%, AccentColor); - --mac-accent-hover-color: color-mix(in srgb, rgb(0, 0, 0) 10%, AccentColor); /* or -moz-mac-menuselect, Highlight */ - --mac-accent-active-color: color-mix(in srgb, rgb(0, 0, 0) 20%, AccentColor); /* or ActiveBorder */ - /* Text, Icon Color */ - --menu-color: var(--mac-text-color) !important; - --lwt-text-color: var(--mac-text-color) !important; - --button-color: var(--mac-text-color) !important; - --input-color: var(--mac-text-color) !important; - --toolbar-color: var(--mac-text-color) !important; - --toolbar-non-lwt-textcolor: var(--mac-text-color) !important; - --toolbarbutton-icon-fill: var(--mac-text-color) !important; - --toolbar-field-focus-color: var(--mac-text-color) !important; - --urlbar-popup-action-color: var(--mac-text-color) !important; - --toolbar-field-color: var(--mac-text-color) !important; - --autocomplete-popup-highlight-color: var(--mac-text-color) !important; - --tab-icon-overlay-fill: var(--mac-text-color) !important; - --panel-banner-item-color: var(--mac-text-color) !important; - --arrowpanel-color: var(--mac-text-color) !important; - --autocomplete-popup-color: var(--mac-text-color) !important; - --panel-shortcut-color: var(--mac-text-color) !important; - --panel-description-color: var(--mac-text-color) !important; - /* Text Disabled Color */ - --menu-disabled-color: var(--mac-disabled-color) !important; - --button-active-bgcolor: var(--mac-disabled-color) !important; - --checkbox-unchecked-active-bgcolor: var(--mac-disabled-color) !important; - --panel-disabled-color: var(--mac-disabled-color) !important; - --download-progress-paused-color: var(--mac-disabled-color) !important; - /* Background Color */ - --lwt-accent-color: var(--mac-bgcolor) !important; - --menu-background-color: var(--mac-bgcolor) !important; - --autocomplete-popup-background: var(--mac-bgcolor) !important; - /* Selected Background Color */ - --toolbar-bgcolor: var(--mac-selected-bgcolor) !important; - --toolbar-non-lwt-bgcolor: var(--mac-selected-bgcolor) !important; - /* Field Background Color */ - --input-bgcolor: var(--mac-field-bgcolor) !important; - --toolbar-field-background-color: var(--mac-field-bgcolor) !important; - --tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important; - /* Panel Background Color */ - --arrowpanel-background: var(--mac-panel-bgcolor) !important; - /* Hover Background Color */ - --menuitem-hover-background-color: var(--mac-hover-bgcolor) !important; - --toolbarbutton-hover-background: var(--mac-hover-bgcolor) !important; - --panel-banner-item-hover-bgcolor: var(--mac-hover-bgcolor) !important; - --button-bgcolor: var(--mac-hover-bgcolor) !important; - --checkbox-unchecked-bgcolor: var(--mac-hover-bgcolor) !important; - --panel-banner-item-background-color: var(--mac-hover-bgcolor) !important; - --urlbar-box-bgcolor: var(--mac-hover-bgcolor) !important; - --urlbar-box-focus-bgcolor: var(--mac-hover-bgcolor) !important; - --panel-banner-item-active-bgcolor: var(--mac-hover-bgcolor) !important; - --toolbarbutton-active-background: var(--mac-hover-bgcolor) !important; - --urlbar-box-active-bgcolor: var(--mac-hover-bgcolor) !important; - --autocomplete-popup-highlight-background: var(--mac-hover-bgcolor) !important; - --button-hover-bgcolor: var(--mac-hover-bgcolor) !important; - --checkbox-unchecked-hover-bgcolor: var(--mac-hover-bgcolor) !important; - --urlbar-box-hover-bgcolor: var(--mac-hover-bgcolor) !important; - --autocomplete-popup-hover-background: var(--mac-hover-bgcolor) !important; - /* Disabled Background Color */ - --menuitem-disabled-hover-background-color: var(--mac-disabled-bgcolor) !important; - /* Border Color */ - /* - --menu-border-color: var(--mac-bgcolor) !important; - --toolbar-field-border-color: var(--mac-bgcolor) !important; - --arrowpanel-border-color: var(--mac-bgcolor) !important; - --chrome-content-separator-color: var(--mac-bgcolor) !important; - --toolbarseparator-color: var(--mac-bgcolor) !important; - --panel-separator-color: var(--mac-bgcolor) !important; - */ - /* Button Border Color */ - /* - --tab-line-color: var(---mac-bgcolor) !important; - --checkbox-border-color: var(--mac-bgcolor) !important; - --input-border-color: var(--mac-bgcolor) !important; - --autocomplete-popup-separator-color: var(--mac-bgcolor) !important; - */ - /* Accent Color Foreground */ - --button-primary-color: var(--mac-primary-button-color) !important; - --checkbox-checked-color: var(--mac-primary-button-color) !important; - /* Accent Color */ - --button-primary-bgcolor: var(--mac-accent-color) !important; - --focus-outline-color: var(--mac-accent-color) !important; - --checkbox-checked-bgcolor: var(--mac-accent-color) !important; - /* Accent Content Color */ - --toolbarbutton-icon-fill-attention: var(--mac-accent-content-color) !important; - --urlbar-popup-url-color: var(--mac-accent-content-color) !important; - --download-progress-fill-color: var(--mac-accent-content-color) !important; - /* Accent Hover Color */ - --button-primary-hover-bgcolor: var(--mac-accent-hover-color) !important; - --checkbox-checked-hover-bgcolor: var(--mac-accent-hover-color) !important; - /* Accent Hover Active Color */ - --button-primary-active-bgcolor: var(--mac-accent-active-color) !important; - --checkbox-checked-active-bgcolor: var(--mac-accent-active-color) !important; - /* Error Color */ - /* - --error-text-color: var(--win-error-color) !important; - --input-error-border-color: var(--win-error-color) !important; - */ - /* Others */ - --tab-selected-bgcolor: unset !important; - --tabs-border-color: transparent !important; - --checkbox-checked-border-color: transparent !important; - /* Other Defaults */ - --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent) !important; - --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent) !important; - --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent) !important; - --download-progress-flare-color: rgba(255, 255, 255, 0.75) !important; - --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; - } - /*- Proton Tab Selected ----------------------------------------------------*/ - /*- Toolbar ----------------------------------------------------------------*/ - /*- Sidebar ----------------------------------------------------------------*/ - /*- Others -----------------------------------------------------------------*/ - /* For Overwrite */ - /* Hard Coded */ -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --mac-primary-button-color: -moz-accent-color-foreground; /* or -moz-mac-menutextselect */ - --mac-accent-color: -moz-accent-color; /* or LinkText */ - --mac-accent-content-color: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-accent-color); - --mac-accent-hover-color: color-mix( - in srgb, - rgb(0, 0, 0) 10%, - -moz-accent-color - ); /* or -moz-mac-menuselect, Highlight */ - --mac-accent-active-color: color-mix(in srgb, rgb(0, 0, 0) 20%, -moz-accent-color); /* or ActiveBorder */ - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (prefers-color-scheme: dark) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --mac-field-bgcolor: Field; - --mac-panel-bgcolor: -moz-CellHighlight; - --mac-hover-bgcolor: ButtonFace; - --toolbar-field-focus-background-color: var(--mac-bgcolor) !important; - --toolbar-field-background-color: var(--mac-sidebar-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --mac-proton-tab-selected-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 20%, -moz-dialog); - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --tab-selected-color: var(--mac-proton-tab-selected-bgcolor) !important; - } - :root[lwt-default-theme-in-dark-mode] { - --lwt-selected-tab-background-color: var(--mac-proton-tab-selected-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #navigator-toolbox, - :root[lwt-default-theme-in-dark-mode] #navigator-toolbox { - background-color: var(--mac-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #titlebar { - --mac-hover-bgcolor: ButtonFace; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #titlebar, - :root[lwt-default-theme-in-dark-mode] #titlebar { - --button-hover-bgcolor: var(--mac-hover-bgcolor); - --button-active-bgcolor: var(--mac-hover-bgcolor); - --toolbarbutton-hover-background: var(--mac-hover-bgcolor); - --toolbarbutton-active-background: var(--mac-hover-bgcolor); - /* Prevent transparent tabbar at fullscreen hover #312 */ - background: var(--mac-bgcolor); - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root[lwt-default-theme-in-dark-mode] #urlbar { - --autocomplete-popup-highlight-background: var(--mac-hover-bgcolor) !important; - --autocomplete-popup-hover-background: var(--mac-hover-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #sidebar-box:not([lwt-sidebar]) { - appearance: none !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #sidebar-box, - :root[lwt-default-theme-in-dark-mode] #sidebar-box { - --sidebar-background-color: var(--mac-sidebar-bgcolor) !important; - --sidebar-text-color: var(--mac-text-color) !important; - /* --sidebar-border-color: var(--win-sidebar-border-color) !important; */ - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (prefers-color-scheme: dark) { - .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { - /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ - --lwt-sidebar-background-color: transparent !important; - --lwt-sidebar-text-color: var(--mac-text-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root[lwt-default-theme-in-dark-mode] #sidebarMenu-popup { - --button-hover-bgcolor: var(--mac-sidebar-hover-bgcolor); - --button-active-bgcolor: var(--mac-sidebar-hover-bgcolor); - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (prefers-color-scheme: dark) { - :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { - --toolbar-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tab.color_like_toolbar") { - :root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode] - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected] { - background: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)):not([customizing="true"]) tab[visuallyselected] > stack::before, - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)):not([customizing="true"]) tab[visuallyselected] > stack::after, - :root[lwt-default-theme-in-dark-mode]:not([customizing="true"]) tab[visuallyselected] > stack::before, - :root[lwt-default-theme-in-dark-mode]:not([customizing="true"]) tab[visuallyselected] > stack::after { - fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; - } -} -/*= None Native Menu =========================================================*/ -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - :root { - /* Override some menu color variables for light browser themes. */ - --menu-icon-opacity: 0.7; - --nested-margin: -10px; - --windows-panel-box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.2); - --menu-checkbox-padding: 12px; - } - /* For Windows 10, prevent using native OS drawing of certain menu elements, - especially background colors and shadows. */ - /* Menu item text also needs native drawing disabled. */ - /* For Windows 10, checkbox, radio and iconified menuitems need the default - appearance disabled so they pick up our custom styles instead. */ - /* We need to do something to override the default style for selected - checkboxes and radio buttons because the native drawing we use on other - Windows versions looks pretty bad with the Win10 styles, so for now we'll - insert a generic checkmark icon for both types. */ - /* :not([hidden]) to avoid the display: flex unhiding the item. */ - /* override styles from shared/contextmenu.inc.css */ - /* If the menu is wider than the icons strictly need, the elements - * will stretch to pick up the extra space. In that case, the outer icons - * should align to the start/end of their containing : */ - /* Other menu separators don't extend all the way to the menu edges, but the - one below the navigation buttons in the content context menu should. */ -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) and (prefers-color-scheme: dark) { - :root { - /* Override the menu color variables for dark browser themes. */ - --menu-icon-opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menu, - menuitem, - menucaption { - appearance: none !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menu, - menuitem { - border-radius: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menu > .menu-text, - menuitem > .menu-text, - menu > .menu-iconic-text, - menuitem > .menu-iconic-text { - appearance: none !important; - margin-inline-start: 0 !important; /* need !important to override the other !important below... */ - padding-inline-end: 0; - } - menu > .menu-text::before, - menuitem > .menu-text::before, - menu > .menu-iconic-text::before, - menuitem > .menu-iconic-text::before { - box-sizing: border-box !important; - height: calc(2px + 1.2em) !important; - padding: 1px 0 !important; - } - menu > .menu-text[value*="…"]::before, - menuitem > .menu-text[value*="…"]::before, - menu > .menu-iconic-text[value*="…"]::before, - menuitem > .menu-iconic-text[value*="…"]::before { - padding: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menu[_moz-menuactive="true"]:not([disabled="true"]), - menuitem[_moz-menuactive="true"]:not([disabled="true"]) { - background-color: var(--menuitem-hover-background-color) !important; - color: var(--menu-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menu:where([_moz-menuactive="true"][disabled="true"]), - menuitem:where([_moz-menuactive="true"][disabled="true"]) { - background-color: transparent !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - .menu-text { - padding-inline-start: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - .menu-right { - appearance: none !important; - width: unset !important; - list-style-image: url("chrome://global/skin/icons/arrow-right.svg") !important; - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; - fill-opacity: var(--menu-icon-opacity) !important; - margin-inline-end: 1px !important; - padding-top: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - .menu-right > image { - /* Do not make this smaller than the size of the svg, but upscale for - * people with large fonts. */ - width: max(1em, 16px) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - .menu-right:-moz-locale-dir(rtl) { - list-style-image: url("chrome://global/skin/icons/arrow-left.svg") !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menulist > menupopup > menuitem { - padding-inline-end: 1px !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menupopup[needsgutter] menu:not([icon], .menu-iconic), - menupopup[needsgutter] menuitem:not([type="checkbox"], [type="radio"], [icon], .menuitem-iconic) { - padding-inline-start: 36px !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - .menu-iconic-left, - menuitem[type="checkbox"], - menuitem[type="radio"] { - appearance: none !important; /* to override more specific selectors above. */ - width: unset !important; - } - .menu-iconic-left .menu-iconic-icon, - menuitem[type="checkbox"] .menu-iconic-icon, - menuitem[type="radio"] .menu-iconic-icon { - appearance: none !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - .menu-iconic > .menu-iconic-left, - .menuitem-iconic > .menu-iconic-left { - padding-inline-end: 0 !important; - margin-inline-end: 8px !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menuitem[type="checkbox"], - menuitem[type="radio"] { - --menu-background-padding-default: var(--menu-checkbox-padding); - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menuitem[checked="true"] { - padding-inline-start: var(--menu-checkbox-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) .bookmark-item .menu-iconic-left { - padding-inline-end: 0 !important; - margin-inline-end: 6px !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menuitem[checked="true"] > .menu-iconic-left { - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; - fill-opacity: var(--menu-icon-opacity) !important; - list-style-image: url("../icons/menu-check.svg") !important; - width: 16px !important; - margin-inline-end: 8px !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon { - display: initial !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menuseparator { - appearance: none !important; - border-top: 1px solid var(--menu-border-color) !important; - border-bottom: none !important; - padding: 0 !important; - /* The side margins should align with the start of the menu item text. */ - margin: 2px 1em !important; - } - menuseparator::before { - display: none !important; /* Original: block */ - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menupopup { - /* Disable the default appearance so we can override the native styling. */ - appearance: none !important !important; - /* Prevent any background or border around the outside of the shadow. */ - background-color: transparent !important; - border: none !important; - /* To account for the box-shadow below */ - margin: -4px !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menupopup:not([placespopup="true"]) > menuitem, - menupopup:not([placespopup="true"]) > menu { - padding-block: var(--menu-padding, 0.5em) !important; - padding-inline-start: 1em !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - .menupopup-arrowscrollbox[part*="content"] { - box-shadow: var(--windows-panel-box-shadow) !important; - margin: 4px !important; - padding: 4px 0 !important; - color: var(--menu-color) !important; - background: var(--menu-background-color) !important; - border-radius: 4px !important; - border: 1px solid var(--menu-border-color) !important; - min-width: 0 !important; - min-height: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.rounding.square_menupopup") { - .menupopup-arrowscrollbox[part*="content"] { - border-radius: 0px !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - menupopup > menu > menupopup { - /* align submenus */ - margin-inline-start: var(--nested-margin) !important; - margin-top: var(--nested-margin) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #mainPopupSet { - --menu-background-padding-default: calc( - var(--context-menu-background-padding) + var(--context-menu-text-padding-default) - ); - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation:not([hidden]) { - /* The Windows 10 version of the navigation area needs the scrollbox's - background color, not the builtin "menu" color. */ - background-color: inherit !important; - /* Match the inner top padding of the menupopup to center the icons visually. */ - padding-bottom: 4px !important; - /* Use modern flex box so we can use percentage widths to redistribute - * spacing manually. */ - display: flex !important; - flex-direction: row !important; - /* We want the first and last icons to align with the text items which - * have 1em inline padding, and for icons to be centered within their - * hover state, so each icon of 16px needs 1em padding on both sides: - */ - --menuitem-min-width: calc(2em + 16px) !important; - /* The total width of the container should then be at least 4 times that: */ - min-width: calc(4 * var(--menuitem-min-width)) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic { - flex: 1 0 auto !important; - padding: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic[_moz-menuactive="true"] { - /* We only show hover state on the icons. This ensures there is no - * dead space between icons, but the visible hover state is only - * around the icons, and all the icons' hover states match each other. - */ - background-color: transparent !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic > .menu-iconic-left { - margin: 0 !important; - padding: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { - width: var(--menuitem-min-width) !important; - height: 32px !important; - padding: 8px 1em !important; - margin: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-iconic-left > .menu-iconic-icon { - background-color: var(--menuitem-hover-background-color) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: transparent !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic:first-child { - justify-content: flex-start !important; - -moz-box-pack: start !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic:last-child { - justify-content: flex-end !important; - -moz-box-pack: end !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-navigation > .menuitem-iconic:last-child, - #context-navigation > .menuitem-iconic:first-child { - flex-grow: 0 !important; - /* The first and last items start off as 16px + 2em, like the other ones. - * 100% is the width of the parent, which will be at least 4 * the width of - * an individual item (16px + 2em) - * So 100% - 4 item widths gets us the remaining available space if - * #context-navigation is wider than that. - * Then divide by 6 to get the 1/6 of that extra space, and add this space - * to the width of the first/last items. - * This ensures that the 3 visual gaps between the 4 icons are all the same - * size, with each 1/3 of the available space evenly distributed between - * the 2 items on either side of the gap. - */ - width: calc(var(--menuitem-min-width) + (100% - 4 * var(--menuitem-min-width)) / 6) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - #context-sep-navigation { - margin-top: 0 !important; - margin-inline: 0 !important; - } -} -/*= Fully Theme Mode =========================================================*/ -@media (-moz-bool-pref: "userChrome.theme.proton_color") { - /*= Default Colors - Hard Coded ==============================================*/ - /* Based on chrome://global/skin/in-content/common.css */ - :host, - :root { - --in-content-page-color: rgb(21, 20, 26); - --in-content-page-background: #fff; - --in-content-text-color: var(--in-content-page-color); - --in-content-deemphasized-text: rgb(91, 91, 102); - --in-content-box-background: #fff; - --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */ - --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent); - --in-content-box-info-background: #f0f0f4; - --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent); - --in-content-item-hover-text: var(--in-content-page-color); - --in-content-item-selected: var(--in-content-primary-button-background); - --in-content-item-selected-text: var(--in-content-primary-button-text-color); - --in-content-icon-color: rgb(91, 91, 102); - --in-content-accent-color: #0a84ff; - --in-content-accent-color-active: #0060df; - --in-content-border-hover: var(--grey-90-a50); - --in-content-border-invalid: var(--red-50); - --in-content-border-color: #d7d7db; - --in-content-error-text-color: #c50042; - --in-content-link-color: var(--blue-60); - --in-content-link-color-hover: var(--blue-70); - --in-content-link-color-active: var(--blue-80); - --in-content-link-color-visited: var(--blue-60); - /* button background states are also used for checkboxes and radio buttons */ - --in-content-button-text-color: var(--in-content-text-color); - --in-content-button-text-color-hover: var(--in-content-text-color); - --in-content-button-background: rgba(207, 207, 216, 0.33); - --in-content-button-background-hover: rgba(207, 207, 216, 0.66); - --in-content-button-background-active: rgb(207, 207, 216); - --in-content-primary-button-text-color: rgb(251, 251, 254); - --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color); - --in-content-primary-button-background: #0061e0; - --in-content-primary-button-background-hover: #0250bb; - --in-content-primary-button-background-active: #053e94; - --in-content-danger-button-background: #e22850; - --in-content-danger-button-background-hover: #c50042; - --in-content-danger-button-background-active: #810220; - --in-content-focus-outline-color: var(--in-content-primary-button-background); - /* Note: 1px smaller than we want because we have a 1px transparent border. */ - /* Once proton ships, these can probably stop being variables. */ - --in-content-button-border-radius: 4px; - --in-content-button-horizontal-padding: 15px; - --in-content-button-vertical-padding: 7px; - --in-content-table-background: #f8f8fa; - --in-content-table-border-color: var(--in-content-box-border-color); /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */ - --in-content-table-border-dark-color: var(--in-content-table-border-color); - --in-content-table-header-background: var( - --in-content-primary-button-background - ); /* Legacy: #0a84ff; rgb(5, 64, 150); */ - --in-content-table-header-color: var( - --in-content-primary-button-text-color - ); /* Legacy: #ffffff; var(--in-content-page-color); */ - --in-content-sidebar-width: 240px; - --dialog-warning-text-color: var(--red-60); - --checkbox-border-color: var(--in-content-box-border-color); - --checkbox-unchecked-bgcolor: var(--in-content-button-background); - --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover); - --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active); - --checkbox-checked-bgcolor: var(--in-content-primary-button-background); - --checkbox-checked-color: var(--in-content-primary-button-text-color); - --checkbox-checked-border-color: transparent; - --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover); - --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active); - --blue-40: #45a1ff; - --blue-50: #0a84ff; - --blue-60: #0060df; - --blue-70: #003eaa; - --blue-80: #002275; - --grey-30: #d7d7db; - --grey-60: #4a4a4f; - --grey-90-a10: rgba(12, 12, 13, 0.1); - --grey-90-a20: rgba(12, 12, 13, 0.2); - --grey-90-a30: rgba(12, 12, 13, 0.3); - --grey-90-a50: rgba(12, 12, 13, 0.5); - --grey-90-a60: rgba(12, 12, 13, 0.6); - --green-50: #30e60b; - --green-60: #12bc00; - --green-70: #058b00; - --green-80: #006504; - --green-90: #003706; - --orange-50: #ff9400; - --red-40: #ff4f5e; - --red-50: #ff0039; - --red-60: #d70022; - --red-70: #a4000f; - --red-80: #5a0002; - --red-90: #3e0200; - --yellow-50: #ffe900; - --yellow-60: #d7b600; - --yellow-60-a30: rgba(215, 182, 0, 0.3); - --yellow-70: #a47f00; - --yellow-80: #715100; - --yellow-90: #3e2800; - --shadow-10: 0 1px 4px var(--grey-90-a10); - --shadow-30: 0 4px 16px var(--grey-90-a10); - --card-padding: 16px; - --card-shadow: var(--shadow-10); - --card-outline-color: var(--grey-30); - --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color); - --uc-warning-icon-bgcolor: #ffa436; - } - /*= Menu color #477 ==========================================================*/ -} -@media (-moz-bool-pref: "userChrome.theme.proton_color") and (prefers-color-scheme: dark) { - :host, - :root { - /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */ - --in-content-page-background: rgb(28, 27, 34); - --in-content-page-color: rgb(251, 251, 254); - --in-content-deemphasized-text: rgb(191, 191, 201); - --in-content-box-background: rgb(35, 34, 43); - --in-content-box-background-odd: rgba(249, 249, 250, 0.05); - --in-content-box-info-background: rgba(249, 249, 250, 0.15); - --in-content-border-color: rgba(249, 249, 250, 0.2); - --in-content-border-hover: rgba(249, 249, 250, 0.3); - --in-content-border-invalid: rgb(255, 132, 139); - --in-content-error-text-color: #ff9aa2; - --in-content-button-background: rgb(43, 42, 51); - --in-content-button-background-hover: rgb(82, 82, 94); - --in-content-button-background-active: rgb(91, 91, 102); - --in-content-icon-color: rgb(251, 251, 254); - --in-content-primary-button-text-color: rgb(43, 42, 51); - --in-content-primary-button-background: rgb(0, 221, 255); - --in-content-primary-button-background-hover: rgb(128, 235, 255); - --in-content-primary-button-background-active: rgb(170, 242, 255); - --in-content-danger-button-background: #ff848b; - --in-content-danger-button-background-hover: #ffbdc5; - --in-content-danger-button-background-active: #ffdfe7; - --in-content-table-background: rgb(35, 34, 43); - --in-content-table-border-dark-color: var(--in-content-box-border-color); - --in-content-accent-color: var(--in-content-primary-button-background); - --in-content-accent-color-active: var(--in-content-primary-button-background-hover); - --in-content-link-color: var(--in-content-primary-button-background); - --in-content-link-color-hover: var(--in-content-primary-button-background-hover); - --in-content-link-color-active: var(--in-content-primary-button-background-active); - --in-content-link-color-visited: var(--in-content-link-color); - --card-outline-color: var(--grey-60); - --dialog-warning-text-color: var(--red-40); - --uc-warning-icon-bgcolor: #ffbd4f; - } -} -@media (-moz-bool-pref: "userChrome.theme.proton_color") and (prefers-contrast) { - :host, - :root { - --uc-warning-icon-bgcolor: var(--in-content-page-color); - } -} -@media (-moz-bool-pref: "userChrome.theme.proton_color") and (-moz-platform: windows) { - :root { - /* Override some menu color variables for light browser themes. */ - --menuitem-hover-background-color: #e0e0e6; - --menu-background-color: #f9f9fb; - --menu-color: #15141a; - --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4); - --menu-disabled-color: rgba(21, 20, 26, 0.4); - --menu-border-color: #cfcfd8; - --menu-icon-opacity: 0.7; - /* Declare menu colors for dark themes, but don't override anything yet. */ - --dark-menuitem-hover-background-color: #52525e; - --dark-menu-background-color: #2b2a33; - --dark-menu-color: #fbfbfe; - --dark-menuitem-disabled-hover-background-color: rgba(82, 82, 94, 0.4); - --dark-menu-disabled-color: rgba(251, 251, 254, 0.4); - --dark-menu-border-color: #5b5b66; - --dark-menu-icon-opacity: 1; - } - /* Override the menu color variables for dark browser themes. */ -} -@media (-moz-bool-pref: "userChrome.theme.proton_color") and (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root { - --menuitem-hover-background-color: var(--dark-menuitem-hover-background-color); - --menu-background-color: var(--dark-menu-background-color); - --menu-color: var(--dark-menu-color); - --menuitem-disabled-hover-background-color: var(--dark-menuitem-disabled-hover-background-color); - --menu-disabled-color: var(--dark-menu-disabled-color); - --menu-border-color: var(--dark-menu-border-color); - --menu-icon-opacity: var(--dark-menu-icon-opacity); - } -} -@media (-moz-bool-pref: "userChrome.theme.proton_color") and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - :root { - /* Override some menu color variables for light browser themes. */ - --menuitem-hover-background-color: #e0e0e6; - --menu-background-color: #f9f9fb; - --menu-color: #15141a; - --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4); - --menu-disabled-color: rgba(21, 20, 26, 0.4); - --menu-border-color: #cfcfd8; - --menu-icon-opacity: 0.7; - /* Declare menu colors for dark themes, but don't override anything yet. */ - --dark-menuitem-hover-background-color: #52525e; - --dark-menu-background-color: #2b2a33; - --dark-menu-color: #fbfbfe; - --dark-menuitem-disabled-hover-background-color: rgba(82, 82, 94, 0.4); - --dark-menu-disabled-color: rgba(251, 251, 254, 0.4); - --dark-menu-border-color: #5b5b66; - --dark-menu-icon-opacity: 1; - } - /* Override the menu color variables for dark browser themes. */ -} -@media (-moz-bool-pref: "userChrome.theme.proton_color") and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) and (prefers-color-scheme: dark) { - :root { - --menuitem-hover-background-color: var(--dark-menuitem-hover-background-color); - --menu-background-color: var(--dark-menu-background-color); - --menu-color: var(--dark-menu-color); - --menuitem-disabled-hover-background-color: var(--dark-menuitem-disabled-hover-background-color); - --menu-disabled-color: var(--dark-menu-disabled-color); - --menu-border-color: var(--dark-menu-border-color); - --menu-icon-opacity: var(--dark-menu-icon-opacity); - } -} -@media (-moz-bool-pref: "userChrome.theme.proton_color") and (-moz-bool-pref: "userChrome.theme.proton_color.dark_blue_accent") and (prefers-color-scheme: dark) { - :host, - :root { - /* Color Memo - Just refer - Photon's dark color - --button-primary-bgcolor: #0060DF; - --button-primary-hover-bgcolor: #003EAA; - --button-primary-active-bgcolor: #002275; - --lwt-brighttext-url-color: #74c0ff; - --lwt-toolbarbutton-icon-fill-attention: #45a1ff; - - Just refer - Proton's light color - --in-content-accent-color: #0a84ff; - --in-content-accent-color-active: #0060df; - --in-content-primary-button-background: #0061e0; - --in-content-primary-button-background-hover: #0250bb; - --in-content-primary-button-background-active: #053e94; - - --blue-40: #45a1ff; rgb(69, 161, 255) - --blue-50: #0a84ff; rgb(10, 132, 255) - --blue-60: #0060df; rgb(0, 96, 223) - --blue-70: #003eaa; rgb(0, 62, 170) - --blue-80: #002275; rgb(0, 34, 117) - - Relation - lighten(#0060df, 29%): #74b0ff; - lighten(#0060df, 19.8%): #4595ff - lighten(#0060df, 8.3%): #0a74ff - #0060df - darken(#0060df, 15.5%): #003e90; - darken(#0060df, 28.1%): #002250; - */ - --blue-20: #b6d6ff; /* lighten(#0060df, 42%) - rgb(182, 214, 255), Add for link active color*/ - --blue-30: #74c0ff; /* rgb(116, 192, 255), Add for active color */ - } - :host, - :root, - dialog { - --in-content-primary-button-text-color: var(--in-content-page-color) !important; - --in-content-primary-button-background: var(--blue-60) !important; - --in-content-primary-button-background-hover: var(--blue-50) !important; - --in-content-primary-button-background-active: var(--blue-40) !important; - --in-content-focus-outline-color: var(--blue-40) !important; - --in-content-accent-color: var(--blue-40) !important; - --in-content-accent-color-active: var(--blue-30) !important; - --in-content-table-background: rgb(35, 34, 43) !important; - --in-content-table-border-color: rgba(249, 249, 250, 0.2) !important; - --in-content-table-header-background: rgb(5, 64, 150) !important; - --in-content-table-header-color: var(--in-content-page-color) !important; - --in-content-link-color: var(--blue-40) !important; - --in-content-link-color-hover: var(--blue-30) !important; - --in-content-link-color-active: var(--blue-20) !important; - --in-content-link-color-visited: var(--blue-40) !important; - } - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] { - --button-primary-color: var(--in-content-page-color) !important; - --button-primary-bgcolor: var(--blue-60) !important; - --button-primary-hover-bgcolor: var(--blue-50) !important; - --button-primary-active-bgcolor: var(--blue-40) !important; - --focus-outline-color: var(--blue-40) !important; - --lwt-toolbarbutton-icon-fill-attention: var(--blue-40) !important; - --download-progress-fill-color: var(--blue-40) !important; - --panel-banner-item-info-icon-bgcolor: var(--blue-30) !important; - --lwt-brighttext-url-color: var(--blue-30) !important; /* Original: as primary bgcolor */ - } -} -@media (-moz-bool-pref: "userChrome.theme.proton_color") and (-moz-bool-pref: "userChrome.theme.proton_color.dark_blue_accent") and (prefers-color-scheme: dark) and (-moz-bool-pref: "userChrome.decoration.download_panel") { - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"] #downloadsListBox, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] #downloadsListBox { - --button-primary-bgcolor: var(--blue-30); - --button-primary-hover-bgcolor: var(--blue-20); - } -} -@media (-moz-bool-pref: "userChrome.theme.private") { - :root[privatebrowsingmode="temporary"], - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"], - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"], - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] { - --lwt-additional-images: none !important; - --lwt-header-image: none !important; - --lwt-tab-text: rgba(232, 224, 255) !important; - --lwt-text-color: var(--lwt-tab-text) !important; - --toolbar-color: var(--lwt-tab-text) !important; - --toolbar-non-lwt-textcolor: var(--lwt-tab-text) !important; - --arrowpanel-color: var(--lwt-tab-text) !important; - --focus-outline-color: rgb(172, 112, 255) !important; - --toolbar-bgcolor: #322560 !important; - --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) !important; - --lwt-accent-color: #19162f !important; - --in-content-page-background: var(--lwt-accent-color) !important; - --toolbar-field-background-color: #0b0724 !important; - --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; - --toolbarbutton-hover-background: rgba(255, 255, 255, 0.05) !important; - --toolbarbutton-active-background: #4d4175 !important; - --arrowpanel-background: #1d1935 !important; - --arrowpanel-border-color: #322560 !important; - --chrome-content-separator-color: none !important; - --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important; - --autocomplete-popup-hover-background: #1d1935 !important; - --autocomplete-popup-highlight-background: rgba(65, 48, 117, 0.5) !important; - --button-bgcolor: color-mix(in srgb, currentColor 13%, transparent) !important; - --button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important; - --button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important; - --urlbar-box-bgcolor: color-mix(in srgb, currentColor 16%, transparent) !important; - } - :root[privatebrowsingmode="temporary"]:is(:-moz-lwtheme, [lwtheme]) #navigator-toolbox, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"]:is(:-moz-lwtheme, [lwtheme]) - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox { - --lwt-tabs-border-color: var(--focus-outline-color) !important; - } - :root[privatebrowsingmode="temporary"] #navigator-toolbox, - :root[privatebrowsingmode="temporary"][lwtheme-image]:is(:-moz-lwtheme, [lwtheme]) #navigator-toolbox, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"] #navigator-toolbox, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"][lwtheme-image]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"] - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"][lwtheme-image]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"] #navigator-toolbox, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"][lwtheme-image]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] - #navigator-toolbox, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"][lwtheme-image]:is( - :-moz-lwtheme, - [lwtheme] - ) - #navigator-toolbox { - background-color: var(--lwt-accent-color) !important; - } - :root[privatebrowsingmode="temporary"] #TabsToolbar, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"] #TabsToolbar, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"] - #TabsToolbar, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"] #TabsToolbar, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] - #TabsToolbar { - --lwt-tab-line-color: var(--focus-outline-color) !important; - } - :root[privatebrowsingmode="temporary"] notification-message[message-bar-type="infobar"], - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"] - notification-message[message-bar-type="infobar"], - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"] - notification-message[message-bar-type="infobar"], - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"] - notification-message[message-bar-type="infobar"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] - notification-message[message-bar-type="infobar"] { - --message-bar-text-color: var(--lwt-tab-text) !important; - --in-content-page-color: var(--lwt-tab-text) !important; - } - :root[privatebrowsingmode="temporary"] menupopup, - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"])[privatebrowsingmode="temporary"] menupopup, - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"][privatebrowsingmode="temporary"] - menupopup, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"][privatebrowsingmode="temporary"] menupopup, - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][privatebrowsingmode="temporary"] - menupopup { - --menuitem-hover-background-color: #413d54 !important; - --menu-background-color: #1d1935 !important; - --menu-color: #eeeeee !important; - --menuitem-disabled-hover-background-color: #ffffff00 !important; - --menu-disabled-color: #ffffff50 !important; - --menu-border-color: #322560 !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - /*== Menu Color ==============================================================*/ - html#main-window menupopup:not(.in-menulist) { - /* is same as toolbar color https://github.com/mozilla/gecko-dev/blob/master/toolkit/themes/windows/global/global.css#L17-L67 */ - --menu-color: var(--arrowpanel-color, var(--in-content-page-color)) !important; - --menu-background-color: var(--arrowpanel-background, var(--in-content-button-background)) !important; - --menu-border-color: var( - --panel-separator-color, - var(--toolbarbutton-active-background, var(--button-active-bgcolor, var(--card-outline-color))) - ) !important; - --menuitem-hover-background-color: var( - --toolbarbutton-hover-background, - var(--button-hover-bgcolor, var(--in-content-button-background-hover)) - ) !important; - --menu-disabled-color: color-mix(in srgb, var(--menu-color) 40%, transparent) !important; - --menuitem-disabled-hover-background-color: color-mix( - in srgb, - var(--menuitem-hover-background-color) 40%, - transparent - ) !important; - } - /* Default theme color preservation */ - /*== Info Bar Color ==========================================================*/ - /*== Bookmark Popup Color ====================================================*/ - /*== Sidebar - Field Color ===================================================*/ - /*= PopupAutoComplete ========================================================*/ - /* New Folder Button */ -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") and (-moz-platform: windows) { - html#main-window menupopup:not(.in-menulist) { - /* Above FF v105 #466 */ - --panel-color: var(--menu-color) !important; - --panel-background: var(--menu-background-color) !important; - --panel-border-color: var(--menu-border-color) !important; - } - html#main-window menupopup:not(.in-menulist):not([placespopup]) menuseparator, - html#main-window menupopup:not(.in-menulist):not([placespopup]) menuseparator::before, - html#main-window menupopup:not(.in-menulist)[placespopup] menuseparator::before { - border-color: var(--menu-border-color) !important; - } - html#main-window menupopup:not(.in-menulist) menu[disabled="true"], - html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"][disabled="true"], - html#main-window menupopup:not(.in-menulist) menuitem[disabled="true"], - html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"][disabled="true"] { - color: var(--menu-disabled-color) !important; - } - html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"]:not([disabled="true"]), - html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"]:not([disabled="true"]) { - background-color: var(--menuitem-hover-background-color) !important; - color: var(--menu-color) !important; - } - html#main-window - menupopup - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: var(--menuitem-hover-background-color) !important; - } - html#main-window menupopup #context-navigation > .menuitem-iconic[_moz-menuactive="true"], - html#main-window - menupopup - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: transparent !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") and (-moz-platform: windows) and (prefers-color-scheme: light) { - :root[style*="background-noodles-right"] menupopup { - --toolbarbutton-hover-background: rgba(232, 224, 255, 0.11999999731779099) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - html#main-window menupopup:not(.in-menulist) { - /* Above FF v105 #466 */ - --panel-color: var(--menu-color) !important; - --panel-background: var(--menu-background-color) !important; - --panel-border-color: var(--menu-border-color) !important; - } - html#main-window menupopup:not(.in-menulist):not([placespopup]) menuseparator, - html#main-window menupopup:not(.in-menulist):not([placespopup]) menuseparator::before, - html#main-window menupopup:not(.in-menulist)[placespopup] menuseparator::before { - border-color: var(--menu-border-color) !important; - } - html#main-window menupopup:not(.in-menulist) menu[disabled="true"], - html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"][disabled="true"], - html#main-window menupopup:not(.in-menulist) menuitem[disabled="true"], - html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"][disabled="true"] { - color: var(--menu-disabled-color) !important; - } - html#main-window menupopup:not(.in-menulist) menu[_moz-menuactive="true"]:not([disabled="true"]), - html#main-window menupopup:not(.in-menulist) menuitem[_moz-menuactive="true"]:not([disabled="true"]) { - background-color: var(--menuitem-hover-background-color) !important; - color: var(--menu-color) !important; - } - html#main-window - menupopup - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: var(--menuitem-hover-background-color) !important; - } - html#main-window menupopup #context-navigation > .menuitem-iconic[_moz-menuactive="true"], - html#main-window - menupopup - #context-navigation - > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] - > .menu-iconic-left - > .menu-iconic-icon { - background-color: transparent !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) and (prefers-color-scheme: light) { - :root[style*="background-noodles-right"] menupopup { - --toolbarbutton-hover-background: rgba(232, 224, 255, 0.11999999731779099) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - @media not all and (-moz-gtk-csd-available) { - window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menupopup { - --panel-color: var(--lwt-sidebar-text-color, var(--menu-color)) !important; - --panel-background: var(--lwt-sidebar-background-color, var(--menu-background-color)) !important; - } - window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menu[_moz-menuactive="true"]:not([disabled="true"]), - window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] - menuitem[_moz-menuactive="true"]:not([disabled="true"]) { - --menuitem-hover-background-color: color-mix( - in srgb, - currentColor 17%, - transparent - ); /* Looks like toolbar button */ - /* or var(--lwt-sidebar-highlight-background-color) - If this value is used, unset is required in the default theme. - */ - background-color: var(--menuitem-hover-background-color) !important; - } - /* Fallback background - Set to Legacy. It will be removed Next update - menupopup:not(.cui-widget-panel.cui-widget-panelview, [placespopup="true"]) { - background-color: var(--lwt-accent-color, var(--in-content-page-background)) !important; - } - */ - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - :root[lwtheme-mozlightdark] menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]), - :root[lwtheme-mozlightdark] menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup), - :root:is( - [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ) - menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]), - :root:is( - [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ) - menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) { - --menu-color: var(--toolbar-color, var(--in-content-page-color)) !important; - --arrowpanel-background: var( - --toolbar-bgcolor, - var(--in-content-button-background) - ) !important; /* --menu-background-color */ - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - @media not all and (-moz-gtk-csd-available) { - window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(249, 249, 251, 1);"] menupopup, - window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] menupopup { - /* Default Dark Mode */ - --panel-color: var(--menu-color) !important; - --panel-background: var(--menu-background-color, -moz-menuhover) !important; - } - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - .container.infobar { - background-color: var(--urlbar-box-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - .notification-button { - background-color: var(--button-bgcolor) !important; - } - .notification-button:hover { - background-color: var(--button-hover-bgcolor) !important; - } - .notification-button:hover:active { - background-color: var(--button-active-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - html|button.ghost-button:not(.semi-transparent):enabled:hover { - background-color: var(--button-hover-bgcolor) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - html|button.ghost-button:not(.semi-transparent):enabled:hover:active { - background-color: var(--in-content-button-background-active) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_tagsSelector { - appearance: none !important; - border: 0.5px solid var(--button-active-bgcolor, color-mix(in srgb, currentColor 30%, transparent)) !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-image, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-cell-text(hover), - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-cell-text(selected), - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_tagsSelector, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_tagsSelector > richlistitem { - color: var(--lwt-text-color, fieldtext) !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-cell-text(selected) { - font-weight: 600 !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren, - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_tagsSelector { - background-color: color-mix(in srgb, var(--arrowpanel-background) 35%, var(--in-content-box-background)) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-row(hover), - #editBMPanel_tagsSelector > richlistitem:hover { - background-color: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 17%, transparent)) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - :root:is(:-moz-lwtheme, [lwtheme]) #editBMPanel_folderTree > treechildren::-moz-tree-row(selected), - #editBMPanel_tagsSelector > richlistitem[selected="true"] { - background-color: var(--button-active-bgcolor, color-mix(in srgb, currentColor 30%, transparent)) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - #editBMPanel_namePicker, - #editBMPanel_tagsField { - --input-bgcolor: var(--arrowpanel-background, Field); - --input-color: var(--arrowpanel-color, FieldText); - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - html[lwt-sidebar]:not(#main-window) body { - background-color: var(--lwt-sidebar-background-color, Field) !important; - color: var(--lwt-sidebar-text-color, FieldText) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - .sidebar-panel #search-box, - xul|search-textbox.tabsFilter { - --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent); - appearance: none !important; - padding: 5px 8px !important; - border: 1px solid var(--input-bgcolor) !important; - background-color: var(--lwt-sidebar-background-color, Field) !important; - color: var(--lwt-sidebar-text-color, FieldText) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - .sidebar-panel:not([lwt-sidebar]) #search-box { - --input-bgcolor: ThreeDShadow; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - .sidebar-panel #search-box[focused="true"], - xul|search-textbox.tabsFilter[focused="true"] { - outline: 1px solid var(--input-bgcolor); - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - .sidebar-panel[lwt-sidebar] #search-box[focused="true"], - body[lwt-sidebar] xul|search-textbox.tabsFilter[focused="true"] { - --input-bgcolor: var(--lwt-sidebar-highlight-background-color, Highlight) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - .sidebar-panel:not([lwt-sidebar]) #search-box[focused="true"], - body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] { - border-color: AccentColor !important; /* Hard Coded */ - outline-color: AccentColor !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - .sidebar-panel:not([lwt-sidebar]) #search-box[focused="true"], - body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] { - border-color: -moz-accent-color !important; /* Hard Coded */ - outline-color: -moz-accent-color !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - #PopupAutoComplete { - --panel-bgcolor: var(--arrowpanel-background, var(--in-content-button-background)); - /* overwrite */ - --panel-border-radius: 4px !important; /* Original: 0 */ - --panel-border-color: var( - --arrowpanel-border-color, - var(--menu-border-color) - ) !important; /* Original: ThreeDShadow */ - appearance: none !important; - background: transparent !important; - border: none !important; - clip-path: inset(0 round var(--panel-border-radius)); - } - #PopupAutoComplete > richlistbox { - border-radius: var(--panel-border-radius) !important; - background-color: var(--panel-bgcolor) !important; /* Original: Field */ - color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FiledText */ - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - .autocomplete-richlistitem:hover { - background-color: var(--arrowpanel-dimmed) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - #PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon, - #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon, - #PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon, - #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon { - fill: GrayText !important; - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"] { - --panel-border-color: var(--panel-bgcolor); - color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FieldText */ - background-color: var(--arrowpanel-dimmed, hsla(0deg, 0%, 80%, 0.35)) !important; /* Original: hsla(0,0%,80%,.35) */ - border-color: var(--panel-border-color) !important; /* Original: rgba(38,38,38,.15) */ - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"]:hover, - #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"][selected] { - background-color: var( - --arrowpanel-dimmed-further, - hsla(0deg, 0%, 80%, 0.5) - ) !important; /* Original: hsla(0,0%,80%,.5), match arrowpanel-dimmed-further */ - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] { - background-color: var(--panel-bgcolor) !important; /* Original: var(--arrowpanel-dimmed) */ - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"]:hover { - background-color: var(--arrowpanel-dimmed, hsla(0deg, 0%, 80%, 0.35)) !important; - } - #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title { - color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: var(--grey-60) */ - } -} -@media (-moz-bool-pref: "userChrome.theme.fully_color") { - #editBMPanel_newFolderButton { - appearance: none; - border: 0; - border-radius: 4px; - background-color: var(--button-bgcolor); - color: var(--button-color, inherit); - font-weight: 600; - min-width: 0; - padding: 8px 16px; - /* This button is deeper in the visual hierarchy than others (notably the - buttons at the bottom of the panel), so it should be slightly smaller. */ - font-size: 90%; - /* This button needs to align with the tree above it. */ - margin-inline-start: 4px; - } - #editBMPanel_newFolderButton:hover { - background-color: var(--button-hover-bgcolor); - } - #editBMPanel_newFolderButton:hover:active { - background-color: var(--button-active-bgcolor); - } -} -/*= Fully Dark Mode ==========================================================*/ -@media (-moz-bool-pref: "userChrome.theme.fully_dark") { - /*= Remove White Flash =======================================================*/ - #tabbrowser-tabbox, - #tabbrowser-tabpanels, - browser[type="content-primary"], - browser[type="content"] > html { - background: var(--in-content-page-background) !important; - } - /*= Notification =============================================================*/ - @-moz-document url("chrome://global/content/alerts/alert.xhtml") - { - /* Color */ - :root { - --menu-color: #15141a; - --menu-background-color: #f9f9fb; - --menu-border-color: #cfcfd8; - --menuitem-hover-background-color: #e0e0e6; - } - @media (-moz-bool-pref: "userChrome.theme.fully_dark") and (prefers-color-scheme: dark) { - :root { - --menu-border-color: rgba(107, 107, 107, 0.3); - --menu-color: #fbfbfe; - --menu-background-color: #2b2a33; - --menuitem-hover-background-color: #52525e; - } - #alertSourceLabel { - color: rgb(5, 209, 241) !important; - } - } - /* line below removes background from the notification "window" on linux */ - #alertNotification { - background: transparent !important; - } - #alertBox { - color: var(--menu-color) !important; - background-color: var(--menu-background-color) !important; - border-color: var(--menu-border-color) !important; - border-radius: 6px !important; - -moz-window-shadow: cliprounded !important; - } - #alertSettings { - fill: currentColor !important; - color: inherit !important; - border-radius: 0 !important; - margin-inline: 0 !important; - margin-bottom: -4px !important; - } - .close-icon, - #alertSettings { - background: transparent !important; - } - .close-icon:hover > .toolbarbutton-icon, - #alertSettings:is(:hover, [open]) > .button-box > .box-inherit { - background-color: var(--menuitem-hover-background-color, #e0e0e6) !important; - } - /* Shape */ - .close-icon > .toolbarbutton-icon, - #alertSettings > .button-box > .box-inherit { - border-radius: 4px !important; - padding: 2px !important; - margin: 2px 2px -2px 0 !important; - } - #alertSettings > .button-box > .box-inherit { - margin: -4px 4px 3px 0 !important; - } - #alertSettings > .button-box > .box-inherit > .button-icon { - padding: 1px; - } - } -} -/*= Transparent ==============================================================*/ -@media (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-gtk-csd-available) { - #main-window, - #navigator-toolbox-background { - background-color: transparent !important; - appearance: auto !important; - -moz-default-appearance: -moz-win-borderless-glass !important; - } - #navigator-toolbox { - background-color: transparent !important; - background-image: none !important; - } - #nav-bar, - #PersonalToolbar { - background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-additional-images); - background-repeat: repeat-x, var(--lwt-background-tiling); - background-position: 0 0, var(--lwt-background-alignment); - background-attachment: scroll, fixed !important; - background-size: auto 100%, auto auto; - } - #appcontent { - appearance: auto !important; - -moz-default-appearance: -moz-win-exclude-glass !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-gtk-csd-available) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - --lwt-accent-color: Window !important; - --lwt-text-color: WindowText !important; - } - :root[style*="--focus-outline-color: rgb(172, 112, 255); --panel-separator-zap-gradient: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%);"] { - --lwt-accent-color: rgb(45, 36, 91) !important; - } - #titlebar { - --uc-frame-element-background: color-mix(in srgb, var(--lwt-accent-color, Window) 60%, transparent); - --toolbarbutton-hover-background: color-mix(in srgb, var(--lwt-accent-color, Window) 85%, transparent); - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-gtk-csd-available) and (prefers-color-scheme: dark) { - #titlebar { - --toolbarbutton-hover-background: color-mix( - in srgb, - var(--lwt-accent-color, Window) 40%, - rgba(255, 255, 255, 0.25) - ); - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-gtk-csd-available) { - #main-menubar { - border-radius: 4px; - } - #main-menubar:not(:-moz-window-inactive) { - background-color: var(--uc-frame-element-background) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-gtk-csd-available) and (-moz-gtk-csd-available) { - .titlebar-buttonbox-container:not(:-moz-window-inactive) { - background-color: var(--uc-frame-element-background) !important; - border-radius: 4px; - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-gtk-csd-available) { - #TabsToolbar { - --toolbarseparator-color: transparent; - } - #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected], [multiselected]) { - background-color: var(--uc-frame-element-background); - } - #TabsToolbar #firefox-view-button:hover:not([open]) > .toolbarbutton-icon, - #TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) { - background-color: var( - --toolbarbutton-hover-background - ) !important; /* Original: color-mix(in srgb, currentColor 11%, transparent) */ - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-gtk-csd-available) { - #scrollbutton-up, - #scrollbutton-down, - #alltabs-button > .toolbarbutton-badge-stack, - #TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon { - background-color: var(--uc-frame-element-background); - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-platform: windows) { - :root, - #navigator-toolbox { - --lwt-accent-color: transparent !important; - --lwt-text-color: WindowText !important; - } - #titlebar .toolbarbutton-1 { - --toolbarbutton-icon-fill: var(--lwt-text-color) !important; - } - :root:not([sizemode="fullscreen"]) .titlebar-buttonbox-container .titlebar-button:not(.titlebar-close:hover) { - list-style-image: none !important; - } - :root:not([sizemode="fullscreen"]) - #toolbar-menubar[autohide="true"][inactive="true"] - + #TabsToolbar - .titlebar-button:is(.titlebar-close:hover) - .toolbarbutton-icon { - transform: translateY(-7px) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.frame") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:not(:-moz-window-inactive) #navigator-toolbox { - background-color: transparent !important; - } - #TabsToolbar, - #titlebar, - #nav-bar, - #PersonalToolbar, - #tabbrowser-tabs { - -moz-appearance: -moz-mac-source-list !important; - background-color: transparent !important; - } - /* De-emphasize tab icons and names when window is unfocused */ - :root:-moz-window-inactive .tab-content, - :root:-moz-window-inactive #urlbar { - opacity: 0.6; - } - :root:-moz-window-inactive #urlbar-background { - background-color: transparent !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.menu") { - .menupopup-arrowscrollbox[part*="content"] { - background: color-mix(in srgb, var(--menu-background-color, Menu) 90%, transparent) !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.menu") and (not (-moz-bool-pref: "userChrome.theme.non_native_menu")) and (-moz-gtk-csd-available) { - html#main-window #mainPopupSet menupopup:not(.in-menulist) { - --menu-background-color: Menu !important; - } -} -@media (-moz-bool-pref: "userChrome.theme.transparent.panel") { - panel[type="arrow"] { - --panel-background: transparent !important; - } - panelview { - background: color-mix(in srgb, var(--arrowpanel-background) 90%, transparent) !important; - } -} -/*= Proton Theme Mode ========================================================*/ -@media (-moz-bool-pref: "userChrome.theme.proton_chrome") { - /*= Proton Commons ===========================================================*/ - @-moz-document url("chrome://global/content/commonDialog.xhtml"), url("chrome://pippki/content/editcacert.xhtml"), url("chrome://pippki/content/deletecert.xhtml"), url("chrome://pippki/content/exceptionDialog.xhtml"), url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), url("chrome://global/content/appPicker.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml") - { - /*- Overwrite --------------------------------------------------------------*/ - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (prefers-color-scheme: dark) { - :root { - --in-content-page-background: #42414d; - } - } - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)), - :root[lwt-default-theme-in-dark-mode] { - --checkbox-unchecked-bgcolor: var(--in-content-button-background) !important; - --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover) !important; - --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active) !important; - --checkbox-checked-bgcolor: var(--in-content-primary-button-background) !important; - --checkbox-checked-color: var(--in-content-primary-button-text-color) !important; - --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover) !important; - --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active) !important; - } - /*- Dialog -----------------------------------------------------------------*/ - #commonDialog, - #editCaCert, - #deleteCertificate, - #exceptiondialog, - #unknownContentType, - #app-picker, - #topBar, - #mainDeck { - -moz-appearance: none !important; /* For Mac */ - color: var(--in-content-page-color) !important; - background-color: var(--in-content-page-background) !important; - /* border-radius: 0 0 8px 8px !important; */ - } - /*- Button -----------------------------------------------------------------*/ - button { - -moz-appearance: none !important; - color: var(--in-content-button-text-color) !important; - background-color: var(--in-content-button-background) !important; - font: inherit; - font-size: 1em !important; - font-weight: 600 !important; - min-height: 32px !important; - border: 1px solid transparent !important; /* shows up in high-contrast mode */ - border-radius: var(--in-content-button-border-radius) !important; - padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important; - min-height: 32px !important; - /* Use the same margin of other elements for the alignment */ - margin-inline: 4px !important; - min-width: 6.3em !important; - } - button.medium { - /* Medium and small buttons get sized to 7/14 and 6/12px padding (when adding - * the 1px border): */ - padding: 6px 13px !important; - min-height: 28px !important; - font-size: 0.95em !important; - } - button.small { - padding: 5px 11px !important; - min-height: 24px !important; - font-size: 0.9em !important; - } - /* Remove margin added by button.css */ - xul|button > .button-box > .button-text { - margin: 0 !important; - } - button:not([disabled="true"]):hover { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - border-color: transparent !important; - } - xul|button:not([disabled="true"]):hover:active, - xul|button[open], - xul|button[open]:hover, - xul|menulist[open="true"]:not([disabled="true"]) { - background-color: var(--in-content-button-background-active) !important; - } - xul|button[default] { - background-color: var(--in-content-primary-button-background) !important; - color: var(--in-content-primary-button-text-color) !important; - } - xul|button[default]:not([disabled="true"]):hover { - background-color: var(--in-content-primary-button-background-hover) !important; - color: var(--in-content-primary-button-text-color) !important; - } - xul|button[default]:not([disabled="true"]):hover:active { - background-color: var(--in-content-primary-button-background-active) !important; - } - xul|button[disabled="true"], - xul|menulist[disabled="true"] { - opacity: 0.4 !important; - } - xul|button:not([disabled="true"]):hover, - xul|menulist:not([disabled="true"]):hover { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - border-color: transparent !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (prefers-contrast) { - xul|button[default]:not([disabled="true"]):hover { - border-color: currentColor !important; - } - button:focus { - color: var(--in-content-button-text-color) !important; - } - xul|button[default]:focus, - button.primary:focus { - color: var(--in-content-primary-button-text-color) !important; - } - } - button:-moz-focusring, - xul|menulist:-moz-focusring, - xul|checkbox:-moz-focusring > .checkbox-check, - xul|radio[focused="true"]:-moz-focusring { - box-shadow: none !important; - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: 2px !important; - } - /*- Radio Button -----------------------------------------------------------*/ - xul|radio { - /* margin-inline-start: 0 !important; */ - appearance: none !important; - } - xul|*.radio-check { - appearance: none !important; - width: 16px !important; - height: 16px !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 100% !important; - padding: 0 !important; - margin-inline: 0 6px !important; - margin-block: 2px !important; /* extend the vertical clicktarget */ - background-color: var(--in-content-button-background) !important; - background-position: center !important; - flex-shrink: 0 !important; /* avoid shrinking inside flex container */ - } - xul|*.radio-check[selected] { - -moz-context-properties: fill !important; - fill: currentColor !important; - color: var(--in-content-primary-button-text-color) !important; - background-color: var(--in-content-primary-button-background) !important; - background-image: url("chrome://global/skin/icons/radio.svg") !important; - border-color: transparent !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - } - xul|radio:not([disabled="true"]):hover > xul|*.radio-check { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - } - xul|radio:not([disabled="true"]):hover:active > xul|*.radio-check { - background-color: var(--in-content-button-background-active) !important; - } - xul|radio:not([disabled="true"])[selected]:hover > xul|*.radio-check { - background-color: var(--in-content-primary-button-background-hover) !important; - color: var(--in-content-primary-button-text-color-hover) !important; - } - xul|radio:not([disabled="true"])[selected]:hover:active > xul|*.radio-check { - background-color: var(--in-content-primary-button-background-active) !important; - } - xul|*.radio-label-box { - margin-inline: 0 8px !important; - padding-inline-start: 0 !important; - } - /* Disabled checkboxes, radios and labels */ - xul|checkbox[disabled="true"], - xul|radio[disabled="true"], - xul|label[disabled="true"] { - color: inherit !important; - opacity: 0.5 !important; - } - /*- Check Box --------------------------------------------------------------*/ - /* From checkbox.css */ - checkbox { - appearance: none !important; - align-items: center !important; - -moz-box-align: center !important; - margin: 4px 2px !important; - } - .checkbox-check { - appearance: none !important; - width: 16px !important; - height: 16px !important; - border: 1px solid currentColor !important; - border-radius: 2px !important; - color: var(--checkbox-border-color, ThreeDDarkShadow) !important; - background-color: var(--checkbox-unchecked-bgcolor, Field) !important; - margin-inline-end: 6px !important; /* or 2px */ - margin-block: 2px !important; /* From common.css */ - } - .checkbox-check[checked] { - -moz-context-properties: fill !important; - fill: currentColor !important; - border-color: var(--checkbox-checked-border-color, transparent) !important; - background-image: url("chrome://global/skin/icons/check.svg") !important; - background-position: center !important; - background-repeat: no-repeat !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - color: var(--checkbox-checked-color, AccentColorText) !important; - background-color: var(--checkbox-checked-bgcolor, AccentColor) !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - .checkbox-check[checked] { - color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; - background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important; - } - } - checkbox:not([disabled="true"]):hover > .checkbox-check { - background-color: var(--checkbox-unchecked-hover-bgcolor, color-mix(in srgb, AccentColor 4%, Field)) !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover > .checkbox-check { - background-color: var( - --checkbox-unchecked-hover-bgcolor, - color-mix(in srgb, -moz-accent-color 4%, Field) - ) !important; - } - } - checkbox:not([disabled="true"]):hover:active > .checkbox-check { - background-color: var(--checkbox-unchecked-active-bgcolor, color-mix(in srgb, AccentColor 8%, Field)) !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover:active > .checkbox-check { - background-color: var( - --checkbox-unchecked-active-bgcolor, - color-mix(in srgb, -moz-accent-color 8%, Field) - ) !important; - } - } - checkbox:not([disabled="true"]):hover > .checkbox-check[checked] { - background-color: var( - --checkbox-checked-hover-bgcolor, - color-mix(in srgb, currentColor 12.5%, AccentColor) - ) !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover > .checkbox-check[checked] { - background-color: var( - --checkbox-checked-hover-bgcolor, - color-mix(in srgb, currentColor 12.5%, -moz-accent-color) - ) !important; - } - } - checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] { - background-color: var( - --checkbox-checked-active-bgcolor, - color-mix(in srgb, currentColor 25%, AccentColor) - ) !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] { - background-color: var( - --checkbox-checked-active-bgcolor, - color-mix(in srgb, currentColor 25%, -moz-accent-color) - ) !important; - } - } - checkbox:-moz-focusring > .checkbox-check { - outline: 2px solid var(--focus-outline-color, AccentColor) !important; - outline-offset: var(--focus-outline-offset, 2px) !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - checkbox:-moz-focusring > .checkbox-check { - outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (prefers-contrast) { - checkbox:not([disabled="true"]):hover > .checkbox-check { - /* color will set the border-color on the check due to how HCM works for in-content pages. */ - color: var(--checkbox-checked-border-color, color-mix(in srgb, AccentColor 4%, Field)) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (prefers-contrast) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover > .checkbox-check { - /* color will set the border-color on the check due to how HCM works for in-content pages. */ - color: var(--checkbox-checked-border-color, color-mix(in srgb, -moz-accent-color 4%, Field)) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (prefers-contrast) { - .checkbox-check[checked] { - color: var(--checkbox-checked-border-color, currentColor) !important; - fill: var(--checkbox-checked-color, AccentColorText) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (prefers-contrast) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - .checkbox-check[checked] { - fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (prefers-contrast) { - checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] > .checkbox-check[checked], - checkbox:not([disabled="true"]):hover > .checkbox-check[checked] > .checkbox-check[checked] { - color: var(--checkbox-checked-border-color-hover, AccentColorText) !important; - fill: var(--checkbox-checked-border-color-hover, AccentColorText) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (prefers-contrast) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] > .checkbox-check[checked], - checkbox:not([disabled="true"]):hover > .checkbox-check[checked] > .checkbox-check[checked] { - color: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; - fill: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; - } - } - .checkbox-icon[src] { - margin-inline-end: 2px !important; - } - .checkbox-label { - margin: 1px 0 !important; - } - checkbox[disabled="true"] { - opacity: 0.4 !important; - } - /* From common.css */ - xul|richlistitem > xul|*.checkbox-check { - margin: 3px 6px !important; - } - /*- Menulist ---------------------------------------------------------------*/ - /* From mulist.css */ - xul|menulist { - appearance: none !important; - background-color: var(--in-content-button-background, ButtonFace) !important; - color: var(--in-content-button-text-color, ButtonText) !important; - border-radius: 4px !important; - padding-block: 4px !important; - padding-inline: 12px 8px !important; - margin: 5px 2px 3px !important; - } - xul|menulist[size="medium"] { - padding-block: 6px !important; - padding-inline: 16px 10px !important; - } - xul|menulist[size="large"] { - padding-block: 8px !important; - padding-inline: 16px 12px !important; - } - xul|menulist:hover { - background-color: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 10%, ButtonFace)) !important; - } - xul|menulist:hover:active { - background-color: var(--button-active-bgcolor, color-mix(in srgb, currentColor 20%, ButtonFace)) !important; - } - xul|menulist:-moz-focusring { - outline: 2px solid var(--focus-outline-color, AccentColor) !important; - outline-offset: var(--focus-outline-offset, 2px) !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - xul|menulist:-moz-focusring { - outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important; - } - } - #label-box { - align-items: center !important; - -moz-box-align: center !important; - justify-content: center !important; - -moz-box-pack: center !important; - font-weight: 600 !important; - } - dropmarker { - display: flex !important; - display: -moz-box !important; - appearance: none !important; - width: 12px !important; - height: 12px !important; - } - dropmarker[exportparts="icon: dropmarker-icon"] { - /* dropmarker::part(icon) - * ::part is not apply chrome - */ - list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - } - #highlightable-label:not([highlightable="true"]), - #label[highlightable="true"] { - display: none !important; - } - xul|menuitem > label:not(.menu-text) { - margin: 0 3px !important; - } - /* From common.css */ - xul|menulist > xul|menupopup { - appearance: none !important; - /* Reset native styles on Windows and macOS */ - border: none !important; - background-color: transparent !important; - --panel-border-color: var(--in-content-box-border-color) !important; - --panel-border-radius: 2px !important; - --panel-background: var(--in-content-box-background) !important; - --panel-color: var(--in-content-text-color) !important; - --panel-padding: 0 !important; - } - xul|menulist > xul|menupopup xul|menu, - xul|menulist > xul|menupopup xul|menuitem { - appearance: none !important; - font-size: 1em !important; - padding-block: 0.2em !important; - padding-inline: 10px 30px !important; - } - xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"], - xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"] { - color: var(--in-content-item-hover-text) !important; - background-color: var(--in-content-item-hover) !important; - } - xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"], - xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"] { - color: var(--in-content-item-selected-text) !important; - background-color: var(--in-content-item-selected) !important; - } - xul|menulist > xul|menupopup > xul|menu[disabled="true"], - xul|menulist > xul|menupopup > xul|menuitem[disabled="true"] { - color: #999 !important; - /* override the [_moz-menuactive="true"] background color from - global/menu.css */ - background-color: transparent !important; - } - xul|menulist > xul|menupopup xul|menuseparator { - appearance: none !important; - margin: 0 !important; - padding: 0 !important; - border-top: 1px solid var(--in-content-box-border-color) !important; - border-bottom: none !important; - } - xul|menulist::part(dropmarker) { - margin-block: 1px !important; - } - /* Override menulist.css */ - xul|menulist[disabled="true"] { - background-color: var(--in-content-button-background) !important; - } - xul|menulist:-moz-focusring > xul|*.menulist-label-box { - outline: none !important; - } - /*- List Boxes -------------------------------------------------------------*/ - html|select[size][multiple], - xul|listheader, - xul|richlistbox { - appearance: none !important; - margin-inline: 0 !important; - background-color: var(--in-content-box-background) !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 4px !important; - color: var(--in-content-text-color) !important; - } - xul|listheader { - border-bottom: none !important; - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; - padding-bottom: 1px !important; - box-shadow: inset 0 -1px var(--in-content-table-border-color) !important; - overflow: clip !important; /* Clip border-radius */ - } - xul|listheader + xul|richlistbox { - margin-top: 0 !important; - border-top: none !important; - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; - } - html|select[size][multiple] > html|option, - xul|treechildren::-moz-tree-row { - padding: 0.3em inherit !important; - margin: 0 !important; - border: none !important; - border-radius: 0 !important; - background-image: none !important; - } - xul|treechildren::-moz-tree-row(multicol, odd) { - background-color: var(--in-content-box-background-odd); - } - html|select[size][multiple] > html|option:hover, - xul|richlistbox > xul|richlistitem:not([disabled="true"], [selected]):hover, - xul|treechildren::-moz-tree-row(hover) { - background-color: var(--in-content-item-hover) !important; - color: var(--in-content-item-hover-text) !important; - } - xul|richlistbox > xul|richlistitem[selected], - xul|treechildren::-moz-tree-row(selected) { - background-color: var(--in-content-item-selected) !important; - color: var(--in-content-item-selected-text) !important; - } - xul|richlistbox:not(#categories) > xul|richlistitem[selected] { - /* Ensure buttons/menulists inside richlistitems (containers, applications) look OK */ - --in-content-button-background: color-mix(in srgb, currentColor 15%, transparent) !important; - --in-content-button-background-hover: color-mix(in srgb, currentColor 30%, transparent) !important; - --in-content-button-background-active: color-mix(in srgb, currentColor 45%, transparent) !important; - --in-content-button-text-color: var(--in-content-item-selected-text) !important; - --in-content-button-text-color-hover: var(--in-content-item-selected-text) !important; - --in-content-focus-outline-color: var(--in-content-item-selected-text) !important; - } - xul|richlistitem[selected] xul|menulist:focus-visible { - outline-offset: -2px !important; - } - /* Use a 2px border so that selected row highlight is still visible behind - an existing high-contrast border that uses the background color */ - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (prefers-contrast) { - xul|treechildren::-moz-tree-row(selected) { - border: 2px solid currentColor !important; - border-radius: 4px !important; - } - } - xul|panel[type="autocomplete-richlistbox"] { - background-color: var(--in-content-box-background) !important; - border: 1px solid var(--in-content-box-border-color) !important; - color: var(--in-content-text-color) !important; - } - /*- Each OS ----------------------------------------------------------------*/ - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-platform: windows) { - xul|checkbox, - xul|radio { - padding-inline-start: 0 !important; - } - /* Override menulist.css */ - xul|menulist[disabled="true"] { - background-color: var(--in-content-button-background) !important; - } - xul|menulist:-moz-focusring > xul|*.menulist-label-box { - outline: none !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - /* Overriding appearance also avoids incorrect selection background color with light text. */ - xul|button > xul|*.button-box, - xul|menulist::part(label-box), - xul|*.radio-label-box, - xul|*.checkbox-label-box { - appearance: none !important; - } - xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { - appearance: none !important; - } - xul|menulist { - font-size: inherit !important; - } - xul|menulist::part(dropmarker) { - display: flex; - display: -moz-box; - margin-block: 6px !important; - } - xul|menulist:-moz-focusring::part(label-box) { - outline: none !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - xul|menulist > xul|menupopup > xul|menuitem[checked="true"]::before, - xul|menulist > xul|menupopup > xul|menuitem[selected="true"]::before { - display: none !important; - } - xul|menulist::part(dropmarker) { - display: flex !important; - display: -moz-box !important; - margin-block: 1px !important; - } - xul|menulist > xul|menupopup xul|menu, - xul|menulist > xul|menupopup xul|menuitem { - padding-inline-end: 34px !important; - } - xul|*.checkbox-icon, - xul|*.radio-icon { - margin-inline-end: 0 !important; - } - xul|*.text-link:-moz-focusring { - box-shadow: none !important; - } - } - } - /*= Delete Cert ==============================================================*/ - @-moz-document url("chrome://pippki/content/deletecert.xhtml") - { - #certlist { - border: 1px solid var(--in-content-table-border-color) !important; - border-radius: 4px !important; - } - } /*= Cert Exception Dialog ====================================================*/ - @-moz-document url("chrome://pippki/content/exceptionDialog.xhtml") - { - #locationTextBox { - appearance: none !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 4px !important; - color: inherit !important; - background-color: var(--in-content-box-background) !important; - font-family: inherit !important; - font-size: inherit !important; - padding: 8px !important; - margin: 2px 4px !important; - } - #locationTextBox:focus { - border-color: transparent !important; - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: -1px !important; /* Prevents antialiasing around the corners */ - } - #locationTextBox:-moz-ui-invalid { - border-color: transparent !important; - outline: 2px solid var(--in-content-border-invalid) !important; - outline-offset: -1px !important; /* Prevents antialiasing around the corners */ - } - #locationTextBox:disabled { - opacity: 0.4 !important; - } - #exceptiondialog:first-child > hbox > vbox:not([flex="1"]) { - width: 48px !important; - height: 48px !important; - background-image: url("chrome://global/skin/icons/warning.svg") !important; - background-size: 48px !important; - background-repeat: no-repeat !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - } - #exceptiondialog:first-child > hbox > vbox > image { - display: none !important; - } - } - /*= Page Info ================================================================*/ - @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") - { - :root { - --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important; - } - #viewGroup > radio { - padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important; - margin: 4px !important; - list-style-image: none !important; - background-image: var(--viewgroup-image) !important; - background-repeat: no-repeat; - background-position: top var(--in-content-button-vertical-padding) center; - background-size: 32px !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - color: var(--in-content-deemphasized-text) !important; /* FieldText */ - } - #viewGroup > radio .radio-icon { - background-image: none !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (not (-moz-bool-pref: "userChrome.rounding.square_button")) { - #viewGroup > radio { - border-radius: 8px !important; - } - } - #viewGroup > radio:hover { - background-color: var(--in-content-button-background-hover) !important; /* #E0E8F6; */ - } - #viewGroup > radio[selected="true"] { - color: var(--in-content-button-text-color) !important; /* SelectedItemText */ - background-color: var(--in-content-button-background-active) !important; /* #C1D2EE; */ - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #viewGroup > radio { - height: auto !important; - } - } - #generalTab { - --viewgroup-image: url(chrome://global/skin/icons/page-portrait.svg); - } - #mediaTab { - --viewgroup-image: url(chrome://browser/skin/canvas.svg); - } - #permTab { - --viewgroup-image: url(chrome://browser/skin/permissions.svg); - } - #securityTab { - --viewgroup-image: url(chrome://global/skin/icons/security.svg); - } - #viewGroup > radio > .radio-label-box { - /* Overwrite */ - margin: 0 !important; - padding: 0 6px !important; - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #viewGroup > radio > .radio-label-box { - padding-top: 32px !important; /* as -moz-image-region: rect(0px, 32px, 32px, 0px); */ - } - } - #mainDeck input { - color: var(--in-content-page-color) !important; - } - #permList { - -moz-appearance: none !important; - color: var(--in-content-page-color) !important; - background-color: var(--in-content-box-background) !important; - } - .permission:hover { - color: var(--in-content-text-color) !important; - background-color: var(--in-content-button-background-hover) !important; - } - .permission radio[disabled] { - color: var(--in-content-deemphasized-text) !important; - } - treecols { - -moz-appearance: none !important; - background: var(--in-content-table-header-background) !important; - color: var(--in-content-table-header-color) !important; - } - treecols > treecol, - treecols > treecolpicker.treecol-image { - -moz-appearance: none !important; - color: var(--in-content-table-header-color) !important; - background: var(--in-content-table-header-background) !important; - border: 1px solid var(--in-content-table-border-color) !important; - padding: 4px !important; - border-spacing: 0; - text-align: center !important; - } - tree, - treechildren::-moz-tree-row { - -moz-appearance: none !important; - color: var(--in-content-text-color) !important; - background-color: var(--in-content-table-background) !important; - border: 1px solid var(--in-content-table-border-color) !important; - } - treechildren::-moz-tree-row(odd) { - background-color: var(--in-content-box-background-odd) !important; - } - treechildren::-moz-tree-row(hover) { - color: var(--in-content-item-hover-text) !important; - background-color: var(--in-content-item-hover) !important; - } - treechildren::-moz-tree-row(selected) { - background-color: var(--in-content-item-selected) !important; - } - treechildren::-moz-tree-cell { - border-inline: 1px solid var(--in-content-table-border-color) !important; - border-spacing: 0 !important; - padding: 4px !important; - margin: 0 !important; - } - treechildren::-moz-tree-cell-text(hover) { - color: var(--in-content-item-hover-text) !important; - } - treechildren::-moz-tree-cell-text(selected) { - font-weight: 600 !important; - color: var(--in-content-item-selected-text) !important; - } - #imagecontainerbox { - background-color: var(--in-content-box-background) !important; - } - #metatree, - #imagetree, - #imagecontainerbox, - #permList { - border-radius: 4px !important; - } - #metatree, - #imagetree { - overflow: hidden !important; - } - #topBar, - #imagecontainerbox, - #permList { - border-color: var(--in-content-table-border-color) !important; - } - } - /*= Library Popup ============================================================*/ - @-moz-document url("chrome://browser/content/places/places.xhtml") - { - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - :root { - --organizer-color: -moz-DialogText; - --organizer-deemphasized-color: GrayText; - --organizer-toolbar-background: -moz-Dialog; - --organizer-pane-background: -moz-Dialog; - --organizer-content-background: -moz-Dialog; - --organizer-hover-background: SelectedItem; - --organizer-hover-color: SelectedItemText; - --organizer-selected-background: SelectedItem; - --organizer-selected-color: SelectedItemText; - --organizer-outline-color: SelectedItem; - --organizer-separator-color: ThreeDDarkShadow; - --organizer-border-color: ThreeDShadow; - --organizer-toolbar-field-background: Field; - --organizer-toolbar-field-background-focused: Field; - --organizer-toolbar-field-border-color: ThreeDShadow; - --organizer-toolbar-field-focus-border-color: var(--organizer-outline-color); - --organizer-toolbar-field-focus-box-shadow: unset; - --organizer-pane-field-border-color: ThreeDShadow; - } - @media not all and (prefers-contrast) { - :root { - --organizer-color: var(--in-content-page-color); - --organizer-deemphasized-color: var(--in-content-deemphasized-text); - --organizer-toolbar-background: rgb(249, 249, 251); /* --toolbar-bgcolor */ - --organizer-pane-background: rgb(229, 229, 235); /* --lwt-accent-color */ - --organizer-content-background: var(--in-content-page-background); - --organizer-hover-background: var(--in-content-button-background-hover); - --organizer-hover-color: var(--organizer-color); - --organizer-selected-background: var(--in-content-button-background-active); - --organizer-selected-color: var(--organizer-color); - --organizer-outline-color: var(--in-content-focus-outline-color); - --organizer-separator-color: var(--organizer-pane-field-border-color); - --organizer-border-color: var(--in-content-border-color); - --organizer-toolbar-field-background: rgb(240, 240, 244); /* --lwt-accent-color */ - --organizer-toolbar-field-background-focused: Field; - --organizer-toolbar-field-border-color: transparent; - --organizer-toolbar-field-focus-border-color: color-mix( - in srgb, - var(--organizer-outline-color) 50%, - transparent - ); - --organizer-toolbar-field-focus-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23); - --organizer-pane-field-border-color: color-mix(in srgb, currentColor 41%, transparent); - } - @media (prefers-color-scheme: dark) { - :root { - --organizer-color: rgb(251, 251, 254); - --organizer-deemphasized-color: rgb(191, 191, 201); - --organizer-toolbar-background: rgb(43, 42, 51); - --organizer-pane-background: rgb(35, 34, 43); - --organizer-content-background: rgb(28, 27, 34); - --organizer-hover-background: rgb(82, 82, 94); - --organizer-selected-background: rgb(91, 91, 102); - --organizer-toolbar-field-background: var(--in-content-page-background); - --organizer-toolbar-field-background-focused: rgb(66, 65, 77); - scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3); - } - } - } - /*- Toolbar & Menus ------------------------------------------------------*/ - #placesToolbar { - appearance: none !important; - background-color: var(--organizer-toolbar-background) !important; - color: var(--organizer-color) !important; - border-bottom: 1px solid var(--organizer-border-color) !important; - padding: 4px !important; - padding-inline-end: 6px !important; - } - #placesToolbar > toolbarbutton { - appearance: none !important; - padding: 5px !important; - border-radius: 4px !important; - } - /*- Search Bar & Input ---------------------------------------------------*/ - /*- Sidebar & Splitter ---------------------------------------------------*/ - /*- Downloads Pane -------------------------------------------------------*/ - /*- Tree -----------------------------------------------------------------*/ - /*- Info Box -------------------------------------------------------------*/ - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.rounding.square_button") { - #placesToolbar > toolbarbutton { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #placesToolbar > toolbarbutton[disabled] { - opacity: 0.6 !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #placesToolbar > toolbarbutton:not([disabled]):hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #placesToolbar > toolbarbutton:not([disabled]):hover:active { - background-color: var(--organizer-selected-background) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #placesToolbar > toolbarbutton > .toolbarbutton-icon, - #placesMenu > menu > image, - #placesMenu > menu > .menubar-text { - -moz-context-properties: fill !important; - fill: currentColor !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #placesMenu { - margin-inline-start: 6px !important; - } - #placesMenu > menu { - appearance: none !important; - color: var(--organizer-color) !important; - padding-block: 5px !important; - padding-inline-start: 5px !important; - border-radius: 4px !important; - margin-inline-end: 2px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.rounding.square_button") { - #placesMenu > menu { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #placesMenu > menu[_moz-menuactive="true"], - #placesMenu > menu:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #placesMenu > menu:hover:active, - #placesMenu > menu[open] { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #placesMenu > menu > .menubar-text { - margin-block: 0 !important; /* override menu.css */ - padding-inline-end: 4px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #searchFilter, - #detailsPane html|input { - appearance: none !important; - background-color: var(--organizer-toolbar-field-background) !important; - color: var(--organizer-color) !important; - border: 1px solid var(--organizer-toolbar-field-border-color) !important; - border-radius: 4px !important; - margin: 0 !important; - padding-block: 2px !important; - min-height: 24px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.rounding.square_field") { - #searchFilter, - #detailsPane html|input { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #searchFilter[focused] { - box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important; - background-color: var(--organizer-toolbar-field-background-focused) !important; - border-color: transparent !important; - outline: 2px solid var(--organizer-toolbar-field-focus-border-color) !important; - outline-offset: -2px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #placesList { - background-color: var(--organizer-pane-background) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #placesView > splitter { - border: 0 !important; - border-inline-end: 1px solid var(--organizer-border-color) !important; - min-width: 0 !important; - width: 3px !important; - background-color: transparent !important; - margin-inline-start: -3px !important; - position: relative !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #downloadsRichListBox, - #downloadsListBox { - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #clearDownloadsButton:focus-visible { - outline: 2px solid var(--organizer-outline-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - richlistitem[selected="true"], - richlistitem:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - richlistbox:where(:focus) > richlistitem[selected="true"] { - background-color: var(--organizer-selected-background) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #contentView treecol { - /* Use box-shadow to draw a bottom border instead of border-bottom - * because otherwise the items on contentView won't be perfectly - * aligned with the items on the sidebar. */ - box-shadow: inset 0 -1px var(--organizer-border-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - tree { - background-color: var(--organizer-content-background) !important; - color: var(--organizer-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - treecol:not([hideheader="true"]), - treecolpicker { - appearance: none !important; - border: none !important; - background-color: var(--in-content-button-background) !important; - color: var(--organizer-color, inherit) !important; - padding: 5px 10px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - treecol:not([hideheader="true"], [sortable="false"]):hover, - treecolpicker:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-color) !important; - } - treecol:not([hideheader="true"], [sortable="false"]):hover:active, - treecolpicker:hover:active { - background-color: var(--organizer-selected-background) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - treecol:not([hideheader="true"], :first-child), - treecolpicker { - padding-left: 10px !important; - border-inline-start-width: 1px !important; - border-inline-start-style: solid !important; - border-image: linear-gradient( - transparent 0%, - transparent 20%, - var(--organizer-border-color) 20%, - var(--organizer-border-color) 80%, - transparent 80%, - transparent 100% - ) - 1 1 !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - treecol[sortDirection]:not([hideheader="true"]) > xul|*.treecol-sortdirection { - fill: currentColor !important; - width: 18px !important; - height: 18px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - treechildren::-moz-tree-row { - background-color: transparent !important; - } - treechildren::-moz-tree-row(hover) { - background-color: var(--organizer-hover-background) !important; - } - treechildren::-moz-tree-row(selected) { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - border: 1px solid transparent !important; - } - treechildren::-moz-tree-image(hover), - treechildren::-moz-tree-twisty(hover), - treechildren::-moz-tree-cell-text(hover) { - color: var(--organizer-hover-color) !important; - } - treechildren::-moz-tree-image(selected), - treechildren::-moz-tree-twisty(selected), - treechildren::-moz-tree-cell-text(selected) { - color: var(--organizer-selected-color) !important; - } - treechildren::-moz-tree-separator { - height: 1px !important; - border-color: var(--organizer-separator-color) !important; - } - treechildren::-moz-tree-separator(hover) { - border-color: var(--organizer-hover-color) !important; - } - treechildren::-moz-tree-separator(selected) { - border-color: var(--organizer-selected-color) !important; - } - treechildren::-moz-tree-cell-text(primary, dropOn), - treechildren::-moz-tree-drop-feedback { - background-color: var(--organizer-outline-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #detailsPane { - background-color: var(--organizer-pane-background) !important; - color: var(--organizer-color) !important; - padding: 5px !important; - border-top: 1px solid var(--organizer-border-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - appearance: none !important; - min-width: 0 !important; - padding: 5px !important; - margin: 0 !important; - margin-inline-end: 4px !important; - border: 1px solid var(--organizer-pane-field-border-color) !important; - border-radius: 4px !important; - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.rounding.square_button") { - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #editBookmarkPanelRows .expander-up:hover, - #editBookmarkPanelRows .expander-down:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #editBookmarkPanelRows .expander-up:hover:active, - #editBookmarkPanelRows .expander-down:hover:active { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #editBookmarkPanelRows .expander-up:focus-visible, - #editBookmarkPanelRows .expander-down:focus-visible { - outline: 2px solid var(--organizer-outline-color) !important; - outline-offset: -1px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #editBookmarkPanelRows .expander-up > .button-box, - #editBookmarkPanelRows .expander-down > .button-box { - padding: 0 !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #editBookmarkPanelRows .expander-up { - list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg"); - } - #editBookmarkPanelRows .expander-down { - list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg"); - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #places input { - border: 1px solid var(--organizer-pane-field-border-color) !important; - border-radius: 4px !important; - background-color: var(--organizer-content-background) !important; - color: var(--organizer-color) !important; - min-height: 20px !important; - padding-inline: 4px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.rounding.square_field") { - #places input { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #places input:focus { - outline: 2px solid var(--organizer-outline-color) !important; - outline-offset: -1px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #places input:not(:read-write):focus { - outline: none !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - .caption-label { - margin-inline-start: 8px !important; - color: var(--organizer-deemphasized-color) !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #editBMPanel_tagsSelectorRow > richlistbox { - appearance: none !important; - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - border: 1px solid var(--organizer-border-color) !important; - border-radius: 4px !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.rounding.square_field") { - #editBMPanel_tagsSelectorRow > richlistbox { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userChrome.theme.proton_chrome") and (-moz-gtk-csd-available) { - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem { - border: 1px solid transparent !important; - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem[selected] { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - } - } - #sanitizeEverythingWarningIcon { - list-style-image: url("chrome://global/skin/icons/warning.svg") !important; - -moz-context-properties: fill; - fill: var(--uc-warning-icon-bgcolor); - width: 48px; - height: 48px; - } -} -/*= Monospace ================================================================*/ -@media (-moz-bool-pref: "userChrome.theme.monospace") { - * { - font-family: -moz-fixed; - } -} -/** Decoration ****************************************************************/ -/*= Cursor Types =============================================================*/ -@media (-moz-bool-pref: "userChrome.decoration.cursor") { - #appMenu-proton-update-banner, - #appMenu-fxa-status2:not([fxastatus]) > #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2, - #panelMenu_showAllBookmarks, - #PanelUI-historyMore, - #appMenuClearRecentHistory:not([disabled]), - #appMenu-library-recentlyClosedTabs > .restoreallitem.panel-subview-footer-button, - #appMenu-library-recentlyClosedWindows > .restoreallitem.panel-subview-footer-button, - #BMB_viewBookmarksSidebar, - #BMB_bookmarksShowAllTop, - #BMB_bookmarksShowAll, - .urlbarView-row:is([type="switchtab"], [type="remotetab"], [type="clipboard"]) .urlbarView-action, - #import-button, - menuitem.openintabs-menuitem, - #downloadsListBox .downloadButton, - #downloadsListBox .download-state[exists], - #downloadsListBox .download-state[exists] .downloadDetails, - #downloadsHistory, - #protections-popup-footer .protections-popup-footer-button, - #protections-popup-multiView .panel-subview-footer-button, - #identity-popup-clear-sitedata-button, - #identity-popup-more-info, - #unified-extensions-manage-extensions, - .unified-extensions-item-open-menu, - .unified-extensions-item-menu-button.subviewbutton, - #PopupAutoComplete - > richlistbox - > richlistitem[originaltype="insecureWarning"] - > .ac-title - > .ac-text-overflow-container - > .ac-title-text { - cursor: pointer !important; - } - #PanelUI-fxa-menu-syncnow-button:has(.syncnow-label[data-l10n-id="fxa-toolbar-sync-syncing2"]), - #PanelUI-fxa-menu-syncnow-button .syncnow-label[data-l10n-id="fxa-toolbar-sync-syncing2"], - #PanelUI-appMenu-fxa-image-last-synced[syncstatus="active"] { - cursor: progress !important; - } -} -/*= Panel UI Button Separator ================================================*/ -@media (-moz-bool-pref: "userChrome.decoration.panel_button_separator") { - :root:not([chromehidden~="toolbar"]) #PanelUI-button { - margin-inline-start: 3px; - padding-inline-start: 2px; - border-inline-start: 1px solid; - border-image: linear-gradient( - transparent 4px, - var(--toolbarseparator-color) 4px, - var(--toolbarseparator-color) calc(100% - 4px), - transparent calc(100% - 4px) - ); - border-image-slice: 1; - } -} -/*= Panel UI Arrow ===========================================================*/ -@media (-moz-bool-pref: "userChrome.decoration.panel_arrow") { - #appMenu-popup { - background-image: url("../icons/panelarrow-vertical.svg"); - background-repeat: no-repeat; - background-position-x: right 10px; - background-position-y: top; - -moz-context-properties: fill, stroke; - fill: var(--panel-background); - stroke: var(--panel-border-color); - } - #appMenu-popup[side="top"] { - margin-top: -8px !important; /* Original: -4px */ - padding-top: 4px; - } - #appMenu-popup[side="bottom"] { - background-image: url("../icons/panelarrow-vertical-reverse.svg"); - background-position-y: bottom; - margin-bottom: -8px !important; /* Original: -4px */ - padding-bottom: 4px; - } -} -@media (prefers-reduced-motion: no-preference) { - /*= Field Border ===========================================================*/ - /*= Downloads Panel ========================================================*/ - /*= Animate ================================================================*/ -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.field_border") { - /*- URL, Search Bar --------------------------------------------------------*/ - #urlbar:hover:not([focused="true"]) > #urlbar-background, - #searchbar:hover:not(:focus-within) { - --toolbar-field-border-color: var(--toolbar-field-focus-border-color); - } - /*- Other Fields -----------------------------------------------------------*/ - /* Sidebar */ - /* Others */ -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.field_border") and (-moz-bool-pref: "userChrome.combined.urlbar_with_reload") { - #nav-bar-customization-target - > #stop-reload-button:hover - ~ #urlbar-container - #urlbar:not([focused="true"]) - > #urlbar-background { - --toolbar-field-border-color: var(--toolbar-field-focus-border-color); - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.field_border") { - .sidebar-panel[lwt-sidebar] #search-box:hover, - body[lwt-sidebar] xul|search-textbox.tabsFilter:hover { - border-color: var(--lwt-sidebar-highlight-background-color, AccentColor) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.field_border") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - .sidebar-panel[lwt-sidebar] #search-box:hover, - body[lwt-sidebar] xul|search-textbox.tabsFilter:hover { - border-color: var(--lwt-sidebar-highlight-background-color, Highlight) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.field_border") { - .sidebar-panel:not([lwt-sidebar]) #search-box:hover, - body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover { - border-color: AccentColor !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.field_border") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - .sidebar-panel:not([lwt-sidebar]) #search-box:hover, - body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover { - border-color: -moz-accent-color !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.field_border") { - #editBMPanel_namePicker:hover, - #editBMPanel_tagsField:hover, - .findbar-container .findbar-textbox:hover { - --input-border-color: color-mix(in srgb, var(--focus-outline-color, AccentColor) 50%, transparent); - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.field_border") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - #editBMPanel_namePicker:hover, - #editBMPanel_tagsField:hover, - .findbar-container .findbar-textbox:hover { - --input-border-color: color-mix(in srgb, var(--focus-outline-color, -moz-accent-color) 50%, transparent); - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.download_panel") { - /* Accent Color for downloaded item */ - #downloadsListBox .download-state[exists] .downloadDetails { - color: var(--button-primary-bgcolor); - } - #downloadsListBox .download-state[exists] .downloadDetails.downloadDetailsHover { - color: var(--button-primary-hover-bgcolor); - } - /* File moved or missing */ - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget { - text-decoration: line-through; - text-decoration-color: color-mix(in srgb, currentColor 65%, transparent); - } - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget:hover { - text-decoration: none; - } - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTypeIcon { - filter: grayscale(100%) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - /*- Background Color -------------------------------------------------------*/ - button, - toolbarbutton, - stack, - vbox, - .toolbarbutton-icon, - #tabs-newtab-button > .toolbarbutton-icon { - transition: background-color 1s var(--animation-easing-function) !important; - } - button:hover, - toolbarbutton:hover, - stack:hover, - vbox:hover, - .toolbarbutton-icon:hover, - #tabs-newtab-button:hover > .toolbarbutton-icon { - transition: background-color 0.25s var(--animation-easing-function) !important; - } - /*- Pinned Tab -------------------------------------------------------------*/ - /*- URL / Search Bar -------------------------------------------------------*/ - /* Buttons in URL bar */ - /*- Border - Other Fields --------------------------------------------------*/ - /*- Sidebar ----------------------------------------------------------------*/ - /*- Titlebar & Full Screen -------------------------------------------------*/ - /*- Expand - Synced Tabs ---------------------------------------------------*/ - /*- Arrow - Synced Tabs ----------------------------------------------------*/ - /*- Arrow - Edit Bookmark Popup --------------------------------------------*/ -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") and (-moz-gtk-csd-available) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) - .tabbrowser-tab:is([visuallyselected], [multiselected], [selected]) - .tab-background { - transition: background-image 0.25s var(--animation-easing-function) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - .subviewbutton { - /* treechildren::-moz-tree-row: Can't apply - menu, menuitem is not apply. - */ - transition: background-color 0.5s var(--animation-easing-function) !important; - } - .subviewbutton:hover { - transition: background-color 0.1s var(--animation-easing-function) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:not([collapsed]) { - /* -moz-box-flex may be caused #tabbrowser-tabs[closebuttons] */ - transition: -moz-box-flex 0.2s var(--animation-easing-function), flex 0.2s var(--animation-easing-function), - margin-inline-start 0.2s var(--animation-easing-function), min-width 0.1s ease-out, max-width 0.1s ease-out !important; - } - #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[pinned] { - transition: margin-inline-start 0.2s var(--animation-easing-function), min-width 0.1s ease-out, - max-width 0.1s ease-out !important; - } - #tabbrowser-tabs:not([movingtab]) .tab-content::before, - #tabbrowser-tabs:not([movingtab]) .tab-content::after { - transition: width 0.2s var(--animation-easing-function), transform 0.2s var(--animation-easing-function) !important; - } - #tabbrowser-tabs:not([movingtab]) .tab-content .tab-label-container { - transition: width 0.3s var(--animation-easing-function) !important; - } - #tabbrowser-tabs:not([movingtab]) .tab-content .tab-icon-image { - transition: all 0.3s var(--animation-easing-function) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #urlbar-background, - #searchbar { - transition: border-color 1s var(--animation-easing-function), background-color 1.5s var(--animation-easing-function) !important; - } - #urlbar-background:hover, - #searchbar:hover { - transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #tracking-protection-icon-container, - #identity-icon-box, - #identity-permission-box, - #notification-popup-box, - #page-action-buttons > .urlbar-page-action { - transition: background-color 2.5s var(--animation-easing-function) !important; - } - #tracking-protection-icon-container:hover, - #identity-icon-box:hover, - #identity-permission-box:hover, - #notification-popup-box:hover, - #page-action-buttons > .urlbar-page-action:hover { - transition: background-color 1.25s var(--animation-easing-function) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") and (-moz-bool-pref: "userChrome.combined.urlbar_with_reload") { - #nav-bar-customization-target > #stop-reload-button .toolbarbutton-icon { - transition: background-color 2.5s var(--animation-easing-function) !important; - } - #nav-bar-customization-target > #stop-reload-button .toolbarbutton-icon:hover { - transition: background-color 1.25s var(--animation-easing-function) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #search-box, - xul|search-textbox.tabsFilter, - #editBMPanel_namePicker, - #editBMPanel_tagsField, - .findbar-container .findbar-textbox { - transition: border-color 1s var(--animation-easing-function) !important; - } - #search-box:hover, - xul|search-textbox.tabsFilter:hover, - #editBMPanel_namePicker:hover, - #editBMPanel_tagsField:hover, - .findbar-container .findbar-textbox:hover { - transition: border-color 0.5s var(--animation-easing-function) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") and (not (-moz-bool-pref: "userChrome.decoration.disable_sidebar_animate")) { - #sidebar-box { - /* like #sidebar-box > #sidebar */ - min-width: 14em; - width: 18em; - max-width: 36em; - /* Animation */ - transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, - visibility 0s linear !important; - will-change: margin-inline-start, opacity, visibility; - } - #sidebar-box[hidden="true"] { - display: flex !important; - display: -moz-box !important; - margin-inline-start: -18em; - opacity: 0; - visibility: collapse; - transition-delay: 0s, 0s, 0.25s !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #titlebar { - will-change: background-color !important; - transition: background-color 0.2s var(--animation-easing-function) !important; - } - #titlebar:-moz-window-inactive { - transition: background-color 0.5s var(--animation-easing-function) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #navigator-toolbox { - /* Full screen out */ - will-change: margin-top, background-color !important; - transition: margin-top 1s ease, background-color 0.2s var(--animation-easing-function) !important; - transform-origin: top; - } - #navigator-toolbox:-moz-window-inactive { - transition: margin-top 1s ease, background-color 0.5s var(--animation-easing-function) !important; - } - #navigator-toolbox[inFullscreen="true"] { - /* Full screen enter */ - animation-duration: 1s; - animation-name: fullscreen; - animation-timing-function: ease; - /* Full screen navbar not hover */ - transition: margin-top 1.3s var(--animation-easing-function) 50ms, - background-color 0.2s var(--animation-easing-function) !important; - } - #navigator-toolbox[inFullscreen="true"]:-moz-window-inactive { - transition: margin-top 1.3s var(--animation-easing-function) 50ms, - background-color 0.5s var(--animation-easing-function) !important; - } - #navigator-toolbox[inFullscreen="true"]:hover { - margin-top: 0 !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - @keyframes fullscreen { - from { - margin-top: 0; - } - /* Don't use `to`: Depending on density */ - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") - { - .item-tabs-list { - transition: transform 0.2s ease-out, opacity 0.2s ease-out; - transform: translateY(0%); - opacity: 1; - max-height: 100%; - } - .item.client.closed .item-tabs-list { - display: flex !important; - transition: transform 0.2s ease-out, opacity 0.2s ease-out, - max-height 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895) 0.05s; - visibility: hidden; - transform: translateY(-100%); - opacity: 0; - max-height: 0; - } - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") - { - /* treechildren::-moz-tree-twisty: Can't apply */ - #template-container .item.client .item-twisty-container { - transition: transform 0.1s var(--animation-easing-function) !important; - } - #template-container .item.client.closed .item-twisty-container { - transform: rotate(-90deg); - background-image: url("chrome://global/skin/icons/arrow-down-12.svg") !important; - } - #template-container .item.client.closed .item-twisty-container:dir(rtl) { - transform: rotate(90deg); - } - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #editBookmarkPanelRows .expander-up .button-icon, - #editBookmarkPanelRows .expander-down .button-icon { - transition: transform 0.1s var(--animation-easing-function) !important; - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #editBookmarkPanelRows .expander-up { - list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; - } - #editBookmarkPanelRows .expander-up .button-icon { - transform: rotate(180deg); - } -} -@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.disable_panel_animate") { - :root { - --panelui-subview-transition-duration: 1ms !important; /* Disable top right corner menu sliding animation (0ms will not work!) */ - } -} -/** Rounding ******************************************************************/ -/** Rounding ******************************************************************/ -.unified-extensions-item-menu-button.subviewbutton { - border-radius: var(--arrowpanel-menuitem-border-radius) !important; -} - -@media (-moz-bool-pref: "userChrome.rounding.square_tab") { - :root { - --tab-border-radius: 0 !important; /* Original: 4px */ - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_button") { - :root { - --urlbar-icon-border-radius: 0 !important; /* Original: calc(var(--toolbarbutton-border-radius) - 1px); */ - } - .toolbarbutton-1, - .toolbarbutton-icon, - .panel-info-button, - .searchbar-engine-one-off-item, - .urlbarView-button, - .urlbarView-tip-button, - .urlbarView-action, - toolbarbutton.bookmark-item:not(.subviewbutton), - #sidebar-switcher-target { - --toolbarbutton-border-radius: 0; /* Original: 4px */ - } - button, - .close-icon, - input[type="number"].photon-number::-moz-number-spin-box, - .toggle-group-label, - findbar toolbarbutton, - .notification-button, - #main-menubar > menu { - border-radius: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_tab"), (-moz-bool-pref: "userChrome.rounding.square_button") { - /* Fix Tab bar button radius */ - #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button), - .tab-close-button { - --tab-border-radius: var(--toolbarbutton-border-radius); - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_panel") { - :root { - --arrowpanel-border-radius: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_panelitem") { - :root { - --arrowpanel-menuitem-border-radius: 0 !important; - --subviewbutton-border-radius: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_menupopup") { - menupopup { - --panel-border-radius: 0px !important; - border-radius: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_menuitem") { - xul|menulist:not([native]), - xul|menulist > xul|menupopup xul|menu, - xul|menulist > xul|menupopup xul|menuitem, - .customization-uidensity-menuitem { - border-radius: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_infobox") { - #sanitizeEverythingWarningBox { - border-radius: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_toolbar") { - :root { - --uc-rounding-toolbar: 0; - } - .container.infobar, - .container.infobar::before, - notification-message { - border-radius: var(--uc-rounding-toolbar) !important; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_field") { - input:not([type="radio"], [type="checkbox"]), - textarea, - select, - menulist, - tree, - treecols, - listheader, - richlistbox, - search-textbox, - .subviewradio { - border-radius: 0 !important; - } - #urlbar-input-container, - #urlbar-background, - #searchbar { - --toolbarbutton-border-radius: 0; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_urlView_item") { - .urlbarView-row, - .urlbarView-row-inner { - --toolbarbutton-border-radius: 0; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_checklabel") { - input[type="checkbox"], - .checkbox-check { - border-radius: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_dialog") { - dialog, - .dialogBox { - border-radius: 0 !important; - } -} -/*= Library ==============================================================*/ -@media (-moz-bool-pref: "userChrome.rounding.square_button") { - #placesToolbar > toolbarbutton, - #placesMenu > menu, - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - border-radius: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_field") { - #searchFilter, - #detailsPane html|input, - #places input #editBMPanel_tagsSelectorRow > richlistbox { - border-radius: 0 !important; - } -} -/* ---toolbarbutton-border-radius: 4px; -*/ -/** Reduce Padding ************************************************************/ -/*= Tab Bar - Distribution padding, radius ===================================*/ -@media (-moz-bool-pref: "userChrome.tab.lepton_like_padding"), (-moz-bool-pref: "userChrome.tab.photon_like_padding") { - :root { - --proton-tab-block-margin: var(--tab-block-margin) !important; /* Original: 4px, Legacy */ - } - :root[uidensity="touch"] { - /* Like Original */ - --tab-block-margin: 4px !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.lepton_like_padding") { - :root { - --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ - } - #tabbrowser-tabs[orient="vertical"] { - --tab-block-margin: 4px !important; - } - #tabbrowser-tabs[orient="vertical"] .tabbrowser-tab { - margin-block: -1px !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.photon_like_padding") { - :root { - --tab-block-margin: 0px !important; - } -} -/*= Tab Bar - Reduce Width, Show more tabs ===================================*/ -@media (-moz-bool-pref: "userChrome.padding.first_tab") { - /* for First Tab Space */ - :root { - --uc-space-left-tabbar: 8px; /* If the option is not specified, it is equivalent to 0px. */ - } -} -@media (-moz-bool-pref: "userChrome.padding.first_tab") and (not (-moz-bool-pref: "userChrome.padding.first_tab.always")) { - :root:not([tabsintitlebar]) #tabbrowser-tabs:not([positionpinnedtabs]), - :root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs:not([positionpinnedtabs]) { - padding-inline-start: var(--uc-space-left-tabbar) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.first_tab") and (-moz-bool-pref: "userChrome.padding.first_tab.always") { - :root:not([tabsintitlebar]) #tabbrowser-tabs, - :root:is([sizemode="maximized"], [sizemode="fullscreen"]) #tabbrowser-tabs { - padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width, 0px) + var(--uc-space-left-tabbar)) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - /* Titlebar Space */ - :root { - --uc-title-pre-spacer: 30px; /* Original: 40px */ - --uc-title-post-spacer: 25px; /* Original: 40px */ - } - :root:-moz-locale-dir(rtl) { - --uc-title-pre-spacer: 25px; - --uc-title-post-spacer: 30px; - } - /* Tabbar Buttons */ - /* Tab - Max Size */ - /* neighbouring tabs should "pinch" together */ -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-spacer[type="pre-tabs"] { - width: var(--uc-title-pre-spacer) !important; - } - .titlebar-spacer[type="post-tabs"] { - width: var(--uc-title-post-spacer) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-spacer[type="pre-tabs"] { - width: var(--uc-title-pre-spacer) !important; - } - .titlebar-spacer[type="post-tabs"] { - width: var(--uc-title-post-spacer) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (-moz-platform: windows) { - .titlebar-spacer[type="pre-tabs"] { - width: var(--uc-title-post-spacer) !important; - } - .titlebar-spacer[type="post-tabs"] { - width: var(--uc-title-pre-spacer) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - .titlebar-spacer[type="pre-tabs"] { - width: var(--uc-title-post-spacer) !important; - } - .titlebar-spacer[type="post-tabs"] { - width: var(--uc-title-pre-spacer) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - :root { - --newtab-button-minus-width-padding: 2px; - --newtab-button-width-padding: calc(var(--toolbarbutton-inner-padding) - var(--newtab-button-minus-width-padding)); - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - #widget-overflow-mainView #new-tab-button, - #widget-overflow-mainView #alltabs-button { - --newtab-button-width-padding: 0px; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - #new-tab-button > .toolbarbutton-icon, - #alltabs-button > .toolbarbutton-badge-stack { - /* Original: calc(2 * var(--toolbarbutton-inner-padding) + 16px) */ - width: calc(2 * var(--newtab-button-width-padding) + 16px) !important; - /* Original: --toolbarbutton-inner-padding */ - padding-left: var(--newtab-button-width-padding) !important; - padding-right: var(--newtab-button-width-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (not (-moz-bool-pref: "userChrome.tab.photon_like_padding")) { - #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { - margin-inline-start: 1px !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (-moz-bool-pref: "userChrome.tab.photon_like_padding") { - #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { - margin-inline-start: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - :root:not([uidensity="touch"]) #tabbrowser-arrowscrollbox { - --scrollbtn-inner-padding: 1px; - --scrollbtn-outer-padding: 3px; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - #scrollbutton-up { - padding-left: var(--scrollbtn-inner-padding, 4px) !important; /* Original: 4px */ - padding-right: var(--scrollbtn-outer-padding, 4px) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - #scrollbutton-down { - padding-left: var(--scrollbtn-outer-padding, 4px) !important; /* Original: 4px */ - padding-right: var(--scrollbtn-inner-padding, 4px) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - :root:not([uidensity="touch"]) #new-tab-button, - #alltabs-button { - --toolbarbutton-outer-padding: 1px; /* Original: 2px*/ - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (not (-moz-bool-pref: "userChrome.tab.photon_like_padding")) { - :root { - --tab-max-width: 240px; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (-moz-bool-pref: "userChrome.tab.photon_like_padding") { - :root { - --tab-max-width: 225px; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - :root { - --tab-max-width: 180px; - } -} -@media screen and (-moz-bool-pref: "userChrome.padding.tabbar_width") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - :root { - --tab-max-width: 180px; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { - max-width: var(--tab-max-width) !important; /* Original: 225px */ - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { - #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) - > #tabbrowser-arrowscrollbox - > #tabbrowser-arrowscrollbox-periphery { - min-width: 3px; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (not (-moz-bool-pref: "userChrome.tab.photon_like_padding")) and (-moz-bool-pref: "userChrome.tab.lepton_like_padding") { - #TabsToolbar:not([multibar]) .tabbrowser-tab[pinned] { - padding-inline: 1px !important; - } - #TabsToolbar:not([multibar]) .tabbrowser-tab:not([pinned]):not(:first-of-type) { - margin-inline: -1px !important; - } - #TabsToolbar:not([multibar]) .tabbrowser-tab:not([pinned]):first-of-type { - margin-inline-end: -1px !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (not (-moz-bool-pref: "userChrome.tab.photon_like_padding")) and (not (-moz-bool-pref: "userChrome.tabbar.multi_row")) { - #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) { - margin-inline-end: -2px !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_width") and (-moz-bool-pref: "userChrome.tab.photon_like_padding") { - .tabbrowser-tab { - padding-inline: 0 !important; - } -} -/*= Tab Bar - Reduce Height, Show more contents ==============================*/ -@media (-moz-bool-pref: "userChrome.padding.drag_space") { - /* for Extra Drag Space */ - :root { - --uc-space-above-tabbar: 8px; /* If the option is not specified, it is equivalent to 0px. */ - } -} -@media (-moz-bool-pref: "userChrome.padding.drag_space") and (-moz-platform: windows) { - :root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] { - height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size)); - } -} -@media (-moz-bool-pref: "userChrome.padding.drag_space") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.padding.drag_space.maximized") { - :root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] { - height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size)); - } -} -@media (-moz-bool-pref: "userChrome.padding.drag_space") and (-moz-gtk-csd-available) { - :root[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"] { - height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar)); - } -} -@media (-moz-bool-pref: "userChrome.padding.drag_space") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.padding.drag_space.maximized") { - :root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] { - height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar)); - } -} -@media (-moz-bool-pref: "userChrome.padding.drag_space") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #TabsToolbar > .toolbar-items { - padding-top: var(--uc-space-above-tabbar) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.drag_space") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.padding.drag_space") and (-moz-gtk-csd-available) { - /* Add extra space to titlebar for dragging */ - :root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items, - :root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items { - padding-top: var(--uc-space-above-tabbar) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.drag_space") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.padding.drag_space.maximized"), - (-moz-bool-pref: "userChrome.padding.drag_space") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.padding.drag_space.maximized") { - :root[sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar > .toolbar-items, - :root[sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items { - padding-top: var(--uc-space-above-tabbar) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") { - /* Toolbar Height */ - /* Scroll Button - Size Fix */ -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") and (-moz-bool-pref: "userChrome.tab.lepton_like_padding") { - :root:not([uidensity]) { - --tab-min-height: 36px !important; - } - :root[uidensity="compact"] { - --tab-min-height: 32px !important; - } - :root[uidensity="touch"] { - --tab-min-height: 41px !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") and (-moz-bool-pref: "userChrome.tab.photon_like_padding") { - :root:not([uidensity]) { - --tab-min-height: 32px !important; - } - :root[uidensity="compact"] { - --tab-min-height: 29px !important; - } - :root[uidensity="touch"] { - --tab-min-height: 41px !important; - } - /* Top Margin */ - .tab-background, - .tab-content { - margin-top: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") and (not (-moz-bool-pref: "userChrome.tab.lepton_like_padding")) and (not (-moz-bool-pref: "userChrome.tab.photon_like_padding")) { - :root:not([uidensity]) { - --tab-min-height: 36px !important; /* 38px -> 36px */ - } - :root[uidensity="compact"] { - --tab-min-height: 29px !important; /* 36px -> 29px */ - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") { - :root { - /* Works with TabMixPlus */ - --tab-min-height_mlt: calc( - var(--tab-min-height) + 2 * (var(--tab-block-margin, var(--proton-tab-block-margin, 0px))) - ) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") { - #TabsToolbar[multibar] .tabbrowser-tab { - height: unset !important; /* Original: var(--tab-min-height_mlt) */ - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") and (-moz-bool-pref: "userChrome.tab.connect_to_window") { - :root { - --tab-min-height_mlt: calc( - var(--tab-min-height) + var(--tab-block-margin, var(--proton-tab-block-margin, 0px)) - ) !important; - } - #TabsToolbar { - --toolbarbutton-inner-padding: calc( - (var(--tab-min-height) - 18px) / 2 - ) !important; /* Prevent overflow pinned tab bottom margin */ - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") and (-moz-bool-pref: "userChrome.tab.connect_to_window") and (not (-moz-bool-pref: "userChrome.tabbar.multi_row")) { - :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox, - #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"], - #TabsToolbar:not([multibar]) - #tabbrowser-arrowscrollbox[overflowing="true"] - > .tabbrowser-tab[pinned="true"] - .tab-stack, - #TabsToolbar:not([multibar]) - #tabbrowser-arrowscrollbox[overflowing="true"] - > .tabbrowser-tab[pinned="true"] - .tab-content { - max-height: var(--tab-min-height) !important; /* Force apply height */ - } - :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { - height: var(--tab-min-height) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") { - :root #tabbrowser-arrowscrollbox { - --scrollbtn-vertical-padding: 3px; - --scrollbtn-vertical-border: 2px; - --scrollbtn-border-radius: 7px; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") { - #scrollbutton-up, - #scrollbutton-down { - /* Original: var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 6px) = 9px */ - /* https://github.com/mozilla/gecko-dev/blob/71b1259afd1cdaf41871ae675c2dadb967ea5b34/browser/themes/shared/toolbarbuttons.inc.css#L142 */ - padding-top: var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important; - padding-bottom: var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important; - /* Original: 4px */ - border-top-width: var(--scrollbtn-vertical-border, 4px) !important; - border-bottom-width: var(--scrollbtn-vertical-border, 4px) !important; - /* Original: calc(var(--tab-border-radius) + 4px) = 8px */ - border-radius: var(--scrollbtn-border-radius, calc(var(--tab-border-radius) + 4px)) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.tabbar_height") { - :root[tabsintitlebar]:not([uidensity="compact"]) #toolbar-menubar[autohide="true"] { - height: calc( - var(--tab-min-height) - var(--tabs-navbar-shadow-size) - 2px - ); /* Compact: 28px, Normal: 33px, Touch: 38px */ - } -} -/*= Tool Bar - Button Padding ================================================*/ -@media (-moz-bool-pref: "userChrome.padding.toolbar_button"), (-moz-bool-pref: "userChrome.tab.newtab_button_smaller") { - :root { - --uc-small-toolbarbutton-inner-padding: 6px; - --uc-toolbarbutton-inner-padding-default: 8px; - } - :root[uidensity="compact"] { - --uc-small-toolbarbutton-inner-padding: 4px; - --uc-toolbarbutton-inner-padding-default: 6px; - } - :root[uidensity="touch"] #tabs-newtab-button > .toolbarbutton-icon { - --uc-small-toolbarbutton-inner-padding: 9px; - --uc-toolbarbutton-inner-padding-default: 9px; - } -} -@media (-moz-bool-pref: "userChrome.padding.toolbar_button") { - :root[uidensity="compact"] { - --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */ - } -} -@media (-moz-bool-pref: "userChrome.padding.toolbar_button") and (-moz-bool-pref: "userChrome.padding.toolbar_button.compact") { - :root { - --toolbarbutton-inner-padding: var(--uc-small-toolbarbutton-inner-padding) !important; - } -} -/*= Nav Bar - Reduce Width ===================================================*/ -@media (-moz-bool-pref: "userChrome.padding.navbar_width") { - #nav-bar:not([customizing]) toolbarspring { - min-width: 1px !important; - max-width: 100px !important; - } -} -/*= URL Bar - Reduce Padding =================================================*/ -@media (not (-moz-bool-pref: "userChrome.urlView.as_commandbar")) and (-moz-bool-pref: "userChrome.padding.urlbar") { - :root:not([uidensity="touch"]) #urlbar-container, - :root:not([uidensity="touch"]) #search-container { - padding-block: 3px !important; /* Original: 4px */ - } - :root:not([uidensity="compact"]) #urlbar-container, - :root:not([uidensity="compact"]) #search-container { - padding-block: 2px !important; - } - :root:not([uidensity="compact"]) #urlbar, - :root:not([uidensity="compact"]) #searchbar { - min-height: calc(var(--urlbar-min-height) - 2px) !important; - } - :root:not([uidensity="compact"]) #urlbar[breakout] { - height: calc(var(--urlbar-height) - 2px) !important; - } - :root:not([uidensity="compact"]) #urlbar[breakout][breakout-extend], - :root:not([uidensity="compact"]) #urlbar[breakout][breakout-extend-disabled][open] { - height: auto !important; - } - :root[uidensity="touch"] #urlbar[breakout] { - top: calc( - (var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2 + 1px - ) !important; - } - /* spread menu */ - :root:not([uidensity]) .urlbarView-row { - padding-block: 1px !important; /* Original: 2px */ - } - :root[uidensity="compact"] .urlbarView-row { - padding-block: 0px !important; - } - :root:not([uidensity]) #urlbar .search-one-offs:not([hidden]) { - padding-block: 8px !important; /* Original: 10px */ - } - :root[uidensity="compact"] #urlbar .search-one-offs:not([hidden]) { - padding-block: 2px !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.urlView_expanding"), (-moz-bool-pref: "userChrome.urlView.as_commandbar") { - #urlbar[breakout][breakout-extend] { - top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important; - left: 0 !important; - width: 100% !important; - } - #urlbar[breakout][breakout-extend] > #urlbar-input-container { - height: var(--urlbar-height) !important; - padding-block: 0 !important; - padding-inline: var(--urlbar-container-padding, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.urlView_expanding") { - #urlbar[breakout][breakout-extend] > #urlbar-background { - animation-name: none !important; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.urlView_result") { - .urlbarView { - margin-inline: 0 !important; - width: 100% !important; - } - .urlbarView-row { - padding-block: 0 !important; - } -} -/*= BookMark Bar - Reduce Height =============================================*/ -@media (-moz-bool-pref: "userChrome.padding.bookmarkbar") { - :root[uidensity="compact"] #PersonalToolbar toolbarbutton { - margin-top: 0px !important; /* Original: 2px */ - margin-bottom: 1px !important; - } -} -/*= Info Bar - Reduce Padding ================================================*/ -@media (-moz-bool-pref: "userChrome.padding.infobar"), (-moz-bool-pref: "userChrome.autohide.infobar") { - #tab-notification-deck notification-message[message-bar-type="infobar"]:not([style*="margin-top"]) { - margin: var(--infobar-message-margin, 0 4px var(--infobar-message-vertical-margin, 8px)) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.infobar") { - :root:not([uidensity]) notification-message { - --infobar-message-vertical-margin: 3px; - --infobar-vertical-margin: 7px; - --infobar-button-vertical-margin: 3px; - } - :root[uidensity="compact"] notification-message { - --infobar-message-vertical-margin: 2px; - --infobar-vertical-margin: 6px; - --infobar-button-vertical-margin: 2px; - } - :root[uidensity="touch"] notification-message { - --infobar-message-vertical-margin: 4px; - --infobar-vertical-margin: 8px; - --infobar-button-vertical-margin: 4px; - } - .infobar > .icon { - margin-block: var(--infobar-vertical-margin) !important; /* Original: 8px */ - } - .notification-message { - padding-block: var(--infobar-vertical-margin) !important; /* Original: 8px */ - } - .notification-button-container > .notification-button { - margin-block: var(--infobar-button-vertical-margin) !important; /* Original: 4px */ - } - .notification-close { - margin: var(--infobar-button-vertical-margin) 8px !important; /* Original: 4px 8px */ - } - /* Hard coded for compatibility - Disappearing phenomenon */ - .container.infobar::before { - content: ""; - display: block; - width: 2px; - position: absolute; - background-image: linear-gradient(0deg, #9059ff 0%, #ff4aa2 52.08%, #ffbd4f 100%); - top: 0; - inset-inline-start: 0; - height: 100%; - border-start-start-radius: 4px; - border-end-start-radius: 4px; - } -} -/*= Menu - Reduce Padding ====================================================*/ -@media (-moz-bool-pref: "userChrome.padding.menu") { - :root { - --menu-padding: 0.35em; /* Win7, 8: 0px */ - } - :root[uidensity="compact"] { - --menu-padding: 0.25em; - } - :root[uidensity="touch"] { - --menu-padding: 0.5em; - } - /* Arrow Icon Align to Right */ -} -@media (-moz-bool-pref: "userChrome.padding.menu") and (-moz-bool-pref: "userChrome.padding.menu_compact") { - :root { - --menu-padding: 2px; - } - :root[uidensity="compact"] { - --menu-padding: 0px; - } -} -@media (-moz-bool-pref: "userChrome.padding.menu") { - menupopup > menuitem, - menupopup > menu { - /* Original: 0.5em */ - padding-block: var(--menu-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.menu") and (-moz-platform: windows) { - #ContentSelectDropdown > menupopup > menucaption, - #ContentSelectDropdown > menupopup > menuitem { - padding-block: 0 !important; - } - #ContentSelectDropdown > menupopup > menucaption > .menu-iconic-text, - #ContentSelectDropdown > menupopup > menuitem > .menu-iconic-text { - padding-block: var(--menu-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.menu") and (-moz-gtk-csd-available) { - #ContentSelectDropdown > menupopup > menucaption, - #ContentSelectDropdown > menupopup > menuitem { - padding-block: var(--menu-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #ContentSelectDropdown > menupopup > menucaption, - #ContentSelectDropdown > menupopup > menuitem { - padding-block: var(--menu-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:not([uidensity="touch"]) .menu-text, - :root:not([uidensity="touch"]) .menu-iconic-text { - padding-inline-end: 0 !important; /* Original: 2px */ - } - :root:not([uidensity="touch"]) .menupopup-arrowscrollbox { - padding-block: 1px !important; /* Original: 4px*/ - } - :root:not([uidensity="touch"]) #context-navigation:not([hidden]) { - padding: 0 0 1px !important; /* Original: 0 0 4px*/ - } - :root:not([uidensity="touch"]) .menu-right { - margin-right: 6px !important; /* Original: 12px */ - } -} -@media (-moz-bool-pref: "userChrome.padding.menu") and (-moz-gtk-csd-available) { - menupopup > menu { - padding-inline-start: 0.5em; - } -} -@media (-moz-bool-pref: "userChrome.padding.menu") { - .bookmark-item.subviewbutton > .menu-right { - margin-inline-end: 0 !important; - } -} -/*= Bookmark Menu - Reduce Padding ===========================================*/ -@media (-moz-bool-pref: "userChrome.padding.bookmark_menu") { - :root { - --bookmark-menu-padding: 3px; - } - :root[uidensity="compact"] { - --bookmark-menu-padding: 1.5px; - } -} -@media (-moz-bool-pref: "userChrome.padding.bookmark_menu") and (-moz-bool-pref: "userChrome.padding.menu_compact") { - :root { - --bookmark-menu-padding: 2px; - } - :root[uidensity="compact"] { - --bookmark-menu-padding: 0px; - } -} -@media (-moz-bool-pref: "userChrome.padding.bookmark_menu") { - :root:not([uidensity="touch"]) #BMB_bookmarksPopup .subviewbutton, - :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .bookmark-item, - :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .openintabs-menuitem { - padding-block: var(--bookmark-menu-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.bookmark_menu") and (-moz-bool-pref: "userChrome.padding.menu_compact"), - (-moz-bool-pref: "userChrome.padding.bookmark_menu") and (-moz-bool-pref: "userChrome.padding.bookmark_menu.compact") { - :root:not([uidensity="touch"]) #BMB_bookmarksPopup .bookmark-item, - :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .bookmark-item { - min-height: unset !important; /* Original: 24px */ - } -} -/*= Global Menu - Set Padding ================================================*/ -@media (-moz-bool-pref: "userChrome.padding.global_menubar") { - /* Vertical Align - Center & Height: 100% */ - #main-menubar { - flex: 1 !important; - -moz-box-flex: 1 !important; - } - /* Rounding */ - #main-menubar > menu { - border-radius: 4px; - } - /* Menubar item padding */ - :root { - --global-menubar-padding: 2px; - } - :root[uidensity="compact"] { - --global-menubar-padding: 1px; - } - :root[uidensity="touch"] { - --global-menubar-padding: 4px; - } - #main-menubar > menu { - padding-block: var(--global-menubar-padding) !important; - } - /* Reduce items */ - #main-menubar > menu > menupopup menuitem, - #main-menubar > menu > menupopup menu { - padding-block: var(--bookmark-menu-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.global_menubar") and (-moz-bool-pref: "userChrome.compatibility.os.win11") { - #main-menubar > menu > menupopup menuitem, - #main-menubar > menu > menupopup menu { - --bookmark-menu-padding: 3px; - } - #main-menubar > menu > menupopup menuitem:is([type="checkbox"], [type="radio"]), - #main-menubar > menu > menupopup menu:is([type="checkbox"], [type="radio"]) { - --bookmark-menu-padding: 0px; - } -} -/*= Panel - Reduce padding ===================================================*/ -@media (-moz-bool-pref: "userChrome.padding.panel") { - :root { - --arrowpanel-menuitem-margin-block: 0; /* FF 102 compatibility */ - --arrowpanel-menuitem-margin-inline: 8px; - --arrowpanel-menuitem-margin: var(--arrowpanel-menuitem-margin-block) var(--arrowpanel-menuitem-margin-inline) !important; /* Original: 0 8px */ - --arrowpanel-menuitem-padding-block: 5px !important; /* Original: 8px */ - --arrowpanel-menuitem-padding-inline: 5px !important; /* Original: 8px */ - --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important; /* Compatibility */ - --arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */ - } - :root[uidensity="compact"] { - --arrowpanel-menuitem-margin-inline: 4px; /* FF 102 compatibility */ - --arrowpanel-menuitem-padding-block: 3px !important; - --arrowpanel-menuitem-padding-inline: 3px !important; - } - :root[uidensity="touch"] { - --arrowpanel-menuitem-padding-block: 8px !important; /* Original: 8px */ - --arrowpanel-menuitem-padding-inline: 8px !important; /* Original: 8px */ - } - .all-tabs-item { - margin: var(--arrowpanel-menuitem-margin) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.panel") and (not (-moz-bool-pref: "userChrome.icon.disabled")) and (not (-moz-bool-pref: "userChrome.icon.panel")) { - .subviewbutton { - min-height: calc(16px + var(--arrowpanel-menuitem-padding-block) * 2) !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.panel") { - .unified-extensions-item-menu-button.subviewbutton { - padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */ - } -} -@media (-moz-bool-pref: "userChrome.padding.panel") and (-moz-bool-pref: "userChrome.panel.full_width_padding") { - .unified-extensions-item-menu-button.subviewbutton { - --arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block); - } -} -@media (-moz-bool-pref: "userChrome.padding.panel") { - :root[uidensity="compact"] :is(.unified-extensions-item, .unified-extensions-item-action-button) { - padding-block: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.padding.panel_header") { - .panel-header { - padding: unset !important; - padding-top: 4px !important; - } -} -/*= Popup Panel - Reduce padding =============================================*/ -@media (-moz-bool-pref: "userChrome.padding.popup_panel") { - #protections-popup-main-header-label { - height: unset !important; /* Original: 37.6px */ - } - #identity-popup, - #permission-popup, - #protections-popup { - --vertical-section-padding: 0.8em; /* Original: 0.9em */ - } - .protections-popup-footer-button, - .protections-popup-category { - min-height: 24px; /* Original: 32px */ - height: unset !important; - } - /** Popup panel - Compact mode */ - :root[uidensity="compact"] #protections-popup-content { - margin-block: 0 !important; - } - :root[uidensity="compact"] #protections-popup-multiView #protections-popup-footer { - padding-block-start: 0 !important; - padding-block-end: 4px !important; - } - :root[uidensity="compact"] #protections-popup-multiView .protections-popup-footer-button, - :root[uidensity="compact"] #protections-popup-multiView .protections-popup-category { - min-height: 20px !important; - } - :root[uidensity="compact"] #protections-popup-multiView .panel-footer.panel-footer-menulike { - margin: 0 0 3px !important; - } - :root[uidensity="compact"] #protections-popup-multiView .panel-footer.panel-footer-menulike > button { - padding: 3px 8px !important; - } - :root[uidensity="compact"] #protections-popup-trackersView-settings-button { - margin: 4px 8px 0 !important; - } - :root[uidensity="compact"] #identity-popup-multiView #identity-popup-mainView-panel-header { - padding: 2px 5px !important; - } - :root[uidensity="compact"] #protections-popup-no-trackers-found-description { - margin: 2em 4em !important; - } - :root[uidensity="compact"] #downloadsListBox { - margin: 0 !important; - } -} -/** Tab Bar UI ****************************************************************/ -/*= Tabs on Bottom ===========================================================*/ -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom"), (-moz-bool-pref: "userChrome.fullscreen.overlap") { - /* Don't use display: flex at not fullscreen!! side effect #372 */ - :root[sizemode="fullscreen"] #navigator-toolbox { - display: flex !important; /* Needed for content to take up entire height, compatibility with tabs on bottom */ - } - :root[sizemode="fullscreen"] #titlebar, - :root[sizemode="fullscreen"] #nav-bar, - :root[sizemode="fullscreen"] #PersonalToolbar, - :root[sizemode="fullscreen"] #tab-notification-deck, - :root[sizemode="fullscreen"] #tab-notification-deck-template { - flex-basis: 100%; - } - /* -moz-default-appearance: -moz-window-titlebar */ - :root[sizemode="fullscreen"] #titlebar { - -moz-appearance: none !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /*= Tabbar - Move to bottom ==================================================*/ - #titlebar { - order: 2; - -moz-box-ordinal-group: 2; - --tabs-navbar-shadow-size: 0px; - } - #tab-notification-deck { - order: 2; - -moz-box-ordinal-group: 2; - } - #TabsToolbar .titlebar-spacer { - display: none; - } - #TabsToolbar-customization-target > .toolbarbutton-1:last-child { - padding-inline-end: var(--toolbar-start-end-padding, 8px); - } - /*= Tabbar - Hidden at single tab ===========================================*/ - /*= Menubar - Always on top ==================================================*/ -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom.above_bookmark") { - #PersonalToolbar { - order: 2; - -moz-box-ordinal-group: 2; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom.above_bookmark")) and (-moz-bool-pref: "userChrome.tab.connect_to_window") and (-moz-bool-pref: "userChrome.tab.color_like_toolbar") { - #navigator-toolbox { - border-bottom-color: var( - --toolbar-bgcolor - ) !important; /* Original: 1px solid var(--chrome-content-separator-color); */ - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom.hidden_single_tab") { - #tabbrowser-tabs .tabbrowser-tab:only-of-type { - display: none !important; - } - #tabbrowser-tabs, - #tabbrowser-tabs arrowscrollbox { - height: auto !important; - min-height: auto !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom.hidden_single_tab") and (prefers-reduced-motion: no-preference) { - #tabbrowser-tabs { - transition: height 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Menubar on top patch - use with tabs_on_bottom.css */ - /* Only really useful if menubar is ALWAYS visible */ - :root:not([sizemode="fullscreen"]) { - --uc-window-control-width: 0px !important; - } - /* Since menubar is statically at top, remove fake drag-space that might be set by window_control_placeholder_support.css */ - :root:not([sizemode="fullscreen"]) #nav-bar { - border-inline-width: 0; - } - #navigator-toolbox { - -moz-window-dragging: drag; - } - :root[sizemode="fullscreen"] #navigator-toolbox { - padding-top: 0px !important; - } - #toolbar-menubar { - position: fixed; - display: flex; - top: var(--uc-titlebar-padding); - height: var(--uc-menubar-height); - width: 100%; - overflow: hidden; - } - :root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) { - height: var(--uc-menubar-height) !important; /* calc(var(--tab-min-height) + 2 * var(--tab-block-margin)) */ - } - #toolbar-menubar > .titlebar-buttonbox-container { - height: 100%; - order: 100; - } - #toolbar-menubar > [flex] { - flex-grow: 100; - } - #toolbar-menubar > spacer[flex] { - order: 99; - flex-grow: 1; - min-width: var(--uc-window-drag-space-post); - } - #toolbar-menubar .toolbarbutton-1 { - --toolbarbutton-inner-padding: 3px; - } - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - visibility: collapse !important; - } - :root:not([chromehidden~="menubar"]):not([sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - .titlebar-buttonbox-container { - visibility: visible; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /*= Tabbar - Move to bottom ==================================================*/ - #titlebar { - order: 2; - -moz-box-ordinal-group: 2; - --tabs-navbar-shadow-size: 0px; - } - #tab-notification-deck { - order: 2; - -moz-box-ordinal-group: 2; - } - #TabsToolbar .titlebar-spacer { - display: none; - } - #TabsToolbar-customization-target > .toolbarbutton-1:last-child { - padding-inline-end: var(--toolbar-start-end-padding, 8px); - } - /*= Tabbar - Hidden at single tab ===========================================*/ - /*= Menubar - Always on top ==================================================*/ -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom.above_bookmark") { - #PersonalToolbar { - order: 2; - -moz-box-ordinal-group: 2; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom.above_bookmark")) and (-moz-bool-pref: "userChrome.tab.connect_to_window") and (-moz-bool-pref: "userChrome.tab.color_like_toolbar") { - #navigator-toolbox { - border-bottom-color: var( - --toolbar-bgcolor - ) !important; /* Original: 1px solid var(--chrome-content-separator-color); */ - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom.hidden_single_tab") { - #tabbrowser-tabs .tabbrowser-tab:only-of-type { - display: none !important; - } - #tabbrowser-tabs, - #tabbrowser-tabs arrowscrollbox { - height: auto !important; - min-height: auto !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom.hidden_single_tab") and (prefers-reduced-motion: no-preference) { - #tabbrowser-tabs { - transition: height 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Menubar on top patch - use with tabs_on_bottom.css */ - /* Only really useful if menubar is ALWAYS visible */ - :root:not([sizemode="fullscreen"]) { - --uc-window-control-width: 0px !important; - } - /* Since menubar is statically at top, remove fake drag-space that might be set by window_control_placeholder_support.css */ - :root:not([sizemode="fullscreen"]) #nav-bar { - border-inline-width: 0; - } - #navigator-toolbox { - -moz-window-dragging: drag; - } - :root[sizemode="fullscreen"] #navigator-toolbox { - padding-top: 0px !important; - } - #toolbar-menubar { - position: fixed; - display: flex; - top: var(--uc-titlebar-padding); - height: var(--uc-menubar-height); - width: 100%; - overflow: hidden; - } - :root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) { - height: var(--uc-menubar-height) !important; /* calc(var(--tab-min-height) + 2 * var(--tab-block-margin)) */ - } - #toolbar-menubar > .titlebar-buttonbox-container { - height: 100%; - order: 100; - } - #toolbar-menubar > [flex] { - flex-grow: 100; - } - #toolbar-menubar > spacer[flex] { - order: 99; - flex-grow: 1; - min-width: var(--uc-window-drag-space-post); - } - #toolbar-menubar .toolbarbutton-1 { - --toolbarbutton-inner-padding: 3px; - } - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - visibility: collapse !important; - } - :root:not([chromehidden~="menubar"]):not([sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - .titlebar-buttonbox-container { - visibility: visible; - } -} -/*= Tab Bar - Oneliner =======================================================*/ -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - :root { - --uc-navbar-width-origin: 40vw; - --uc-navbar-width: var(--uc-navbar-width-origin); - --uc-tabbar-width: calc(100vw - var(--uc-navbar-width)); - --uc-navbar-margin: calc(var(--uc-navbar-width) + var(--uc-navbar-gap, 0px)); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.autohide.fill_urlbar") { - :root { - --uc-navbar-width-origin: 50vw; - --uc-navbar-width: 24em; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #nav-bar { - --uc-navbar-double-block: calc(2 * var(--uc-navbar-block, 0px)); - height: calc(var(--uc-tabbar-height) - var(--uc-navbar-double-block)) !important; - margin-top: calc(var(--uc-tabbar-hide-height) + var(--uc-navbar-double-block)) !important; - margin-bottom: var(--uc-navbar-block, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #titlebar { - transform: translateY(var(--uc-navbar-block, 0px)); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #TabsToolbar > .titlebar-buttonbox-container { - transform: translateY(calc(-1 * var(--uc-navbar-block, 0px))); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #navigator-toolbox { - position: relative; - z-index: 2; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) { - :root { - --uc-navbar-gap: 10px; - --uc-navbar-block: 1.5px; - } - :root[uidensity="compact"] { - --uc-navbar-block: 1px; - } - :root[uidensity="touch"] { - --uc-navbar-block: 3px; - } - #nav-bar { - --toolbarbutton-inner-padding: 6px; /* Original: 8px */ - border-radius: var(--uc-rounding-toolbar, var(--tab-border-radius, 4px)); - } - #nav-bar, - #nav-bar-customization-target { - align-items: center; - -moz-box-align: center; - } - #urlbar-container { - min-height: calc(var(--urlbar-container-height) - 2px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar") { - #navigator-toolbox { - background-color: var(--toolbar-bgcolor) !important; - } - #nav-bar { - --lwt-tabs-border-color: transparent; - background-color: unset !important; - background-image: unset !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #urlbar-container { - min-width: calc( - var(--uc-oneliner-urlbar-base-width, 50px) + 24px + 2 * var(--toolbarbutton-inner-padding) - ) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #urlbar[breakout][breakout-extend] { - min-width: calc(310px + 2 * (24px + 2 * var(--toolbarbutton-inner-padding))) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #PersonalToolbar { - position: relative; - z-index: -1; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - toolbarspring.chromeclass-toolbar-additional { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #TabsToolbar { - margin-inline-start: var(--uc-navbar-margin) !important; - } - #nav-bar { - margin-inline-end: var(--uc-tabbar-width) !important; - } - .titlebar-spacer[type="pre-tabs"] { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-end: var(--uc-navbar-margin) !important; - } - #nav-bar { - margin-inline-start: var(--uc-tabbar-width) !important; - } - .titlebar-spacer[type="post-tabs"] { - display: none !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - :root { - --uc-navbar-width-origin: 40vw; - --uc-navbar-width: var(--uc-navbar-width-origin); - --uc-tabbar-width: calc(100vw - var(--uc-navbar-width)); - --uc-navbar-margin: calc(var(--uc-navbar-width) + var(--uc-navbar-gap, 0px)); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.fill_urlbar") { - :root { - --uc-navbar-width-origin: 50vw; - --uc-navbar-width: 24em; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #nav-bar { - --uc-navbar-double-block: calc(2 * var(--uc-navbar-block, 0px)); - height: calc(var(--uc-tabbar-height) - var(--uc-navbar-double-block)) !important; - margin-top: calc(var(--uc-tabbar-hide-height) + var(--uc-navbar-double-block)) !important; - margin-bottom: var(--uc-navbar-block, 0px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #titlebar { - transform: translateY(var(--uc-navbar-block, 0px)); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #TabsToolbar > .titlebar-buttonbox-container { - transform: translateY(calc(-1 * var(--uc-navbar-block, 0px))); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #navigator-toolbox { - position: relative; - z-index: 2; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) { - :root { - --uc-navbar-gap: 10px; - --uc-navbar-block: 1.5px; - } - :root[uidensity="compact"] { - --uc-navbar-block: 1px; - } - :root[uidensity="touch"] { - --uc-navbar-block: 3px; - } - #nav-bar { - --toolbarbutton-inner-padding: 6px; /* Original: 8px */ - border-radius: var(--uc-rounding-toolbar, var(--tab-border-radius, 4px)); - } - #nav-bar, - #nav-bar-customization-target { - align-items: center; - -moz-box-align: center; - } - #urlbar-container { - min-height: calc(var(--urlbar-container-height) - 2px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar") { - #navigator-toolbox { - background-color: var(--toolbar-bgcolor) !important; - } - #nav-bar { - --lwt-tabs-border-color: transparent; - background-color: unset !important; - background-image: unset !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #urlbar-container { - min-width: calc( - var(--uc-oneliner-urlbar-base-width, 50px) + 24px + 2 * var(--toolbarbutton-inner-padding) - ) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #urlbar[breakout][breakout-extend] { - min-width: calc(310px + 2 * (24px + 2 * var(--toolbarbutton-inner-padding))) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #PersonalToolbar { - position: relative; - z-index: -1; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - toolbarspring.chromeclass-toolbar-additional { - display: none !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #TabsToolbar { - margin-inline-start: var(--uc-navbar-margin) !important; - } - #nav-bar { - margin-inline-end: var(--uc-tabbar-width) !important; - } - .titlebar-spacer[type="pre-tabs"] { - display: none !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #TabsToolbar { - margin-inline-end: var(--uc-navbar-margin) !important; - } - #nav-bar { - margin-inline-start: var(--uc-tabbar-width) !important; - } - .titlebar-spacer[type="post-tabs"] { - display: none !important; - } -} -/*= Tab Bar - Shared Layout ==================================================*/ -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") { - :root { - --uc-window-control-width: 0px; /* Same as .titlebar-buttonbox-container - Space reserved for window controls */ - --uc-window-drag-space-pre: 0px; /* Same as .titlebar-spacer[type="pre-tabs"] - Extra space reserved on both sides of the nav-bar to be able to drag the window */ - --uc-window-drag-space-post: 0px; /* Same as .titlebar-spacer[type="post-tabs"] */ - --uc-window-control-space: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-post)); - } - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: var(--uc-title-pre-spacer, 40px); - --uc-window-drag-space-post: var(--uc-title-post-spacer, 40px); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-width: 138px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-gtk-csd-available) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - /* 84px is default value of linux */ - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-gtk-csd-available) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-close-button) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-width: 28px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-width: 56px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-width: 84px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root[tabsintitlebar] { - --uc-window-control-width: 72px; - } - :root[sizemode="fullscreen"] { - --uc-window-control-space: 0px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") { - :root:is([tabsintitlebar][sizemode="maximized"], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.as_titlebar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.as_titlebar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.as_titlebar"), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { - --uc-window-control-space: 0px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - --uc-window-control-space: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - screen and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-drag-space-pre: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.as_titlebar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.as_titlebar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.as_titlebar"), - screen and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { - --uc-window-control-space: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-platform: windows) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0), - screen and (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { - :root:is([tabsintitlebar], [sizemode="fullscreen"]) { - --uc-window-control-space: 0px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.as_titlebar") { - @supports selector(:has(a)) { - #navigator-toolbox:has(#toolbar-menubar[autohide="false"]) { - --uc-window-drag-space-pre: 0px; - --uc-window-control-space: 0px; - } - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - /* At Activated Menubar */ -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "browser.fullscreen.autohide"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "browser.fullscreen.autohide"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "browser.fullscreen.autohide"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "browser.fullscreen.autohide"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "browser.fullscreen.autohide"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") { - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - /* At Activated Menubar */ -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "browser.fullscreen.autohide"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "browser.fullscreen.autohide"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - /* At Activated Menubar */ -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "browser.fullscreen.autohide"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "browser.fullscreen.autohide"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - /* At Activated Menubar */ -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) { - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (prefers-reduced-motion: no-preference), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (prefers-reduced-motion: no-preference), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (prefers-reduced-motion: no-preference), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (prefers-reduced-motion: no-preference), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (prefers-reduced-motion: no-preference), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "browser.fullscreen.autohide"), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "browser.fullscreen.autohide"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "browser.fullscreen.autohide"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "browser.fullscreen.autohide"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "browser.fullscreen.autohide"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) { - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - /* At Activated Menubar */ -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (prefers-reduced-motion: no-preference), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (prefers-reduced-motion: no-preference), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "browser.fullscreen.autohide"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "browser.fullscreen.autohide"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - /*= Windows Control - Move to toolbar ========================================*/ - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Titlebar Button Box */ - :root { - --uc-titlebar-padding: 0px; - } - #navigator-toolbox { - padding-top: var(--uc-titlebar-padding) !important; - } - /* At Activated Menubar */ -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") { - #navigator-toolbox { - padding-top: calc( - max(var(--uc-menubar-height), var(--uc-menubar-height-default)) + var(--uc-titlebar-padding) - ) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, - #TabsToolbar > .titlebar-buttonbox-container { - position: fixed; - display: block; - top: 0; - right: 0; - z-index: 1; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container { - height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px)); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows) { - #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button { - stroke: var(--toolbar-color, currentColor) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - height: 100%; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container > .titlebar-buttonbox { - margin-block: 10px; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { - .titlebar-buttonbox-container { - left: 0; - right: unset !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-platform: windows) { - :root[sizemode="maximized"][tabsintitlebar] #navigator-toolbox-background { - margin-top: calc(-1 * var(--uc-titlebar-padding)); - } - :root[sizemode="normal"][tabsintitlebar] #titlebar, - :root[sizemode="maximized"][tabsintitlebar] #titlebar { - appearance: none !important; - } - .browser-toolbar:not(.titlebar-color) { - background-clip: border-box !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #toolbar-menubar:not([autohide="true"]) { - visibility: visible !important; - height: 0; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - opacity: 0; - visibility: collapse; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") { - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - opacity: 1; - visibility: visible; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (prefers-reduced-motion: no-preference), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (prefers-reduced-motion: no-preference), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (prefers-reduced-motion: no-preference) { - #toolbar-menubar[inactive] > .titlebar-buttonbox-container { - transition: opacity 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay, 600ms), - visibility 100ms var(--animation-easing-function) 0.25s !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #toolbar-menubar[inactive]:not([customizing]) - > .titlebar-buttonbox-container { - transition-delay: 0s !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "browser.fullscreen.autohide"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "browser.fullscreen.autohide"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - :root[inFullscreen]:not([macOSNativeFullscreen]) #toolbar-menubar { - visibility: visible !important; - min-height: 0 !important; - max-height: 0 !important; - } - :root[inFullscreen]:not([macOSNativeFullscreen]) #menubar-items { - visibility: collapse !important; - } - :root[tabsintitlebar] #titlebar { - z-index: 1; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive { - opacity: 1 !important; - } - :root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox { - opacity: var(--inactive-titlebar-opacity); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) - #toolbar-menubar:not([autohide="true"]) - + #TabsToolbar - > .titlebar-buttonbox-container { - display: block !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.hidden.tabbar")) { - :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { - visibility: hidden; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) { - /*= Navbar - Padding for window controls =====================================*/ - /* Customized https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/window_control_placeholder_support.css */ - #nav-bar { - border-inline-style: solid !important; - border-inline-color: transparent; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar") { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #nav-bar { - margin-inline-start: var(--uc-window-drag-space-pre) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-control-space) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #nav-bar { - margin-inline-start: var(--uc-window-drag-space-pre) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-control-space) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar") { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) { - #nav-bar { - border-inline-start-width: var(--uc-window-drag-space-pre); - border-inline-end-width: var(--uc-window-control-space); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #nav-bar { - margin-inline-start: var(--uc-window-drag-space-pre) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-control-space) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #nav-bar { - margin-inline-start: var(--uc-window-drag-space-pre) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-control-space) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar") { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #nav-bar { - margin-inline-start: var(--uc-window-control-space, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #nav-bar { - margin-inline-start: var(--uc-window-control-space, 0px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #TabsToolbar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #TabsToolbar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #TabsToolbar { - margin-inline-start: var(--uc-window-control-width, 0px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #TabsToolbar { - margin-inline-start: var(--uc-window-control-width, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar") { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.hidden.tabbar") and (max-width: 1100px) { - #nav-bar { - border-inline-start-width: var(--uc-window-control-space); - border-inline-end-width: var(--uc-window-drag-space-pre); - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #nav-bar { - margin-inline-start: var(--uc-window-control-space, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #nav-bar { - margin-inline-start: var(--uc-window-control-space, 0px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first"), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") { - #nav-bar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #TabsToolbar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.combine_navbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) { - #TabsToolbar { - margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #TabsToolbar { - margin-inline-start: var(--uc-window-control-width, 0px) !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #TabsToolbar { - margin-inline-start: var(--uc-window-control-width, 0px) !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.on_bottom") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.hidden.titlebar_container")) and (not (-moz-bool-pref: "userChrome.navbar.as_sidebar")) and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container:last-child, - :root[sizemode="fullscreen"] #window-controls { - right: unset; - } -} -/*= Tab Bar - Show only current tab ==========================================*/ -@media (-moz-bool-pref: "userChrome.tabbar.as_titlebar") { - :root:not([tabsintitlebar="true"]) #tabbrowser-tabs, - #scrollbutton-up, - #scrollbutton-down, - .titlebar-spacer[type="pre-tabs"], - spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]), - .tabbrowser-tab:not([selected="true"]), - .tabbrowser-tab[selected="true"] .tab-background, - .tabbrowser-tab[selected="true"] .tab-stack:is(::before, ::after), - .tabbrowser-tab[selected="true"] .tab-close-button, - #tabs-newtab-button { - display: none !important; - } - .tabbrowser-tab[selected="true"] { - -moz-window-dragging: drag; - --tab-max-width: 100vw; - min-width: calc(var(--uc-tabbar-width, 100vw) - var(--uc-window-control-space)) !important; - max-width: var(--tab-max-width) !important; - margin-inline-start: calc(var(--tab-shadow-max-size) * -1) !important; - } - .tabbrowser-tab[selected="true"][pinned="true"] { - flex: 100; - -moz-box-flex: 100; - max-width: var(--tab-max-width) !important; - } - .tabbrowser-tab[selected="true"] .tab-label-container { - margin-inline: 0 !important; - } - .tab-content { - margin-inline: auto; - width: 100%; - } - /* Pinned */ - #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned][selected="true"] { - position: relative !important; - } - #tabbrowser-tabs { - --tab-overflow-pinned-tabs-width: 0 !important; - padding-inline: 0 !important; /* Original: var(--tab-overflow-pinned-tabs-width) 0; */ - } - .tab-throbber[pinned], - .tab-icon-pending[pinned], - .tab-icon-image[pinned], - .tab-sharing-icon-overlay[pinned], - .tab-icon-overlay[pinned] { - margin-inline-end: 5.5px; - } - .tab-label-container[pinned] { - width: unset !important; - } - /* Padding */ -} -@media (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (not (-moz-bool-pref: "userChrome.centered.tab")) { - #tabbrowser-arrowscrollbox { - margin-inline: 2px !important; - } - :root[sizemode="normal"] #tabbrowser-arrowscrollbox { - margin-inline: 6px !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "userChrome.centered.tab") and (-moz-bool-pref: "userChrome.centered.tab.label") { - #tabbrowser-arrowscrollbox { - margin-inline: 2px !important; - } - :root[sizemode="normal"] #tabbrowser-arrowscrollbox { - margin-inline: 6px !important; - } -} -@media (-moz-bool-pref: "userChrome.tabbar.as_titlebar") and (-moz-bool-pref: "browser.tabs.tabmanager.enabled") { - :root:not([tabsintitlebar="true"]) #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) ~ #alltabs-button, - :root:not([tabsintitlebar="true"]) - #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) - ~ #new-tab-button { - display: flex !important; - display: -moz-box !important; - } -} -/*= Tab Bar - Multi Row ======================================================*/ -@media (-moz-bool-pref: "userChrome.tabbar.multi_row") { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - :root { - --uc-multirow-tabbar-rows: 3; - --uc-multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */ - } - #tabbrowser-tabs { - min-height: unset !important; - padding-inline-start: 0px !important; - } - @-moz-document url("chrome://browser/content/browser.xhtml") - { - #scrollbutton-up ~ spacer, - #scrollbutton-up, - #scrollbutton-down { - display: var(--scrollbutton-display-model, initial); - } - scrollbox[part][orient="horizontal"] { - display: flex; - flex-wrap: wrap; - overflow-y: auto; - max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin, 0px)) * var(--uc-multirow-tabbar-rows)); - } - } - .scrollbox-clip[orient="horizontal"], - #tabbrowser-arrowscrollbox { - overflow: -moz-hidden-unscrollable; - display: block; - --scrollbutton-display-model: none; - } - #tabbrowser-tabs .tabbrowser-tab[pinned] { - position: static !important; - margin-inline-start: 0px !important; - } - .tabbrowser-tab[fadein]:not([pinned]) { - flex-grow: var(--uc-multirow-tab-dynamic-width); - } - .tabbrowser-tab > stack { - width: 100%; - height: 100%; - } - /* remove bottom margin so it doesn't throw off row height computation */ - #tabs-newtab-button { - margin-bottom: 0 !important; - } - #tabbrowser-tabs[hasadjacentnewtabbutton][overflow="true"] - > #tabbrowser-arrowscrollbox - > #tabbrowser-arrowscrollbox-periphery - > #tabs-newtab-button { - display: flex !important; - display: -moz-box !important; - } - #alltabs-button, - :root:not([customizing]) #TabsToolbar #new-tab-button, - #tabbrowser-arrowscrollbox > spacer, - .tabbrowser-tab::after { - display: none !important; - } -} -/*= Tab Bar - Scollmode disabled =============================================*/ -@media (-moz-bool-pref: "userChrome.tabbar.unscroll") { - /* Disable scrollbox */ - spacer[part="overflow-start-indicator"] + .scrollbox-clip > scrollbox { - overflow: -moz-hidden-unscrollable !important; - } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not([visuallyselected]) { - /* Set minimum width below which tabs will not shrink */ - --tab-min-width: 16px; - container-type: inline-size; - container-name: backgroundTab; - } - @container backgroundTab (max-width: 46px) { - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not([visuallyselected]) .tab-content { - --inline-tab-padding: 0px; - justify-self: center; - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not([pinned]):not([visuallyselected]) - .tab-icon-stack - > * { - margin-inline-end: 0 !important; - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not([pinned]):not([visuallyselected]) - .tab-label-container, - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not([pinned]):not([visuallyselected]):hover - .tab-close-button { - visibility: collapse !important; - } - } - #tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] #tabbrowser-arrowscrollbox-periphery { - position: absolute !important; - right: 0; - top: 50%; - transform: translateY(-50%); - } - #tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] - #tabbrowser-arrowscrollbox-periphery - > #tabs-newtab-button { - z-index: 2 !important; - } - #tabbrowser-tabs[closebuttons="activetab"][hasadjacentnewtabbutton="true"] #tabbrowser-arrowscrollbox { - padding-inline-end: calc( - 16px + (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) * 2 - ) !important; - } -} -/*= Tab Bar - Fill width tab =================================================*/ -@media (-moz-bool-pref: "userChrome.tabbar.fill_width") { - /* Why 100vw? Tab closing requires width animation to end and "none" can't be animated */ - .tabbrowser-tab[fadein]:not([style^="max-width"]) { - --tab-max-width: 100vw; - max-width: var(--tab-max-width) !important; - } -} -/** Tab UI ********************************************************************/ -/*= Tab - Connect to window ==============================================*/ -@media (-moz-bool-pref: "userChrome.tab.connect_to_window") { - #tabbrowser-tabs[orient="vertical"] { - --uc-tab-border-bottom-radius: var(--tab-border-radius); - } - .tab-background { - border-radius: var(--tab-border-radius) var(--tab-border-radius) var(--uc-tab-border-bottom-radius, 0px) - var(--uc-tab-border-bottom-radius, 0px) !important; - margin-bottom: 0px !important; - } - .tab-content { - margin-top: var(--tab-block-margin); - } - .tab-stack { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - /* Remove line at Toolbar's top */ - #tabbrowser-tabs { - z-index: 1 !important; - } - /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */ -} -@media (-moz-bool-pref: "userChrome.tab.connect_to_window") and (not (-moz-bool-pref: "userChrome.tabbar.multi_row")) { - #TabsToolbar:not([multibar]) { - overflow: clip; /* Prevent toolbar area over */ - } -} -@media (-moz-bool-pref: "userChrome.tab.connect_to_window") { - #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] { - z-index: 0 !important; - } - #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] .tab-stack { - /* Temporary solution for compatibility #513 */ - overflow-y: clip; - } -} -/*= Selected Tab =============================================================*/ -/*= Selected Tab - Bold ======================================================*/ -@media not (-moz-bool-pref: "userChrome.tab.selected_bold") { - .tab-label:is([selected], [attention]) { - font-weight: 400 !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.selected_bold") { - .tab-label:is([selected], [attention]) { - font-weight: 600; - } -} - -/*= Selected Tab - Color like toolbar ========================================*/ -@media (-moz-bool-pref: "userChrome.tab.color_like_toolbar") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) { - /* Fix for windows's system default theme. Using --toolbar-bgcolor, --toolbar-bgimage fallback */ - --tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */ - --tab-selected-bgimage: unset !important; /* Above FF v101 */ - } - #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, - .tab-background:is([selected], [multiselected]) { - background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important; - } - :root:is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected], - :root:is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected] { - /* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) - */ - background-image: linear-gradient(transparent, transparent), - linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important; - background-position: 0, 0, right top; - background-attachment: scroll, scroll, fixed; - background-repeat: repeat-x, repeat-x, no-repeat !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.color_like_toolbar") and (-moz-bool-pref: "userChrome.theme.transparent.frame") { - :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected], - :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[selected] { - background-image: linear-gradient(transparent, transparent), - linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-additional-images, none) !important; - background-repeat: repeat-x, repeat-x, var(--lwt-background-tiling) !important; - background-position: 0 0, 0 0, var(--lwt-background-alignment) !important; - } -} -/*= Multi Selected Color - More Contrast =====================================*/ -@media (-moz-bool-pref: "userChrome.tab.multi_selected") { - #TabsToolbar { - --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 28%, var(--toolbar-bgcolor, transparent)); - } - #TabsToolbar[brighttext] { - --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 16%, var(--toolbar-bgcolor, transparent)); - } - #tabbrowser-tabs:not([movingtab]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab - > .tab-stack - > .tab-background[multiselected]:not([selected]) { - /* Original: - background-attachment: scroll, scroll, fixed; - background-color: transparent; - background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), - linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), - var(--lwt-header-image, none); - background-position: 0 0, 0 0, right top; - background-repeat: repeat-x, repeat-x, no-repeat; - background-size: auto 100%, auto 100%, auto auto; - */ - background-attachment: scroll, fixed !important; - background-color: transparent !important; - background-image: linear-gradient(var(--uc-multiselected-tab-bgcolor), var(--uc-multiselected-tab-bgcolor)), - var(--lwt-header-image, none) !important; - background-position: 0 0, right top !important; - background-repeat: repeat-x, no-repeat !important; - background-size: auto 100%, auto auto !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.multi_selected") and (-moz-bool-pref: "userChrome.tab.connect_to_window") { - .tab-background[multiselected="true"] { - outline: none !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.multi_selected") and (not (-moz-bool-pref: "userChrome.tab.connect_to_window")) { - /* Backport from FF 99 */ - .tab-background[multiselected="true"] { - outline: 1px solid color-mix(in srgb, var(--focus-outline-color, currentColor) 40%, transparent); - outline-offset: -1px; - } - .tab-background[multiselected="true"][selected] { - outline-width: 2px; - outline-offset: -2px; - } -} -/*= Selected Tab - Box Shadow ================================================*/ -@media (-moz-bool-pref: "userChrome.tab.box_shadow") { - #TabsToolbar { - --uc-tab-shadow-color: var( - --tab-line-color, - var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))) - ); - --uc-tab-shadow-color-bundle: var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9))); - } - #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) { - box-shadow: unset !important; - filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.4)); - } - :root:is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([selected], [multiselected]) - > .tab-stack - > .tab-background { - filter: drop-shadow(0 0 1px var(--uc-tab-shadow-color, transparent)); - } - :root:is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[visuallyselected]:not(:focus), - :root:is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[multiselected]:not([visuallyselected]) { - --uc-tab-shadow-color: var(--toolbar-color); - } - /* For themes outside of Light and Dark (which are curated by Mozilla), show a thicker border - around the tab to help themes that are dependent on tab_line to show the selected tab. */ - :root:not( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar:not([brighttext]) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle); - filter: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, transparent)) - drop-shadow(1px -1px 0px var(--uc-tab-shadow-color, transparent)) drop-shadow(0 0 2px rgba(128, 128, 142, 0.5)); - } - :root:not( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - filter: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, transparent)) - drop-shadow(1px -1px 0px var(--uc-tab-shadow-color, transparent)); - } -} -/*= Selected Tab - Bottom Rounded Corner =====================================*/ -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) { - #TabsToolbar { - --uc-tab-corner-rounding: 3px; /* 10px looks about like chromium - 17px looks close to Australis tabs */ - --uc-tab-corner-padding: 0px; - --uc-tab-corner-position: calc(var(--uc-tab-corner-padding) - var(--uc-tab-corner-rounding)); - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left.svg"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right.svg"); - } - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after { - /* Box */ - display: block; - position: absolute; - z-index: 1; - bottom: 0; - /* Shape */ - width: var(--uc-tab-corner-rounding); - height: 100%; - /* Color */ - fill: transparent; - stroke: transparent; - -moz-context-properties: fill, stroke; - /* Image */ - background-size: var(--uc-tab-corner-rounding); - background-repeat: no-repeat; - background-position-y: bottom; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all") { - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after { - content: ""; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")) { - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after { - /* Based on tab background - background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none); - - defaults - background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - background-image: var(--tab-selected-bgimage, var(--toolbar-bgimage)); - */ - fill: var(--lwt-selected-tab-background-color, var(--tab-selected-bgcolor, var(--toolbar-bgcolor))) !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) { - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before { - left: var(--uc-tab-corner-position); - background-image: var(--uc-tab-corner-left-side-svg); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) { - :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after { - right: var(--uc-tab-corner-position); - background-image: var(--uc-tab-corner-right-side-svg); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) { - :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after { - fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - stroke: var(--tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all")) { - :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after { - content: ""; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) { - :root:not([customizing="true"]) .tabbrowser-tab[multiselected] .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab[multiselected] .tab-background::after { - fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) { - :root:not([customizing="true"]) - .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) - .tab-background::before, - :root:not([customizing="true"]) - .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) - .tab-background::after { - fill: color-mix(in srgb, currentColor 11%, transparent); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) and (-moz-bool-pref: "userChrome.tab.multi_selected") { - :root:not([customizing="true"]) .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::before, - :root:not([customizing="true"]) .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::after { - fill: color-mix(in srgb, currentColor 65%, transparent); - opacity: 0.3; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) { - :root:not([customizing="true"])::is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[visuallyselected] - .tab-background::before, - :root:not([customizing="true"])::is( - [lwtheme-mozlightdark], - [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] - ):is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab[visuallyselected] - .tab-background::after { - /* As Selected Tab - Box Shadow */ - stroke: var(--toolbar-color); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy")) and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge")) and (-moz-gtk-csd-available) { - :root:not([customizing="true"]) { - /* Fill color for GTK */ - } - :root:not([customizing="true"]):not([lwtheme="true"]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - .tab-background::before, - :root:not([customizing="true"]):not([lwtheme="true"]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - .tab-background::after { - /* As GTK Toolbar's background-color + background-image - * --toolbar-non-lwt-bgcolor: -moz-dialog; - * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)); - */ - fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog); - stroke: transparent; - opacity: 1; - } - :root:not([customizing="true"]):not([lwtheme="true"]) - #TabsToolbar[brighttext] - .tabbrowser-tab[visuallyselected] - .tab-background::before, - :root:not([customizing="true"]):not([lwtheme="true"]) - #TabsToolbar[brighttext] - .tabbrowser-tab[visuallyselected] - .tab-background::after { - stroke: transparent; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - #TabsToolbar { - --uc-tab-corner-height: calc(var(--tab-min-height) + 1px); - --uc-tab-corner-size: var(--uc-tab-corner-height); - --uc-tab-corner-half-size: calc(var(--uc-tab-corner-size) / 2); - --uc-tab-corner-half-size-reverse: calc(var(--uc-tab-corner-half-size) * -1); - --uc-tab-corner-bgimage: none; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-wave.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-wave.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-wave.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-wave.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-wave-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-wave-clipped.svg"); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-australis.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-australis.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-australis.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-australis.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-australis-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-australis-cilpped.svg"); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chrome.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chrome.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chrome.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chrome.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chrome-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chrome-clipped.svg"); - --uc-tab-corner-size: 16px; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chromeLegacy.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chromeLegacy.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chromeLegacy.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chromeLegacy.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chromeLegacy-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chromeLegacy-clipped.svg"); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - #TabsToolbar { - --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-edge.svg"); - --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-edge.svg#svgClipPath"); - --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-edge.svg"); - --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-edge.svg#svgClipPath"); - --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg"); - --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg"); - --uc-tab-corner-size: 14px; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all") { - .tabbrowser-tab { - padding-inline: 0 !important; - overflow-clip-margin: var(--uc-tab-corner-half-size) !important; - } - .tabbrowser-tab .tab-background { - --tab-border-radius: 0px; - margin-inline: var(--uc-tab-corner-half-size) !important; - position: relative; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (not (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all")) { - .tabbrowser-tab[visuallyselected] { - padding-inline: 0 !important; - overflow-clip-margin: var(--uc-tab-corner-half-size) !important; - } - .tabbrowser-tab[visuallyselected] .tab-background { - --tab-border-radius: 0px; - margin-inline: var(--uc-tab-corner-half-size) !important; - position: relative; - } - .tabbrowser-tab[visuallyselected] .tab-background::before, - .tabbrowser-tab[visuallyselected] .tab-background::after { - content: ""; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - .tabbrowser-tab .tab-background::before, - .tabbrowser-tab .tab-background::after { - /* Box */ - display: block; - position: absolute; - z-index: -1; - bottom: -1px; - /* Shape */ - width: var(--uc-tab-corner-size); - height: var(--uc-tab-corner-height); - /* Color */ - fill: transparent; - -moz-context-properties: fill; - /* Image */ - background-size: cover, auto auto; - background-repeat: no-repeat, no-repeat; - background-position: bottom, right top; - background-attachment: scroll, fixed; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.all") { - .tabbrowser-tab .tab-background::before, - .tabbrowser-tab .tab-background::after { - content: ""; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")) { - .tabbrowser-tab .tab-background::before, - .tabbrowser-tab .tab-background::after { - /* Based on tab background - background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none); - - defaults - background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - background-image: var(--tab-selected-bgimage, var(--toolbar-bgimage)); - */ - fill: var(--lwt-selected-tab-background-color, var(--tab-selected-bgcolor, var(--toolbar-bgcolor))) !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - .tabbrowser-tab .tab-background::before { - right: 100%; - background-image: var(--uc-tab-corner-left-side-svg), var(--uc-tab-corner-bgimage); - clip-path: var(--uc-tab-corner-left-side-clipPath); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - .tabbrowser-tab .tab-background::after { - left: 100%; - background-image: var(--uc-tab-corner-right-side-svg), var(--uc-tab-corner-bgimage); - clip-path: var(--uc-tab-corner-right-side-clipPath); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - .tabbrowser-tab:has(+ .tabbrowser-tab[visuallyselected]) .tab-background::after { - --uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-clipped); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-background::before { - --uc-tab-corner-left-side-svg: var(--uc-tab-corner-left-side-svg-clipped); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background { - --uc-tab-corner-bgimage: var(--lwt-header-image, none); - } - .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::before, - .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::after { - fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::before, - .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::after { - fill: color-mix(in srgb, currentColor 11%, transparent); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.multi_selected"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.multi_selected"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.multi_selected"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.multi_selected"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.multi_selected") { - .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::before, - .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::after { - fill: var(--uc-multiselected-tab-bgcolor); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - :root:is(:-moz-lwtheme, [lwtheme]) - #tabbrowser-tabs[movingtab] - .tabbrowser-tab:is([visuallyselected], [multiselected]) - .tab-background { - --uc-tab-corner-bgimage: none; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-gtk-csd-available) { - /* Fill color for GTK */ -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.tab.box_shadow"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.tab.box_shadow"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.tab.box_shadow"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.tab.box_shadow"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.tab.box_shadow") { - :root:not([lwtheme="true"]) .tabbrowser-tab { - --uc-tab-shadow-color: rgba(0, 0, 0, 0.4); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-gtk-csd-available) { - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background { - background-clip: content-box; - } - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before, - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after { - /* As GTK Toolbar's background-color + background-image - * --toolbar-non-lwt-bgcolor: -moz-dialog; - * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)); - */ - --uc-tab-corner-bgimage: linear-gradient(var(--toolbar-non-lwt-bgcolor), var(--toolbar-non-lwt-bgcolor)); - fill: rgba(255, 255, 255, 0.075); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-gtk-csd-available) and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-gtk-csd-available) and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-gtk-csd-available) and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-gtk-csd-available) and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-gtk-csd-available) and (not (-moz-bool-pref: "userChrome.tab.color_like_toolbar")) { - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before, - :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after { - fill: rgba(255, 255, 255, 0.15); - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - #tabbrowser-tabs[positionpinnedtabs], - #tabbrowser-tabs:not([overflow]) .tabbrowser-tab:first-of-type, - #tabbrowser-tabs[overflow] - .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) { - margin-left: var(--uc-tab-corner-half-size) !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - .tabbrowser-tab:last-of-type { - margin-right: var(--uc-tab-corner-half-size) !important; - } -} -/*= Selected Tab - Photon like contextline ===================================*/ -@media (-moz-bool-pref: "userChrome.tab.photon_like_contextline") and (-moz-bool-pref: "userChrome.tab.blue_accent"), - (-moz-bool-pref: "userChrome.tab.static_separator") and (-moz-bool-pref: "userChrome.tab.blue_accent"), - (-moz-bool-pref: "userChrome.tab.bar_separator") and (-moz-bool-pref: "userChrome.tab.blue_accent") { - :root, - #tabbrowser-tabs { - --tab-line-color: rgb(10, 132, 255) !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.photon_like_contextline") and (not (-moz-bool-pref: "userChrome.tab.blue_accent")) and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.static_separator") and (not (-moz-bool-pref: "userChrome.tab.blue_accent")) and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tab.bar_separator") and (not (-moz-bool-pref: "userChrome.tab.blue_accent")) and (-moz-gtk-csd-available) { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs { - --tab-line-color: AccentColor !important; /* -moz-accent-color */ - } -} -@media (-moz-bool-pref: "userChrome.tab.photon_like_contextline") and (not (-moz-bool-pref: "userChrome.tab.blue_accent")) and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.compatibility.accent_color"), - (-moz-bool-pref: "userChrome.tab.static_separator") and (not (-moz-bool-pref: "userChrome.tab.blue_accent")) and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.compatibility.accent_color"), - (-moz-bool-pref: "userChrome.tab.bar_separator") and (not (-moz-bool-pref: "userChrome.tab.blue_accent")) and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs { - --tab-line-color: Highlight !important; /* -moz-accent-color */ - } -} -@media (-moz-bool-pref: "userChrome.tab.photon_like_contextline") { - .tab-context-line { - display: inline-flex !important; - display: -moz-inline-box !important; - height: 2px !important; - border-radius: var(--tab-border-radius, 4px) var(--tab-border-radius, 4px) 0 0 !important; - } - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]), - :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] .tab-context-line, - :root[lwtheme-mozlightdark][lwthemetextcolor="bright"], - :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] .tab-context-line { - --tab-line-color: rgb(10, 132, 255); - } - .tabbrowser-tab:is([selected], [multiselected]) .tab-context-line { - /* Photon like color - Default: var(--tab-line-color, rgb(10, 132, 255)) - Automatic: color-mix(in srgb, var(--button-primary-bgcolor) 80%, transparent) - - FF v96+ replace by var(--lwt-tab-line-color) */ - background-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255))) !important; - } - .tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line { - background-color: rgba(0, 0, 0, 0.2) !important; - opacity: 1 !important; - transform: none !important; - } - #TabsToolbar[brighttext] - .tabbrowser-tab:hover:not([selected="true"], [multiselected]) - > .tab-stack - > .tab-background - > .tab-context-line { - background-color: rgba(255, 255, 255, 0.2) !important; - } - /* Prevent identity color flashing */ - .tabbrowser-tab[usercontextid] .tab-context-line { - --identity-icon-color: none; - } - :root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::before, - :root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::after { - /* As Selected Tab - Box Shadow */ - stroke: var(--toolbar-color) !important; - } - /* Animation */ - .tabbrowser-tab:not([selected="true"], [multiselected]) .tab-context-line { - opacity: 0 !important; - transform: scaleX(0) !important; - } - /* Remove side's background color border */ - /* Container Tab */ -} -@media (-moz-bool-pref: "userChrome.tab.photon_like_contextline") and (prefers-reduced-motion: no-preference) { - .tabbrowser-tab:not([selected="true"], [multiselected]) .tab-context-line { - transition: transform 250ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function) !important; /* --animation-easing-function: cubic-bezier(.07, .95, 0, 1); */ - } -} -@media (-moz-bool-pref: "userChrome.tab.photon_like_contextline") { - :root:is(:-moz-lwtheme, [lwtheme]) - #TabsToolbar[brighttext] - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - --tabs-border-color: rgba(0, 0, 0, 0.3) !important; - box-shadow: 0 0 1px var(--tabs-border-color) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)) */ - } -} -@media (-moz-bool-pref: "userChrome.tab.photon_like_contextline") { - #TabsToolbar:not([brighttext]) - #tabbrowser-tabs:not([noshadowfortests]) - .tabbrowser-tab:is([visuallyselected], [multiselected]) - > .tab-stack - > .tab-background { - box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */ - } -} -@media (-moz-bool-pref: "userChrome.tab.photon_like_contextline") { - .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { - margin: unset !important; - } -} -/*= Unselected Tab - Divide line =============================================*/ -/*= Unselected Tab - Dynamic Separator =======================================*/ -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") { - #tabbrowser-arrowscrollbox { - --start-tab-separator-position-x: -1.5px; - --end-tab-separator-position-x: 1.5px; - --tab-separator-position-x: -2.5px; - --tab-separator-position-y: calc(-50% + 1px); - } - #tabbrowser-arrowscrollbox:-moz-locale-dir(rtl) { - --start-tab-separator-position-x: 1.5px; - --end-tab-separator-position-x: -1.5px; - --tab-separator-position-x: 2.5px; - } - #tabbrowser-arrowscrollbox-periphery { - position: relative; - } - /* Animate */ - /* Latest Tab & New tab margin */ -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") { - .tab-stack::before, - #tabs-newtab-button::before { - /* Box Model */ - content: ""; - display: block; - position: absolute; - /* Position */ - top: 50%; - /* Bar shape */ - width: 1px; - height: 20px; - /* Bar Color */ - opacity: 0; - background-color: var(--toolbarseparator-color); - /* More position */ - transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y)); - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.compatibility.dynamic_separator") { - .tab-stack::before, - #tabs-newtab-button::before { - background-color: var(--tabs-border-color); - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") { - #tabs-newtab-button::before { - left: calc(50% - (8px + var(--toolbarbutton-inner-padding))); - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (not (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab")) { - .tab-stack::before, - #tabbrowser-arrowscrollbox:not([overflowing]) - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type - .tab-stack::after { - /* Box Model */ - content: ""; - display: block; - position: absolute; - /* Position */ - top: 50%; - /* Bar shape */ - width: 1px; - height: 20px; - /* Bar Color */ - opacity: 0; - background-color: var(--toolbarseparator-color); - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (not (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab")) and (-moz-bool-pref: "userChrome.compatibility.dynamic_separator") { - .tab-stack::before, - #tabbrowser-arrowscrollbox:not([overflowing]) - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type - .tab-stack::after { - background-color: var(--tabs-border-color); - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (not (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab")) { - .tab-stack::before { - transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (not (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab")) { - .tabbrowser-tab:last-of-type .tab-stack::after { - right: 0; - transform: translateX(var(--end-tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") { - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) .tab-stack::before { - opacity: var(--tab-separator-opacity); - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before { - opacity: var(--tab-separator-opacity); - transform: translateX(var(--start-tab-separator-position-x)) translateY(var(--tab-separator-position-y)); - } -} -@media screen and (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.tabbar_first")) and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type .tab-stack::before { - opacity: var(--tab-separator-opacity); - transform: translateX(var(--start-tab-separator-position-x)) translateY(var(--tab-separator-position-y)); - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") { - #tabs-newtab-button:not(:hover, [open])::before { - opacity: var(--tab-separator-opacity); - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (not (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab")) { - #tabbrowser-arrowscrollbox:not([overflowing]) - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type - .tab-stack::after { - opacity: var(--tab-separator-opacity); - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") { - #navigator-toolbox:not([movingtab]) - .tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))):is( - [visuallyselected], - [multiselected], - :hover - ) - .tab-stack::before, - #navigator-toolbox:not([movingtab]) - #tabbrowser-arrowscrollbox[overflowing] - tab.tabbrowser-tab:is([first-visible-unpinned-tab], :nth-child(1 of :not([pinned], [hidden]))) - .tab-stack::before { - opacity: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") { - #navigator-toolbox:not([movingtab]) - .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) - + .tabbrowser-tab - .tab-stack::before, - #navigator-toolbox:not([movingtab]) - .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) - ~ #tabs-newtab-button::before, - #navigator-toolbox:not([movingtab]) - .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) - ~ #tabbrowser-arrowscrollbox-periphery - #tabs-newtab-button::before { - opacity: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (not (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab")) { - .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) - + .tabbrowser-tab:not([visuallyselected]) - .tab-stack::before { - opacity: 0 !important; - } - :root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon { - margin-left: 2px; - } - :root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon { - margin-left: 1px; - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (prefers-reduced-motion: no-preference) { - .tab-stack::before { - transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") { - #tabs-newtab-button::before { - transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab")) { - #tabbrowser-arrowscrollbox:not([overflowing]) - .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type - .tab-stack::after { - transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } -} -@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") { - #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:last-of-type { - margin-inline-end: 1px !important; - } -} -/*= Unselected Tab - Static Separator ========================================*/ -@media (-moz-bool-pref: "userChrome.tab.static_separator") { - #TabsToolbar { - --toolbarseparator-color: color-mix(in srgb, currentColor 30%, transparent); - } - .tab-stack::before, - .tabbrowser-tab:last-of-type .tab-stack::after { - content: ""; - } - .tab-stack::before, - .tab-stack::after { - /* Box Model */ - display: block; - position: absolute; - /* Position */ - top: 50%; - transform: translateY(-50%); - z-index: 1; - /* Bar shape */ - width: 0px; - height: 100%; - /* Bar Color */ - border-right: 1px solid var(--toolbarseparator-color); - } - .tab-stack::after { - right: 0; - } - /* Animate */ -} -@media (-moz-bool-pref: "userChrome.tab.static_separator") and (-moz-bool-pref: "userChrome.tab.static_separator.selected_accent") { - .tabbrowser-tab[visuallyselected] .tab-stack::before, - .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before, - .tabbrowser-tab[visuallyselected] .tab-stack::after { - --toolbarseparator-color: var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255))); - } -} -@media (-moz-bool-pref: "userChrome.tab.static_separator") and (not (-moz-bool-pref: "userChrome.tab.static_separator.selected_accent")) { - .tabbrowser-tab[visuallyselected] .tab-stack::before, - .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-stack::before, - .tabbrowser-tab[visuallyselected] .tab-stack::after { - opacity: 0; - } -} -@media (-moz-bool-pref: "userChrome.tab.static_separator") and (prefers-reduced-motion: no-preference) { - .tab-stack::before, - .tab-stack::after { - transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } -} -/*= Unselected Tab - Bar Separator ===========================================*/ -@media (-moz-bool-pref: "userChrome.tab.bar_separator") { - .tab-stack::before { - /* Box Model */ - content: ""; - display: block; - position: absolute; - /* Position */ - top: 50%; - left: 0%; - transform: translateX(calc((var(--inline-tab-padding) - 5px) / 2)) translateY(calc(-50% + var(--tab-block-margin))); - z-index: 1; - /* Bar shape */ - width: 3px; - height: 20px; - /* Bar Color */ - background-color: var( - --uc-bar-separator-color, - var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255))) - ); - } -} -@media (-moz-bool-pref: "userChrome.tab.bar_separator") and (prefers-reduced-motion: no-preference) { - .tab-stack::before { - transition-property: opacity, background-color; - transition-duration: 0.2s; - transition-timing-function: var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - } -} -@media (-moz-bool-pref: "userChrome.tab.bar_separator") { - :root[sessionrestored] .tabbrowser-tab[busy] .tab-stack::before { - --uc-bar-separator-color: currentColor; - opacity: 0.7; - } - :root[sessionrestored] .tabbrowser-tab[busy][progress] .tab-stack::before { - --uc-bar-separator-color: var(--tab-loading-fill); - opacity: 1; - } - :root[sessionrestored] - #TabsToolbar[brighttext] - .tabbrowser-tab[busy][progress]:not([selected="true"]) - .tab-stack::before { - --uc-bar-separator-color: var(--lwt-tab-loading-fill-inactive, #84c1ff); - } -} -@media (-moz-bool-pref: "userChrome.tab.bar_separator") and (-moz-bool-pref: "userChrome.tab.unloaded") { - :root[sessionrestored] .tabbrowser-tab[pending] .tab-stack::before { - opacity: 0.7; - } -} -/*= New tab button ============================================================*/ -/*= New tab button - Looks like tab ==========================================*/ -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") { - /* Corner Rounding Color */ - /* '+'Icon */ - /* Fix tab overlap #678 */ -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.connect_to_window") { - #tabs-newtab-button { - /* Size */ - align-items: stretch !important; - -moz-box-align: stretch !important; - padding-top: var(--tab-block-margin) !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") { - #tabs-newtab-button { - /* Original: - margin: 0 0 var(--tabs-navbar-shadow-size) !important - => Can't override style. Therefore, we should approach it by bypass. - */ - --tabs-navbar-shadow-size: -1px; /* Original: 1px */ - --uc-tabs-navbar-shadow-size: 0.5px; - --uc-tab-corner-rounding: 4px; /* Hardcoded */ - --uc-newtab-bgcolor: transparent; - /* Corner Rounding Image */ - --uc-newtab-position: calc((var(--uc-tab-corner-rounding) / 2) * -1); - background-image: var(--uc-tab-corner-left-side-svg), var(--uc-tab-corner-right-side-svg); - background-repeat: no-repeat; - background-position: left var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size), - right var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size); - background-size: var(--uc-tab-corner-rounding); - /* Corner Rounding Color */ - fill: var(--uc-newtab-bgcolor) !important; - -moz-context-properties: fill !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - #tabs-newtab-button { - --uc-newtab-position: 0px; - --uc-newtab-non-corner-bgwidth: 0px; - --uc-tab-corner-half-height: calc(var(--uc-tab-corner-height) / 2); - --uc-tab-corner-half-height-reverse: calc(var(--uc-tab-corner-half-height) * -1); - transform: translateX(var(--uc-tab-corner-half-height-reverse)); - padding-inline: var(--uc-tab-corner-half-height) !important; - overflow-clip-margin: var(--uc-tab-corner-half-height) !important; - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient(to left, var(--uc-newtab-bgcolor), var(--uc-newtab-bgcolor)), var(--uc-tab-corner-right-side-svg); - background-position: left var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size), - center bottom var(--uc-tabs-navbar-shadow-size), - right var(--uc-newtab-position) bottom var(--uc-tabs-navbar-shadow-size); - background-size: var(--uc-tab-corner-height) var(--uc-tab-corner-height), - var(--uc-newtab-non-corner-bgwidth) var(--uc-tab-corner-height), - var(--uc-tab-corner-height) var(--uc-tab-corner-height); - background-origin: padding-box; - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - #tabs-newtab-button { - --uc-newtab-non-corner-bgwidth: calc(2 * var(--toolbarbutton-inner-padding)); - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") { - #tabs-newtab-button:hover { - --uc-newtab-bgcolor: var(--toolbarbutton-hover-background); - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") { - #tabs-newtab-button:hover:active { - --uc-newtab-bgcolor: var(--toolbarbutton-active-background); - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabs-newtab-button:hover, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover { - fill: color-mix(in srgb, AccentColorText 10%, transparent) !important; /* Hardcoded for compatibility */ - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover:active, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active { - fill: color-mix(in srgb, AccentColorText 15%, transparent) !important; /* Hardcoded for compatibility */ - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabs-newtab-button:hover, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover { - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient( - to left, - color-mix(in srgb, AccentColorText 10%, transparent), - color-mix(in srgb, AccentColorText 10%, transparent) - ), - var(--uc-tab-corner-right-side-svg); - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover:active, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active { - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient( - to left, - color-mix(in srgb, AccentColorText 15%, transparent), - color-mix(in srgb, AccentColorText 15%, transparent) - ), - var(--uc-tab-corner-right-side-svg); - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabs-newtab-button:hover, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover { - fill: color-mix( - in srgb, - -moz-accent-color-foreground 10%, - transparent - ) !important; /* Hardcoded for compatibility */ - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover:active, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active { - fill: color-mix( - in srgb, - -moz-accent-color-foreground 15%, - transparent - ) !important; /* Hardcoded for compatibility */ - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabs-newtab-button:hover, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover { - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient( - to left, - color-mix(in srgb, -moz-accent-color-foreground 10%, transparent), - color-mix(in srgb, -moz-accent-color-foreground 10%, transparent) - ), - var(--uc-tab-corner-right-side-svg); - } - :root[tabsintitlebar]:not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) - #tabs-newtab-button:hover:active, - :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active { - background-image: var(--uc-tab-corner-left-side-svg), - linear-gradient( - to left, - color-mix(in srgb, -moz-accent-color-foreground 15%, transparent), - color-mix(in srgb, -moz-accent-color-foreground 15%, transparent) - ), - var(--uc-tab-corner-right-side-svg); - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") { - #tabs-newtab-button .toolbarbutton-icon { - border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0 !important; /* Original: var(--tab-border-radius) */ - padding: calc(var(--toolbarbutton-inner-padding) - var(--tab-block-margin) / 4) var(--toolbarbutton-inner-padding) - calc(var(--toolbarbutton-inner-padding) + var(--tab-block-margin) / 4 + var(--uc-tabs-navbar-shadow-size)) !important; - -moz-context-properties: fill, fill-opacity; - fill: var(--toolbarbutton-icon-fill); - fill-opacity: var(--toolbarbutton-icon-fill-opacity); - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.wave"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.australis"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome_legacy"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.chrome"), - (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner.edge") { - #tabs-newtab-button .toolbarbutton-icon { - --tab-border-radius: 0px; - width: unset !important; - padding-inline: 0px !important; - margin-inline: calc(var(--uc-tab-corner-half-height) - 7.75px) !important; - background-color: transparent !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.newtab_button_like_tab") and (-moz-bool-pref: "userChrome.tab.bottom_rounded_corner") { - tab:where([visuallyselected]) { - z-index: 1; - } -} -/*= New tab button - Smaller button ==========================================*/ -@media (-moz-bool-pref: "userChrome.tab.newtab_button_smaller") { - #tabs-newtab-button > .toolbarbutton-icon { - --tab-border-radius: var(--toolbarbutton-border-radius); - margin-left: 1px; - /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ - --toolbarbutton-inner-padding: var(--uc-small-toolbarbutton-inner-padding); - } -} -/*= New tab button - Proton like button ======================================*/ -@media (-moz-bool-pref: "userChrome.tab.newtab_button_proton") { - :root:not([uidensity="touch"]) #tabs-newtab-button > .toolbarbutton-icon { - --toolbarbutton-inner-padding: calc((var(--tab-min-height) - 16px) / 2 - 1px); - } -} -/*= Unloaded Tab - Contents Opacity ===========================================*/ -@media (-moz-bool-pref: "userChrome.tab.unloaded") { - .tabbrowser-tab[pending] .tab-content { - opacity: 0.7; - } -} -/*= Clipped tabs =============================================================*/ -/** Clipped tabs - Letters cleary *********************************************/ -@media (-moz-bool-pref: "userChrome.tab.letters_cleary") { - #tabbrowser-tabs[closebuttons="activetab"] { - --inline-tab-padding: 7px !important; /* Original: 8px */ - } - #tabbrowser-tabs[overflow="true"] { - --inline-tab-padding: 6px !important; /* Original: 8px */ - } - .tab-content[pinned] { - --inline-tab-padding: 10px; /* Prevent overflow pinned tab's divide line not aligned */ - padding-inline: var(--inline-tab-padding) !important; - } - :root[uidensity="compact"] .tab-content[pinned] { - --inline-tab-padding: 8px; - } - .tabbrowser-tab .tab-label-container { - --tab-label-mask-size: 1.8em; /* Original: 2em */ - } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab .tab-label-container { - --tab-label-mask-size: 30%; - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:is([visuallyselected], [multiselected="true"]) - .tab-label-container { - --tab-label-mask-size: 25%; - } - .tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container, - #tabbrowser-tabs:not([closebuttons="activetab"]) - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:not([visuallyselected], [labelendaligned]):hover - .tab-label-container { - --tab-label-mask-size: 0.9em; /* Original: 1em */ - } -} -/** Clipped tabs - Show close button at hover *********************************/ -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") { - #tabbrowser-tabs[closebuttons="activetab"] - > #tabbrowser-arrowscrollbox - > .tabbrowser-tab:not([pinned]) - > .tab-stack - > .tab-content - > .tab-close-button:not([selected]) { - display: inline-flex !important; - display: -moz-inline-box !important; - } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([visuallyselected]) .tab-close-button { - visibility: collapse !important; - opacity: 0; - } - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:hover .tab-close-button { - visibility: visible !important; - opacity: 1; - } - /* Animate */ - /* Closed Button's icon thicker */ - /* Closed Button's icon larger */ - /* Closed Button's padding reduce */ -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") and (-moz-bool-pref: "userChrome.tab.close_button_at_hover.with_selected") { - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button { - visibility: collapse !important; - opacity: 0; - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") and (-moz-bool-pref: "userChrome.tab.close_button_at_hover.always") { - .tabbrowser-tab:not([visuallyselected]) .tab-close-button { - visibility: collapse !important; - opacity: 0; - } - .tabbrowser-tab:hover .tab-close-button { - visibility: visible !important; - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") and (-moz-bool-pref: "userChrome.tab.close_button_at_hover.always") and (-moz-bool-pref: "userChrome.tab.close_button_at_hover.with_selected") { - .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button { - visibility: collapse !important; - opacity: 0; - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") and (prefers-reduced-motion: no-preference) { - /* Fade out */ - .tabbrowser-tab .tab-close-button { - transition: opacity 0.1s var(--animation-easing-function) !important; - } - /* Fade in */ - .tabbrowser-tab:hover .tab-close-button { - transition: opacity 0.25s var(--animation-easing-function) !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") { - .tabbrowser-tab .tab-content > .close-icon { - list-style-image: url("../icons/dismiss-filled.svg") !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") { - .tab-close-button { - padding: 6px !important; /* Original: 7px */ - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") { - .tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button { - padding-inline-start: 1px !important; /* Original: 0px */ - width: 19px !important; /* Original: 17px */ - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") { - #tabbrowser-tabs[closebuttons="activetab"] .tab-content > .tab-close-button { - margin-inline-end: calc( - var(--inline-tab-padding) / -2 + 2px - ) !important; /* Original: calc(var(--inline-tab-padding) / -2)*/ - padding: 4px !important; /* Original: 7px */ - width: 20px !important; /* Original: 24px */ - height: 20px !important; /* Original: 24px */ - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_hover") { - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not(:hover) - > .tab-stack - > .tab-content - > .tab-close-button { - padding-inline-start: 3px !important; /* Original: 0px */ - width: 19px !important; /* Redefine from 19px !important, Original: 17px = (width - padding) */ - } -} -/** Clipped tabs - Show close button at pinned tab ****************************/ -@media (-moz-bool-pref: "userChrome.tab.close_button_at_pinned") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - #tabbrowser-tabs { - --uc-close-button-size: 24px; - --uc-close-button-padding: 6px; - --uc-close-button-margin: calc((var(--uc-close-button-size) - 16px) / -2); - } - #tabbrowser-tabs[closebuttons="activetab"] { - --uc-close-button-size: 20px; - --uc-close-button-padding: 4px; - } - .tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover:not([busy]) .tab-close-button { - display: flex !important; - display: -moz-box !important; - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - /* Looks like hover */ - width: var(--uc-close-button-size) !important; - height: var(--uc-close-button-size) !important; - padding: var(--uc-close-button-padding) !important; - margin-inline: var(--uc-close-button-margin) !important; - } - .tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover:not([busy]) .tab-icon-stack { - width: 0 !important; - position: absolute; - bottom: 8px; - } - .tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover .tab-icon-image { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_pinned") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-bool-pref: "userChrome.tab.close_button_at_pinned.always") { - .tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-close-button { - display: flex !important; - display: -moz-box !important; - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - /* Looks like hover */ - width: var(--uc-close-button-size) !important; - height: var(--uc-close-button-size) !important; - padding: var(--uc-close-button-padding) !important; - margin-inline: var(--uc-close-button-margin) !important; - } - .tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-icon-stack { - width: 0 !important; - position: absolute; - bottom: 8px; - } - .tabbrowser-tab[pinned][visuallyselected] .tab-icon-image { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_pinned") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-bool-pref: "userChrome.tab.close_button_at_pinned.background") { - .tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover:not([busy]) .tab-close-button { - display: flex !important; - display: -moz-box !important; - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - /* Looks like hover */ - width: var(--uc-close-button-size) !important; - height: var(--uc-close-button-size) !important; - padding: var(--uc-close-button-padding) !important; - margin-inline: var(--uc-close-button-margin) !important; - } - .tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover:not([busy]) .tab-icon-stack { - width: 0 !important; - position: absolute; - bottom: 8px; - } - .tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover .tab-icon-image { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.close_button_at_pinned") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover:not([busy]) - .tab-close-button { - margin-inline-end: var(--uc-close-button-margin) !important; - } -} -/** Clipped tabs - Always show tab icon ***************************************/ -@media (-moz-bool-pref: "userChrome.tab.always_show_tab_icon") { - .tab-icon-image:not([src], [pinned], [crashed], [busy]) { - display: inline-flex !important; - display: -moz-inline-box !important; - } -} -/*= Sound Tab ================================================================*/ -/*= Sound Tab - Hide Label ===================================================*/ -@media (-moz-bool-pref: "userChrome.tab.sound_hide_label") and (not (-moz-bool-pref: "userChrome.tab.sound_show_label")) { - .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) { - display: none !important; - } -} -/*= Sound Tab - Show Label ===================================================*/ -@media (-moz-bool-pref: "userChrome.tab.sound_show_label") { - .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) { - display: flex !important; - display: -moz-box !important; - } -} -/*= Sound Tab - Show with Favicons ===========================================*/ -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - /* Makes the favicons always visible (also on hover) */ - .tab-icon-image:not([pinned]) { - opacity: 1 !important; - } - /* Makes the speaker icon to always appear if the tab is playing (not only on hover) */ - .tabbrowser-tab { - --uc-sound-tab-icon-position-x-default: -0.5px; - --uc-sound-tab-icon-position-x: var(--uc-sound-tab-icon-position-x-default); - --uc-sound-tab-icon-position-y: -6px; - } - .tabbrowser-tab:-moz-locale-dir(rtl) { - --uc-sound-tab-icon-position-x: calc(-1 * var(--uc-sound-tab-icon-position-x-default)); - } - /* Label */ - /* Animate */ - /* None exist favicon - Size bigger */ - /* Busy - Show */ - /* Busy - Overlay Position */ - /* Hover */ -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (-moz-bool-pref: "userChrome.tab.sound_with_favicons.on_center") { - .tabbrowser-tab:not([pinned]) { - --uc-sound-tab-icon-position-x-default: 7px; - --uc-sound-tab-icon-position-y: -1px; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - .tab-icon-overlay:not([crashed]), - .tab-icon-overlay[pinned][crashed][selected] { - /* Position */ - top: 0 !important; - inset-inline-end: -9px !important; - z-index: 1 !important; - transform: translateX(var(--uc-sound-tab-icon-position-x)) translateY(var(--uc-sound-tab-icon-position-y)); - /* Shape */ - padding: 1.5px !important; - border-radius: 10px !important; - width: 17px !important; - height: 17px !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - .tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { - /* Color */ - color: currentColor !important; - stroke: transparent !important; - background: transparent !important; - fill-opacity: 0.8 !important; - opacity: 1 !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon")) { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container { - --uc-sound-tab-label-position-x-default: 4px; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon")) and (-moz-bool-pref: "userChrome.tab.sound_with_favicons.on_center") { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container { - --uc-sound-tab-label-position-x-default: 8px; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon")) { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-label-position-x: var(--uc-sound-tab-label-position-x-default); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon")) { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-label-position-x: calc(-1 * var(--uc-sound-tab-label-position-x-default)); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon")) { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container - > * { - transform: translateX(var(--uc-sound-tab-label-position-x)); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (-moz-bool-pref: "userChrome.hidden.tab_icon") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon.always")) { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container { - --uc-sound-tab-label-position-x-default: 4px; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (-moz-bool-pref: "userChrome.hidden.tab_icon") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon.always")) and (-moz-bool-pref: "userChrome.tab.sound_with_favicons.on_center") { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container { - --uc-sound-tab-label-position-x-default: 8px; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (-moz-bool-pref: "userChrome.hidden.tab_icon") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon.always")) { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-label-position-x: var(--uc-sound-tab-label-position-x-default); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (-moz-bool-pref: "userChrome.hidden.tab_icon") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon.always")) { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-label-position-x: calc(-1 * var(--uc-sound-tab-label-position-x-default)); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (-moz-bool-pref: "userChrome.hidden.tab_icon") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon.always")) { - .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container - > * { - transform: translateX(var(--uc-sound-tab-label-position-x)); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (prefers-reduced-motion: no-preference) { - .tab-icon-overlay:not([crashed]), - .tab-icon-overlay[pinned][crashed][selected] { - transition: 0.1s var(--animation-easing-function); - } - .tab-label-container > * { - transition: transform 0.25s var(--animation-easing-function); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (not (-moz-bool-pref: "userChrome.tab.always_show_tab_icon")) { - .tabbrowser-tab .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-no-icon-position-x: -0.5px; - --uc-sound-tab-no-icon-label-position-x: 3px; - } - .tabbrowser-tab .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-no-icon-position-x: 0.5px; - --uc-sound-tab-no-icon-label-position-x: -3px; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (not (-moz-bool-pref: "userChrome.tab.always_show_tab_icon")) and (not (-moz-bool-pref: "userChrome.hidden.tab_icon")) { - .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) { - transform: translateX(var(--uc-sound-tab-no-icon-position-x)) translateY(-1px); - inset-inline-end: 0 !important; - margin-inline-end: 0 !important; - padding: 0 !important; - } - .tabbrowser-tab:not([image]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) { - opacity: 0 !important; /* Favicon hidden */ - } - .tabbrowser-tab:not([image]):not([image]):not([pinned], [sharing], [crashed]):is( - [soundplaying], - [muted], - [activemedia-blocked] - ) - .tab-label-container - > * { - transform: translateX(var(--uc-sound-tab-no-icon-label-position-x)); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (not (-moz-bool-pref: "userChrome.tab.always_show_tab_icon")) and (-moz-bool-pref: "userChrome.hidden.tab_icon") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon.always")) { - .tabbrowser-tab .tab-icon-overlay:not([pinned], [sharing], [crashed]) { - transform: translateX(var(--uc-sound-tab-no-icon-position-x)) translateY(-1px); - inset-inline-end: 0 !important; - margin-inline-end: 0 !important; - padding: 0 !important; - } - .tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) { - opacity: 0 !important; /* Favicon hidden */ - } - .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container - > * { - transform: translateX(var(--uc-sound-tab-no-icon-label-position-x)); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - .tab-throbber[busy], - .tab-icon-pending[busy] { - opacity: 1 !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - .tabbrowser-tab:not([pinned])[busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) { - transform: translateX(var(--uc-sound-tab-icon-position-x)) translateY(-6px); - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed])[busy] { - inset-inline-end: -9px !important; - margin-inline-end: 9.5px !important; - padding: 1.5px !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - .tab-icon-overlay:not([crashed])[soundplaying]:hover, - .tab-icon-overlay:not([crashed])[muted]:hover, - .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover { - color: var(--toolbar-bgcolor, white) !important; - stroke: var(--lwt-tab-text, var(--toolbar-color)) !important; - background-color: var(--lwt-tab-text, var(--toolbar-color)) !important; - fill-opacity: 0.95 !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[soundplaying]:hover, - #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[muted]:hover, - #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover { - color: var(--toolbar-bgcolor, black) !important; - } -} -@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):hover { - padding: 0 !important; - } -} -/*= PictureInPicture Tab - Show PIP Icon =====================================*/ -@media (-moz-bool-pref: "userChrome.tab.pip") { - #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after, - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab[pictureinpicture]:not([pinned], :hover) - .tab-content::after { - content: ""; - } - .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after { - /* Shape */ - display: inline-flex !important; - display: -moz-inline-box !important; - width: 14px; - height: 14px; - background-size: 14px; - order: 1 !important; - -moz-box-ordinal-group: 1 !important; - /* Color */ - fill: currentColor; - opacity: 0.8; - -moz-context-properties: fill; - /* Icon */ - background-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); - } - .tabbrowser-tab[pictureinpicture]:not([pinned])[selected] .tab-content::after { - opacity: 0.95; - } - /* Close Button's position */ - .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { - order: 2 !important; - -moz-box-ordinal-group: 2 !important; - } - #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { - margin-left: 7px !important; - } - #tabbrowser-tabs:not([closebuttons="activetab"]) - .tabbrowser-tab[pictureinpicture]:not([pinned]):hover - .tab-close-button { - margin-left: 2px !important; - } -} -/*= Container Tab - Color line at icon's bottom ==============================*/ -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - /* Animate */ - /* Pinned Tab */ -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) { - .tab-context-line { - display: none; - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - #tabbrowser-tabs { - --uc-container-position-x: 9px; - --uc-container-position-y-default: 11.5px; - --uc-container-position-y-bottom: calc(50% + var(--uc-container-position-y-default)); - --uc-container-position-y: var(--uc-container-position-y-bottom); - --uc-titlechanged-container-position-x: 32%, 50%, 70%; - } - #tabbrowser-tabs:-moz-locale-dir(rtl) { - --uc-container-position-x: -9px; - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-bool-pref: "userChrome.tab.container.on_top") { - #tabbrowser-tabs { - --uc-container-position-y: calc(var(--uc-container-position-y-bottom) * -1); - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - :root[uidensity="compact"] #tabbrowser-tabs { - --uc-container-position-y-default: 10.5px; - --uc-titlechanged-container-position-x: 30%, 50%, 70%; - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - :root[uidensity="touch"] #tabbrowser-tabs { - --uc-container-position-y-default: 12.5px; - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - .tab-content::before { - /* Box Model */ - content: ""; - display: block; - position: absolute; - top: 50%; - transform: translate(var(--uc-container-position-x), var(--uc-container-position-y)); - /* Shape */ - border-bottom: 2px solid var(--identity-icon-color); - width: 25%; - opacity: 0.75; - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { - width: calc(100% - 30px); - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { - width: calc(100% - 33px); - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (prefers-reduced-motion: no-preference) { - .tab-content:not([titlechanged])::before { - transition: 0.15s var(--animation-easing-function); - transition-property: width, opacity; - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { - .tabbrowser-tab[pinned] .tab-content::before { - transform: translateY(var(--uc-container-position-y)); - width: 16px; - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-bool-pref: "userChrome.tab.close_button_at_pinned") { - .tabbrowser-tab[pinned][visuallyselected]:not([busy]):hover .tab-content::before { - opacity: 0; - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (not (-moz-bool-pref: "userChrome.tab.container.on_top")) { - .tab-content[titlechanged]::before { - opacity: 0; - } - /* Pinned Tab - Titlechanged Indicator override */ - .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected]), - .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { - /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ - --dotted-identity-image: radial-gradient( - circle, - var(--identity-icon-color), - var(--identity-icon-color) 2px, - transparent 2px - ); - background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important; - background-position-x: var(--uc-titlechanged-container-position-x) !important; - } - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { - /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ - background-position-y: top var(--uc-container-position-y) !important; - } - /* Pinned Tab - Titlechanged & soundplaying */ - .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) - > .tab-stack - > .tab-content[attention]:not([selected]), - .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) - > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected]) { - --uc-titlechanged-container-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px); - } - :root[uidensity="compact"] - .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) - > .tab-stack - > .tab-content[attention]:not([selected]), - :root[uidensity="compact"] - .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) - > .tab-stack - > .tab-content[pinned][titlechanged]:not([selected]) { - --uc-titlechanged-container-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px); - } -} -@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-bool-pref: "userChrome.tab.container.on_top") { - .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]), - .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) { - /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ - background-position-y: top var(--uc-container-position-y-bottom) !important; - } -} -/*= Crashed Tab - Don't show Favicons ========================================*/ -@media (-moz-bool-pref: "userChrome.tab.crashed") { - .tab-icon-image[crashed] { - display: none !important; - } -} -/** Nav Bar UI ****************************************************************/ -/*= Nav Bar - Navbar comabine with sidebar===================================*/ -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - :root { - --uc-navbar-margin-block: var(--toolbarbutton-inner-padding); - --uc-urlbar-margin-top: calc(var(--uc-navbar-height) + var(--uc-navbar-margin-block)); - --uc-urlbar-container-height: 36px; - --uc-navbar-sideblock-height: calc(var(--uc-urlbar-margin-top) + var(--uc-urlbar-container-height)); - } - #nav-bar, - #sidebar-box, - #sidebar-header, - #sidebar { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } - #nav-bar, - #wrapper-urlbar-container, - #urlbar-container { - position: absolute !important; - } - #nav-bar-customization-target { - justify-content: space-between; - -moz-box-pack: justify; - } - #nav-bar { - z-index: 1; - margin-top: calc( - var(--uc-tabbar-height) + var(--uc-bm-height) + var(--uc-menubar-height) + var(--uc-navbar-margin-block) - ); - overflow-y: visible !important; - background: none !important; - box-shadow: none !important; - -moz-window-dragging: drag; - } - @supports selector(:has(a)) { - :root:has(#sidebar-box[hidden="true"]) #nav-bar { - margin-inline-start: var(--uc-sidebar-activate-width-reverse) !important; - opacity: 0; - visibility: hidden; - } - :root:has(#sidebar-box[positionend="true"]) #nav-bar { - right: 0; - } - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") and (not (-moz-bool-pref: "userChrome.decoration.disable_sidebar_animate")) { - #nav-bar { - transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, - visibility 0s linear, - margin-top var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - will-change: margin-inline-start, opacity, visibility, margin-top; - } - :root:has(#sidebar-box[hidden="true"]) #nav-bar, - #navigator-toolbox:is(:hover, :focus-within) #nav-bar { - transition-delay: 0s, 0s, 0.25s, 0s, 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") and (-moz-bool-pref: "userChrome.decoration.disable_sidebar_animate") { - #nav-bar { - transition: margin-top var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - will-change: margin-top; - } - #navigator-toolbox:is(:hover, :focus-within) #nav-bar { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - #urlbar-container { - top: var(--uc-urlbar-margin-top); - min-width: calc(var(--uc-sidebar-activate-width) - 2 * var(--toolbarbutton-inner-padding)) !important; - margin-inline: auto !important; /* Original: var(--urlbar-margin-inline) */ - left: 50%; - transform: translateX(-50%); - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - #customizableui-special-spring1, - #customizableui-special-spring2, - #wrapper-customizableui-special-spring1, - #wrapper-customizableui-special-spring2 { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - #sidebar-header { - margin-top: var(--uc-navbar-sideblock-height) !important; - -moz-window-dragging: drag; - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - :root[customizing="true"] #wrapper-urlbar-container { - left: 50%; - } - :root[customizing="true"] #browser[collapsed="true"] { - visibility: visible !important; - } - :root[customizing="true"] #browser[collapsed="true"] #appcontent { - visibility: collapse; - } - :root[customizing="true"] #browser[collapsed="true"] #sidebar-box { - position: absolute; - height: 100%; - } - :root[customizing="true"] #browser[collapsed="true"] #sidebar-box[positionend="true"] { - right: 0; - } - :root[customizing="true"] #customization-container { - --uc-customization-conatiner-margin: var(--uc-navbar-height-default); - width: calc(100% - var(--uc-sidebar-activate-width)); - height: calc(100% - var(--uc-customization-conatiner-margin)); - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.hidden.tabbar") { - :root[customizing="true"] #customization-container { - --uc-customization-conatiner-margin: calc(var(--uc-navbar-height-default) - var(--uc-tabbar-height-default)); - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - :root[customizing="true"]:has(#sidebar-box:not([positionend="true"])) #customization-container { - margin-inline-start: var(--uc-sidebar-activate-width); - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - :root[customizing="true"]:has(#sidebar-box[positionend="true"]) #customization-container { - margin-inline-end: var(--uc-sidebar-activate-width); - } -} -@media (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - :root[customizing="true"] #customization-palette-container, - :root[customizing="true"] #customization-panel-container { - flex-shrink: 0.5 !important; - } -} -/** Bookark Bar UI ************************************************************/ -@media (-moz-bool-pref: "userChrome.bookmarkbar.multi_row") { - #PersonalToolbar { - --uc-multirow-bookmark-rows: 3; - --uc-multirow-bookmark-row-margin: 2px; - max-height: none !important; - height: unset !important; - } - #PlacesToolbar > hbox { - display: block; - width: 100vw; - } - #PlacesToolbarItems { - display: flex; - flex-wrap: wrap; - overflow-y: auto; - scroll-snap-type: y mandatory; - max-height: calc( - var(--uc-multirow-bookmark-rows) * - ( - var(--uc-bm-height, calc(20px + var(--bookmark-block-padding, 4px))) + 2 * - var(--uc-multirow-bookmark-row-margin) - ) - ) !important; - } - #PlacesChevron { - display: none; - } - #PlacesToolbarItems > .bookmark-item { - scroll-snap-align: start; - margin-block: var(--uc-multirow-bookmark-row-margin) !important; - } -} -/** Url View UI ***************************************************************/ -/*= Url Bar - Icon box as Separator ==========================================*/ -@media (-moz-bool-pref: "userChrome.urlbar.iconbox_with_separator") { - #identity-box { - /* separator */ - position: relative; - } - #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:not(:hover, [open]), - #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:not(:hover, [open]), - #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:not(:hover, [open]) { - /* remove background from urlbar box */ - background-color: transparent !important; - } - #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:not(:hover, [open])::after, - #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:not(:hover, [open])::after, - #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:not(:hover, [open])::after { - opacity: 0.375; - } - #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button::after, - #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button::after, - #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button::after { - /* Box Model */ - content: ""; - position: absolute; - display: block; - /* Position */ - right: 0; - top: 50%; - transform: translateY(-50%); - /* Bar shape */ - width: 1px; - height: 1em; - /* Bar Color */ - opacity: 0; - background-color: currentColor; - } - #identity-box[pageproxystate="valid"] #identity-icon-label { - /* increase space between icon and text - as identity box padding */ - padding-inline-start: 8px !important; - } -} -@media (-moz-bool-pref: "userChrome.urlbar.iconbox_with_separator") and (prefers-reduced-motion: no-preference) { - .identity-box-button::after { - transition: opacity 0.2s var(--animation-easing-function); - } -} -/*= Url View - Share Layout ==================================================*/ -@media (-moz-bool-pref: "userChrome.urlView.as_commandbar"), (-moz-bool-pref: "userChrome.urlView.full_width_padding") { - .urlbarView { - --uc-urlView-padding: calc(5px + var(--urlbar-container-padding)); - margin-inline: 0 !important; /* Original: calc(5px + var(--urlbar-container-padding)) */ - } -} -/*= Url View - Looks like Launcher ===========================================*/ -@media (-moz-bool-pref: "userChrome.urlView.as_commandbar") { - /* Init & Base Layout */ - .urlbarView { - --urlbarView-favicon-width: 32px; /* Original: 16px */ - --uc-urlView-typeIcon-size: 18px; - --uc-urlView-icon-size-differ: 14px; - --uc-searchBar-icon-size: 20px; - --uc-searchBar-button-size: 32px; - --uc-urlView-row-padding: 8px; - --uc-urlView-row-bottom: 2px; - --uc-urlView-margin: calc(var(--uc-sidebar-activate-width, 18rem) + var(--toolbarbutton-inner-padding)); - position: fixed !important; - left: 50vw; - transform: translateX(-50%); - top: 12vh !important; - width: calc(100vw - (var(--uc-urlView-margin) + var(--toolbarbutton-inner-padding))) !important; - /* paddding as margin */ - /* background */ - background-color: var(--toolbar-field-focus-background-color) !important; - background-clip: border-box; - border: 1px solid var(--arrowpanel-border-color) !important; - border-radius: var(--toolbarbutton-border-radius) !important; - box-shadow: 0 2px 14px rgba(0, 0, 0, 0.13); - } - /* Big icons */ -} -@media (-moz-bool-pref: "userChrome.urlView.as_commandbar") and (not (-moz-bool-pref: "userChrome.urlView.full_width_padding")) { - .urlbarView { - padding-inline: var(--uc-urlView-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.urlView.as_commandbar") { - .urlbarView-body-inner { - border-top: none !important; - } -} -@media (-moz-bool-pref: "userChrome.urlView.as_commandbar") { - :root[uidensity="compact"] .urlbarView { - --urlbarView-favicon-width: 24px; /* Original: 16px */ - --uc-urlView-typeIcon-size: 16px; - --uc-urlView-icon-size-differ: 8px; - --uc-searchBar-icon-size: 18px; - --uc-searchBar-button-size: 30px; - } -} -@media (-moz-bool-pref: "userChrome.urlView.as_commandbar") { - :root[uidensity="touch"] .urlbarView { - --uc-urlView-row-padding: 17px; - --uc-urlView-row-bottom: 11px; - } -} -@media (-moz-bool-pref: "userChrome.urlView.as_commandbar") { - .urlbarView-row:not([type="tip"], [type="dynamic"]) { - position: relative; - min-height: calc(var(--urlbarView-favicon-width) + var(--uc-urlView-row-padding)) !important; - } - .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-row-inner { - height: var(--urlbarView-favicon-width) !important; - } - .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-favicon { - position: absolute; - top: 50%; - transform: translateY(-50%); - } - .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-title { - padding-inline-start: calc( - var(--urlbarView-item-inline-padding) + var(--identity-box-margin-inline) + var(--urlbarView-favicon-width) - ) !important; - } - .urlbarView-row:not([type="tip"], [type="dynamic"]) .urlbarView-type-icon { - width: var(--uc-urlView-typeIcon-size) !important; - height: var(--uc-urlView-typeIcon-size) !important; - margin-inline-start: calc( - var(--uc-urlView-icon-size-differ) + var(--urlbarView-item-inline-padding) - ) !important; /* Original: 8px */ - bottom: var(--uc-urlView-row-bottom); - } - .urlbarView-row[dynamicType="quickactions"] .urlbarView-favicon-img { - width: var(--urlbarView-favicon-width) !important; /* Original: 16px */ - height: var(--urlbarView-favicon-width) !important; /* Original: 16px */ - } - .urlbarView-row[dynamicType="quickactions"] .urlbarView-label { - font-size: 0.95em !important; /* Original: 11px */ - } -} -@media (-moz-bool-pref: "userChrome.urlView.as_commandbar") { - :root[uidensity="touch"] .urlbarView-row { - padding-block: 6px !important; - } - :root[uidensity="touch"] .urlbarView-row-inner { - padding-block: 11px !important; - } -} -@media (-moz-bool-pref: "userChrome.urlView.as_commandbar") { - #urlbar .searchbar-engine-one-off-item { - min-width: var(--uc-searchBar-button-size) !important; /* Original: 28px */ - height: var(--uc-searchBar-button-size) !important; - } - #urlbar .searchbar-engine-one-off-item > .button-box > .button-icon { - width: var(--uc-searchBar-icon-size) !important; /* Original: 16px */ - height: var(--uc-searchBar-icon-size) !important; - } -} -/*= Url View - Full Width Pddding ============================================*/ -@media (-moz-bool-pref: "userChrome.urlView.full_width_padding") { - .urlbarView { - --uc-urlView-padding-double: calc(var(--uc-urlView-padding) * 2); - --uc-urlView-full-width-padding: var(--uc-urlView-padding-double); - } -} -@media (-moz-bool-pref: "userChrome.urlView.full_width_padding") and (not (-moz-bool-pref: "userChrome.urlView.as_commandbar")) { - .urlbarView { - --uc-urlView-full-width-padding: var(--uc-urlView-padding); - width: 100% !important; - } -} -@media (-moz-bool-pref: "userChrome.urlView.full_width_padding") { - #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner { - border-color: transparent !important; - } - #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner::before { - content: ""; - position: absolute; - border-top: 1px solid var(--autocomplete-popup-separator-color); - transform: translate(-50%, -1px); - left: 50%; - } -} -@media (-moz-bool-pref: "userChrome.urlView.full_width_padding") { - #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner::before, - .urlbarView .search-one-offs { - width: calc(100% + 2px - var(--uc-urlView-padding-double)) !important; - } -} -@media (-moz-bool-pref: "userChrome.urlView.full_width_padding") { - .urlbarView .search-one-offs { - margin-inline: var(--uc-urlView-full-width-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.urlView.full_width_padding") { - .urlbarView-row-inner { - padding-inline: calc(var(--uc-urlView-full-width-padding) + var(--urlbarView-item-inline-padding)) !important; - } -} -/*= Url View - Always show page actions ======================================*/ -@media (-moz-bool-pref: "userChrome.urlbar.always_show_page_actions") { - #urlbar:not([breakout-extend="true"]) #pageActionButton { - display: block !important; - visibility: visible !important; - } -} -/*= Url View - Move icon to left =============================================*/ -@media (-moz-bool-pref: "userChrome.urlView.move_icon_to_left") { - .urlbarView-type-icon { - min-width: 16px !important; - height: 16px !important; - margin-block: 0 !important; - margin-inline-start: 0 !important; - } - .urlbarView-favicon { - margin-inline-start: 20px !important; - } -} -/*= Url View - Go button when typing =========================================*/ -@media (-moz-bool-pref: "userChrome.urlView.go_button_when_typing") { - #urlbar-input-container[pageproxystate="invalid"] #urlbar-go-button { - display: block !important; - } -} -/*= Url View - Item Focus Border =============================================*/ -@media (-moz-bool-pref: "userChrome.urlView.focus_item_border") { - .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, - .urlbarView-row-inner[selected] { - box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important; - } -} -/** Panel UI ******************************************************************/ -@media (-moz-bool-pref: "userChrome.panel.remove_strip") { - #appMenu-fxa-separator { - --panel-separator-zap-gradient: none; /* Original: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%) */ - } -} -@media (-moz-bool-pref: "userChrome.panel.full_width_separator") { - /* Full width separators */ - :root { - /* Original - --panel-separator-margin-vertical: 4px; - --panel-separator-margin-horizontal: 8px; - --panel-separator-margin: var(--panel-separator-margin-vertical) var(--panel-separator-margin-horizontal); - */ - --panel-separator-margin-horizontal: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.panel.full_width_padding") { - /* Original - --arrowpanel-menuitem-margin: 0 8px; - --arrowpanel-menuitem-padding-block: 8px; - --arrowpanel-menuitem-padding-inline: 8px; - --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline); - */ - :root, - :root:is([uidensity="compact"], [uidensity="touch"]) { - --arrowpanel-menuitem-margin: 0 !important; - --arrowpanel-menuitem-margin-inline: 0 !important; - --arrowpanel-menuitem-padding-inline: calc(var(--arrowpanel-menuitem-padding-block) + 8px) !important; - } -} -/** Sidebar UI ****************************************************************/ -@media (-moz-bool-pref: "userChrome.sidebar.overlap"), - (-moz-bool-pref: "userChrome.autohide.sidebar"), - (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - :root { - /* Original - min-width: 14em; - width: 18em; - max-width: 36em; - */ - --uc-sidebar-width: 40px; - --uc-sidebar-activate-width: 18rem; - --uc-sidebar-activate-width-reverse: calc(-1 * var(--uc-sidebar-activate-width)); - --uc-sidebar-fullscreen-width: 4px; - --uc-sidebar-shadow-size: 1px; - --uc-sidebar-shadow-width: 0px; - --uc-sidebar-shadow-position: var(--uc-sidebar-shadow-position-default); - --uc-sidebar-shadow-position-default: calc(var(--uc-sidebar-shadow-size) + var(--uc-sidebar-shadow-width)); - --uc-sidebar-shadow-color: #28282f; - --uc-autohide-sidebar-speed: 750ms; - --uc-autohide-fullscreen-sidebar-speed: 1s; - --uc-autohide-sidebar-delay: 600ms; /* Wait 0.6s before hiding sidebar */ - } - #sidebar-splitter { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.sidebar.overlap"), (-moz-bool-pref: "userChrome.autohide.sidebar") { - #sidebar-box { - --uc-sidebar-shadow-color: #28282f; - z-index: 1 !important; - position: relative !important; - box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color); - } - #sidebar-box[positionend="true"] { - --uc-sidebar-shadow-position: calc(-1 * var(--uc-sidebar-shadow-position-default)); - } - #sidebar { - display: block; - } - #main-window > body > box { - z-index: 2 !important; - } -} -@media (-moz-bool-pref: "userChrome.sidebar.overlap") { - #sidebar-box[positionend="true"] { - direction: rtl; - } - #sidebar-header, - #sidebar { - background-color: var(--sidebar-background-color) !important; - color: var(--sidebar-text-color) !important; - overflow: hidden; - } - #sidebar-header { - font-size: unset !important; - } - #sidebar-header > #sidebar-switcher-target { - font-size: 1.333em; - } -} -@media (-moz-bool-pref: "userChrome.sidebar.overlap") and (not (-moz-bool-pref: "userChrome.autohide.sidebar")) { - #sidebar-box, - #sidebar-header, - #sidebar { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } - #sidebar-box { - margin-inline-start: var(--uc-sidebar-activate-width-reverse) !important; - will-change: padding-inline; - --uc-sidebar-shadow-width: var(--uc-sidebar-activate-width); - } - #sidebar-box:not([hidden="true"]) { - padding-inline-start: var(--uc-sidebar-activate-width) !important; - } -} -@media (-moz-bool-pref: "userChrome.sidebar.overlap") and (not (-moz-bool-pref: "userChrome.autohide.sidebar")) and (prefers-reduced-motion: no-preference) { - #sidebar-box { - transition: padding-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, - box-shadow 0s linear, visibility 0s linear !important; - } -} -/** Combined UI ***************************************************************/ -/*= Combined - At URL bar ====================================================*/ -@media (-moz-bool-pref: "userChrome.combined.nav_button"), - (-moz-bool-pref: "userChrome.combined.nav_button.home_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.home_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.reload_button") { - #nav-bar { - --uc-combined-circlebutton-background: hsla(0, 100%, 100%, 0.5); - --uc-combined-circlebutton-hover-background: var(--uc-combined-circlebutton-background); - --uc-combined-circlebutton-active-background: var(--toolbarbutton-active-background); - --uc-combined-circlebutton-border-color: hsla(240, 5%, 5%, 0.3); - --uc-toolbarbutton-boundary: calc(var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding)); - --uc-toolbarbutton-padding: calc(2 * var(--uc-toolbarbutton-boundary)); - --uc-toolbarbutton-size: calc(12px + var(--uc-toolbarbutton-padding)); - --uc-toolbarbutton-halfsize: calc(6px + var(--uc-toolbarbutton-boundary)); - --uc-urlbar-icon-size: calc(16px + 2 * var(--urlbar-icon-padding)); - } - #nav-bar[brighttext] { - --uc-combined-circlebutton-background: var(--toolbarbutton-hover-background); - --uc-combined-circlebutton-hover-background: var(--toolbarbutton-active-background); - --uc-combined-circlebutton-active-background: color-mix(in srgb, currentColor 20%, transparent); - } - #nav-bar-customization-target > * { - order: 1; - -moz-box-ordinal-group: 1; - } - #nav-bar-customization-target > #urlbar-container { - order: 5; - -moz-box-ordinal-group: 5; - } - #nav-bar-customization-target > #urlbar-container ~ * { - order: 7; - -moz-box-ordinal-group: 7; - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.nav_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #urlbar-container { - /* var(--urlbar-margin-inline) */ - margin-inline-start: calc(-1 * var(--uc-urlbar-combined-margin, 0px)) !important; - } - #nav-bar-customization-target > #urlbar-container > #urlbar:not([breakout][breakout-extend]) { - padding-left: var(--uc-urlbar-combined-margin, 0px); - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #urlbar-container { - --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size); - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) { - #nav-bar-customization-target > #urlbar-container { - --uc-urlbar-combined-margin: var(--uc-toolbarbutton-halfsize); - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #urlbar-container { - --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size); - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.autohide.forward_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.autohide.forward_button") { - #nav-bar-customization-target - > #forward-button[disabled="true"] - ~ #urlbar-container - > #urlbar:not([breakout][breakout-extend]) { - padding-left: calc(var(--uc-urlbar-combined-margin, 0px) - var(--urlbar-icon-padding)); - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (prefers-reduced-motion: no-preference) { - #nav-bar-customization-target > #forward-button[disabled="true"] ~ #urlbar-container > #urlbar { - transition-property: margin-left, padding-left; - transition-duration: 0.5s; - transition-timing-function: var(--animation-easing-function); - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button"), - (-moz-bool-pref: "userChrome.combined.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) { - #nav-bar-customization-target > #forward-button { - --uc-forward-button-margin: calc(-1 * var(--uc-toolbarbutton-boundary) + 1px); - z-index: 2; - position: relative; - } - #nav-bar-customization-target > #forward-button > .toolbarbutton-icon { - padding-inline-end: var(--urlbar-icon-padding) !important; /* Original: var(--toolbarbutton-inner-padding) */ - padding-block: var(--urlbar-icon-padding) !important; - height: var(--uc-urlbar-icon-size) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button"), - (-moz-bool-pref: "userChrome.combined.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #forward-button { - padding-inline-end: 0px !important; /* Original: var(--toolbarbutton-outer-padding) */ - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")), - (-moz-bool-pref: "userChrome.combined.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) { - #nav-bar-customization-target > #forward-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - } - #nav-bar-customization-target > #forward-button:not([disabled], [open]):hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #forward-button[open] > .toolbarbutton-icon, - #nav-bar-customization-target > #forward-button:not([disabled]):hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } - #nav-bar-customization-target > #forward-button[disabled="true"] > .toolbarbutton-icon { - background-color: color-mix( - in srgb, - var(--toolbarbutton-hover-background), - var(--toolbar-field-background-color) 40% - ) !important; - fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%); - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")), - (-moz-bool-pref: "userChrome.combined.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")) { - #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] { - opacity: 1 !important; /* Original: 0.4 */ - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")), - (-moz-bool-pref: "userChrome.combined.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) { - #nav-bar-customization-target > #forward-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - } - #nav-bar-customization-target > #forward-button:not([disabled], [open]):hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #forward-button[open] > .toolbarbutton-icon, - #nav-bar-customization-target > #forward-button:not([disabled]):hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } - #nav-bar-customization-target > #forward-button[disabled="true"] > .toolbarbutton-icon { - background-color: color-mix( - in srgb, - var(--toolbarbutton-hover-background), - var(--toolbar-field-background-color) 40% - ) !important; - fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%); - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")), - (-moz-bool-pref: "userChrome.combined.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")) { - #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] { - opacity: 1 !important; /* Original: 0.4 */ - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.autohide.forward_button")), - (-moz-bool-pref: "userChrome.combined.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.autohide.forward_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (not (-moz-bool-pref: "userChrome.autohide.forward_button")) { - #nav-bar-customization-target > #forward-button { - margin-inline-start: var(--uc-forward-button-margin) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.autohide.forward_button"), - (-moz-bool-pref: "userChrome.combined.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (-moz-bool-pref: "userChrome.autohide.forward_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.autohide.forward_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and ((not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) or ((-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"))) and (-moz-bool-pref: "userChrome.autohide.forward_button") { - #nav-bar-customization-target > #forward-button:not([disabled="true"]) { - margin-inline-start: var(--uc-forward-button-margin) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button"), (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #back-button { - position: relative; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) { - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - } - #nav-bar-customization-target > #back-button:not([disabled], [open]):hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #back-button[open] > .toolbarbutton-icon, - #nav-bar-customization-target > #back-button:not([disabled]):hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } - #nav-bar-customization-target > #back-button[disabled="true"] > .toolbarbutton-icon { - background-color: color-mix( - in srgb, - var(--toolbarbutton-hover-background), - var(--toolbar-field-background-color) 40% - ) !important; - fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%); - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")) { - #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] { - opacity: 1 !important; /* Original: 0.4 */ - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button"), - (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #back-button { - z-index: 2; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")), - (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) { - #nav-bar-customization-target > #back-button { - margin-inline-end: calc(-1 * var(--uc-toolbarbutton-boundary) - 1px) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")), - (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) { - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - } - #nav-bar-customization-target > #back-button:not([disabled], [open]):hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } - #nav-bar-customization-target > #back-button[open] > .toolbarbutton-icon, - #nav-bar-customization-target > #back-button:not([disabled]):hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } - #nav-bar-customization-target > #back-button[disabled="true"] > .toolbarbutton-icon { - background-color: color-mix( - in srgb, - var(--toolbarbutton-hover-background), - var(--toolbar-field-background-color) 40% - ) !important; - fill: color-mix(in srgb, var(--toolbarbutton-icon-fill), transparent 60%); - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")), - (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) and (not (-moz-bool-pref: "userChrome.combined.sub_button.none_background")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")) { - #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] { - opacity: 1 !important; /* Original: 0.4 */ - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")), - (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.sub_button.as_normal")) { - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - padding-inline-start: var(--urlbar-icon-padding) !important; /* Original: var(--toolbarbutton-inner-padding) */ - padding-block: var(--urlbar-icon-padding) !important; - height: var(--uc-urlbar-icon-size) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) { - #nav-bar-customization-target > #back-button { - z-index: 3 !important; - background-color: var(--toolbar-bgcolor) !important; - background-clip: content-box !important; - border-radius: 100%; - padding-block: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (-moz-bool-pref: "userChrome.padding.toolbar_button") and (-moz-bool-pref: "userChrome.padding.toolbar_button.compact"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (-moz-bool-pref: "userChrome.padding.toolbar_button") and (-moz-bool-pref: "userChrome.padding.toolbar_button.compact") { - #nav-bar-customization-target > #back-button { - --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")) { - #nav-bar-customization-target > #back-button { - padding-inline-end: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (-moz-bool-pref: "userChrome.autohide.back_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) and (-moz-bool-pref: "userChrome.autohide.back_button") { - #nav-bar-customization-target > #back-button:not([disabled="true"]) { - padding-inline-end: 0 !important; - } - #nav-bar-customization-target > #back-button[disabled="true"] { - padding-inline-end: calc(var(--toolbarbutton-outer-padding) + 1px) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) { - #nav-bar-customization-target > #back-button > menupopup { - margin-top: -1px !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) { - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - background-origin: padding-box; - background-clip: padding-box; - border: 1px solid var(--uc-combined-circlebutton-border-color); - border-radius: 10000px !important; - padding-inline-end: var(--urlbar-icon-padding) !important; - height: auto !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) { - #nav-bar-customization-target > #back-button { - z-index: 3 !important; - background-color: var(--toolbar-bgcolor) !important; - background-clip: content-box !important; - border-radius: 100%; - padding-block: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (-moz-bool-pref: "userChrome.padding.toolbar_button") and (-moz-bool-pref: "userChrome.padding.toolbar_button.compact"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (-moz-bool-pref: "userChrome.padding.toolbar_button") and (-moz-bool-pref: "userChrome.padding.toolbar_button.compact") { - #nav-bar-customization-target > #back-button { - --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (not (-moz-bool-pref: "userChrome.autohide.back_button")) { - #nav-bar-customization-target > #back-button { - padding-inline-end: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (-moz-bool-pref: "userChrome.autohide.back_button"), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) and (-moz-bool-pref: "userChrome.autohide.back_button") { - #nav-bar-customization-target > #back-button:not([disabled="true"]) { - padding-inline-end: 0 !important; - } - #nav-bar-customization-target > #back-button[disabled="true"] { - padding-inline-end: calc(var(--toolbarbutton-outer-padding) + 1px) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) { - #nav-bar-customization-target > #back-button > menupopup { - margin-top: -1px !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")), - (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.nav_button.home_button")) and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) { - #nav-bar-customization-target > #back-button > .toolbarbutton-icon { - background-origin: padding-box; - background-clip: padding-box; - border: 1px solid var(--uc-combined-circlebutton-border-color); - border-radius: 10000px !important; - padding-inline-end: var(--urlbar-icon-padding) !important; - height: auto !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") { - #nav-bar-customization-target > #home-button { - position: relative; - z-index: 3 !important; - background-color: var(--toolbar-bgcolor) !important; - background-clip: content-box !important; - border-radius: 100%; - padding-block: 0 !important; - padding-inline-end: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") and (-moz-bool-pref: "userChrome.padding.toolbar_button") and (-moz-bool-pref: "userChrome.padding.toolbar_button.compact") { - #nav-bar-customization-target > #home-button { - --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") { - #nav-bar-customization-target > #home-button > menupopup { - margin-top: -1px !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") { - #nav-bar-customization-target > #home-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - background-origin: padding-box; - background-clip: padding-box; - border: 1px solid var(--uc-combined-circlebutton-border-color); - border-radius: 10000px !important; - padding-inline-end: var(--urlbar-icon-padding) !important; - height: auto !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") { - #nav-bar-customization-target > #home-button:hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } -} -@media (-moz-bool-pref: "userChrome.combined.nav_button") and (-moz-bool-pref: "userChrome.combined.nav_button.home_button") { - #nav-bar-customization-target > #home-button:hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") { - #nav-bar-customization-target > #back-button { - order: 2; - -moz-box-ordinal-group: 2; - } - #nav-bar-customization-target > #forward-button { - order: 4; - -moz-box-ordinal-group: 4; - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button, #home-button) - + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button, #home-button), - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button, #home-button) - + :is(#back-button, #forward-button, #home-button) - + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button, #home-button), - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button, #home-button) - + :is(#back-button, #forward-button, #home-button) - + :is(#back-button, #forward-button, #home-button) - + :is(toolbarbutton, toolbaritem) { - padding-inline-start: var(--toolbar-start-end-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.nav_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.home_button")) { - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button) - + :is(toolbarbutton, toolbaritem):not(#back-button, #forward-button), - #nav-bar-customization-target - > :first-child:is(#back-button, #forward-button) - + :is(#back-button, #forward-button) - + :is(toolbarbutton, toolbaritem) { - padding-inline-start: var(--toolbar-start-end-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #home-button { - order: 3; - -moz-box-ordinal-group: 3; - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (not (-moz-bool-pref: "userChrome.combined.urlbar.nav_button")) { - #nav-bar-customization-target > #home-button:is(:first-child) + :is(toolbarbutton, toolbaritem) { - padding-inline-start: var(--toolbar-start-end-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #home-button { - position: relative; - z-index: 3 !important; - background-color: var(--toolbar-bgcolor) !important; - background-clip: content-box !important; - border-radius: 100%; - padding-block: 0 !important; - padding-inline-end: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.home_button") and (-moz-bool-pref: "userChrome.padding.toolbar_button") and (-moz-bool-pref: "userChrome.padding.toolbar_button.compact") { - #nav-bar-customization-target > #home-button { - --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #home-button > menupopup { - margin-top: -1px !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #home-button > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-background); - background-origin: padding-box; - background-clip: padding-box; - border: 1px solid var(--uc-combined-circlebutton-border-color); - border-radius: 10000px !important; - padding-inline-end: var(--urlbar-icon-padding) !important; - height: auto !important; - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #home-button:hover > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-hover-background) !important; - box-shadow: 0 1px 6px hsla(0deg, 0%, 0%, 0.1); - border-color: hsla(240deg, 5%, 5%, 0.35); - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.home_button") { - #nav-bar-customization-target > #home-button:hover:active > .toolbarbutton-icon { - background-color: var(--uc-combined-circlebutton-active-background) !important; - border-color: hsla(240deg, 5%, 5%, 0.4); - } -} -@media (-moz-bool-pref: "userChrome.combined.urlbar.reload_button") { - #nav-bar-customization-target > #stop-reload-button { - order: 6; - -moz-box-ordinal-group: 6; - } - #urlbar { - padding-right: calc(var(--uc-toolbarbutton-size) - var(--urlbar-margin-inline) / 2); - } - #nav-bar-customization-target > #stop-reload-button { - z-index: 3; - position: relative; - --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor); - color: var(--urlbar-box-hover-text-color) !important; - margin-left: calc(-1 * (var(--uc-toolbarbutton-size) + var(--urlbar-margin-inline))); - } - #nav-bar-customization-target > #stop-reload-button > .toolbarbutton-1 > .toolbarbutton-icon { - width: var(--uc-urlbar-icon-size) !important; - height: var(--uc-urlbar-icon-size) !important; - padding: var(--urlbar-icon-padding) !important; - } -} -/** Others UI *****************************************************************/ -/*= Counter for Tab ==========================================================*/ -@media (-moz-bool-pref: "userChrome.counter.tab") { - #tabbrowser-tabs { - counter-reset: tab-counts; - } - .tabbrowser-tab:not([hidden="true"]) { - counter-increment: tab-counts; - } - .tabbrowser-tab:not([hidden="true"])[pinned="true"] .tab-label-container::before { - content: " " counter(tab-counts); - } - .tabbrowser-tab:not([hidden="true"]):not([pinned="true"]) .tab-label-container::before { - content: counter(tab-counts) ": "; - } - .tabbrowser-tab:not([hidden="true"]) .tab-label-container { - display: grid; - align-content: safe center; - align-items: safe center; - } -} -@media (-moz-bool-pref: "userChrome.counter.tab") and (-moz-bool-pref: "userChrome.centered.tab") and (not (-moz-bool-pref: "userChrome.centered.tab.label")) { - .tabbrowser-tab:not([hidden="true"]) .tab-label-container { - justify-content: start; - justify-items: start; - } -} -@media (-moz-bool-pref: "userChrome.counter.tab") and (not (-moz-bool-pref: "userChrome.centered.tab")) { - .tabbrowser-tab:not([hidden="true"]) .tab-label-container { - justify-content: start; - justify-items: start; - } -} -@media (-moz-bool-pref: "userChrome.counter.tab") { - .tabbrowser-tab:not([hidden="true"]) .tab-label-container::before { - display: inline-block; - grid-row: 1; - } -} -@media (-moz-bool-pref: "userChrome.counter.tab") { - .tabbrowser-tab:not([hidden="true"]) .tab-label-container > .tab-text { - grid-row: 1; - } -} -@media (-moz-bool-pref: "userChrome.counter.tab") { - .tabbrowser-tab:not([hidden="true"]) .tab-label-container[pinned] { - width: unset !important; /* Original: 0 */ - } - .tabbrowser-tab:not([hidden="true"]) .tab-label-container[pinned] > .tab-text, - .tabbrowser-tab:not([hidden="true"]) .tab-label-container[pinned] > .tab-secondary-label { - width: 0; - } -} -@media (-moz-bool-pref: "userChrome.counter.tab") { - .tab-label, - .tab-secondary-label { - overflow: hidden; - } -} -@media (-moz-bool-pref: "userChrome.counter.tab") and (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon")) { - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-label-position-x: 2px; - } - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-label-position-x: -2px; - } - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container::before { - transform: translateX(var(--uc-sound-tab-label-position-x, 0px)); - } -} -@media (-moz-bool-pref: "userChrome.counter.tab") and (-moz-bool-pref: "userChrome.tab.sound_with_favicons") and (-moz-bool-pref: "userChrome.hidden.tab_icon") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon.always")) { - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container[labeldirection="ltr"], - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) { - --uc-sound-tab-label-position-x: 2px; - } - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container[labeldirection="rtl"], - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned] - .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) { - --uc-sound-tab-label-position-x: -2px; - } - .tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) - .tab-label-container::before { - transform: translateX(var(--uc-sound-tab-label-position-x, 0px)); - } -} -@media (-moz-bool-pref: "userChrome.counter.tab") and (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { - .tab-label-container::beforee { - transition: transform 0.25s var(--animation-easing-function); - } -} -/*= Counter for Bookmark menu ================================================*/ -@media (-moz-bool-pref: "userChrome.counter.bookmark_menu") { - menupopup[placespopup="true"] > menu.bookmark-item > .menu-right { - counter-reset: bookmark-counts 0; - } - menupopup[placespopup="true"] > menu.bookmark-item::after { - display: inline-flex; - display: -moz-inline-box; - content: "(" counter(bookmark-counts) ")"; - } - menupopup[placespopup="true"] > menu.bookmark-item > .menu-iconic-highlightable-text, - menupopup[placespopup="true"] > menu.bookmark-item > .menu-accel-container, - menupopup[placespopup="true"] > menu.bookmark-item > .menu-right { - order: 2; - -moz-box-ordinal-group: 2; - } - menu.bookmark-item > menupopup[placespopup="true"] > .bookmark-item { - counter-increment: bookmark-counts; - } -} -@media (-moz-bool-pref: "userChrome.findbar.floating_on_top") { - /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0 - See the above repository for updates as well as full license text. */ - /* Note that privacy.resistFingerprinting.letterboxing prevents this from working properly */ - #main-window > body > box { - z-index: 1; - } - findbar { - order: -1; - -moz-box-ordinal-group: 0; - position: relative; - height: 0 !important; - overflow: visible; - border-top: none !important; - padding: 0 !important; - background: none !important; - pointer-events: none; - z-index: 1; - margin-right: 16px; - border-right: 1px solid var(--chrome-content-separator-color); - } - findbar::before { - content: ""; - display: flex; - display: -moz-box; - position: absolute; - flex: 200; - -moz-box-flex: 200; - } - .findbar-container, - .findbar-closebutton { - border-style: solid; - border-color: var(--chrome-content-separator-color); - background: var(--uc-light-bkgnd-color, var(--toolbar-bgcolor)) !important; - pointer-events: auto; - height: 33px !important; - } - .findbar-container { - flex-direction: row-reverse; - -moz-box-direction: reverse; - border-width: 0 0 1px 1px; - border-radius: var(--uc-rounding-toolbar, var(--toolbarbutton-border-radius)) 0 0 - var(--uc-rounding-toolbar, var(--toolbarbutton-border-radius)) !important; - } - .findbar-container > .findbar-find-fast { - padding: var(--toolbarbutton-inner-padding) 1px; - margin: 0 !important; - } - .findbar-container > .findbar-find-status { - display: flex; - display: -moz-box; - overflow: hidden; - text-overflow: ellipsis; - flex: 1; - -moz-box-flex: 1; - } - .findbar-container > hbox { - margin-inline: 5px; - } - .findbar-closebutton { - width: 30px !important; /* Original: 24px */ - margin: 0 !important; - border-width: 0 1px 1px 0px; - border-radius: 0 var(--toolbarbutton-border-radius) var(--toolbarbutton-border-radius) 0 !important; - padding: 2px 5px 2px 3px !important; - overflow: clip; - } - .findbar-closebutton image { - padding: 4px; - border-radius: var(--toolbarbutton-border-radius); - } - .findbar-closebutton:hover > image { - background: var(--toolbarbutton-hover-background) !important; - } -} -/** Fullscreen - Overlap toolbar **********************************************/ -@media (-moz-bool-pref: "userChrome.fullscreen.overlap") and (-moz-bool-pref: "browser.fullscreen.autohide") { - :root[sizemode="fullscreen"] #navigator-toolbox { - position: fixed !important; /* Needed for content to take up entire height */ - z-index: 1000 !important; /* Puts the UI above the content */ - } - :root[sizemode="fullscreen"] :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) { - width: 100%; /* Makes the UI take up the entire width */ - } -} -@media (-moz-bool-pref: "userChrome.fullscreen.overlap") and (-moz-bool-pref: "browser.fullscreen.autohide") and (-moz-gtk-csd-available) { - /* Fix transparent background */ - :root[tabsintitlebar][sizemode="fullscreen"]:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar { - appearance: auto !important; - } -} -@media (-moz-bool-pref: "userChrome.fullscreen.show_bookmarkbar") { - :root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized="true"]:not([collapsed="true"]), - :root[sizemode="fullscreen"] #PersonalToolbar[initialized="true"] { - visibility: unset !important; /* Makes the bookmarks toolbar visible if enabled */ - } -} -/** Centered ******************************************************************/ -/*= Centered - Tab ===========================================================*/ -@media (-moz-bool-pref: "userChrome.centered.tab") and (-moz-bool-pref: "userChrome.centered.tab.label") { - .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), - .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { - margin-inline-end: 5px; - } -} -@media (-moz-bool-pref: "userChrome.centered.tab") and (-moz-bool-pref: "userChrome.tab.close_button_at_hover") { - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not(:hover, [pinned]) - .tab-label-container:not([textoverflow]) { - margin-inline-end: 1px; - } - #tabbrowser-tabs[closebuttons="activetab"] - .tabbrowser-tab:not([selected]):not(:hover, [pinned]) - .tab-label-container - label { - padding-inline-end: 18px; - } -} -@media (-moz-bool-pref: "userChrome.centered.tab") and (not (-moz-bool-pref: "userChrome.centered.tab.label")) { - .tab-icon-stack { - margin-inline-start: auto; - } - .tab-label-container { - max-width: min-content; - margin-inline-end: auto; - } -} -@media (-moz-bool-pref: "userChrome.centered.tab") and (not (-moz-bool-pref: "userChrome.centered.tab.label")) and (-moz-bool-pref: "userChrome.tab.close_button_at_hover") { - .tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button { - padding-inline-start: 6px !important; /* Original: 0px */ - width: 24px !important; /* Original: 17px */ - } -} -@media (-moz-bool-pref: "userChrome.centered.tab") and (-moz-bool-pref: "userChrome.centered.tab.label") { - /* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */ - .tab-label-container { - display: grid; - } - .tab-label, - .tab-secondary-label { - overflow: clip; - justify-self: safe center; - align-self: safe center; - } - .tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]), - .tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) { - margin-inline-end: 5px; - } -} -/*= Centered - URL Bar =======================================================*/ -@media (-moz-bool-pref: "userChrome.centered.urlbar") { - #urlbar:not([focused]) #urlbar-input, - #urlbar:not([focused]) .urlbar-input { - text-align: center !important; - } -} -/*= Centered - Bookmark Bar ==================================================*/ -@media (-moz-bool-pref: "userChrome.centered.bookmarkbar") { - #PlacesToolbarItems { - display: flex !important; - justify-content: safe center !important; - } -} -/** Auto Hide *****************************************************************/ -@media (-moz-bool-pref: "userChrome.autohide.back_button"), (-moz-bool-pref: "userChrome.autohide.forward_button") { - :root { - --uc-toolbarbutton-hide-size: calc( - -1 * (16px + (2 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding)))) - ); - } -} -@-moz-document url("chrome://browser/content/browser.xhtml") -{ - @media (-moz-bool-pref: "userChrome.autohide.back_button") { - :root:not([customizing="true"]) #back-button[disabled="true"] { - margin-left: var(--uc-toolbarbutton-hide-size) !important; - opacity: 0 !important; - pointer-events: none; - } - } - @media (-moz-bool-pref: "userChrome.autohide.back_button") and (prefers-reduced-motion: no-preference) { - #back-button { - transition-property: background-color, opacity, margin-left !important; - } - #back-button[disabled="true"] { - transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function), - margin-left 0.5s ease !important; - } - } - @media (-moz-bool-pref: "userChrome.autohide.forward_button") { - :root:not([customizing="true"]) #forward-button[disabled="true"] { - margin-left: var(--uc-toolbarbutton-hide-size) !important; - opacity: 0 !important; - pointer-events: none; - } - } - @media (-moz-bool-pref: "userChrome.autohide.forward_button") and (prefers-reduced-motion: no-preference) { - #forward-button { - transition-property: background-color, opacity, margin-left !important; - } - #forward-button[disabled="true"] { - transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function), - margin-left 0.5s ease !important; - } - } -} -@media (-moz-bool-pref: "userChrome.autohide.page_action") { - #page-action-buttons > .urlbar-page-action { - margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding)); - opacity: 0; - } - #urlbar-container:is(:hover, :focus-within) #page-action-buttons > .urlbar-page-action, - .urlbar-page-action[open], - .urlbar-page-action[open] ~ .urlbar-page-action { - margin-inline-end: 0px !important; - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.autohide.page_action") and (prefers-reduced-motion: no-preference) { - #page-action-buttons > .urlbar-page-action { - transition: margin-inline-end 50ms var(--animation-easing-function) 900ms, - opacity 1.5s var(--animation-easing-function) 600ms !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.page_action") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #page-action-buttons > .urlbar-page-action { - transition: margin-inline-end 50ms var(--animation-easing-function) 900ms, - opacity 1.5s var(--animation-easing-function) 600ms, background-color 2.5s var(--animation-easing-function) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.page_action") and (prefers-reduced-motion: no-preference) { - #urlbar-container:is(:hover, :focus-within) #page-action-buttons > .urlbar-page-action, - .urlbar-page-action[open], - .urlbar-page-action[open] ~ .urlbar-page-action { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tab") and (not (-moz-bool-pref: "userChrome.autohide.tab.opacity")) and (not (-moz-bool-pref: "userChrome.autohide.tab.blur")) { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - margin-bottom: -64px; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tab") and (-moz-bool-pref: "userChrome.autohide.tab.opacity") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - opacity: 0%; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tab") and (-moz-bool-pref: "userChrome.autohide.tab.blur") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - filter: blur(8px); - } -} -@media (-moz-bool-pref: "userChrome.autohide.tab") and (prefers-reduced-motion: no-preference) { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - transition-timing-function: var(--animation-easing-function); - transition-duration: 0.2s; - transition-delay: 600ms; - } - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]):is(:hover, :focus-within) { - transition-delay: 0s; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tab") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.autohide.tab.opacity")) and (not (-moz-bool-pref: "userChrome.autohide.tab.blur")) { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - transition-property: margin-bottom; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tab") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.autohide.tab.opacity") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - transition-property: opacity; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tab") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.autohide.tab.blur") { - .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { - transition-property: filter; - } -} -:root { - --uc-autohide-toolbar-speed: 0.25s; - --uc-autohide-toolbar-delay: 600ms; -} - -@media (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - :root { - --uc-tabbar-height: var(--uc-tabbar-height-default); - --uc-tabbar-height-default: var(--tab-min-height); - --uc-tabbar-hide-height: calc(-1 * var(--uc-tabbar-height)); - --uc-navbar-height: var(--uc-navbar-height-default); - --uc-navbar-height-default: calc( - 16px + 2 * (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) - ); - --uc-navbar-hide-height: calc(-1 * var(--uc-navbar-height)); - --uc-bm-height: var(--uc-bm-height-default); - --uc-bm-height-default: calc( - 20px + (2 * var(--bookmark-block-padding, 4px)) - ); /* 20px = 16px + (2px * 2) [margin block] */ - --uc-bm-hide-height: calc(-1 * var(--uc-bm-height)); - --uc-titlebar-buttonbox-height: 34px; - --uc-menubar-height: 0px; - --uc-menubar-height-default: calc(1.6rem + 2px); - --uc-menubar-inner-height: calc(1.6rem - 2px); - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) { - :root { - --uc-tabbar-height: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) { - :root { - --uc-tabbar-height: 0px; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.hidden.navbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.hidden.navbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.hidden.navbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.hidden.navbar"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") and (-moz-bool-pref: "userChrome.hidden.navbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.hidden.navbar"), - (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.hidden.navbar") { - :root { - --uc-navbar-height: 0px; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top"), - (-moz-bool-pref: "userChrome.hidden.tabbar"), - (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - @supports selector(:has(a)) { - :root:not([tabsintitlebar]):has(#toolbar-menubar) { - --uc-menubar-height: var(--uc-menubar-height-default); - } - @media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-gtk-csd-available), - (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-gtk-csd-available) { - :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"]) { - --uc-menubar-height: calc(var(--tab-min-height) + 2 * var(--tab-block-margin)); - } - } - @media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-platform: windows), - (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-platform: windows) { - :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"]) { - --uc-menubar-height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)); - } - } - :root[tabsintitlebar]:has(#toolbar-menubar[autohide="false"]) { - --uc-menubar-height: var(--uc-titlebar-buttonbox-height); - } - :root:not([tabsintitlebar]):has(#toolbar-menubar[autohide="true"][inactive="true"]), - :root[tabsintitlebar]:has(#toolbar-menubar[autohide="true"][inactive="true"]) { - --uc-menubar-height: 0px; - } - #navigator-toolbox:has(#PersonalToolbar[collapsed="true"]) { - --uc-bm-height: 0px; - } - @media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.navbar.as_sidebar"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") and (-moz-bool-pref: "userChrome.navbar.as_sidebar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar"), - (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar") { - #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]) #nav-bar { - --uc-bm-height: var(--uc-bm-height-default); - } - } - @media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.tabbar.on_bottom.menubar_on_top") and (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.hidden.tabbar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.navbar.as_sidebar") and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") { - #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]):not(:hover) #nav-bar { - --uc-bm-height: 0px; - } - } - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.navbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") { - #navigator-toolbox { - position: relative; - } - #navigator-toolbox:is(:hover, :focus-within) { - z-index: 2; - } - #navigator-toolbox:is(:hover, :focus-within) #PersonalToolbar { - z-index: -1; - } - #navigator-toolbox:not(:hover):not(:focus-within) { - animation: 1s keepfront; - } - @keyframes keepfront { - from { - z-index: 3; - } - to { - z-index: 3; - } - } - #sidebar-box:is(:hover, :focus-within) { - position: relative; - z-index: 2 !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") { - #navigator-toolbox { - --uc-toolbar-hide-height: calc(-1 * var(--uc-toolbar-height, 0)); - margin-bottom: var(--uc-toolbar-hide-height) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { - #navigator-toolbox { - will-change: margin-top, margin-bottom, background-color !important; - transition: margin-top 1s ease, - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - background-color 0.2s var(--animation-easing-function) !important; - } - #navigator-toolbox:-moz-window-inactive { - transition: margin-top 1s ease, - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - background-color 0.5s var(--animation-easing-function) !important; - } - #navigator-toolbox:is(:hover, :focus-within) { - transition-delay: 0s, 0s, 0.2s !important; - } - #navigator-toolbox[inFullscreen="true"] { - transition: margin-top 1.3s var(--animation-easing-function) 50ms, - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - background-color 0.2s var(--animation-easing-function) !important; - } - #navigator-toolbox[inFullscreen="true"]:-moz-window-inactive { - transition: margin-top 1.3s var(--animation-easing-function) 50ms, - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - background-color 0.5s var(--animation-easing-function) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.decoration.animate")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.decoration.animate")), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.decoration.animate")), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.decoration.animate")) { - #navigator-toolbox { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - background-color 0.2s var(--animation-easing-function) !important; - } - #navigator-toolbox:is(:hover, :focus-within) { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: var(--uc-tabbar-height); - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-bm-height)); - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")) { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height)); - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height) + var(--uc-bm-height)); - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")) { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height)); - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height) + var(--uc-bm-height)); - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (not (-moz-bool-pref: "userChrome.autohide.navbar")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: var(--uc-bm-height); - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")) { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: var(--uc-navbar-height); - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height)); - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (not (-moz-bool-pref: "userChrome.autohide.bookmarkbar")) { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: var(--uc-navbar-height); - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar"), - screen and (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.tabbar")) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) { - --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height)); - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - :root:not([customizing]) #titlebar { - margin-bottom: var(--uc-tabbar-hide-height); - will-change: margin-bottom; - } - #TabsToolbar:not([customizing]) { - will-change: opacity; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")) { - #TabsToolbar:not([customizing]), - #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - opacity: 0; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { - opacity: 0; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #navigator-toolbox:is(:hover, :focus-within) > #titlebar { - margin-bottom: 0px; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")) { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar, - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container { - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { - opacity: 1; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - :root:not([customizing]) #titlebar { - margin-bottom: var(--uc-tabbar-hide-height); - will-change: margin-bottom; - } - #TabsToolbar:not([customizing]) { - will-change: opacity; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")) { - #TabsToolbar:not([customizing]), - #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - opacity: 0; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { - opacity: 0; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #navigator-toolbox:is(:hover, :focus-within) > #titlebar { - margin-bottom: 0px; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")) { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar, - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container { - opacity: 1; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") { - :root:not([customizing]) #titlebar { - margin-bottom: var(--uc-tabbar-hide-height); - will-change: margin-bottom; - } - #TabsToolbar:not([customizing]) { - will-change: opacity; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")) { - #TabsToolbar:not([customizing]), - #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - opacity: 0; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { - opacity: 0; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") { - #navigator-toolbox:is(:hover, :focus-within) > #titlebar { - margin-bottom: 0px; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")) { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar, - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container { - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) { - #titlebar:not([customizing]) { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - background-color 1s var(--animation-easing-function) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")) { - #TabsToolbar:not([customizing]), - #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") { - #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { - transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) { - #navigator-toolbox:is(:hover, :focus-within) { - transition-delay: 0s !important; - } - #navigator-toolbox:is(:hover, :focus-within) > #titlebar:not([customizing]) { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tabbar.on_bottom")) { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]), - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.tabbar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.on_bottom"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.on_bottom") { - #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) { - #nav-bar:not([customizing]) { - margin-bottom: var(--uc-navbar-hide-height); - opacity: 0; - will-change: margin-bottom, opacity; - } - #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { - margin-bottom: 0; - opacity: 1; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), - screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) { - #nav-bar:not([customizing]) { - margin-bottom: var(--uc-navbar-hide-height); - opacity: 0; - will-change: margin-bottom, opacity; - } - #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { - margin-bottom: 0; - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) { - #nav-bar:not([customizing]) { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.autohide.fill_urlbar"), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.autohide.fill_urlbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.autohide.fill_urlbar"), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.autohide.fill_urlbar") { - #nav-bar:not([customizing]) { - transition: margin-inline var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference), - (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) { - #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.bookmarkbar") { - #PersonalToolbar:not([customizing]) { - margin-bottom: var(--uc-bm-hide-height); - opacity: 0; - will-change: margin-bottom, opacity; - } -} -@media (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") and (not (-moz-bool-pref: "userChrome.autohide.toolbar_overlap.allow_layout_shift")) { - @supports not selector(:has(a)) { - #PersonalToolbar:not([customizing])[collapsed="true"] { - visibility: visible !important; - max-height: unset !important; - } - } -} -@media (-moz-bool-pref: "userChrome.autohide.bookmarkbar") { - #navigator-toolbox:is(:hover, :focus-within) #PersonalToolbar:not([customizing]) { - margin-bottom: 0; - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.autohide.bookmarkbar") and (prefers-reduced-motion: no-preference) { - #PersonalToolbar:not([customizing]) { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - min-height 170ms ease-out, max-height 170ms ease-out, var(--ext-theme-background-transition) !important; - } - #navigator-toolbox:is(:hover, :focus-within) #PersonalToolbar:not([customizing]) { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.infobar") { - #tab-notification-deck:not([customizing]) > .notificationbox-stack { - --infobar-height: calc( - 25px + (var(--infobar-button-vertical-margin, 4px) * 2) + var(--infobar-message-vertical-margin, 8px) - ); - } - #tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message { - --infobar-message-margin: 0 4px calc(-1 * var(--infobar-height)); - opacity: 0; - will-change: margin-bottom, opacity; - } - #navigator-toolbox:is(:hover, :focus-within) - #tab-notification-deck:not([customizing]) - > .notificationbox-stack[slot="selected"] - > notification-message { - --infobar-message-margin: 0 4px var(--infobar-message-vertical-margin, 8px); - opacity: 1; - } -} -@media (-moz-bool-pref: "userChrome.autohide.infobar") and (-moz-bool-pref: "userChrome.autohide.toolbar_overlap") { - #tab-notification-deck:not([customizing]) { - height: 0; - } -} -@media (-moz-bool-pref: "userChrome.autohide.infobar") and (prefers-reduced-motion: no-preference) { - #tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message { - transition: margin-bottom var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } - #navigator-toolbox:is(:hover, :focus-within) - #tab-notification-deck:not([customizing]) - > .notificationbox-stack[slot="selected"] - > notification-message { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.sidebar") { - #sidebar-box { - min-width: var(--uc-sidebar-width) !important; - max-width: var(--uc-sidebar-width) !important; - } - :root[inFullscreen="true"] #sidebar-box { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.sidebar") and (-moz-bool-pref: "userChrome.sidebar.overlap") { - #sidebar-header, - #sidebar { - min-width: var(--uc-sidebar-width) !important; - max-width: var(--uc-sidebar-width) !important; - will-change: min-width, max-width; - } - #sidebar-box:is(:hover, :focus-within), - #sidebar-box:has(#sidebar-switcher-target.active) { - --uc-sidebar-shadow-width: calc(var(--uc-sidebar-activate-width) - var(--uc-sidebar-width)); - } - #sidebar-box:is(:hover, :focus-within) > #sidebar-header, - #sidebar-box:is(:hover, :focus-within) > #sidebar, - #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, - #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } - :root[inFullscreen="true"] #sidebar-box { - --uc-sidebar-shadow-width: var(--uc-sidebar-fullscreen-width); - margin-inline-start: var(--uc-sidebar-activate-width-reverse) !important; - padding-inline-start: var(--uc-sidebar-fullscreen-width); - will-change: padding-inline-start, opacity, box-shadow, visibility; - } - :root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within) { - --uc-sidebar-shadow-width: var(--uc-sidebar-activate-width); - padding-inline-start: var(--uc-sidebar-activate-width); - } - :root[inFullscreen="true"] #sidebar-box #sidebar-header, - :root[inFullscreen="true"] #sidebar-box #sidebar { - min-width: calc(var(--uc-sidebar-activate-width)) !important; - max-width: calc(var(--uc-sidebar-activate-width)) !important; - will-change: unset; - } -} -@media (-moz-bool-pref: "userChrome.autohide.sidebar") and (-moz-bool-pref: "userChrome.sidebar.overlap") and (prefers-reduced-motion: no-preference) { - #sidebar-header, - #sidebar { - transition: min-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function) - var(--uc-autohide-sidebar-delay) !important; - } - #sidebar-box:is(:hover, :focus-within), - #sidebar-box:has(#sidebar-switcher-target.active) { - transition: margin-inline-start var(--uc-autohide-sidebar-speed) var(--animation-easing-function), - opacity var(--uc-autohide-sidebar-speed) ease-in-out, - box-shadow var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-speed), - visibility 0s linear !important; - } - #sidebar-box:is(:hover, :focus-within) > #sidebar-header, - #sidebar-box:is(:hover, :focus-within) > #sidebar, - #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header, - #sidebar-box:has(#sidebar-switcher-target.active) > #sidebar { - transition-delay: 0ms !important; - } - :root[inFullscreen="true"] #sidebar-box { - transition: padding-inline-start var(--uc-autohide-fullscreen-sidebar-speed) var(--animation-easing-function) - var(--uc-autohide-sidebar-delay), - opacity var(--uc-autohide-fullscreen-sidebar-speed) ease-in-out, - box-shadow calc(var(--uc-autohide-fullscreen-sidebar-speed) + 0.05s) var(--animation-easing-function), - visibility 0s linear !important; - } - :root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within), - :root[inFullscreen="true"] #sidebar-box:has(#sidebar-switcher-target.active) { - transition-delay: 0ms !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.sidebar") and (not (-moz-bool-pref: "userChrome.sidebar.overlap")) { - #sidebar-box { - --uc-sidebar-fullscreen-margin: calc(var(--uc-sidebar-fullscreen-width) + var(--uc-sidebar-activate-width-reverse)); - overflow: hidden; - will-change: min-width, max-width; - } - #sidebar-box:is(:hover, :focus-within), - #sidebar-box:has(#sidebar-switcher-target.active) { - min-width: var(--uc-sidebar-activate-width) !important; - max-width: var(--uc-sidebar-activate-width) !important; - } - :root[inFullscreen="true"] #sidebar-box:not([positionend="true"]) { - margin-inline-start: var(--uc-sidebar-fullscreen-margin) !important; - will-change: margin-inline-start; - } - :root[inFullscreen="true"] #sidebar-box:not([positionend="true"]):is(:hover, :focus-within) { - margin-inline-start: 0 !important; - } - :root[inFullscreen="true"] #sidebar-box[positionend="true"] { - margin-inline-end: var(--uc-sidebar-fullscreen-margin) !important; - will-change: margin-inline-end; - } - :root[inFullscreen="true"] #sidebar-box[positionend="true"]:is(:hover, :focus-within) { - margin-inline-end: 0 !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.sidebar") and (not (-moz-bool-pref: "userChrome.sidebar.overlap")) and (prefers-reduced-motion: no-preference) { - #sidebar-box { - transition: min-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function) - var(--uc-autohide-sidebar-delay), - max-width var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important; - } - #sidebar-box:is(:hover, :focus-within), - #sidebar-box:has(#sidebar-switcher-target.active) { - transition-delay: 0ms !important; - } - :root[inFullscreen="true"] #sidebar-box { - transition: margin-inline-start var(--uc-autohide-fullscreen-sidebar-speed) var(--animation-easing-function) - var(--uc-autohide-sidebar-delay) !important; - } - :root[inFullscreen="true"] #sidebar-box[positionend="true"] { - transition-property: margin-inline-end !important; - } - :root[inFullscreen="true"] #sidebar-box:is(:hover, :focus-within), - :root[inFullscreen="true"] #sidebar-box:has(#sidebar-switcher-target.active) { - transition-delay: 0ms !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.fill_urlbar") { - #nav-bar:not(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) #urlbar-container { - order: -1; - -moz-box-ordinal-group: 0; - min-width: calc( - var(--uc-navbar-width, 100vw) - - (2 * var(--urlbar-margin-inline) + var(--uc-window-drag-space-pre, 0px) + var(--uc-navbar-gap, 0px)) - ) !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.fill_urlbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") { - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) { - --uc-tabbar-width: calc(100vw - var(--uc-navbar-width-origin)); - } -} -@media (-moz-bool-pref: "userChrome.autohide.fill_urlbar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive")) { - #nav-bar { - transition: margin-inline var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) { - transition-delay: 0s !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.fill_urlbar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (min-width: 1100px) { - #nav-bar { - transition: margin-inline var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay), - var(--ext-theme-background-transition) !important; - } - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) { - transition-delay: 0s !important; - } -} -@media (-moz-bool-pref: "userChrome.autohide.fill_urlbar") and (prefers-reduced-motion: no-preference) and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) { - #urlbar-container { - transition: min-width var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay); - } - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) #urlbar-container { - transition-delay: 0s !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.autohide.fill_urlbar") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) { - #urlbar-container { - transition: min-width var(--uc-autohide-toolbar-speed) var(--animation-easing-function) - var(--uc-autohide-toolbar-delay); - } - #nav-bar:is(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) #urlbar-container { - transition-delay: 0s !important; - } -} -/** Hidden ********************************************************************/ -@media (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #TabsToolbar { - display: none !important; - } -} -@media (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) and (-moz-bool-pref: "userChrome.hidden.navbar") { - #nav-bar { - visibility: collapse; /* display: none is not work */ - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.tabbar") { - #TabsToolbar { - display: none !important; - } -} -@media screen and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) and (-moz-bool-pref: "userChrome.hidden.navbar") { - #nav-bar { - visibility: collapse; /* display: none is not work */ - } -} -@media (-moz-bool-pref: "userChrome.hidden.tab_icon") and (not (-moz-bool-pref: "userChrome.hidden.tab_icon.always")) { - .tabbrowser-tab:not([pinned="true"]) .tab-icon-image { - display: none; - } -} -@media (-moz-bool-pref: "userChrome.hidden.tab_icon") and (-moz-bool-pref: "userChrome.hidden.tab_icon.always") { - .tabbrowser-tab:not([pinned="true"]) .tab-icon-stack { - display: none; - } -} -@media (-moz-bool-pref: "userChrome.hidden.private_indicator") { - .private-browsing-indicator, - #private-browsing-indicator-with-label { - display: none; - } -} -@media (-moz-bool-pref: "userChrome.hidden.titlebar_container") { - .titlebar-buttonbox-container { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.hidden.sidebar_header") and (not (-moz-bool-pref: "userChrome.hidden.sidebar_header.vertical_tab_only")) { - #sidebar-header { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.hidden.sidebar_header") and (-moz-bool-pref: "userChrome.hidden.sidebar_header.vertical_tab_only") { - #sidebar-box:is( - [sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"], - [sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"], - [sidebarcommand="sidebartabs_asamuzak_jp-sidebar-action"] - ) - #sidebar-header { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.hidden.urlbar_iconbox") and (not (-moz-bool-pref: "userChrome.hidden.urlbar_iconbox.label_only")) { - #identity-box[pageproxystate="valid"].notSecureText #identity-icon-label, - #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box, - #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box { - display: none; - } - #identity-box[pageproxystate="valid"].notSecureText #identity-icon-box { - padding-inline-end: 5px; /* Original: 8px */ - } -} -@media (-moz-bool-pref: "userChrome.hidden.urlbar_iconbox") and (-moz-bool-pref: "userChrome.hidden.urlbar_iconbox.label_only") { - #identity-box[pageproxystate="valid"].notSecureText, - #identity-box[pageproxystate="valid"].chromeUI, - #identity-box[pageproxystate="valid"].extensionPage { - margin-inline-end: var(--identity-box-margin-inline) !important; - } - #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box:not(:hover), - #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box:not(:hover) { - background-color: transparent !important; - } -} -@media (-moz-bool-pref: "userChrome.hidden.urlbar_iconbox") and (-moz-bool-pref: "userChrome.hidden.urlbar_iconbox.label_only") and (not (-moz-bool-pref: "userChrome.urlbar.iconbox_with_separator")) { - #identity-box[pageproxystate="valid"].chromeUI #identity-icon-box, - #identity-box[pageproxystate="valid"].extensionPage #identity-icon-box { - padding-inline: var(--urlbar-icon-padding) !important; - } -} -@media (-moz-bool-pref: "userChrome.hidden.urlbar_iconbox") and (-moz-bool-pref: "userChrome.hidden.urlbar_iconbox.label_only") { - #identity-box[pageproxystate="valid"] #identity-icon-label { - display: none !important; - } -} -@media (-moz-bool-pref: "userChrome.hidden.bookmarkbar_icon") { - #PlacesToolbarItems .bookmark-item > .toolbarbutton-icon { - display: none; - } -} -@media (-moz-bool-pref: "userChrome.hidden.bookmarkbar_label") { - #PlacesToolbarItems .bookmark-item > .toolbarbutton-text { - visibility: collapse; /* display: none is not work */ - } -} - -@media (-moz-bool-pref: "userChrome.hidden.disabled_menu") { - menu[disabled="true"], - menuitem:not(#context-back, #context-forward)[disabled="true"] { - visibility: collapse !important; - } -} -@media (-moz-bool-pref: "userChrome.hidden.disabled_menu") and (-moz-bool-pref: "widget.macos.native-context-menus"), - (-moz-bool-pref: "userChrome.hidden.disabled_menu") and (-moz-bool-pref: "widget.gtk.native-context-menus") { - #context-back[disabled="true"], - #context-forward[disabled="true"] { - visibility: collapse !important; - } -} -/** Icons *********************************************************************/ -@media not (-moz-bool-pref: "userChrome.icon.disabled") { - /** Icons - List **************************************************************/ - :root { - --uc-folder-icon: url("chrome://global/skin/icons/folder.svg"); - --uc-tab-icon: url("../icons/tab.svg"); - --uc-tab-copy-icon: url("../icons/tab-copy.svg"); - --uc-tab-unload-icon: url("../icons/tab-unload.svg"); - --uc-tab-multiple-icon: url("../icons/tab-desktop-multiple.svg"); - --uc-new-tab-icon: url("../icons/new-tab.svg"); - --uc-new-tab-forward-icon: url("../icons/new-tab-forward.svg"); - --uc-new-tab-skip-forward-icon: url("../icons/new-tab-skip-forward.svg"); - --uc-new-tab-multiple-icon: url("../icons/new-tab-multiple.svg"); - --uc-sidebar-icon: url("chrome://browser/skin/sidebars.svg"); - --uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars-right.svg"); - } - /** Library - Icons Replace ***************************************************/ - /** Panel - Icons *************************************************************/ - /** Menu - Icons Layout *******************************************************/ - /** Icons - 1.25px Stroke Width ***********************************************/ - /** Icons for fork browsers ***************************************************/ - /*= Waterfox =================================================================*/ - /*= Tor Browser ==============================================================*/ - /*= Floorp Browser ===========================================================*/ -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.library") { - :root { - --uc-folder-icon: url("../icons/folder.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.tab.connect_to_window") { - :root { - --uc-tab-icon: url("../icons/tab-photon.svg"); - --uc-tab-copy-icon: url("../icons/tab-copy-photon.svg"); - --uc-tab-unload-icon: url("../icons/tab-unload-photon.svg"); - --uc-tab-multiple-icon: url("../icons/tab-multiple.svg"); - --uc-new-tab-icon: url("../icons/new-tab-photon.svg"); - --uc-new-tab-forward-icon: url("../icons/new-tab-forward-photon.svg"); - --uc-new-tab-skip-forward-icon: url("../icons/new-tab-skip-forward-photon.svg"); - } -} -@media not (-moz-bool-pref: "userChrome.icon.disabled") { - @supports selector(:has(a)) { - :root:has(#sidebar-box[positionend="true"]) { - --uc-sidebar-icon: url("chrome://browser/skin/sidebars-right.svg"); - --uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars.svg"); - } - } -} -@media not (-moz-bool-pref: "userChrome.icon.disabled") { - #TabsToolbar #new-tab-button { - --uc-new-tab-icon: url(chrome://global/skin/icons/plus.svg); - } -} -@media not (-moz-bool-pref: "userChrome.icon.disabled") { - .urlbarView-row[source="tabs"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon, - #urlbar-engine-one-off-item-tabs { - list-style-image: var(--uc-tab-icon) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.library") { - /*= Standard Folder - More Visible ===========================================*/ - /* on Toolbar and Menus */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer]), - :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, container), - #editBMPanel_folderMenuList:not([selectedGuid="toolbar_____"], [selectedGuid="menu________"]), - #editBMPanel_folderMenuList .folder-icon:not([id]), - .downloadIconShow > .button-box > .button-icon { - list-style-image: var(--uc-folder-icon) !important; - } - /* Standard Folder - Open */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer])[open="true"], - :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, container, open) { - list-style-image: url("../icons/folder-open.svg") !important; - } - /*= Other Folder - Inbox Icon ================================================*/ - /* on Menus */ - #PlacesToolbar #OtherBookmarks, - #BMB_bookmarksPopup #BMB_unsortedBookmarks, - #bookmarksMenuPopup #menu_unsortedBookmarks, - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks), - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_unfiled_____), - #editBMPanel_unfiledRootItem, - #editBMPanel_folderMenuList[selectedGuid="unfiled_____"] { - list-style-image: url("../icons/mail-inbox-all.svg") !important; - } - /* Other Folder - Open */ - #PlacesToolbar #OtherBookmarks[open="true"], - #BMB_bookmarksPopup #BMB_unsortedBookmarks[open="true"], - #bookmarksMenuPopup #menu_unsortedBookmarks[open="true"], - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, OrganizerQuery_UnfiledBookmarks), - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_unfiled_____) { - list-style-image: url("../icons/mail-inbox.svg") !important; - } - /*= Default Icon - Override ===================================================*/ - /* https://github.com/mozilla/gecko-dev/blob/master/browser/themes/shared/places/tree-icons.css */ - /* Query */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query) { - list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important; - } - /* History */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, dayContainer), - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(query, OrganizerQuery_history____v) { - list-style-image: url("chrome://browser/skin/history.svg") !important; - } - /* Downloads */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important; - } - /* Tag */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, tagContainer), - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v), - .bookmark-item[query][tagContainer] { - list-style-image: url("../icons/tag.svg") !important; - } - /* Bookmark */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) { - list-style-image: url("chrome://browser/skin/bookmark.svg") !important; - } - /* Bookmark Toolbar */ - #BMB_bookmarksPopup #BMB_bookmarksToolbar, - #bookmarksMenuPopup #bookmarksToolbarFolderMenu, - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_toolbar_____), - #editBMPanel_folderMenuList[selectedGuid="toolbar_____"], - #editBMPanel_toolbarFolderItem, - #bookmarksToolbarFolderMenu, - #BMB_bookmarksToolbar, - #panelMenu_bookmarksToolbar, - #bookmarks-toolbar-button, - #bookmarks-toolbar-placeholder { - list-style-image: url("../icons/bookmarks-toolbar-alt.svg") !important; - } - /* Bookmark Menu */ - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_menu________) { - list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important; - } - /*= Default Icon - Open ======================================================*/ - /* Query */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"][query="true"]:not([tagContainer])[open="true"] - > .menu-iconic-left - > .menu-iconic-icon { - transform: rotate(15deg) !important; - } - /* History */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, dayContainer), - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(query, open, OrganizerQuery_history____v) { - list-style-image: url("../icons/history-reverse.svg") !important; - } - /* Tag */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"][tagContainer="true"][open="true"], - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, tagContainer), - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_tags_______v) { - list-style-image: url("../icons/tag-open.svg") !important; - } - /* Bookmark */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) { - list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important; - } - /* Bookmark Toolbar */ - #BMB_bookmarksPopup #BMB_bookmarksToolbar[open="true"], - #bookmarksMenuPopup #bookmarksToolbarFolderMenu[open="true"], - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_toolbar_____) { - list-style-image: url("../icons/bookmarksToolbar-open-alt.svg") !important; - } - /* Bookmark Menu */ - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_menu________) { - list-style-image: url("../icons/bookmarksMenu-open.svg") !important; /* or bookmarksMenu-open2.svg" */ - } - @-moz-document url("chrome://browser/content/places/places.xhtml") - { - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.library") and (-moz-gtk-csd-available) { - /*= Menubar - Icons ==========================================================*/ - #organizeButton, - #viewMenu, - #maintenanceButton, - #back-button, - #forward-button, - #clearDownloadsButton { - fill: currentColor !important; - -moz-context-properties: fill, fill-opacity, stroke !important; - } - /* Add */ - #organizeButton { - list-style-image: url("chrome://global/skin/icons/settings.svg") !important; - } - #viewMenu { - list-style-image: url("../icons/sort.svg") !important; - } - #maintenanceButton { - list-style-image: url("../icons/import-export.svg") !important; - } - #clearDownloadsButton { - list-style-image: url("chrome://global/skin/icons/delete.svg") !important; - } - #clearDownloadsButton > .toolbarbutton-icon { - display: inline-flex !important; - display: -moz-inline-box !important; - margin-top: 0; - margin-bottom: 0; - margin-inline-start: 0; - margin-inline-end: 2px; - } - /* Replace */ - #back-button { - list-style-image: url("chrome://browser/skin/back.svg") !important; - } - #forward-button { - list-style-image: url("chrome://browser/skin/forward.svg") !important; - } - #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, - #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - transform: scaleX(-1) !important; - } - } - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - /*= Padding ==================================================================*/ - :root { - --arrowpanel-menuicon-padding: 8px; - --arrowpanel-menublank-padding: calc( - var(--arrowpanel-menuicon-padding) * 2 + var(--arrowpanel-menuitem-padding-inline) - ) !important; - --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important; - --arrowpanel-menuimageblank-padding-block: calc(var(--arrowpanel-menuitem-padding-block) - 2px) !important; - } - .subviewbutton > .toolbarbutton-icon { - width: 16px; - } - /* Icons Color */ - /*= Panel - Main =============================================================*/ - /*= Panel - Account ==========================================================*/ - /* Default */ - /* Change Separator */ - /*= Panel - Bookmark =========================================================*/ - /*= Panel - History ==========================================================*/ - /*= Panel - More tools =======================================================*/ - /* Web Developer Tools */ - /* Task Manager */ - /* Remote Debugging - Edge bug.svg */ - /* Browser Toolbox - Edge webdeveloper.svg */ - /* Browser Content Toolbox */ - /* Browser Console */ - /* Responsive Design Mode */ - /* Eyedropper */ - /* Page Source - Edge file-search.svg */ - /* Extensions for Devel */ - /*= Panel - Help =============================================================*/ - /*= Panel - Library ==========================================================*/ - /*= Panel - Downloads ========================================================*/ - /*= Toolbar - Overflow Menu ==================================================*/ - /*= Tabbar - All Tab Menu ====================================================*/ - /*= BMB_bookmarksPopup =======================================================*/ - /* BMB_bookmarksToolbarPopup */ - /*= protections-popup ========================================================*/ - /*= identity-popup ===========================================================*/ - /*= sidebarMenu-popup ========================================================*/ - /*= unified-extensions-view ===================================================*/ - /*= Compatibility ============================================================*/ - /*= Tab Mix Plus =============================================================*/ -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (not (-moz-bool-pref: "userChrome.icon.panel_full")) { - :root { - /* Global */ - --arrowpanel-menuicon-paddingx2: calc(var(--arrowpanel-menuicon-padding) * 2); - /* General Panel */ - --arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-paddingx2) + 8px) !important; - --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important; - /* Blank Menu Left Padding */ - --arrowpanel-menuimageblank-padding-horizontal: calc( - var(--arrowpanel-menuicon-paddingx2) + var(--arrowpanel-menuitem-padding-inline) - ); - --arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding-block) + 1px); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #downloadsHistory .button-text, - .subviewbutton > .toolbarbutton-text { - padding-inline-start: var(--arrowpanel-menuicon-padding) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - .toolbaritem-combined-buttons:not(.unified-extensions-item) - > .subviewbutton:not(.subviewbutton-iconic) - > .toolbarbutton-text { - padding-inline-start: 0 !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #panelMenu_bookmarksMenu .subviewbutton[disabled="true"] .toolbarbutton-text, - #appMenu_historyMenu .subviewbutton[disabled="true"] .toolbarbutton-text { - padding-inline-start: var(--arrowpanel-menublank-padding) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-proton-update-banner .toolbarbutton-text { - margin-inline-start: 0 !important; - padding-inline-start: 0 !important; /* FF v107 */ - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-multiView .subviewbutton::before, - #appMenu-proton-update-banner::before { - display: inline-flex; - display: -moz-inline-box; - margin-inline-end: var(--arrowpanel-menuicon-padding); - width: 16px; - height: 16px; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-proton-update-banner { - margin-bottom: 2px !important; - padding-inline-start: var(--arrowpanel-menuitem-padding-inline) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-fxa-status2, - #appMenu-zoom-controls2, - #appMenu-zoom-controls { - align-items: center; - padding-top: var(--arrowpanel-menuimageblank-padding-block) !important; - padding-bottom: var(--arrowpanel-menuimageblank-padding-block) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-zoom-controls2::before, - #appMenu-zoom-controls::before { - margin-inline-end: 0 !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-zoomReduce-button2, - #appMenu-zoomReset-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 { - --arrowpanel-menuitem-padding-block: 0px; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - .subviewbutton[type="checkbox"]:not([checked="true"], #allTabsMenu_sortTabsButton) > .toolbarbutton-text { - margin-left: 16px !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-multiView .subviewbutton::before, - #appMenu-proton-update-banner::before, - #downloadsHistory .button-icon, - .subviewbutton:not(#appMenu-proton-update-banner) > image { - fill: currentColor !important; - fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important; - -moz-context-properties: fill, fill-opacity, stroke !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-zoomReduce-button2 > .toolbarbutton-icon, - #appMenu-zoomEnlarge-button2 > .toolbarbutton-icon { - stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon, - #appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon { - stroke: var(--button-hover-bgcolor) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - .subviewbutton[disabled="true"] > image { - /* Ghost icons when disabled */ - opacity: 0.4; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon { - display: inline-flex !important; - display: -moz-inline-box !important; - margin-inline-start: var(--arrowpanel-menuicon-padding); - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-proton-update-banner::before { - content: url("../icons/whatsnew.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-fxa-status2::before { - /* Don't exist img tag */ - content: url("chrome://browser/skin/fxa/avatar-empty.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-fxa-status2:is([fxastatus="signedin"], [fxastatus="unverified"], [fxastatus="login-failed"])::before { - display: none; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-fxa-status2:is([fxastatus="signedin"], [fxastatus="unverified"], [fxastatus="login-failed"]) - #appMenu-fxa-label2::before { - /* url("https://profile.accounts.firefox.com/v1/avatar/a") */ - content: ""; - border-radius: 50% !important; - background-size: 16px !important; - background-image: var(--avatar-image-url) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #new-tab-button { - list-style-image: var(--uc-new-tab-icon) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.panel_full"), - (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.panel_photon") { - #appMenu-new-tab-button2 { - list-style-image: var(--uc-new-tab-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.panel_photon") { - #appMenu-save-file-button2, - #appMenu-find-button2, - #appMenu-more-button2 { - padding-top: var(--arrowpanel-menuitemblank-padding) !important; - padding-bottom: var(--arrowpanel-menuitemblank-padding) !important; - } - #appMenu-zoom-controls2, - #appMenu-zoom-controls { - padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (not (-moz-bool-pref: "userChrome.icon.panel_photon")) and (not (-moz-bool-pref: "userChrome.icon.panel_full")) { - #appMenu-new-tab-button2, - #appMenu-passwords-button, - #appMenu-extensions-themes-button, - #appMenu-save-file-button2, - #appMenu-find-button2, - #appMenu-more-button2, - #appMenu-help-button2, - #appMenu-quit-button2 { - padding-top: var(--arrowpanel-menuitemblank-padding-block) !important; - padding-bottom: var(--arrowpanel-menuitemblank-padding-block) !important; - } - #appMenu-zoom-controls2, - #appMenu-zoom-controls { - padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-new-window-button2 { - list-style-image: url("chrome://browser/skin/window.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-new-private-window-button2 { - list-style-image: url("chrome://browser/skin/privateBrowsing.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-bookmarks-button { - list-style-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-history-button { - list-style-image: url("chrome://browser/skin/history.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-downloads-button { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.panel_full"), - (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.panel_photon") { - #appMenu-passwords-button { - list-style-image: url("chrome://browser/skin/login.svg"); - } - #appMenu-extensions-themes-button { - list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-print-button2 { - list-style-image: url("chrome://global/skin/icons/print.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.panel_full") { - #appMenu-save-file-button2 { - list-style-image: url("../icons/toolbarButton-download.svg"); - } - #appMenu-find-button2 { - list-style-image: url("chrome://global/skin/icons/search-glass.svg"); - } - #appMenu-translate-button { - list-style-image: url("../icons/translations.svg"); - } - #appMenu-zoom-controls2::before, - #appMenu-zoom-controls::before { - content: url("../icons/screenshot.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #save-page-button { - list-style-image: url("../icons/toolbarButton-download.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #open-file-button { - list-style-image: url("../icons/toolbarButton-upload.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #cut-button { - list-style-image: url("../icons/edit-cut.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #copy-button { - list-style-image: url("../icons/edit-copy.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #paste-button { - list-style-image: url("../icons/edit-paste.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #characterencoding-button { - list-style-image: url("../icons/characterEncoding.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #screenshot-button { - list-style-image: url("../icons/screenshot-1.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #email-link-button { - list-style-image: url("../icons/mail.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #panic-button { - list-style-image: url("../icons/forget.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #profiler-button-button > .toolbarbutton-icon { - list-style-image: url("../icons/performance.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #developer-button { - list-style-image: url("../icons/wrench-filled.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-settings-button { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.panel_full") { - #appMenu-more-button2 { - list-style-image: url("../icons/ion.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.panel_full"), - (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.panel_photon") { - #appMenu-help-button2 { - list-style-image: url("chrome://global/skin/icons/help.svg"); - } - #appMenu-quit-button2 { - list-style-image: url("../icons/quit.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-fxa-menu-connect-device-button .toolbarbutton-icon, - #PanelUI-fxa-menu-account-signout-button .toolbarbutton-icon { - width: 16px !important; - height: 16px !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #fxa-manage-account-button::before { - content: ""; - display: inline-flex; - display: -moz-inline-box; - width: 32px !important; - height: 32px !important; - border-radius: 50%; - background-size: 32px; - background-image: var(--avatar-image-url); - margin-inline-end: var(--arrowpanel-menuicon-padding); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.account_image_to_right") { - #fxa-manage-account-button::before { - order: 2 !important; - -moz-box-ordinal-group: 2 !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "userChrome.icon.account_label_to_right") { - #fxa-menu-header-title, - #fxa-menu-header-description { - text-align: right; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - .syncNowBtn { - visibility: visible !important; - order: -1 !important; - -moz-box-ordinal-group: 0 !important; - margin-inline-end: var(--arrowpanel-menuicon-padding); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-fxa-menu-setup-sync-button { - list-style-image: url("chrome://browser/skin/sync.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-fxa-menu-connect-device-button { - list-style-image: url("../icons/add-device.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-fxa-menu-sendtab-button { - list-style-image: url("../icons/send-to-device.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-fxa-menu-sync-prefs-button { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-fxa-menu-account-signout-button { - list-style-image: url("../icons/sign-out.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-remotetabs-view-managedevices::before { - /* Box */ - content: ""; - padding-inline-end: 16px; - padding-block: 1px; - margin-inline-end: var(--arrowpanel-menuicon-padding); - /* Color */ - fill: currentColor; - fill-opacity: var(--toolbarbutton-icon-fill-opacity); - -moz-context-properties: fill, fill-opacity, stroke; - background-size: 16px; - background-repeat: no-repeat; - background-position: left center; - background-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - .PanelUI-remotetabs-notabsforclient-label { - margin-inline-start: calc( - var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding-inline) - ) !important; - padding-inline-start: var(--arrowpanel-menublank-padding) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-fxa-menu::before { - content: ""; - display: flex; - display: -moz-box; - border-bottom: 1px solid var(--panel-separator-color); - margin: var(--panel-separator-margin); - padding: 0; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-fxa-menu > :first-child { - order: -1; - -moz-box-ordinal-group: 0; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-sign-out-separator { - display: none; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""], - .sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] { - list-style-image: url("../icons/send-to-device.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]), - .sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #panelMenuBookmarkThisPage { - list-style-image: url("chrome://browser/skin/bookmark-hollow.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - panelMenuBookmarkThisPage[starred] { - list-style-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #panelMenu_searchBookmarks { - list-style-image: url("chrome://global/skin/icons/search-glass.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #panelMenu_viewBookmarksToolbar { - list-style-image: url("../icons/bookmarks-toolbar-alt.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #panelMenu_showAllBookmarks { - list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenuRecentlyClosedTabs { - list-style-image: var(--uc-tab-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenuRecentlyClosedWindows { - list-style-image: url("chrome://browser/skin/window.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenuSearchHistory { - list-style-image: url("chrome://global/skin/icons/search-glass.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenuRestoreSession, - #appMenu-restoreSession { - list-style-image: url("../icons/restore-session.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenuClearRecentHistory { - list-style-image: url("../icons/forget.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #PanelUI-historyMore { - list-style-image: url("chrome://browser/skin/history.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-library-recentlyClosedTabs { - list-style-image: url("../icons/movetowindow-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-library-recentlyClosedWindows { - list-style-image: url("../icons/restore-session.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-moreTools-button { - list-style-image: url("chrome://browser/skin/customize.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-child(1), - #PanelUI-developer-tools-view .subviewbutton:nth-child(1) { - list-style-image: url("../icons/developer.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-child(2), - #PanelUI-developer-tools-view .subviewbutton:nth-child(2) { - list-style-image: url("../icons/performance.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-child(3), - #PanelUI-developer-tools-view .subviewbutton:nth-child(3) { - list-style-image: url("../icons/bug.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-child(4), - #PanelUI-developer-tools-view .subviewbutton:nth-child(4) { - list-style-image: url("../icons/window-dev-tools.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-child(5), - #PanelUI-developer-tools-view .subviewbutton:nth-child(5) { - list-style-image: url("../icons/command-frames.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-last-child(5), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) { - list-style-image: url("../icons/command-console.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-last-child(4), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(4) { - list-style-image: url("../icons/command-responsivemode.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-last-child(3), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) { - list-style-image: url("../icons/command-eyedropper.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-last-child(2), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(2) { - list-style-image: url("../icons/document-search.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:nth-last-child(1), - #PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) { - list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appmenu-developer-tools-view .subviewbutton:last-child { - margin-bottom: 6px !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu_menu_openHelp { - list-style-image: url("chrome://global/skin/icons/help.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu_feedbackPage { - list-style-image: url("../icons/send.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu_helpSafeMode { - list-style-image: url("chrome://devtools/skin/images/debugging-workers.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu_troubleShooting { - list-style-image: url("chrome://global/skin/icons/more.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-report-broken-site-button, - #appMenu_help_reportSiteIssue { - list-style-image: url("chrome://global/skin/icons/lightbulb.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu_menu_HelpPopup_reportPhishingtoolmenu { - list-style-image: url("chrome://global/skin/icons/warning.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu_helpSwitchDevice { - list-style-image: url("../icons/add-device.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu_aboutName { - list-style-image: url("chrome://global/skin/icons/info.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-library-bookmarks-button { - list-style-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-library-history-button { - list-style-image: url("chrome://browser/skin/history.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-library-downloads-button { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #downloadsHistory { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #downloadsHistory .box-inherit.button-box { - display: inline-flex !important; - display: -moz-inline-box !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #overflowMenu-customize-button { - list-style-image: url("chrome://browser/skin/customize.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #allTabsMenu-undoCloseTab { - list-style-image: url("../icons/undo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #allTabsMenu-searchTabs { - list-style-image: url("chrome://global/skin/icons/search-glass.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #allTabsMenu-containerTabsButton { - list-style-image: url("../icons/container-openin-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #allTabsMenu-hiddenTabsButton { - list-style-image: url("../icons/eye-hide.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #allTabsMenu-containerTabsView .subviewbutton:last-child { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #BMB_viewBookmarksSidebar { - --menuitem-image: var(--uc-sidebar-icon); - } - #BMB_viewBookmarksSidebar[data-l10n-args='{"isVisible":true}'] { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #BMB_searchBookmarks { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #BMB_bookmarksShowAllTop, - #BMB_bookmarksShowAll { - --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #BMB_bookmarksToolbar { - --menuitem-image: url("../icons/bookmarks-toolbar-alt.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #BMB_bookmarksShowAllTop { - list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important; - } - #BMB_bookmarksShowAllTop > .menu-iconic-left { - display: flex !important; - display: -moz-box !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #BMB_viewBookmarksToolbar[data-l10n-args='{"isVisible":true}'] { - --menuitem-image: url("../icons/eye-hide.svg"); - } - #BMB_viewBookmarksToolbar[data-l10n-args='{"isVisible":false}'] { - --menuitem-image: url("../icons/eye-show.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #protections-popup-settings-button > .protections-popup-settings-icon, - #protections-popup-show-report-button > .protections-popup-show-report-icon { - -moz-context-properties: fill, fill-opacity, stroke; - fill: currentColor; - margin-inline-end: 1em; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #protections-popup-settings-button > .protections-popup-settings-icon, - #protections-popup-multiView .panel-subview-footer-button { - list-style-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #protections-popup-show-report-button > .protections-popup-show-report-icon { - /* chrome://browser/skin/controlcenter/dashboard.svg */ - list-style-image: url("../icons/dashboard.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #identity-popup-clear-sitedata-button, - #identity-popup-more-info { - padding-inline: 5px !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #identity-popup-securityView-body { - margin-inline-start: 32px !important; /* Original: 10px */ - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #identity-popup-clear-sitedata-button { - list-style-image: url("../icons/broom.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #identity-popup-more-info.subviewbutton { - list-style-image: url("chrome://global/skin/icons/info.svg"); - } - #identity-popup-more-info:is(menuitem) { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #sidebar-switcher-bookmarks.subviewbutton { - list-style-image: url("chrome://browser/skin/bookmark.svg"); - } - #sidebar-switcher-bookmarks:is(menuitem) { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #sidebar-switcher-history.subviewbutton { - list-style-image: url("chrome://browser/skin/history.svg"); - } - #sidebar-switcher-history:is(menuitem) { - --menuitem-image: url("chrome://browser/skin/history.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #sidebar-switcher-tabs.subviewbutton { - list-style-image: url("../icons/synced-tabs.svg"); - } - #sidebar-switcher-tabs:is(menuitem) { - --menuitem-image: url("../icons/synced-tabs.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #sidebar-reverse-position.subviewbutton { - list-style-image: var(--uc-sidebar-icon-reverse); - } - #sidebar-reverse-position:is(menuitem) { - --menuitem-image: var(--uc-sidebar-icon-reverse); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #sidebarMenu-popup > *.subviewbutton[data-l10n-id="sidebar-menu-close"] { - list-style-image: url("chrome://global/skin/icons/close.svg"); - } - #sidebarMenu-popup > *:is(menuitem)[data-l10n-id="sidebar-menu-close"] { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #unified-extensions-manage-extensions { - list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - .sync-engine-tabs .checkbox-icon, - .sync-engine-tabs.sync-engine-image, - #sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon, - #sync-button { - list-style-image: url("../icons/synced-tabs.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #allTabsMenu_sortTabsButton { - list-style-image: url("../icons/text-sort-ascending.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, - #main-menubar > menu { - -moz-appearance: none !important; /* Linux: menulist */ - } - /* Icon */ - #main-menubar > menu, - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #context_sendTabToDevicePopupMenu, - #context-sendpagetodevice-popup, - #context-sendlinktodevice-popup, - #frame > menupopup, - #spell-dictionaries-menu - ) - > menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - .openintabs-menuitem, - #blockedPopupDontShowMessage, - #BMB_viewBookmarksToolbar, - #sidebarMenu-popup:is(menupopup), - #context_openANewTab.tabmix-newtab-menu-icon { - /* Color */ - -moz-context-properties: fill, fill-opacity, stroke !important; - fill: currentColor !important; - stroke: currentColor; - /* Layout */ - background-size: 16px !important; - background-repeat: no-repeat !important; - background-image: var(--menuitem-image); - } - #tabContextMenu > .tabmix-newtab-menu-icon { - -moz-context-properties: fill, fill-opacity, stroke !important; - fill: currentColor !important; - } - /* For native context menus */ - /* Padding */ - /* Menubar */ - /* Padding - Non Native */ - /* Padding - Windows */ - /* Padding - Linux */ - /* Padding - Mac */ - /*= Bookmark Menu - Layout ===================================================*/ - /* #goPopup(Legacy of historyMenuPopup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu - * #BMB_bookmarksPopup: looks like arrow panel - */ - /* Empty Menu */ - /* Bookmark Popup - As Arrow Panel */ - /* Windows */ - /* Windows 7, 8 */ - /* Linux */ -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "widget.macos.native-context-menus"), - (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "widget.gtk.native-context-menus") { - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - :root { - --uc-menu-background-position: left; - --context-menu-background-padding-default: 5px; - --context-menu-background-padding: var(--context-menu-background-padding-default); - } - :root:-moz-locale-dir(rtl) { - --uc-menu-background-position: right; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic), - :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup:not(.in-menulist) > menu:not(.menu-iconic), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #context_sendTabToDevicePopupMenu, - #context-sendpagetodevice-popup, - #context-sendlinktodevice-popup, - #frame > menupopup, - #spell-dictionaries-menu - ) - > menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - .openintabs-menuitem, - #blockedPopupDontShowMessage, - #BMB_viewBookmarksToolbar, - #sidebarMenu-popup:is(menupopup), - #context_openANewTab.tabmix-newtab-menu-icon { - background-position: var(--uc-menu-background-position) var(--context-menu-background-padding) center !important; - padding-inline-start: var(--context-menu-background-padding) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - #sidebarMenu-popup:is(menupopup):not(panel) { - --context-menu-background-padding: var(--context-menu-background-padding-default); - padding-inline-start: 0 !important; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > #sidebarMenu-popup:is(menupopup):not(panel) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) { - padding-inline-start: 28px !important; - margin-inline-start: var(--arrowpanel-menuitem-margin-inline) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menubar") { - #main-menubar > menu { - background-position: var(--uc-menu-background-position) var(--context-menu-background-padding-default) center !important; - padding-inline-start: calc(16px + var(--context-menu-background-padding-default)) !important; - padding-inline-end: 3px; - } - #main-menubar > menu:first-child { - background-position: var(--uc-menu-background-position) calc(3px + var(--context-menu-background-padding-default)) - center !important; - padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important; - } - #main-menubar > menu menupopup { - --menuitem-image: none; /* Prevent Image Inheritance */ - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menubar") and (not (-moz-bool-pref: "userChrome.padding.global_menubar")) { - #main-menubar > menu { - padding-block: 2px !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-platform: windows) and (-moz-platform: windows), - (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-gtk-csd-available) and (-moz-platform: windows) { - :root { - --context-menu-background-padding: 1em; - --context-menu-text-padding-default: 24px; - --context-menu-text-padding: var(--context-menu-text-padding-default); - --menu-background-padding-default: calc(var(--context-menu-background-padding) + var(--context-menu-text-padding)); - --bookmark-menu-icon-align-padding: 0px; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #context_sendTabToDevicePopupMenu, - #context-sendpagetodevice-popup, - #context-sendlinktodevice-popup, - #frame > menupopup, - #spell-dictionaries-menu - ) - > menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - .openintabs-menuitem, - #blockedPopupDontShowMessage, - #BMB_viewBookmarksToolbar, - #sidebarMenu-popup:is(menupopup), - #context_openANewTab.tabmix-newtab-menu-icon { - padding-inline-start: var(--menu-background-padding-default) !important; - margin-left: 0 !important; - } - .menupopup-arrowscrollbox { - padding-inline: 0 !important; /* Original: padding: var(--panel-padding); --panel-padding-block: 4px; */ - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available), - (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - :root { - --context-menu-background-padding: 1em; - --context-menu-text-padding-default: 24px; - --context-menu-text-padding: var(--context-menu-text-padding-default); - --menu-background-padding-default: calc(var(--context-menu-background-padding) + var(--context-menu-text-padding)); - --bookmark-menu-icon-align-padding: 0px; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is( - #context_sendTabToDevicePopupMenu, - #context-sendpagetodevice-popup, - #context-sendlinktodevice-popup, - #frame > menupopup, - #spell-dictionaries-menu - ) - > menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - .openintabs-menuitem, - #blockedPopupDontShowMessage, - #BMB_viewBookmarksToolbar, - #sidebarMenu-popup:is(menupopup), - #context_openANewTab.tabmix-newtab-menu-icon { - padding-inline-start: var(--menu-background-padding-default) !important; - margin-left: 0 !important; - } - .menupopup-arrowscrollbox { - padding-inline: 0 !important; /* Original: padding: var(--panel-padding); --panel-padding-block: 4px; */ - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-platform: windows) { - :root { - --bookmark-menu-icon-text-padding: calc( - var(--context-menu-text-padding) + var(--arrowpanel-menuitem-padding-inline) - ); - --bookmark-menu-icon-background-padding: calc( - var(--arrowpanel-menuitem-padding-inline) + var(--bookmark-menu-icon-align-padding) - ); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-gtk-csd-available) { - :root { - --context-menu-background-padding-default: 6px; - --context-menu-text-padding: 21px; - } - #main-menubar > menu > .menubar-text { - padding-inline-start: 3px; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root { - --context-menu-background-padding-default: 10px; - --context-menu-mac-padding: 21px; - } - /* context menu width */ - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]), - #blockedPopupDontShowMessage { - padding-inline-end: var(--context-menu-background-padding) !important; - } - /* text position */ - :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup:not(.in-menulist) > menuitem > .menu-text, - :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup:not(.in-menulist) > menu > .menu-text { - padding-inline-start: var(--context-menu-mac-padding) !important; - } - /* Checkbox menuitem, None iconic menu */ - :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup:not(.in-menulist) > menuitem[type="checkbox"] { - padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important; - } - /* Global Menu */ - /* Exeptions */ -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") and (-moz-bool-pref: "userChrome.icon.global_menu.mac") { - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menuitem:not(.menuitem-iconic, .bookmark-item), - menupopup:is( - #menu_FilePopup, - #menu_EditPopup, - #menu_viewPopup, - #goPopup, - #historyMenuPopup, - #bookmarksMenuPopup, - #menu_ToolsPopup, - #windowPopup, - #menu_HelpPopup, - #usercssloader-menupopup - ) - menu:not(.menu-iconic) { - list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #unified-extensions-context-menu > menuitem::before { - padding-inline: 0 !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) { - padding-inline-start: 0 !important; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked] { - padding-left: 4px !important; - background-image: none !important; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"] { - padding-left: calc(var(--context-menu-mac-padding) - 8px) !important; - } - :not(menu, #ContentSelectDropdown, #context-navigation) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic):has(.menu-iconic-left)[checked="true"] - .menu-iconic-text { - padding-left: 8px !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - menupopup menupopup[emptyplacesresult] .menu-text, - #PersonalToolbar menupopup[emptyplacesresult] .menu-text { - margin-inline-start: 0 !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - #BMB_bookmarksPopup, - #PersonalToolbar { - --context-menu-background-padding: var(--arrowpanel-menuitem-padding-inline); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-platform: windows) { - /* Bookmark Popup - None icon menu */ - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic), - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { - margin-inline: var(--arrowpanel-menuitem-margin-inline) !important; - padding-inline-start: var(--bookmark-menu-icon-text-padding) !important; - background-position: var(--uc-menu-background-position) var(--bookmark-menu-icon-background-padding) center !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-gtk-csd-available) { - /* Global Menu */ - menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) .bookmark-item { - padding-inline-start: var(--context-menu-background-padding) !important; - } - /* Bookmark Popup - Iconic menu */ - #BMB_bookmarksPopup .menu-iconic-text, - #PersonalToolbar menupopup[placespopup="true"] .bookmark-item .menu-iconic-text { - margin-inline-start: -1px !important; - } - /* Bookmark Popup - None icon menu */ - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic), - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { - padding-inline-start: calc(var(--context-menu-background-padding) + 2px) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.theme.non_native_menu") { - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic), - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { - margin-inline: var(--arrowpanel-menuitem-margin-inline) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-gtk-csd-available) { - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]) .menu-text, - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic) .menu-text, - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]) .menu-text, - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) .menu-text { - margin-inline-start: var(--context-menu-text-padding) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - /* Bookmark Popup - As Arrow Panel */ - #PersonalToolbar menupopup menuitem, - #PersonalToolbar menupopup menu { - padding-inline: var(--arrowpanel-menuitem-padding-inline) !important; - } - /* Bookmark Popup - None icon menu */ - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic) { - padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 3px) !important; - } - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]), - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) { - padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 1px) !important; - } - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]) > .menu-text, - menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] menu:not(.menu-iconic) > .menu-text, - #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]) > .menu-text, - #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) > .menu-text { - padding-inline-start: var(--context-menu-mac-padding) !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - /** Context Menu - Icons ******************************************************/ /*= tabContextMenu ===========================================================*/ - #context_openANewTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_newTab, - #tabcenter-reborn_ariasuni-menuitem-_newTabContextMenuOpenAlternatePosition, - #sidebartabs_asamuzak_jp-menuitem-_newTab { - --menuitem-image: var(--uc-new-tab-icon); - } - #tabcenter-reborn_ariasuni-menuitem-_newTabContextMenuOpenInWindow { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #tabcenter-reborn_ariasuni-menuitem-_newTabContextMenuOpenInPrivateWindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #context_reloadTab, - #context_reloadSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_reloadTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_reloadTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_grouped\:reloadTree, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuReloadTab, - #sidebartabs_asamuzak_jp-menuitem-_reloadTab, - #sidebartabs_asamuzak_jp-menuitem-_reloadAllTabs { - --menuitem-image: url("../icons/reload.svg"); - } - #context_toggleMuteTab, - #context_toggleMuteSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab-mute, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab, - #sidebartabs_asamuzak_jp-menuitem-_muteTab { - --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg"); - stroke: transparent !important; - } - #context_toggleMuteTab[muted], - #context_toggleMuteSelectedTabs[muted], - #treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab-unmute, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab[label="Unmute Tab"], - #sidebartabs_asamuzak_jp-menuitem-_muteTab[label="Unmute Tab"] { - --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg"); - } - #context_pinTab, - #context_pinSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_pinTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuPinTab, - #sidebartabs_asamuzak_jp-menuitem-_pinTab { - --menuitem-image: url("../icons/pin-tab.svg"); - } - #context_unpinTab, - #context_unpinSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_unpinTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuPinTab[label="Unpin Tab"], - #sidebartabs_asamuzak_jp-menuitem-_pinTab[label="Unpin Tab"] { - --menuitem-image: url("../icons/unpin-tab.svg"); - } - #context_duplicateTab, - #context_duplicateTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_duplicateTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuDuplicateTab, - #sidebartabs_asamuzak_jp-menuitem-_dupeTab { - --menuitem-image: var(--uc-tab-copy-icon); - } - #tabcenter-reborn_ariasuni-menuitem-_contextMenuUnloadTab { - --menuitem-image: var(--uc-tab-unload-icon); - } - #context_bookmarkTab, - #context_bookmarkSelectedTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_bookmarkTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_bookmarkSelected, - #treestyletab_piro_sakura_ne_jp-menuitem-_grouped\:bookmarkTree, - #sidebartabs_asamuzak_jp-menuitem-_bookmarkTab, - #sidebartabs_asamuzak_jp-menuitem-_bookmarkAllTabs { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #context_moveTabOptions, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_moveTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuMoveTab, - #sidebartabs_asamuzak_jp-menuitem-_moveTab { - --menuitem-image: url("../icons/arrow-swap.svg"); - } - #context_sendTabToDevice, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_sendTabsToDevice { - --menuitem-image: url("../icons/send-to-device.svg"); - } - #context_sendTabToDevice:is([disabled="true"]) + #context_shareTabURL, - #context_sendTabToDevice:is([disabled="true"]) + menuitem.share-tab-url-item { - /* At windows */ - --menuitem-image: url("../icons/share.svg"); - } - /*= new-tab-button-popup =====================================================*/ - /*= toolbar-context-menu =====================================================*/ - /*= Tab Mix Plus =============================================================*/ - /*= contentAreaContextMenu ===================================================*/ - /*= main-context-menu-frame ==================================================*/ - /*= Tab Mix Plus =============================================================*/ - /*= downloadsContextMenu =====================================================*/ /*= placeContext =============================================================*/ /*= Notification =============================================================*/ - /*= blockedPopupOptions ======================================================*/ - /*= autohide-context =========================================================*/ - /*= pictureInPictureToggleContextMenu ========================================*/ - /*= pageActionContextMenu ====================================================*/ - /*= customizationPanelItemContextMenu ========================================*/ - /*= customizationPaletteItemContextMenu ======================================*/ - /*= customizationPanelContextMenu ============================================*/ - /*= downloads-button-autohide-panel ==========================================*/ - /*= SyncedTabsSidebarContext =================================================*/ - /*= SyncedTabsSidebarTabsFilterContext =======================================*/ - /*= urlbar-input-container ===================================================*/ - /*= textbox-contextmenu ======================================================*/ - /* Browser's Searchbar, Library's Searchbar, Page Info */ - /* Only searchbar */ - /*= context_sendTabToDevicePopupMenu =========================================*/ - /*= unified-extensions-context-menu ==========================================*/ - /*= urlbarView-result-menu ===================================================*/ -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #context_shareTabURL, - menuitem.share-tab-url-item { - --menuitem-image: url("../icons/share.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context_reopenInContainer, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_reopenInContainer, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuOpenInContextualTab, - #sidebartabs_asamuzak_jp-menuitem-_openNewTabInContainer, - #sidebartabs_asamuzak_jp-menuitem-_reopenTabInContainer { - --menuitem-image: url("../icons/container-openin-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context_selectAllTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_selectAllTabs, - #treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_selectAllTabs, - #sidebartabs_asamuzak_jp-menuitem-_selectAllTabs { - --menuitem-image: var(--uc-tab-multiple-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context_closeTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_grouped\:closeTree, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuCloseTab, - #sidebartabs_asamuzak_jp-menuitem-_closeTab { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #context_closeTabOptions, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeMultipleTabs, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuCloseTabs, - #sidebartabs_asamuzak_jp-menuitem-_closeMultipleTabs { - --menuitem-image: url("../icons/filter-dismiss.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context_undoCloseTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_context_undoCloseTab, - #treestyletab_piro_sakura_ne_jp-menuitem-_noContextTab\:context_undoCloseTab, - #tabcenter-reborn_ariasuni-menuitem-_contextMenuUndoCloseTab, - #sidebartabs_asamuzak_jp-menuitem-_undoCloseTab { - --menuitem-image: url("../icons/undo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #new-tab-button-popup > menuitem[command="Browser:NewUserContextTab"], - .new-tab-popup > menuitem[command="Browser:NewUserContextTab"] { - --menuitem-image: url("../icons/container-openin-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #new-tab-button-popup > menuitem[command="Browser:OpenAboutContainers"], - .new-tab-popup > menuitem[command="Browser:OpenAboutContainers"] { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .customize-context-manageExtension { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .customize-context-removeExtension { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .customize-context-reportExtension { - --menuitem-image: url("../icons/send.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .customize-context-moveToPanel { - --menuitem-image: url("../icons/pin-tab.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toolbar-context-autohide-downloads-button { - /* checkbox */ - --menuitem-image: url("../icons/eye-tracking-off.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .customize-context-removeFromToolbar { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toolbar-context-always-open-downloads-panel { - /* checkbox */ - --menuitem-image: url("../icons/drawer-arrow-download.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toolbar-context-openANewTab { - --menuitem-image: var(--uc-new-tab-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toolbar-context-reloadSelectedTab, - #toolbar-context-reloadSelectedTabs { - --menuitem-image: url("../icons/reload.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toolbar-context-bookmarkSelectedTab, - #toolbar-context-bookmarkSelectedTabs { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toolbar-context-selectAllTabs { - --menuitem-image: var(--uc-tab-multiple-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toolbar-context-undoCloseTab { - --menuitem-image: url("../icons/undo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toggle_toolbar-menubar { - /* checkbox */ - --menuitem-image: url("../icons/calendar-agenda.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toggle_PersonalToolbar { - /* Also placeContext */ - --menuitem-image: url("../icons/bookmarks-toolbar-alt.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - menuitem.viewCustomizeToolbar { - --menuitem-image: url("chrome://browser/skin/customize.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .fullscreen-context-autohide { - /* checkbox */ - --menuitem-image: url("../icons/eye-tracking-off.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #toolbar-context-menu > menuitem[data-l10n-id="full-screen-exit"] { - --menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-platform: windows) { - #context_openANewTab.tabmix-newtab-menu-icon .menu-iconic-left { - display: none; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #tm-duplicateinWin { - --menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg"); - } - #tm-mergeWindowsTab { - --menuitem-image: url("../icons/merge.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-renameTab { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-copyTabUrl { - --menuitem-image: url("../icons/link.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-autoreloadTab_menu { - --menuitem-image: url("../icons/timer10.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context_reloadTabOptions { - --menuitem-image: url("../icons/reload.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #context_reloadTabOptions { - --menuitem-image: url("../icons/filter-reload.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (not (-moz-bool-pref: "userChrome.icon.menu.full")) { - #context_reloadTabOptions + #context_reloadTab { - --menuitem-image: url("../icons/blank.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-docShell { - --menuitem-image: url("chrome://browser/skin/permissions.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-freezeTab { - --menuitem-image: url("../icons/weather-snowflake.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-protectTab { - --menuitem-image: url("../icons/shield-task.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #tm-lockTab { - --menuitem-image: url("../icons/lock-closed.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #context_bookmarkAllTabs { - --menuitem-image: url("../icons/bookmark-multiple.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewsource-goToLine { - --menuitem-image: url("../icons/text-number-format.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewsource-wrapLongLines { - /* checkbox */ - --menuitem-image: url("../icons/arrow-sort-down-lines.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewsource-highlightSyntax { - /* checkbox */ - --menuitem-image: url("../icons/highlight.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #spell-no-suggestions { - --menuitem-image: url("../icons/text-proofing-tools.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #spell-add-to-dictionary, - #spell-add-dictionaries { - --menuitem-image: url("../icons/book-add.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #spell-undo-add-to-dictionary { - --menuitem-image: url("../icons/undo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-openlinkincurrent { - --menuitem-image: url("../icons/link-square.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-openlinkincontainertab, - #context-openlinkintab { - --menuitem-image: var(--uc-new-tab-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-openlinkinusercontext-menu { - --menuitem-image: url("../icons/container-openin-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-openlink { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-openlinkprivate { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-bookmarklink { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-savelink { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-savelinktopocket { - --menuitem-image: url("../icons/pocket-outline.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-copyemail { - --menuitem-image: url("../icons/mail.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-copyphone { - --menuitem-image: url("../icons/device-phone.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-copylink { - --menuitem-image: url("../icons/link.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-stripOnShareLink { - --menuitem-image: url("../icons/link-no-tracking.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-sendlinktodevice { - --menuitem-image: url("../icons/send-to-device.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-media-play { - --menuitem-image: url("chrome://global/skin/media/play-fill.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-media-pause { - --menuitem-image: url("chrome://global/skin/media/pause-fill.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-media-mute { - --menuitem-image: url("chrome://global/skin/media/audio-muted.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-media-unmute { - --menuitem-image: url("chrome://global/skin/media/audio.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-media-playbackrate { - --menuitem-image: url("../icons/time-picker.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-media-loop { - /* checkbox */ - --menuitem-image: url("../icons/arrow-repeat-all.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-leave-dom-fullscreen { - --menuitem-image: url("chrome://global/skin/media/fullscreenExitButton.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-video-fullscreen { - --menuitem-image: url("chrome://global/skin/media/fullscreenEnterButton.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-media-hidecontrols { - --menuitem-image: url("../icons/eye-hide.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-media-showcontrols { - --menuitem-image: url("../icons/eye-show.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewvideo { - --menuitem-image: url("../icons/video.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-video-pictureinpicture { - /* checkbox */ - --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-reloadimage { - --menuitem-image: url("../icons/image-arrow-counterclockwise.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewimage { - --menuitem-image: url("../icons/image-add.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-saveimage { - --menuitem-image: url("../icons/image.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-video-saveimage { - --menuitem-image: url("../icons/video-snapshot.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-savevideo { - --menuitem-image: url("../icons/video.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-saveaudio { - --menuitem-image: url("chrome://global/skin/media/audio.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-copyimage-contents { - --menuitem-image: url("../icons/image-copy.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-copyimage, - #context-copyvideourl, - #context-copyaudiourl { - --menuitem-image: url("../icons/link.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-sendimage, - #context-sendvideo, - #context-sendaudio { - --menuitem-image: url("../icons/mail.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewimageinfo { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewimagedesc { - --menuitem-image: url("../icons/image-alt-text.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-setDesktopBackground { - --menuitem-image: url("../icons/resize-image.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-ctp-play { - --menuitem-image: url("chrome://global/skin/icons/plugin.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-ctp-hide { - --menuitem-image: url("chrome://global/skin/icons/plugin-blocked.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-savepage { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-pocket { - --menuitem-image: url("../icons/pocket-outline.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-sendpagetodevice { - --menuitem-image: url("../icons/send-to-device.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #fill-login { - --menuitem-image: url("../icons/password.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #fill-login-generated-password { - --menuitem-image: url("chrome://browser/skin/login.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #use-relay-mask { - --menuitem-image: url("../icons/relay-logo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #manage-saved-logins { - --menuitem-image: url("../icons/key-multiple.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-undo, - #context-pdfjs-undo { - --menuitem-image: url("../icons/undo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #context-redo, - #context-pdfjs-redo { - --menuitem-image: url("../icons/redo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-cut, - #context-pdfjs-cut { - --menuitem-image: url("../icons/edit-cut.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-copy, - #context-pdfjs-copy { - --menuitem-image: url("../icons/edit-copy.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-paste, - #context-pdfjs-paste { - --menuitem-image: url("../icons/edit-paste.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-delete, - #context-pdfjs-delete { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-selectall, - #context-pdfjs-selectall { - --menuitem-image: url("../icons/select-all-on.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-reveal-password { - --menuitem-image: url("../icons/eye-show.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-print-selection { - --menuitem-image: url("chrome://global/skin/icons/print.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-take-screenshot { - --menuitem-image: url("../icons/screenshot-1.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-keywordfield { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-searchselect, - #context-searchselect-private { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #frame { - --menuitem-image: url("../icons/command-frames.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #spell-check-enabled { - /* checkbox */ - --menuitem-image: url("../icons/text-proofing-tools.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #spell-add-dictionaries-main { - --menuitem-image: url("../icons/book-add.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #spell-dictionaries { - --menuitem-image: url("../icons/book.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-bidi-text-direction-toggle { - --menuitem-image: url("../icons/text-direction-horizontal-ltr.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-bidi-page-direction-toggle { - --menuitem-image: url("../icons/document-landscape-split-hint.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewpartialsource-selection, - #context-viewsource { - --menuitem-image: url("../icons/document-search.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-inspect-a11y { - --menuitem-image: url("../icons/tool-accessibility.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-inspect { - --menuitem-image: url("../icons/command-pick.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-media-eme-learnmore { - /* iconic */ - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - #context-back { - --menuitem-image: url("chrome://browser/skin/back.svg"); - } - #context-forward { - --menuitem-image: url("chrome://browser/skin/forward.svg"); - } - #context-reload { - --menuitem-image: url("../icons/reload.svg"); - } - #context-stop { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } - #context-bookmarkpage { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-showonlythisframe { - --menuitem-image: url("../icons/eye-show.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-openframeintab { - --menuitem-image: var(--uc-new-tab-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-openframe { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-reloadframe { - --menuitem-image: url("../icons/reload.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-bookmarkframe { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-saveframe { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-printframe { - --menuitem-image: url("chrome://global/skin/icons/print.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-take-frame-screenshot { - --menuitem-image: url("../icons/screenshot-1.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewframesource { - --menuitem-image: url("../icons/document-search.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #context-viewframeinfo { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-autoreload_menu { - --menuitem-image: url("../icons/timer10.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-linkWithhistory { - --menuitem-image: var(--uc-new-tab-skip-forward-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-openAllLinks { - --menuitem-image: var(--uc-new-tab-multiple-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-openinverselink { - --menuitem-image: var(--uc-new-tab-forward-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-content-closetab { - --menuitem-image: url("../icons/dismiss-filled.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-duplicateTabContext { - --menuitem-image: var(--uc-tab-copy-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-duplicateinWinContext { - --menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-detachTabContext { - --menuitem-image: url("../icons/convert-range.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-mergeWindows { - --menuitem-image: url("../icons/merge.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-content-freezeTab { - --menuitem-image: url("../icons/weather-snowflake.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-content-protectTab { - --menuitem-image: url("../icons/shield-task.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-content-lockTab { - --menuitem-image: url("../icons/lock-closed.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #tm-content-undoCloseTab { - --menuitem-image: url("../icons/undo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .downloadPauseMenuItem { - --menuitem-image: url("chrome://global/skin/media/pause-fill.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .downloadResumeMenuItem { - --menuitem-image: url("chrome://global/skin/media/play-fill.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .downloadUnblockMenuItem { - --menuitem-image: url("../icons/checkmark-circle.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .downloadUseSystemDefaultMenuItem { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .downloadAlwaysUseSystemDefaultMenuItem { - /* checkbox */ - --menuitem-image: url("../icons/folder-globe.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .downloadAlwaysOpenSimilarFilesMenuItem { - /* checkbox */ - --menuitem-image: url("../icons/fluid.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .downloadShowMenuItem { - --menuitem-image: var(--uc-folder-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #downloadsContextMenu > menuitem.downloadOpenReferrerMenuItem, - #downloadsContextMenu > menuitem[command="downloadsCmd_openReferrer"] { - --menuitem-image: url("../icons/link-square.svg"); - } - #downloadsContextMenu > menuitem.downloadCopyLocationMenuItem, - #downloadsContextMenu > menuitem[command="downloadsCmd_copyLocation"] { - --menuitem-image: url("../icons/link.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .downloadDeleteFileMenuItem { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .downloadRemoveFromHistoryMenuItem { - --menuitem-image: url("../icons/eraser.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #downloadsContextMenu > menuitem[command="downloadsCmd_clearList"], - #downloadsContextMenu > menuitem[command="downloadsCmd_clearDownloads"] { - --menuitem-image: url("../icons/broom.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_open { - --menuitem-image: url("../icons/link-square.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_openBookmarkContainer\:tabs, - #placesContext_openBookmarkLinks\:tabs { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_open\:newtab, - #placesContext_openContainer\:tabs, - #placesContext_openLinks\:tabs { - --menuitem-image: var(--uc-new-tab-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_open\:newcontainertab { - --menuitem-image: url("../icons/container-openin-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_open\:newwindow { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_open\:newprivatewindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_show_bookmark\:info, - #placesContext_show\:info, - #placesContext_show_folder\:info { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_deleteBookmark, - #placesContext_deleteFolder, - #placesContext_delete, - #placesContext_delete_history { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_deleteHost { - --menuitem-image: url("../icons/eye-hide.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_sortBy\:name { - --menuitem-image: url("../icons/text-sort-ascending.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_cut { - --menuitem-image: url("../icons/edit-cut.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_copy { - --menuitem-image: url("../icons/edit-copy.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_paste_group { - --menuitem-image: url("../icons/edit-paste.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_new\:bookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_showInFolder, - #placesContext_new\:folder { - --menuitem-image: var(--uc-folder-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_new\:separator { - --menuitem-image: url("../icons/vertical-line.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_paste { - --menuitem-image: url("../icons/edit-paste.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_createBookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #show-other-bookmarks_PersonalToolbar { - /* checkbox */ - --menuitem-image: url("../icons/star-line-horizontal.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #placesContext_showAllBookmarks { - --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .openintabs-menuitem { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #doNotDisturbMenuItem { - --menuitem-image: url(chrome://global/skin/media/pause-fill.svg); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #disableForOriginMenuItem { - --menuitem-image: url("chrome://global/skin/icons/blocked.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #openSettingsMenuItem { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #blockedPopupAllowSite { - --menuitem-image: url("chrome://global/skin/icons/check.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #blockedPopupOptions > menuitem[oncommand="gPopupBlockerObserver.editPopupSettings();"] { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #blockedPopupDontShowMessage { - /* checkbox */ - --menuitem-image: url("chrome://global/skin/icons/blocked.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - menuitem[data-l10n-id="popup-show-popup-menuitem"] { - /* checkbox */ - --menuitem-image: url("../icons/eye-show.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #autohide-context > menuitem[data-l10n-id="full-screen-autohide"] { - /* checkbox */ - --menuitem-image: url("../icons/eye-tracking-off.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #autohide-context > menuitem[data-l10n-id="full-screen-exit"] { - --menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #pictureInPictureToggleContextMenu > menuitem[oncommand="PictureInPicture.hideToggle();"] { - --menuitem-image: url("../icons/eye-hide.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .pageActionContextMenuItem.extensionPinned.extensionUnpinned.manageExtensionItem { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - .pageActionContextMenuItem.extensionPinned.extensionUnpinned.removeExtensionItem { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #customizationPanelItemContextMenuUnpin { - --menuitem-image: url("../icons/unpin-tab.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .customize-context-removeFromPanel { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .customize-context-addToToolbar { - --menuitem-image: url("chrome://devtools/skin/images/dock-bottom.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .customize-context-addToPanel { - --menuitem-image: url("chrome://browser/skin/menu.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #customizationPanelContextMenu > menuitem[command="cmd_CustomizeToolbars"] { - --menuitem-image: url("chrome://browser/skin/customize.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #downloads-button-autohide-checkbox { - /* checkbox */ - --menuitem-image: url("../icons/eye-tracking-off.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsOpenSelected { - --menuitem-image: url("../icons/link-square.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsOpenSelectedInTab { - --menuitem-image: var(--uc-new-tab-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsOpenSelectedInWindow { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsOpenSelectedInPrivateWindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsBookmarkSelected { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsCopySelected { - --menuitem-image: url("../icons/link.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsOpenAllInTabs { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsManageDevices { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsRefresh { - --menuitem-image: url("chrome://browser/skin/sync.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_undo"] { - --menuitem-image: url("../icons/undo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_cut"] { - --menuitem-image: url("../icons/edit-cut.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_copy"] { - --menuitem-image: url("../icons/edit-copy.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_paste"] { - --menuitem-image: url("../icons/edit-paste.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_delete"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_selectAll"] { - --menuitem-image: url("../icons/select-all-on.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #syncedTabsRefreshFilter { - --menuitem-image: url("chrome://browser/skin/sync.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_undo"] { - --menuitem-image: url("../icons/undo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] { - --menuitem-image: url("../icons/redo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_cut"] { - --menuitem-image: url("../icons/edit-cut.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_copy"] { - --menuitem-image: url("../icons/edit-copy.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #strip-on-share { - --menuitem-image: url("../icons/link-no-tracking.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_paste"] { - --menuitem-image: url("../icons/edit-paste.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #paste-and-go { - --menuitem-image: url("../icons/edit-paste-go.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_delete"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_selectAll"] { - --menuitem-image: url("../icons/select-all-on.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] { - --menuitem-image: url("../icons/undo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - .textbox-contextmenu > menuitem[data-l10n-id="text-action-redo"] { - --menuitem-image: url("../icons/redo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .textbox-contextmenu > menuitem[data-l10n-id="text-action-cut"] { - --menuitem-image: url("../icons/edit-cut.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .textbox-contextmenu > menuitem[data-l10n-id="text-action-copy"] { - --menuitem-image: url("../icons/edit-copy.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .textbox-contextmenu > menuitem[data-l10n-id="text-action-paste"] { - --menuitem-image: url("../icons/edit-paste.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .textbox-contextmenu > menuitem[data-l10n-id="text-action-delete"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .textbox-contextmenu > menuitem[data-l10n-id="text-action-select-all"] { - --menuitem-image: url("../icons/select-all-on.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - menuitem.searchbar-paste-and-search { - --menuitem-image: url("../icons/edit-paste-search.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - menuitem.searchbar-clear-history { - --menuitem-image: url("../icons/forget.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .sync-menuitem.sendtab-target[clientType="phone"] { - --menuitem-image: url("../icons/device-phone.svg"); - } - .sync-menuitem.sendtab-target[clientType="tablet"] { - --menuitem-image: url("../icons/device-tablet.svg"); - } - .sync-menuitem.sendtab-target[clientType="desktop"] { - --menuitem-image: url("../icons/device-desktop.svg"); - } - .sync-menuitem.sendtab-target[clientType="tv"] { - --menuitem-image: url("../icons/device-tv.svg"); - } - .sync-menuitem.sendtab-target[clientType="vr"] { - --menuitem-image: url("../icons/device-vr.svg"); - } - .sync-menuitem.sendtab-target[clientType=""] { - --menuitem-image: url("../icons/send-to-device.svg"); - } - .sync-menuitem.sendtab-target:not([clientType]) { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - #treestyletab_piro_sakura_ne_jp-menuitem-_context_sendTabsToDevice\:manage { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .unified-extensions-context-menu-pin-to-toolbar { - --menuitem-image: url("../icons/pin-tab.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .unified-extensions-context-menu-manage-extension { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .unified-extensions-context-menu-remove-extension { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .unified-extensions-context-menu-report-extension { - --menuitem-image: url("../icons/send.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .urlbarView-result-menuitem[data-command="dismiss"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - .urlbarView-result-menuitem[data-command="help"] { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menubar") { - /*= main-menubar =============================================================*/ - #file-menu { - --menuitem-image: url("../icons/mail-inbox-all.svg"); - } - #edit-menu { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - #view-menu { - --menuitem-image: url("../icons/content-view.svg"); - } - #history-menu { - --menuitem-image: url("chrome://browser/skin/history.svg"); - } - #bookmarksMenu { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #tools-menu { - --menuitem-image: url("../icons/toolbox.svg"); - } - #tabSharingMenu { - --menuitem-image: url("chrome://browser/skin/notification-icons/screen.svg"); - } - #helpMenu { - --menuitem-image: url("chrome://global/skin/icons/help.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - /** Global Menu ***************************************************************/ - /*= menu_FilePopup ===========================================================*/ - #menu_newNavigatorTab { - --menuitem-image: var(--uc-new-tab-icon); - } - #menu_newUserContext { - --menuitem-image: url("../icons/container-openin-16.svg"); - } - #menu_newNavigator { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #menu_newPrivateWindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #menu_openFile { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } - #menu_savePage { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } - #menu_sendLink { - --menuitem-image: url("../icons/mail.svg"); - } - menu.share-tab-url-item { - --menuitem-image: url("chrome://browser/skin/share.svg"); - } - #menu_print { - --menuitem-image: url("chrome://global/skin/icons/print.svg"); - } - #menu_importFromAnotherBrowser { - --menuitem-image: url("chrome://browser/skin/import.svg"); - } - #goOfflineMenuitem { - /* checkbox */ - --menuitem-image: url("../icons/plug-disconnected.svg"); - } - #menu_FileQuitItem { - --menuitem-image: url("../icons/quit.svg"); - } - /* Mange Containers */ - #menu_newUserContext menupopup menuitem:last-child { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } - /*= menu_EditPopup ===========================================================*/ - #menu_undo { - --menuitem-image: url("../icons/undo.svg"); - } - /*= menu_viewPopup ===========================================================*/ - /* view-menu-popup sub menu */ - /* viewSidebarMenu sub menu */ - /* viewFullZoomMenu sub menu */ - /*= goPopup ==================================================================*/ - /* sub menu */ - /*= bookmarksMenuPopup =======================================================*/ - /*= menu_ToolsPopup ==========================================================*/ - /* menuWebDeveloperPopup sub menu */ - /*= windowPopup ==============================================================*/ - /*= menu_HelpPopup ===========================================================*/ -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #menu_redo { - --menuitem-image: url("../icons/redo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_cut { - --menuitem-image: url("../icons/edit-cut.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_copy { - --menuitem-image: url("../icons/edit-copy.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_paste { - --menuitem-image: url("../icons/edit-paste.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_delete { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_selectAll { - --menuitem-image: url("../icons/select-all-on.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_find { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_preferences { - --menuitem-image: url("chrome://global/skin/icons/settings.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #viewToolbarsMenu { - --menuitem-image: url("../icons/toolbar.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #viewSidebarMenuMenu { - --menuitem-image: var(--uc-sidebar-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #viewFullZoomMenu { - --menuitem-image: url("../icons/screenshot.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #pageStyleMenu { - --menuitem-image: url("../icons/document-css.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #repair-text-encoding { - --menuitem-image: url("../icons/characterEncoding.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #enterFullScreenItem { - --menuitem-image: url("chrome://browser/skin/fullscreen.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #exitFullScreenItem { - --menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #fullScreenItem { - /* checkbox */ - --menuitem-image: url("chrome://browser/skin/fullscreen.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_readerModeItem { - --menuitem-image: url("chrome://browser/skin/reader-mode.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_showAllTabs { - --menuitem-image: var(--uc-tab-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #documentDirection-swap { - --menuitem-image: url("../icons/text-direction-horizontal-ltr.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_customizeToolbars { - --menuitem-image: url("chrome://browser/skin/customize.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_bookmarksSidebar { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_historySidebar { - --menuitem-image: url("chrome://browser/skin/history.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_tabsSidebar { - --menuitem-image: url("../icons/synced-tabs.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_zoomEnlarge { - --menuitem-image: url("chrome://browser/skin/add-circle-fill.svg"); - stroke: transparent !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_zoomReduce { - --menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg"); - stroke: transparent !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_zoomReset { - --menuitem-image: url("../icons/resize.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #toggle_zoom { - --menuitem-image: url("../icons/screenshot.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_showAllHistory { - --menuitem-image: url("chrome://browser/skin/history.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #sanitizeItem { - --menuitem-image: url("../icons/forget.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #sync-tabs-menuitem { - --menuitem-image: url("chrome://browser/skin/sync.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #historyRestoreLastSession { - --menuitem-image: url("../icons/restore-session.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #hiddenTabsMenu { - --menuitem-image: url("../icons/eye-hide.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_searchHistory { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #historyUndoMenu { - --menuitem-image: var(--uc-tab-icon); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #historyUndoWindowMenu { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #historyUndoPopup .restoreallitem { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #historyUndoWindowPopup .restoreallitem { - --menuitem-image: url("../icons/restore-session.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #bookmarksShowAll { - --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_bookmarkThisPage, - #menu_bookmarkAllTabs { - --menuitem-image: url("chrome://browser/skin/bookmark-hollow.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_bookmarkThisPage[data-l10n-id="menu-bookmark-edit"] { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_searchBookmarks { - --menuitem-image: url("chrome://global/skin/icons/search-glass.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_openDownloads { - --menuitem-image: url("chrome://browser/skin/downloads/downloads.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_openAddons { - --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #sync-setup { - --menuitem-image: url("chrome://browser/skin/fxa/avatar-empty.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #sync-syncnowitem { - --menuitem-image: url("chrome://browser/skin/sync.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_openFirefoxView { - --menuitem-image: url("chrome://branding/content/icon32.png"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #webDeveloperMenu, - #browserToolsMenu { - --menuitem-image: url("../icons/developer.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_pageInfo { - --menuitem-image: url("../icons/document-endnote.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_devToolbox { - /* checkbox */ - --menuitem-image: url("../icons/developer.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_taskManager { - --menuitem-image: url("../icons/performance.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_devtools_remotedebugging { - --menuitem-image: url("../icons/bug.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_browserToolbox { - --menuitem-image: url("../icons/window-dev-tools.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_browserContentToolbox { - --menuitem-image: url("../icons/command-frames.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_browserConsole { - --menuitem-image: url("../icons/command-console.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_responsiveUI { - /* checkbox */ - --menuitem-image: url("../icons/command-responsivemode.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_eyedropper { - /* checkbox */ - --menuitem-image: url("../icons/command-eyedropper.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_pageSource { - --menuitem-image: url("../icons/document-search.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #extensionsForDevelopers { - --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #windowPopup > menuitem[command="minimizeWindow"] { - --menuitem-image: url("../icons/arrow-between-down.svg"); - } - #windowPopup > menuitem[command="zoomWindow"] { - --menuitem-image: url("../icons/auto-fit-width.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_openHelp { - --menuitem-image: url("chrome://global/skin/icons/help.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #help_reportBrokenSite { - --menuitem-image: url("chrome://global/skin/icons/lightbulb.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #feedbackPage { - --menuitem-image: url("../icons/send.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #helpSafeMode { - --menuitem-image: url("chrome://devtools/skin/images/debugging-workers.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #troubleShooting { - --menuitem-image: url("chrome://global/skin/icons/more.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #help_reportSiteIssue { - --menuitem-image: url("chrome://global/skin/icons/lightbulb.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_HelpPopup_reportPhishingtoolmenu { - --menuitem-image: url("chrome://global/skin/icons/warning.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #menu_HelpPopup_reportPhishingErrortoolmenu { - --menuitem-image: url("../icons/checkmark-circle.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #helpSwitchDevice { - --menuitem-image: url("../icons/add-device.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #aboutName { - --menuitem-image: url("chrome://global/skin/icons/info.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - /*= organizeButtonPopup ======================================================*/ - #newbookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #newfolder { - --menuitem-image: var(--uc-folder-icon); - } - #newseparator { - --menuitem-image: url("../icons/vertical-line.svg"); - } - #orgUndo { - --menuitem-image: url("../icons/undo.svg"); - } - /*= viewMenuPopup ============================================================*/ - /*= maintenanceButtonPopup ===================================================*/ -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #orgRedo { - --menuitem-image: url("../icons/redo.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #orgCut { - --menuitem-image: url("../icons/edit-cut.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #orgCopy { - --menuitem-image: url("../icons/edit-copy.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #orgPaste { - --menuitem-image: url("../icons/edit-paste.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #orgDelete { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #orgSelectAll { - --menuitem-image: url("../icons/select-all-on.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #orgClose { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #viewColumns { - --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #viewSort { - --menuitem-image: url("../icons/text-sort-ascending.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #backupBookmarks { - --menuitem-image: url("../icons/datastore.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #fileRestoreMenu { - --menuitem-image: url("../icons/datarestore.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #fileImport { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #fileExport { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - #browserImport { - --menuitem-image: url("chrome://browser/skin/import.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.1-25px_stroke") { - #firefox-view-button { - list-style-image: url("../icons/firefox-view.svg") !important; - } - #reset-pbm-toolbar-button { - list-style-image: url("../icons/flame.svg") !important; - } - #translations-button-icon { - list-style-image: url("../icons/translations.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenu-restart-button { - list-style-image: url("../icons/refresh-cw.svg") !important; - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - #menu_FileRestartItem { - --menuitem-image: url("../icons/refresh-cw.svg"); - } - #toggle_status-dummybar { - --menuitem-image: url("../icons/pulse-square.svg"); - } - menuitem.privatetab-icon { - --menuitem-image: url("../icons/private-favicon.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #appMenuNewIdentity { - list-style-image: url("chrome://browser/skin/new_identity.svg"); - } - #appMenuNewCircuit { - list-style-image: url("chrome://browser/skin/new_circuit.svg"); - } - #appMenu_torBrowserUserManual { - list-style-image: url("chrome://browser/skin/onion.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - #menu_newIdentity { - --menuitem-image: url("chrome://browser/skin/new_identity.svg"); - } - #menu_newCircuit { - --menuitem-image: url("chrome://browser/skin/new_circuit.svg"); - } - #torBrowserUserManual { - --menuitem-image: url("chrome://browser/skin/onion.svg"); - } -} -@media not (-moz-bool-pref: "userChrome.icon.disabled") { - #ssbPageAction-image { - list-style-image: url("../icons/pwa-install.svg"); - } - #ssbPageAction-image[open-ssb="true"] { - list-style-image: url("../icons/pwa-launch.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { - #rebootappmenu { - list-style-image: url("../icons/refresh-cw.svg"); - } - #openprofiledir { - list-style-image: var(--uc-folder-icon); - } - #appMenu-ssb-button { - list-style-image: url("../icons/pwa-manage.svg"); - } - #appMenu-install-or-open-ssb-current-page-button { - list-style-image: url("../icons/pwa-install.svg"); - } - #appMenu-install-or-open-ssb-current-page-button[open-ssb="true"] { - list-style-image: url("../icons/pwa-launch.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - #toggle_sharemode { - --menuitem-image: url("chrome://branding/content/about-logo-private.png"); - } - #usercssloader-menu { - --menuitem-image: url("../icons/developer.svg"); - } - #usercssloader-menupopup > menu[data-l10n-id="css-menu"] { - --menuitem-image: url("../icons/document-css.svg"); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="rebuild-css"] { - --menuitem-image: url("chrome://global/skin/icons/reload.svg"); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="make-browsercss-file"] { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="open-css-folder"] { - --menuitem-image: var(--uc-folder-icon); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="edit-userChromeCss-editor"] { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #usercssloader-submenupopup > menuitem[data-l10n-id="edit-userContentCss-editor"] { - --menuitem-image: url("chrome://global/skin/icons/page-portrait.svg"); - } - #context_toggleToPrivateContainer, - #open_in_private_container { - --menuitem-image: url("../icons/private-favicon.svg"); - } - #toggle_statusBar { - --menuitem-image: url("../icons/pulse-square.svg"); - } - #muteMenu { - --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg"); - stroke: transparent !important; - } - #unloadWebpanelMenu { - --menuitem-image: var(--uc-tab-unload-icon); - } - #changeUAWebpanelMenu { - --menuitem-image: url("../icons/command-responsivemode.svg"); - fill-opacity: 0; - } - #deleteWebpanelMenu { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #run-ssb-contextmenu { - --menuitem-image: url("../icons/pwa-launch.svg"); - } - #uninstall-ssb-contextmenu { - --menuitem-image: url("../icons/pwa-remove.svg"); - } -} diff --git a/arch-config/.mozilla/firefox/default-release/chrome/css/leptonContent.css b/arch-config/.mozilla/firefox/default-release/chrome/css/leptonContent.css deleted file mode 100644 index 37a24588..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/css/leptonContent.css +++ /dev/null @@ -1,7373 +0,0 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -@namespace html url("http://www.w3.org/1999/xhtml"); -/** Compatibility *************************************************************/ -@-moz-document url-prefix("about:preferences") { - .content-blocking-warning.info-box-container > hbox > .content-blocking-warning-image { - margin-inline-start: -7px !important; - margin-inline-end: 8px !important; - width: 20px !important; - } - #pane-experimental-search-results-header, - #pane-experimental-subtitle { - min-height: 27px !important; - padding-inline-start: 35px !important; - } - #firefoxExperimentalCategory:not([hidden="true"]) { - display: inline-block; - } - #firefoxExperimentalCategory > label { - float: left; - } - #firefoxExperimentalCategory > hbox { - transform: translateY(5px); - } - #pane-experimental-featureGates > html|p[data-l10n-id="pane-experimental-description2"] { - border-bottom: 1px solid var(--in-content-border-color); - padding-bottom: 1.5em; - } -} -@-moz-document url-prefix("about:addons") { - #updates-message + .page-options-menu > .more-options-button { - box-sizing: content-box; - padding: 0 !important; - } -} -/** Video player **************************************************************/ -/* Control Bar Size */ -@supports -moz-bool-pref("userContent.player.size") { - #controlsContainer { - --controlBar-height: 40px; /* Original: 40px, Replace to this value */ - } - #controlsContainer .touch { - --button-size: 48px !important; /* Original: 40px */ - --controlBar-height: 52px; /* Original: 52px */ - } - #controlsContainer .controlBar { - height: var(--controlBar-height) !important; /* Original: 40px */ - } - .videocontrols[inDOMFullscreen] #controlsContainer { - --button-size: 64px !important; /* Original: 30px */ - --track-size: 6px !important; /* Original: 5px, Touch: 7px */ - --thumb-size: 15px !important; /* Original: 13px, Touch: 16px */ - --controlBar-height: 64px; /* Original: 40px */ - } - .videocontrols[inDOMFullscreen] #controlsContainer .touch { - --button-size: 72px !important; /* Original: 40px */ - --controlBar-height: 64px; /* Original: 52px */ - } - .videocontrols[inDOMFullscreen] #controlsContainer .controlBar { - padding-bottom: 8px !important; - } -} -/* Control Bar UI */ -@supports -moz-bool-pref("userContent.player.ui") { - audio { - --duration-color: #929292; /* Like Original */ - --media-background: rgba(26, 26, 26, 0.8); /* Like Original */ - border-radius: 8px; - --box-shadow1: rgba(14, 13, 26, 0.12); - --box-shadow2: rgba(7, 48, 114, 0.12); - --box-shadow3: rgba(34, 0, 51, 0.04); - box-shadow: 0 5px 10px -3px var(--box-shadow1), 0 3px 16px 2px var(--box-shadow2), 0 8px 12px 1px var(--box-shadow3); - /* Or: 0 2px 15px rgba(0,0,0,.1); */ - } - @media (prefers-color-scheme: dark) { - audio { - --box-shadow1: rgba(249, 249, 250, 0.12); - --box-shadow2: rgba(91, 91, 102, 0.12); - --box-shadow3: rgba(82, 82, 94, 0.04); - } - } - video { - --duration-color: #eee; - --media-background: linear-gradient(transparent, rgba(26, 26, 26, 0.85)); - } - @media (prefers-contrast) { - video { - --duration-color: #929292; /* Like Original */ - --media-background: rgba(26, 26, 26, 0.8); /* Like Original */ - } - } - #controlsContainer .controlBar { - background: var(--media-background) !important; - } - #controlsContainer .duration { - color: var(--duration-color) !important; /* Original: #929292 */ - } - @supports -moz-bool-pref("userContent.player.ui.twoline") { - audio { - /* #controlsContainer .controlBar */ - --controlBar-flex-wrap: unset; - --controlBar-justify-content: center; - --controlBar-align-content: unset; - --controlBar-twoline-more-height: 0px; - --controlBar-padding-inline: 9px; - /* #controlsContainer .scrubberStack */ - /* .scrubberStack - Vertical */ - --scrubberStack-order: unset; - --scrubberStack-height: 100%; - --scrubberStack-transform: none; - /* .scrubberStack - Horizontal */ - --scrubberStack-margin-inline: 9px; - /* #controlsContainer .positionDurationBox */ - --positionDurationBox-flex-grow: unset; - --positionDurationBox-margin-left: unset; - --positionDurationBox-text-align: center; - /* Others */ - --button-outside-margin: 0; - } - video { - /* #scrubber .scrubber::-moz-range-thumb */ - --scrubber-thumb-scale: 0; - --scrubber-thumb-color: #48a0f7; /* Color as hover, Prevent flashing */ - /* .progressBar::-moz-progress-bar */ - --progressBar-scale: 0.65; - /* #controlsContainer .controlBar */ - --controlBar-flex-wrap: wrap; - --controlBar-justify-content: space-between; - --controlBar-align-content: space-around; - --controlBar-padding-inline: 0 !important; /* Original: 9px */ - /* #controlsContainer .scrubberStack */ - /* .scrubberStack - Vertical */ - --scrubberStack-order: -1; - /* .scrubberStack - Horizontal */ - --scrubberStack-flex-basis: auto; - --scrubberStack-twoline-width: 100%; - --scrubberStack-margin-inline: 0; - /* #controlsContainer .positionDurationBox */ - --positionDurationBox-flex-grow: 2; - --positionDurationBox-margin-left: 15px; - --positionDurationBox-text-align: left; - /* Others */ - --duration-color: #dadada; - --button-outside-margin: 9px; - } - .scrubber:not(:hover)::-moz-range-thumb { - transform: scale(var(--scrubber-thumb-scale, 1)); - background-color: var(--scrubber-thumb-color, currentColor) !important; - } - .progressStack { - transform-origin: bottom; - transform: scaleY(var(--progressBar-scale, 1)); - } - .scrubber:hover::-moz-range-thumb, - .progressContainer:hover .progressStack { - transform: scale(1); - } - #controlsContainer .controlBar { - flex-wrap: var(--controlBar-flex-wrap); - justify-content: var(--controlBar-justify-content); - align-content: var(--controlBar-align-content); - height: calc(var(--controlBar-height) + var(--controlBar-twoline-more-height, var(--thumb-size))) !important; - padding-inline: var(--controlBar-padding-inline) !important; /* Original: 9px */ - } - #controlsContainer .scrubberStack { - /* Vertical */ - order: var(--scrubberStack-order); - height: var(--scrubberStack-height, var(--thumb-size)) !important; - transform: var(--scrubberStack-transform, translateY(calc(var(--thumb-size) / 2))); - /* Horizontal */ - flex-basis: var(--scrubberStack-flex-basis, calc(var(--scrubberStack-width) - 18px)) !important; - width: var(--scrubberStack-twoline-width, var(--scrubberStack-width)); - margin-inline: var(--scrubberStack-margin-inline) !important; - } - #controlsContainer .positionDurationBox { - flex-grow: var(--positionDurationBox-flex-grow); - margin-left: var(--positionDurationBox-margin-left); - text-align: var(--positionDurationBox-text-align) !important; - } - #playButton { - margin-left: var(--button-outside-margin) !important; - } - #fullscreenButton { - margin-right: var(--button-outside-margin) !important; - } - } -} -@supports -moz-bool-pref("userContent.player.icon") { - #controlsContainer .fullscreenButton { - background-image: url("../icons/enter-fullscreen.svg") !important; - } - #controlsContainer .fullscreenButton[fullscreened] { - background-image: url("../icons/exit-fullscreen.svg") !important; - } -} -@supports -moz-bool-pref("userContent.player.noaudio") { - #controlsContainer .muteButton[noAudio] { - /* Remove volume button at noAudio */ - display: none !important; - } -} -/* Click to play UI */ -@supports -moz-bool-pref("userContent.player.click_to_play") { - #controlsContainer .clickToPlay { - cursor: pointer; - opacity: 0.65 !important; - } - #controlsContainer .controlsSpacerStack:hover > .clickToPlay { - opacity: 0.85 !important; - } - #controlsContainer .controlsSpacerStack:hover > .clickToPlay:hover { - opacity: 1 !important; - fill: #48a0f7 !important; /* color as .scrubber */ - } -} -/* Animation */ -@supports -moz-bool-pref("userContent.player.animate") { - @media (prefers-reduced-motion: no-preference) { - /* Control Bar */ - #controlsContainer .controlBar { - transition: transform 350ms ease; - opacity: 1 !important; - } - #controlsContainer .controlBar[hidden] { - transform: translateY(100%); - transition: transform 350ms ease-in-out, opacity 1s ease 100ms !important; - opacity: 0 !important; - } - #controlsContainer .controlBar[hidden] .progressBar, - #controlsContainer .controlBar[hidden] .bufferBar { - display: unset !important; - opacity: 0.55; - transition: opacity 150ms ease 50ms; - } - /* Two line Control Bar */ - .scrubber::-moz-range-thumb, - .progressStack { - transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1); - } - /* Click to play */ - #controlsContainer .clickToPlay { - transition: opacity 150ms ease-in-out, fill 150ms ease-in-out; - } - } -} -/** Activity Stream ***********************************************************/ -@-moz-document url("about:home"), url("about:newtab") { - /** Activity Stream - Search Focus Border: like URL *************************/ - @supports -moz-bool-pref("userContent.page.field_border") { - /* At DarkMode, Color */ - body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"], - body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"], - body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"], - body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"], - body[style*="--newtab-background-color: rgb(43, 42, 51);"] { - /* inner */ - --newtab-focus-border: rgba( - 0, - 221, - 255, - 0.5 - ) !important; /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */ - --newtab-focus-border-selected: var(--newtab-focus-border) !important; /* Original: #B5D3FF */ - /* For Nightly */ - --newtab-primary-action-background: var(--newtab-focus-border) !important; - } - @supports -moz-bool-pref("userContent.page.proton_color") { - @supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") { - body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"], - body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"], - body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"], - body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"], - body[style*="--newtab-background-color: rgb(43, 42, 51);"] { - --newtab-focus-border: var(--in-content-focus-outline-color) !important; - } - } - } - } - /** Activity Stream - Menu Icons ********************************************/ - @supports -moz-bool-pref("userChrome.icon.context_menu") { - .context-menu-list .context-menu-item button { - padding-inline-start: 0 !important; - } - .context-menu-list .context-menu-item button span { - /* Color */ - -moz-context-properties: fill, fill-opacity, stroke !important; - fill: currentColor !important; - stroke: currentColor; - /* Layout */ - background-size: 16px !important; - background-repeat: no-repeat !important; - background-image: var(--menuitem-image); - padding-inline-start: 24px; /* 16p + (4px * 2) */ - background-position: var(--uc-menu-background-position, left) 4px center; - } - .context-menu-list .context-menu-item button span:dir(rtl) { - --uc-menu-background-position: right; - } - .context-menu-item span[data-l10n-id="newtab-menu-pin"] { - --menuitem-image: url("../icons/pin-tab.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-unpin"] { - --menuitem-image: url("../icons/unpin-tab.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-edit-topsites"] { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-bookmark"] { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-remove-bookmark"] { - --menuitem-image: url("chrome://browser/skin/bookmark-hollow.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-save-to-pocket"] { - --menuitem-image: url("../icons/pocket-outline.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-open-file"] { - --menuitem-image: url("../icons/fluid.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-show-file"] { - --menuitem-image: url("chrome://global/skin/icons/folder.svg"); - } - @supports -moz-bool-pref("userChrome.icon.library") { - .context-menu-item span[data-l10n-id="newtab-menu-show-file"] { - --menuitem-image: url("../icons/folder.svg"); - } - } - .context-menu-item span[data-l10n-id="newtab-menu-open-new-window"] { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-open-new-private-window"] { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-dismiss"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-delete-history"] { - --menuitem-image: url("../icons/eraser.svg"); - } - } - /** Activity Stream - Web Site Icon: full size ******************************/ - @supports -moz-bool-pref("userContent.newTab.full_icon") { - .top-site-outer .tile { - overflow: hidden; - } - .top-site-outer .icon-wrapper { - width: 100% !important; /* Original: 48px */ - height: 100% !important; /* Original: 48px */ - } - .top-site-outer.add-button .tile .icon-wrapper { - width: 24px !important; - height: 24px !important; - } - .top-site-outer .context-menu-button { - top: 0px !important; /* Original: -20px */ - } - .top-site-outer .context-menu { - top: 16.75px !important; /* Original: 6.75px */ - } - } - /** Activity Stream - Animate ***********************************************/ - @supports -moz-bool-pref("userContent.newTab.animate") { - @media (prefers-reduced-motion: no-preference) { - :root { - --animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1); - } - /* Background */ - .top-site-outer, - #searchSubmit, - button.icon, - button.close-button { - transition: background 1.5s var(--animation-easing-function); - } - .top-site-outer:hover, - #searchSubmit:hover, - button.icon:hover, - button.close-button:hover { - transition: background 0.5s var(--animation-easing-function); - } - /* Search Bar */ - .search-wrapper .search-inner-wrapper > input, - .search-wrapper .search-inner-wrapper > .search-handoff-button { - transition: 1s var(--animation-easing-function); - transition-property: border-color, box-shadow; - } - .search-wrapper .search-inner-wrapper:active > input, - .search-wrapper .search-inner-wrapper:active > .search-handoff-button, - .search-wrapper .search-inner-wrapper > input:focus, - .search-wrapper .search-inner-wrapper > .search-handoff-button:focus { - transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function); - } - @supports -moz-bool-pref("userContent.page.field_border") { - .search-wrapper .search-inner-wrapper:hover > input, - .search-wrapper .search-inner-wrapper:hover > .search-handoff-button { - border-color: var(--newtab-primary-action-background) !important; - transition: border-color 0.5s var(--animation-easing-function); - } - } - } - } - /** Activity Stream - Pocket order to last **********************************/ - @supports -moz-bool-pref("userContent.newTab.pocket_to_last") { - .body-wrapper.on { - display: flex; - flex-wrap: wrap; - } - .body-wrapper.on > .discovery-stream.ds-layout { - flex-basis: 100%; - } - .body-wrapper.on > .collapsible-section[data-section-id="topstories"], - .home-section > #pocket-section, - .home-section > .divider, - .home-section > div:not(.section) { - order: 2; - } - } - /** Activity Stream - Home Search Bar looks like proton *********************/ - @supports -moz-bool-pref("userContent.newTab.searchbar") { - /* Dropdown Colors */ - #root { - --newtab-search-background-color: rgba(255, 255, 255, 1); /* Same as light theme's --panel-background */ - /* Set search dropdown background */ - --newtab-search-dropdown-header-color: var(--newtab-search-background-color) !important; - --newtab-search-dropdown-color: var(--newtab-search-background-color) !important; - --newtab-element-hover-color: color-mix(in srgb, currentColor 9%, transparent) !important; - } - @media (prefers-color-scheme: dark) { - #root { - /* Default Dark Mode */ - --newtab-search-background-color: rgba(66, 65, 77, 1); /* Same as dark theme's --panel-background */ - } - } - .activity-stream[lwt-sidebar]:not([style*="--newtab-background-color: rgba(43, 42, 51, 1);"]) #root { - /* Light weight theme */ - --newtab-search-background-color: var(--lwt-sidebar-background-color); - } - /* Padding */ - #searchSuggestionTable { - border-radius: 4px !important; - -moz-window-shadow: cliprounded; - } - .contentSearchSuggestionTable .contentSearchOneOffItem { - width: 32px !important; - height: 32px !important; - /* Margin */ - margin-block: 5px !important; - margin-inline-start: 5px !important; - margin-inline-end: 8px !important; - /* Border */ - border-radius: 4px !important; - border-image: none !important; /* Original: linear-gradient(transparent 18%, var(--newtab-border-secondary-color) 18%, var(--newtab-border-secondary-color) 82%, transparent 82%) 1; */ - border-inline-end: none !important; /* Original: 1px solid; */ - } - #contentSearchSettingsButton::before { - content: url("chrome://global/skin/icons/settings.svg") !important; - display: inline-flex; - display: -moz-inline-box; - /* Color */ - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; - /* Align */ - margin-inline-end: 5px; - vertical-align: -25%; - } - /* Pointer */ - .contentSearchSuggestionTable .contentSearchOneOffItem, - #contentSearchSettingsButton { - cursor: pointer; - } - /*- Fix Color For Nightly ------------------------------------------------*/ - .contentSearchSuggestionTable, - .contentSearchHeaderRow, - .contentSearchHeader, - .contentSearchSuggestionsContainer { - color: var(--newtab-text-primary-color) !important; - background: var(--newtab-search-background-color) !important; - } - .contentSearchSuggestionTable .contentSearchSuggestionRow.selected, - .contentSearchSuggestionTable .contentSearchSettingsButton:hover { - color: var(--newtab-text-primary-color) !important; - } - .contentSearchSuggestionTable .contentSearchSuggestionRow.selected, - .contentSearchSuggestionTable .contentSearchSettingsButton:hover, - .contentSearchSuggestionTable .contentSearchOneOffItem.selected { - background: var(--newtab-element-hover-color) !important; - } - .contentSearchSuggestionTable .contentSearchSuggestionRow.selected:active, - .contentSearchSuggestionTable .contentSearchOneOffItem:active { - background: var(--newtab-element-active-color) !important; - } - .contentSearchSuggestionTable .contentSearchSuggestionRow.selected .historyIcon { - fill: var(--newtab-icon-secondary-color) !important; - } - } - /** Activity Stream - Hide Firefox's logo ***********************************/ - @supports -moz-bool-pref("userContent.newTab.hidden_logo") { - .logo-and-wordmark { - display: none !important; - } - .outer-wrapper:not(.fixed-search) .search-wrapper { - padding-top: 0 !important; - } - } - /** Activity Stream - Custom background image *******************************/ - @supports -moz-bool-pref("userContent.newTab.background_image") { - body::before { - content: ""; - position: fixed; - width: 100%; - height: 100%; - background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-sunrise.svg")); - background-size: cover; /* or auto auto */ - background-repeat: no-repeat; - background-position: right top; - background-attachment: fixed; - /** Use night sky version in dark mode **********************************/ - } - @media (prefers-color-scheme: dark) { - body::before { - background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-night.svg")); - } - } - } -} -/** Error Page - Restore illustrations ****************************************/ -@supports -moz-bool-pref("userContent.page.illustration") { - @-moz-document url-prefix("about:neterror"), url-prefix("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"), url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml") - { - /* Illustrations Position */ - #errorPageContainer, - .neterror > .container, - .description-wrapper { - min-height: 300px; - background-position: left center; - background-repeat: no-repeat; - background-size: 38%; - background-image: var(--uc-error-llustration); - } - #errorPageContainer { - display: flex; - flex-direction: column; - } - .description-wrapper { - padding-inline-start: 38%; - } - /* Container */ - .container { - min-width: var(--in-content-container-min-width); /* 13em */ - max-width: var(--in-content-container-max-width); /* 52em */ - } - /* Text Position */ - #text-container { - margin: auto; - padding-inline-start: 38%; - } - } - @-moz-document url-prefix("about:neterror?e=connectionFailure"), url-prefix("about:neterror?e=netInterrupt"), url-prefix("about:neterror?e=netReset"), url-prefix("about:neterror?e=netTimeout"), url-prefix("about:neterror?e=netOffline"), url-prefix("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml") - { - :root { - --uc-error-llustration: url(../icons/error-connection-failure.svg); - } - } - @-moz-document url-prefix("about:neterror?e=dnsNotFound") { - :root { - --uc-error-llustration: url(../icons/error-server-not-found.svg); - } - } - @-moz-document url-prefix("about:neterror?e=blockedByPolicy"), url-prefix("about:neterror?e=deniedPortAccess"), url-prefix("about:neterror?e=malformedURI") { - :root { - --uc-error-llustration: url(chrome://browser/skin/illustrations/error-malformed-url.svg); - } - } - @-moz-document url-prefix("about:neterror?e=clockSkewError"), url-prefix("about:neterror?e=nssFailure") { - :root { - --uc-error-llustration: url(../icons/blue-berror.svg); - } - #errorPageContainer, - .neterror > .container { - background-size: 18.5em; - } - } - @-moz-document url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml") - { - :root { - --uc-error-llustration: url(../icons/error-session-restore.svg); - } - } - @-moz-document url-prefix("about:neterror?e=fileNotFound") { - @media (min-width: 970px) { - .title { - background-image: url("chrome://global/skin/icons/info.svg") !important; - } - } - #text-container { - padding-inline-start: 0; - } - } - @-moz-document url-prefix("about:tabcrashed") { - @media (min-width: 970px) { - .title { - background-image: url("chrome://browser/skin/tab-crashed.svg") !important; - } - } - } - @-moz-document url("about:robots"), url("chrome://browser/content/aboutRobots.xhtml") - { - @media (min-width: 970px) { - .title { - background-image: url("chrome://browser/content/aboutRobots-icon.png") !important; - } - } - } - @-moz-document url("about:welcomeBack"), url("chrome://browser/content/aboutWelcomeBack.xhtml") - { - @media (min-width: 970px) { - .title { - background-image: url("../icons/welcome-back.svg") !important; - } - } - } - @-moz-document url-prefix("about:preferences") { - #no-results-message::after { - content: url("../icons/no-search-results.svg"); - width: 380px; - height: 293px; - margin-top: 64px; - margin-inline: auto; - } - } -} -/** Fully Dark Mode ***********************************************************/ -/*= Fully Dark Mode - Dark Mode Colors =======================================*/ -@supports -moz-bool-pref("userContent.page.proton_color") { - @-moz-document url-prefix("about:"), url-prefix("chrome://"), url-prefix("https://addons.mozilla.org"), url-prefix("https://support.mozilla.org"), url-prefix("https://accounts.firefox.com"), url-prefix("view-source"), regexp("^((jar:)?file:///).*/$") - { - /*= Default Colors - Hard Coded ==============================================*/ - /* Based on chrome://global/skin/in-content/common.css */ - :host, - :root { - --in-content-page-color: rgb(21, 20, 26); - --in-content-page-background: #fff; - --in-content-text-color: var(--in-content-page-color); - --in-content-deemphasized-text: rgb(91, 91, 102); - --in-content-box-background: #fff; - --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */ - --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent); - --in-content-box-info-background: #f0f0f4; - --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent); - --in-content-item-hover-text: var(--in-content-page-color); - --in-content-item-selected: var(--in-content-primary-button-background); - --in-content-item-selected-text: var(--in-content-primary-button-text-color); - --in-content-icon-color: rgb(91, 91, 102); - --in-content-accent-color: #0a84ff; - --in-content-accent-color-active: #0060df; - --in-content-border-hover: var(--grey-90-a50); - --in-content-border-invalid: var(--red-50); - --in-content-border-color: #d7d7db; - --in-content-error-text-color: #c50042; - --in-content-link-color: var(--blue-60); - --in-content-link-color-hover: var(--blue-70); - --in-content-link-color-active: var(--blue-80); - --in-content-link-color-visited: var(--blue-60); - /* button background states are also used for checkboxes and radio buttons */ - --in-content-button-text-color: var(--in-content-text-color); - --in-content-button-text-color-hover: var(--in-content-text-color); - --in-content-button-background: rgba(207, 207, 216, 0.33); - --in-content-button-background-hover: rgba(207, 207, 216, 0.66); - --in-content-button-background-active: rgb(207, 207, 216); - --in-content-primary-button-text-color: rgb(251, 251, 254); - --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color); - --in-content-primary-button-background: #0061e0; - --in-content-primary-button-background-hover: #0250bb; - --in-content-primary-button-background-active: #053e94; - --in-content-danger-button-background: #e22850; - --in-content-danger-button-background-hover: #c50042; - --in-content-danger-button-background-active: #810220; - --in-content-focus-outline-color: var(--in-content-primary-button-background); - /* Note: 1px smaller than we want because we have a 1px transparent border. */ - /* Once proton ships, these can probably stop being variables. */ - --in-content-button-border-radius: 4px; - --in-content-button-horizontal-padding: 15px; - --in-content-button-vertical-padding: 7px; - --in-content-table-background: #f8f8fa; - --in-content-table-border-color: var( - --in-content-box-border-color - ); /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */ - --in-content-table-border-dark-color: var(--in-content-table-border-color); - --in-content-table-header-background: var( - --in-content-primary-button-background - ); /* Legacy: #0a84ff; rgb(5, 64, 150); */ - --in-content-table-header-color: var( - --in-content-primary-button-text-color - ); /* Legacy: #ffffff; var(--in-content-page-color); */ - --in-content-sidebar-width: 240px; - --dialog-warning-text-color: var(--red-60); - --checkbox-border-color: var(--in-content-box-border-color); - --checkbox-unchecked-bgcolor: var(--in-content-button-background); - --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover); - --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active); - --checkbox-checked-bgcolor: var(--in-content-primary-button-background); - --checkbox-checked-color: var(--in-content-primary-button-text-color); - --checkbox-checked-border-color: transparent; - --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover); - --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active); - --blue-40: #45a1ff; - --blue-50: #0a84ff; - --blue-60: #0060df; - --blue-70: #003eaa; - --blue-80: #002275; - --grey-30: #d7d7db; - --grey-60: #4a4a4f; - --grey-90-a10: rgba(12, 12, 13, 0.1); - --grey-90-a20: rgba(12, 12, 13, 0.2); - --grey-90-a30: rgba(12, 12, 13, 0.3); - --grey-90-a50: rgba(12, 12, 13, 0.5); - --grey-90-a60: rgba(12, 12, 13, 0.6); - --green-50: #30e60b; - --green-60: #12bc00; - --green-70: #058b00; - --green-80: #006504; - --green-90: #003706; - --orange-50: #ff9400; - --red-40: #ff4f5e; - --red-50: #ff0039; - --red-60: #d70022; - --red-70: #a4000f; - --red-80: #5a0002; - --red-90: #3e0200; - --yellow-50: #ffe900; - --yellow-60: #d7b600; - --yellow-60-a30: rgba(215, 182, 0, 0.3); - --yellow-70: #a47f00; - --yellow-80: #715100; - --yellow-90: #3e2800; - --shadow-10: 0 1px 4px var(--grey-90-a10); - --shadow-30: 0 4px 16px var(--grey-90-a10); - --card-padding: 16px; - --card-shadow: var(--shadow-10); - --card-outline-color: var(--grey-30); - --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color); - --uc-warning-icon-bgcolor: #ffa436; - } - @media (prefers-color-scheme: dark) { - :host, - :root { - /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */ - --in-content-page-background: rgb(28, 27, 34); - --in-content-page-color: rgb(251, 251, 254); - --in-content-deemphasized-text: rgb(191, 191, 201); - --in-content-box-background: rgb(35, 34, 43); - --in-content-box-background-odd: rgba(249, 249, 250, 0.05); - --in-content-box-info-background: rgba(249, 249, 250, 0.15); - --in-content-border-color: rgba(249, 249, 250, 0.2); - --in-content-border-hover: rgba(249, 249, 250, 0.3); - --in-content-border-invalid: rgb(255, 132, 139); - --in-content-error-text-color: #ff9aa2; - --in-content-button-background: rgb(43, 42, 51); - --in-content-button-background-hover: rgb(82, 82, 94); - --in-content-button-background-active: rgb(91, 91, 102); - --in-content-icon-color: rgb(251, 251, 254); - --in-content-primary-button-text-color: rgb(43, 42, 51); - --in-content-primary-button-background: rgb(0, 221, 255); - --in-content-primary-button-background-hover: rgb(128, 235, 255); - --in-content-primary-button-background-active: rgb(170, 242, 255); - --in-content-danger-button-background: #ff848b; - --in-content-danger-button-background-hover: #ffbdc5; - --in-content-danger-button-background-active: #ffdfe7; - --in-content-table-background: rgb(35, 34, 43); - --in-content-table-border-dark-color: var(--in-content-box-border-color); - --in-content-accent-color: var(--in-content-primary-button-background); - --in-content-accent-color-active: var(--in-content-primary-button-background-hover); - --in-content-link-color: var(--in-content-primary-button-background); - --in-content-link-color-hover: var(--in-content-primary-button-background-hover); - --in-content-link-color-active: var(--in-content-primary-button-background-active); - --in-content-link-color-visited: var(--in-content-link-color); - --card-outline-color: var(--grey-60); - --dialog-warning-text-color: var(--red-40); - --uc-warning-icon-bgcolor: #ffbd4f; - } - } - @media (prefers-contrast) { - :host, - :root { - --uc-warning-icon-bgcolor: var(--in-content-page-color); - } - } - /*= Menu color #477 ==========================================================*/ - @media (-moz-platform: windows) { - :root { - /* Override some menu color variables for light browser themes. */ - --menuitem-hover-background-color: #e0e0e6; - --menu-background-color: #f9f9fb; - --menu-color: #15141a; - --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4); - --menu-disabled-color: rgba(21, 20, 26, 0.4); - --menu-border-color: #cfcfd8; - --menu-icon-opacity: 0.7; - /* Declare menu colors for dark themes, but don't override anything yet. */ - --dark-menuitem-hover-background-color: #52525e; - --dark-menu-background-color: #2b2a33; - --dark-menu-color: #fbfbfe; - --dark-menuitem-disabled-hover-background-color: rgba(82, 82, 94, 0.4); - --dark-menu-disabled-color: rgba(251, 251, 254, 0.4); - --dark-menu-border-color: #5b5b66; - --dark-menu-icon-opacity: 1; - } - /* Override the menu color variables for dark browser themes. */ - } - @media (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root { - --menuitem-hover-background-color: var(--dark-menuitem-hover-background-color); - --menu-background-color: var(--dark-menu-background-color); - --menu-color: var(--dark-menu-color); - --menuitem-disabled-hover-background-color: var(--dark-menuitem-disabled-hover-background-color); - --menu-disabled-color: var(--dark-menu-disabled-color); - --menu-border-color: var(--dark-menu-border-color); - --menu-icon-opacity: var(--dark-menu-icon-opacity); - } - } - @supports -moz-bool-pref("userChrome.theme.non_native_menu") { - @media (-moz-gtk-csd-available) { - :root { - /* Override some menu color variables for light browser themes. */ - --menuitem-hover-background-color: #e0e0e6; - --menu-background-color: #f9f9fb; - --menu-color: #15141a; - --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4); - --menu-disabled-color: rgba(21, 20, 26, 0.4); - --menu-border-color: #cfcfd8; - --menu-icon-opacity: 0.7; - /* Declare menu colors for dark themes, but don't override anything yet. */ - --dark-menuitem-hover-background-color: #52525e; - --dark-menu-background-color: #2b2a33; - --dark-menu-color: #fbfbfe; - --dark-menuitem-disabled-hover-background-color: rgba(82, 82, 94, 0.4); - --dark-menu-disabled-color: rgba(251, 251, 254, 0.4); - --dark-menu-border-color: #5b5b66; - --dark-menu-icon-opacity: 1; - } - /* Override the menu color variables for dark browser themes. */ - } - @media (-moz-gtk-csd-available) and (prefers-color-scheme: dark) { - :root { - --menuitem-hover-background-color: var(--dark-menuitem-hover-background-color); - --menu-background-color: var(--dark-menu-background-color); - --menu-color: var(--dark-menu-color); - --menuitem-disabled-hover-background-color: var(--dark-menuitem-disabled-hover-background-color); - --menu-disabled-color: var(--dark-menu-disabled-color); - --menu-border-color: var(--dark-menu-border-color); - --menu-icon-opacity: var(--dark-menu-icon-opacity); - } - } - } - @supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") { - @media (prefers-color-scheme: dark) { - :host, - :root { - /* Color Memo - Just refer - Photon's dark color - --button-primary-bgcolor: #0060DF; - --button-primary-hover-bgcolor: #003EAA; - --button-primary-active-bgcolor: #002275; - --lwt-brighttext-url-color: #74c0ff; - --lwt-toolbarbutton-icon-fill-attention: #45a1ff; - - Just refer - Proton's light color - --in-content-accent-color: #0a84ff; - --in-content-accent-color-active: #0060df; - --in-content-primary-button-background: #0061e0; - --in-content-primary-button-background-hover: #0250bb; - --in-content-primary-button-background-active: #053e94; - - --blue-40: #45a1ff; rgb(69, 161, 255) - --blue-50: #0a84ff; rgb(10, 132, 255) - --blue-60: #0060df; rgb(0, 96, 223) - --blue-70: #003eaa; rgb(0, 62, 170) - --blue-80: #002275; rgb(0, 34, 117) - - Relation - lighten(#0060df, 29%): #74b0ff; - lighten(#0060df, 19.8%): #4595ff - lighten(#0060df, 8.3%): #0a74ff - #0060df - darken(#0060df, 15.5%): #003e90; - darken(#0060df, 28.1%): #002250; - */ - --blue-20: #b6d6ff; /* lighten(#0060df, 42%) - rgb(182, 214, 255), Add for link active color*/ - --blue-30: #74c0ff; /* rgb(116, 192, 255), Add for active color */ - } - :host, - :root { - --in-content-primary-button-text-color: var(--in-content-page-color) !important; - --in-content-primary-button-background: var(--blue-60) !important; - --in-content-primary-button-background-hover: var(--blue-50) !important; - --in-content-primary-button-background-active: var(--blue-40) !important; - --in-content-focus-outline-color: var(--blue-40) !important; - --in-content-accent-color: var(--blue-40) !important; - --in-content-accent-color-active: var(--blue-30) !important; - --in-content-table-background: rgb(35, 34, 43) !important; - --in-content-table-border-color: rgba(249, 249, 250, 0.2) !important; - --in-content-table-header-background: rgb(5, 64, 150) !important; - --in-content-table-header-color: var(--in-content-page-color) !important; - --in-content-link-color: var(--blue-40) !important; - --in-content-link-color-hover: var(--blue-30) !important; - --in-content-link-color-active: var(--blue-20) !important; - --in-content-link-color-visited: var(--blue-40) !important; - } - } - } - @supports -moz-bool-pref("userContent.page.proton_color.system_accent") { - :host, - :root { - --in-content-primary-button-text-color: AccentColorText !important; - --in-content-primary-button-background: AccentColor !important; - --in-content-primary-button-background-hover: color-mix(in srgb, black 10%, AccentColor) !important; - --in-content-primary-button-background-active: color-mix(in srgb, black 20%, AccentColor) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - :host, - :root { - --in-content-primary-button-text-color: HighlightText !important; - --in-content-primary-button-background: Highlight !important; - --in-content-primary-button-background-hover: color-mix(in srgb, black 10%, Highlight) !important; - --in-content-primary-button-background-active: color-mix(in srgb, black 20%, Highlight) !important; - } - } - } - } -} -@supports -moz-bool-pref("userContent.page.dark_mode") { - @media (prefers-color-scheme: dark) { - /*= Addons.org =============================================================*/ - @-moz-document url-prefix("https://addons.mozilla.org") - { - /* Basic */ - .Page-content, - .SecondaryHero, - body, - main[aria-label="Content"] { - color: var(--in-content-page-color) !important; - background: var(--in-content-page-background) !important; - } - /* Text */ - input, - textarea, - select, - .AutoSearchInput-query, - .AutoSearchInput-suggestions-list, - .Page-content h1, - .Page-content h2, - .SearchResult-link, - .Home-SubjectShelf-link:link, - .Home-SubjectShelf-link:visited, - .DropdownMenuItem-link a, - .DropdownMenuItem-link button, - .Select, - .Badge, - .Notice-generic, - .Notice-genericWarning, - .Notice-button, - .Paginate .Button.Paginate-item:first-child, - .Paginate .Button.Paginate-item:last-child, - .Paginate .Button.Paginate-item--current-page, - .Button--neutral, - .blog-entry-title, - .blogpost-nav * { - color: var(--in-content-text-color) !important; - } - .AutoSearchInput-suggestions-item:is(:active, :focus, :hover), - .AutoSearchInput-suggestions-item--highlighted, - .SecondaryHero-message-link, - .SecondaryHero-module-link, - .Card-contents a:not(.Button), - .Card-footer-link a, - .Card-shelf-footer-in-header a, - .SearchResult-link:is(:active, :focus, :hover), - .SearchResult:hover .SearchResult-link, - .Home-SubjectShelf-link:is(:active, :focus, :hover), - .DropdownMenuItem-link a:is(:active, :focus, :hover), - .DropdownMenuItem-link button:is(:active, :focus, :hover), - .AddonMeta .MetadataCard-title a:is(:active, :hover), - .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:is(:active, :hover), - .AddonMeta .MetadataCard-content a:is(:active, :hover), - .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:is(:active, :hover), - .Addon-summary a, - .RatingsByStar-count a:hover, - .RatingsByStar-star a:hover, - .Paginate .Button.Paginate-item:not(:first-child, :last-child, .Paginate-item--current-page), - .AddonTitle-author a, - .PermissionsCard-learn-more, - .DefinitionList a, - .ShowMoreCard-contents a, - .AddonDescription-contents a, - .AddonTitle a, - .TooltipMenu-opener, - .LanguageTools .Card-contents a, - .Button--primary, - .blog-entry-read-more-link, - .blogpost-nav-next.blogpost-nav-no-prev:hover p, - .blogpost-content-wrapper p a, - .blogpost-nav-prev:hover p, - .blogpost-nav-next:hover p { - color: var(--in-content-link-color) !important; - } - .SearchResult--meta-section, - .MetadataCard-title, - .MetadataCard-title a, - .MetadataCard-content a, - .CollectionSort-label, - .SearchResult-summary, - .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link, - .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link, - .PermissionsCard-subhead--optional, - .PermissionsCard-subhead--required, - .Definition-dt, - .RatingsByStar-count a, - .RatingsByStar-star a, - .Paginate-page-number, - .AddonSummaryCard-addonAverage, - .AddonReviewCard-authorByLine, - .UserReview-byLine, - .UserReview-reply-header, - .Home-heroHeader-subtitle, - .blog-entry-date, - .blogpost-breadcrumb *, - .AddonTitle-author, - .ExpandableCard-ToggleLink, - .SearchFilters-label, - .PromotedBadge-label--line { - color: var(--in-content-deemphasized-text) !important; - } - .PromotedBadge-label--recommended { - color: color-mix(in srgb, #712b00 15%, #ff9400) !important; - } - /* Background */ - .Button--action, - .DevHub-Navigation ul li.DevHub-Navigation-Register .Button, - .DevHub-MyAddons-item-buttons-submit .Button { - color: var(--in-content-primary-button-text-color) !important; - background: var(--in-content-primary-button-background) !important; - } - select, - .Select, - .Button--primary, - .Button--neutral, - .Button--neutral:link, - .Notice-button, - .AMInstallButton .AMInstallButton-loading-button { - background-color: var(--in-content-button-background) !important; - } - .Button--primary:hover, - .Button--neutral.Button--micro:not(.Button--disabled):hover, - .Button--neutral:not(.Button--disabled):hover, - .Notice-button:hover { - background: var(--in-content-button-background-hover) !important; - } - .Button--action.Button--micro:not(.Button--disabled):hover, - .Button--action:not(.Button--disabled):hover, - .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover, - .DevHub-MyAddons-item-buttons-submit .Button:hover { - background: var(--in-content-primary-button-background-hover) !important; - } - .ShowMoreCard-contents::after { - background: linear-gradient(hsla(0deg, 0%, 100%, 0), var(--in-content-table-background)) !important; - } - input, - textarea, - .AutoSearchInput-query, - .AutoSearchInput-suggestions-list, - .SecondaryHero-module, - .Card-header, - .Card-contents, - .CardList ul > li, - .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-wrapper:is(:focus, :hover), - .Paginate, - .LandingPage-header, - .DropdownMenu-items, - .DropdownMenu-items::after, - .MetadataCard, - .AddonsCard-list, - .Card-footer, - .StaticAddonCard, - .blogpost-nav, - .blogpost-nav * { - background: var(--in-content-table-background) !important; - } - .Paginate .Button.Paginate-item:is(:active, :hover) { - background: var(--in-content-button-background-hover) !important; - } - .Notice-generic, - .Notice-genericWarning { - background: color-mix( - in srgb, - var(--in-content-page-background) 40%, - var(--in-content-table-background) - ) !important; - } - .LanguageTools-header-row { - color: var(--in-content-table-header-color) !important; - background: var(--in-content-table-header-background) !important; - } - .LanguageTools-table.responsiveTable tbody tr:nth-child(2n) { - background-color: var(--in-content-box-background-odd) !important; - } - /* Fill */ - .Icon-arrow-blue.SearchSuggestion-icon-arrow { - filter: hue-rotate(330deg) brightness(1.3) !important; - } - .SecondaryHero-module-icon { - filter: invert(85%) !important; - } - .Icon-magnifying-glass, - .Notice-icon { - filter: invert(65%) !important; - } - .PermissionsCard-learn-more .Icon, - .Permission .Icon { - filter: invert(100%) !important; - } - .Icon-heart { - filter: brightness(0) !important; - } - /* Others */ - .DropdownMenu-items { - box-shadow: 0 0 2px var(--in-content-border-color) !important; - } - input, - textarea, - select { - border-color: var(--in-content-box-border-color) !important; - } - .UserProfileEdit input:disabled, - .UserProfileEdit textarea:disabled { - background-color: var(--in-content-box-background-odd) !important; - } - .AutoSearchInput-query { - border: 1px solid var(--in-content-table-background) !important; - } - .AutoSearchInput-query:is(:hover, :focus), - .UserProfileEditNotifications .UserProfileEditNotification-input:checked ~ .UserProfileEditNotification-checkbox { - border-color: var(--in-content-primary-button-background) !important; - } - .UserProfileEdit input:focus, - .UserProfileEdit textarea:focus, - .AutoSearchInput-query:focus, - .UserProfileEditNotifications .UserProfileEditNotification-input:focus ~ .UserProfileEditNotification-checkbox { - box-shadow: inset 0 0 0 1px var(--in-content-primary-button-background), - 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 4px rgba(0, 211, 255, 0.3) !important; - } - .PromotedBadge-link--line { - border-color: var(--in-content-deemphasized-text) !important; - } - .PromotedBadge-link--line:hover { - border-color: var(--in-content-button-background-hover) !important; - } - .blog-entry-read-more-link { - border-color: var(--in-content-link-color) !important; - } - .blogpost-nav-arrow-left .cls-1, - .blogpost-nav-arrow-right .cls-1 { - stroke: var(--in-content-text-color) !important; - } - /* /developers/ */ - .DevHub-Navigation-Logo > .Logo::before { - -moz-context-properties: fill !important; - fill: var(--in-content-primary-button-background) !important; - background-image: url("../icons/addons-logo.svg") !important; - } - .DevHub-Navigation, - .DevHub-submit-addon, - .DevHub-get-involved, - .DevHub-MyAddons > * { - background: var(--in-content-page-background) !important; - color: var(--in-content-page-color) !important; - } - .DevHub-Footer { - background: var(--in-content-box-background) !important; - color: var(--in-content-page-color) !important; - } - .DevHub-callout-box { - background: var(--in-content-box-background-odd) !important; - color: var(--in-content-page-color) !important; - } - .DevHub-Navigation.scheme-light ul li a, - .DevHub-Footer-sections-header, - .DevHub-Footer-section h4, - .DevHub-Footer-section p, - .DevHub-content-copy h2 { - color: var(--in-content-page-color) !important; - } - .DevHub-content-copy p, - .DevHub-callout-box p { - color: var(--in-content-deemphasized-text) !important; - } - .DevHub-Banner a, - .DevHub-Footer a, - .DevHub-MyAddons-list a, - .DevHub-MyAddons-item-buttons-all, - .DevHub-content-copy a, - .DevHub-callout-box a { - color: var(--in-content-link-color) !important; - } - body:is(.developer-hub, .statistics) { - /* Elements */ - /* .developer-hub */ - /* Text */ - /* .developer-hub */ - /* Background */ - /* Border */ - /* Others */ - } - body:is(.developer-hub, .statistics) #main-wrapper, - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after, - body:is(.developer-hub, .statistics) .menu-nav > ul > li:hover::after, - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul, - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul a, - body:is(.developer-hub, .statistics) .menu-nav em, - body:is(.developer-hub, .statistics) .primary, - body:is(.developer-hub, .statistics) .secondary, - body:is(.developer-hub, .statistics) .dashboard .listing .item { - background: var(--in-content-page-background) !important; - color: var(--in-content-page-color) !important; - } - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul a:hover, - body:is(.developer-hub, .statistics) .install-note, - body:is(.developer-hub, .statistics) .modal, - body:is(.developer-hub, .statistics) .popup { - background: var(--in-content-box-background-odd) !important; - } - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after, - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul { - box-shadow: 0 0 3px var(--in-content-border-color) !important; - } - body:is(.developer-hub, .statistics) #footer { - background: linear-gradient( - to bottom, - var(--in-content-page-background) 0, - var(--in-content-page-background) 123px, - #0c99d5 123px, - #0c99d5 200px, - var(--in-content-page-background) 200px, - rgba(12, 153, 213, 0) 400px - ) !important; - } - body:is(.developer-hub, .statistics) #homepage h2, - body:is(.developer-hub, .statistics) header h2, - body:is(.developer-hub, .statistics) .primary h2, - body:is(.developer-hub, .statistics) h1, - body:is(.developer-hub, .statistics) hgroup h2.addon, - body:is(.developer-hub, .statistics) hgroup h2.collection, - body:is(.developer-hub, .statistics) h3, - body:is(.developer-hub, .statistics) .results h4, - body:is(.developer-hub, .statistics) .dashboard .listing .item, - body:is(.developer-hub, .statistics) .dashboard .listing .item:hover h5, - body:is(.developer-hub, .statistics) .secondary .addon-status, - body:is(.developer-hub, .statistics) .secondary .addon-status .addon-details li.addon-listed-status, - body:is(.developer-hub, .statistics) #refine-results h5, - body:is(.developer-hub, .statistics) .island.criteria li, - body:is(.developer-hub, .statistics) .two-up div { - color: var(--in-content-page-color) !important; - } - body:is(.developer-hub, .statistics) .item-actions h5, - body:is(.developer-hub, .statistics) .item-actions > ul, - body:is(.developer-hub, .statistics) .item-actions > ul > li, - body:is(.developer-hub, .statistics) .dashboard .listing .item .item-actions a, - body:is(.developer-hub, .statistics) .edit-media-details, - body:is(.developer-hub, .statistics) .devhub-form table th, - body:is(.developer-hub, .statistics) #recent-activity .listing .item .timestamp, - body:is(.developer-hub, .statistics) #upload-file .upload-status #uploadstatus, - body:is(.developer-hub, .statistics) #addon-validator-suite, - body:is(.developer-hub, .statistics) #addon-validator-suite .msg > *, - body:is(.developer-hub, .statistics) .island.criteria li a.inactive { - color: var(--in-content-deemphasized-text) !important; - } - body:is(.developer-hub, .statistics) section[role="main"] a, - body:is(.developer-hub, .statistics) header a, - body:is(.developer-hub, .statistics) .more-info, - body:is(.developer-hub, .statistics) .primary a, - body:is(.developer-hub, .statistics) .secondary a, - body:is(.developer-hub, .statistics) .submission-type-tabs a, - body:is(.developer-hub, .statistics) .popup a, - body:is(.developer-hub, .statistics) .dashboard .listing .item:hover a, - body:is(.developer-hub, .statistics) .dashboard .listing .item:hover .item-actions a, - body:is(.developer-hub, .statistics) #upload-status-results.status-pass strong, - body:is(.developer-hub, .statistics) #addon-validator-suite a, - body:is(.developer-hub, .statistics) #create-addon a, - body:is(.developer-hub, .statistics) .html-support { - color: var(--in-content-link-color) !important; - } - body:is(.developer-hub, .statistics) .dashboard .listing .item:hover a { - color: var(--in-content-link-color-hover) !important; - } - body:is(.developer-hub, .statistics) .dashboard .listing .item .item-info .downloads, - body:is(.developer-hub, .statistics) .dashboard .listing .item .item-info .price, - body:is(.developer-hub, .statistics) .dashboard .listing .item .item-info .users { - color: var(--green-60) !important; - } - body:is(.developer-hub, .statistics) .status-admin-disabled b, - body:is(.developer-hub, .statistics) .status-disabled b, - body:is(.developer-hub, .statistics) .status-incomplete b, - body:is(.developer-hub, .statistics) .status-purgatory b { - color: var(--red-60) !important; - } - body:is(.developer-hub, .statistics) .submission-type-tabs a.active, - body:is(.developer-hub, .statistics) .island.criteria li.selected a { - color: var(--orange-50) !important; - } - body:is(.developer-hub, .statistics) .secondary .addon-status, - body:is(.developer-hub, .statistics) .devhub-form .item, - body:is(.developer-hub, .statistics) #icons_default, - body:is(.developer-hub, .statistics) .listing .item, - body:is(.developer-hub, .statistics) .object-lead, - body:is(.developer-hub, .statistics) #addon-validator-suite .results .tier-results, - body:is(.developer-hub, .statistics) #addon-validator-suite .suite, - body:is(.developer-hub, .statistics) #addon-validator-suite .suite-container { - border-color: var(--in-content-border-color) !important; - background: var(--in-content-box-background) !important; - } - body:is(.developer-hub, .statistics) .highlight, - body:is(.developer-hub, .statistics) .listing-footer, - body:is(.developer-hub, .statistics) .tab-wrapper .fm-control { - color: var(--in-content-page-color) !important; - background: var(--in-content-box-info-background) !important; - } - body:is(.developer-hub, .statistics) .submission-type-tabs a, - body:is(.developer-hub, .statistics) #head-chart { - background: var(--in-content-page-background) !important; - } - body:is(.developer-hub, .statistics) #head-chart rect { - fill: var(--in-content-page-background) !important; - } - body:is(.developer-hub, .statistics) #head-chart text { - fill: var(--in-content-deemphasized-text) !important; - } - body:is(.developer-hub, .statistics) #head-chart .highcharts-legend .highcharts-legend-item:hover text { - fill: var(--in-content-page-color) !important; - paint-order: stroke !important; - stroke: var(--in-content-page-color) !important; - stroke-width: 0.4px !important; - stroke-linecap: butt !important; - stroke-linejoin: miter !important; - } - body:is(.developer-hub, .statistics) - #head-chart - .highcharts-legend - .highcharts-legend-item - path[stroke="#CCC"] - ~ text { - fill: #ccc !important; - } - body:is(.developer-hub, .statistics) #icons_default li a:hover, - body:is(.developer-hub, .statistics) #side-nav .active a, - body:is(.developer-hub, .statistics) span.tip, - body:is(.developer-hub, .statistics) .addon-submission-process .tip, - body:is(.developer-hub, .statistics) .devhub-form .tip, - body:is(.developer-hub, .statistics) a.remove, - body:is(.developer-hub, .statistics) span.remove, - body:is(.developer-hub, .statistics) ul.errorlist li span.tip { - background-color: var(--in-content-box-info-background) !important; - } - body:is(.developer-hub, .statistics) a.remove:hover, - body:is(.developer-hub, .statistics) span.tip:hover { - background-color: var(--in-content-primary-button-background-hover) !important; - } - body:is(.developer-hub, .statistics) .submission-type-tabs a, - body:is(.developer-hub, .statistics) .devhub-sidebar, - body:is(.developer-hub, .statistics) .devhub-sidebar div.item, - body:is(.developer-hub, .statistics) .devhub-form .listing-footer { - border-color: var(--in-content-border-color) !important; - } - body:is(.developer-hub, .statistics) #background-wrapper, - body:is(.developer-hub, .statistics) #main-wrapper { - border-color: var(--in-content-page-background) !important; - } - body:is(.developer-hub, .statistics) .item-actions a.more-actions:hover:after, - body:is(.developer-hub, .statistics) .item-actions button.link.more-actions:hover:after, - body:is(.developer-hub, .statistics) #change-locale::after { - border-top-color: var(--in-content-link-color) !important; - } - body:is(.developer-hub, .statistics) install-note::after, - body:is(.developer-hub, .statistics) .popup::after { - border-bottom-color: var(--in-content-box-background) !important; - } - body:is(.developer-hub, .statistics) .install-note::before, - body:is(.developer-hub, .statistics) .popup::before { - border-bottom-color: grey !important; - } - body:is(.developer-hub, .statistics) #refine-results, - body:is(.developer-hub, .statistics) .other-categories, - body:is(.developer-hub, .statistics) .versions .primary > .warning { - border-color: transparent !important; - } - body:is(.developer-hub, .statistics) .results { - border-color: var(--in-content-box-background-odd) !important; - background: transparent !important; - } - body:is(.developer-hub, .statistics) .results-inner { - border-color: var(--in-content-border-color) !important; - background: var(--in-content-border-color) !important; - } - body:is(.developer-hub, .statistics) #promos .view-button a, - body:is(.developer-hub, .statistics) #upload-file-finish.button, - body:is(.developer-hub, .statistics) #upload-file-widget .button.prominent, - body:is(.developer-hub, .statistics) .button, - body:is(.developer-hub, .statistics) .cta a.button:link, - body:is(.developer-hub, .statistics) .cta a.button:visited, - body:is(.developer-hub, .statistics) .linux .button.linux, - body:is(.developer-hub, .statistics) .mac .button.mac, - body:is(.developer-hub, .statistics) .other .button.bsd, - body:is(.developer-hub, .statistics) .other .button.solaris, - body:is(.developer-hub, .statistics) .sidebar a.button, - body:is(.developer-hub, .statistics) .sidebar button, - body:is(.developer-hub, .statistics) .theme .choices button, - body:is(.developer-hub, .statistics) .theme-queue a.button, - body:is(.developer-hub, .statistics) .theme-queue button, - body:is(.developer-hub, .statistics) .windows .button.windows, - body:is(.developer-hub, .statistics) a.button:link, - body:is(.developer-hub, .statistics) a.button:visited, - body:is(.developer-hub, .statistics) a.delete-button.delete-addon, - body:is(.developer-hub, .statistics) button, - body:is(.developer-hub, .statistics) button.button, - body:is(.developer-hub, .statistics) input:not(.upvotes):not(.downvotes)[type="submit"] { - color: var(--in-content-primary-button-text-color) !important; - background: var(--in-content-primary-button-background) !important; - } - body:is(.developer-hub, .statistics) #promos .view-button a:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) #upload-file-finish.button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) #upload-file-widget .button.prominent:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .cta a.button:link:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .cta a.button:visited:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .linux .button.linux:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .mac .button.mac:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .other .button.bsd:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .other .button.solaris:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .sidebar a.button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .sidebar button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .theme .choices button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .theme-queue a.button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .theme-queue button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .windows .button.windows:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) a.button:link:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) a.button:visited:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) a.delete-button.delete-addon:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) button.button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) - input:not(.upvotes):not(.downvotes)[type="submit"]:is(.selected, :focus, :hover) { - background: var(--in-content-primary-button-background-hover) !important; - } - body:is(.developer-hub, .statistics) .edit_with_prefix span, - body:is(.developer-hub, .statistics) .edit_with_suffix span { - border-color: var(--in-content-box-border-color) !important; - background-color: var(--in-content-box-background-odd) !important; - color: var(--in-content-deemphasized-text) !important; - padding-block: 3px !important; - cursor: not-allowed; - } - body:is(.developer-hub, .statistics) .devhub-form .item_wrapper input[type="email"] { - appearance: none !important; - padding: 2px 5px; - border: 1px solid; - } - body:is(.developer-hub, .statistics) #addon-validator-suite .suite-summary { - color: var(--in-content-deemphasized-text) !important; - background: var(--in-content-button-background) !important; - border-top-color: var(--in-content-border-color) !important; - } - body:is(.developer-hub, .statistics) #addon-validator-suite .context { - border-color: var(--in-content-box-border-color) !important; - background-color: var(--in-content-button-background) !important; - background: var(--in-content-table-background) !important; - } - } - /*= Support.org ============================================================*/ - @-moz-document url-prefix("https://support.mozilla.org") - { - /* Basic */ - :root { - --color-blue-06: var(--in-content-link-color) !important; - --color-blue-07: var(--in-content-link-color-hover) !important; - --color-blue-09: var(--in-content-link-color-active) !important; - --page-bg: var(--in-content-page-background) !important; - --color-white: var(--in-content-page-background) !important; - --color-shade-bg: var(--in-content-page-background) !important; - --color-marketing-gray-02: var(--card-outline-color) !important; - --color-inverse-bg: var(--in-content-page-color) !important; - --color-inverse: var(--in-content-page-background) !important; - --color-text: var(--in-content-page-color) !important; - --color-moz-text: var(--in-content-page-color) !important; - --color-moz-heading: var(--in-content-page-color) !important; - --color-text-light: var(--in-content-deemphasized-text) !important; - --color-link: var(--in-content-link-color) !important; - --color-success: var(--green-70) !important; - --color-warning: var(--yellow-80) !important; - --color-error: var(--red-60) !important; - --color-error-hover: var(--red-50) !important; - --color-moz-heading: #fff; - --color-moz-inverse-bg: var(red) !important; - --focus-shadow: 0 0 0 4px color-mix(in srgb, var(--in-content-primary-button-background) 30%, transparent), - 0 0 0 2px var(--in-content-primary-button-background-active); - } - .warning { - --color-link: rgb(55, 255, 255) !important; - } - body, - #main-content, - #instant-search-content, - #mzp-c-menu-panel-help, - .mzp-c-navigation, - .kbox-container { - color: var(--in-content-page-color) !important; - background: var(--in-content-page-background) !important; - } - #editor { - border: 2px solid var(--in-content-border-color) !important; - } - .CodeMirror-linenumbers { - background: var(--in-content-table-background); - } - .CodeMirror-lines { - color: var(--in-content-deemphasized-text) !important; - background: var(--in-content-page-background) !important; - } - .CodeMirror-scroll { - background: var(--in-content-page-background) !important; - } - /* Text */ - blockquote, - .mzp-c-menu-category .mzp-c-menu-title, - .mzp-c-menu-item .mzp-c-menu-item-link, - .mzp-c-menu-item .mzp-c-menu-item-link > *, - .mzp-c-menu-item .mzp-c-menu-item-list a, - #doc-content .menu, - .document--content .menu, - .forum--entry-content .menu, - .tag-name a { - color: var(--in-content-page-color) !important; - } - .ts-select-trigger, - input[type="date"], - input[type="email"], - input[type="number"], - input[type="password"], - input[type="search"], - input[type="tel"], - input[type="text"], - input[type="time"], - input[type="url"], - select, - textarea, - #doc-content .button, - #doc-content .key, - .document--content .button, - .document--content .key, - .forum--entry-content .button, - .forum--entry-content .key { - color: var(--in-content-deemphasized-text) !important; - } - .tag-list a { - color: var(--color-marketing-gray-10) !important; - } - .tag-list a:hover, - .sidebar-nav a:hover { - color: var(--color-link) !important; - } - .tag-list li { - background: var(--in-content-page-color) !important; - } - .tag-list li:hover { - background: var(--in-content-deemphasized-text) !important; - } - #remaining-characters { - color: var(--in-content-page-color) !important; - } - /* Background */ - .sidebar-nav.topics, - .sidebar-nav.topics > li { - background: var(--in-content-page-background) !important; - } - .mzp-c-menu-panel { - color: var(--in-content-page-color) !important; - background: var(--in-content-page-background) !important; - } - .mzp-c-menu-list-list, - .mzp-c-menu-list-list:hover { - color: var(--in-content-page-color) !important; - background: var(--in-content-box-background) !important; - } - .mzp-c-menu-list-item:focus, - .mzp-c-menu-list-item:hover { - background: var(--in-content-button-background-hover) !important; - } - .cm-bold { - color: var(--in-content-page-color) !important; - } - /* Fill */ - .sumo-nav--logo, - .sumo-nav--search-button, - .sumo-nav--toggle-button, - .card:not(.is-inverse) .card--icon-sm, - .mzp-c-menu-item-icon, - .mzp-c-menu-button-close, - .topic-article--icon, - .card--topic > .card--icon, - .mzp-c-details .is-summary button::before, - details .is-summary button::before, - summary::before, - .icon-button > button, - .search-button { - filter: invert(95%) !important; - } - button.markup-toolbar-button { - /*using 0.5 because in middle*/ - filter: invert(0.5) !important; - } - /* Others */ - .support-callouts > .card.is-inverse { - background: #20133a !important; - } - .support-callouts > .card.is-inverse :is(h1, h2, h3, h4, h5, h6, li, p) { - color: var(--in-content-page-color) !important; - } - blockquote { - border-color: var(--in-content-border-color) !important; - } - .sumo-button.secondary-button { - border-color: transparent !important; - } - .mzp-c-menu-panel { - border-color: var(--in-content-button-background-hover) !important; - } - .mzp-c-menu-item:is(:focus, :hover, :active) .mzp-c-menu-item-link .mzp-c-menu-item-title { - border-color: var(--in-content-page-color) !important; - } - @media screen and (prefers-color-scheme: dark) and (min-width: 768px) { - .mzp-c-menu-panel { - box-shadow: 0 16px 16px -16px rgba(255, 255, 255, 0.3) !important; - } - } - .card--product, - .card--topic, - .card--article { - box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), - 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important; - } - } - /*= Accounts.com ===========================================================*/ - @-moz-document url-prefix("https://accounts.firefox.com") - { - /* Basic */ - body { - color: var(--in-content-page-color) !important; - background: var(--in-content-page-background) !important; - } - .button.primary-button, - .button[type="submit"]:not(.secondary-button), - .settings-button.primary-button, - .settings-button[type="submit"]:not(.secondary-button), - button.primary-button, - button[type="submit"]:not(.secondary-button) { - color: var(--in-content-primary-button-text-color) !important; - background: var(--in-content-primary-button-background) !important; - } - /* Text */ - header h1, - .info, - .info a, - .prefillEmail, - .faint a:hover, - .cta-neutral:hover { - color: var(--in-content-page-color) !important; - } - #main-content.panel a, - .links a, - .link-blue, - .text-blue-500 { - color: var(--in-content-link-color) !important; - } - .link-blue:hover { - color: var(--in-content-link-color-hover) !important; - } - .signed-in-email-message, - .verification-email-message, - .verification-message, - .verification-recovery-code-message, - .verification-totp-message, - .input-row input[type="email"], - .input-row input[type="number"], - .input-row input[type="password"], - .input-row input[type="tel"], - .input-row input[type="text"], - .input-row input::placeholder, - .input-text, - .firefox-family-services > ul > .firefox-service, - .faint, - .faint a, - .text-grey-400 { - color: var(--in-content-deemphasized-text) !important; - } - /* Background */ - .flex .flex-wrap { - background: var(--in-content-page-background); - } - .password-row .show-password-label { - background-color: unset !important; - } - #main-content, - .modal, - .firefox-family-services, - .input-row input[type="email"], - .input-row input[type="number"], - .input-row input[type="password"], - .input-row input[type="tel"], - .input-row input[type="text"], - .input-text, - header, - .card, - .bg-white:not(nav) { - background: var(--in-content-box-background) !important; - } - #suggest-sync, - .cta-neutral { - background: var(--in-content-button-background) !important; - } - .cta-neutral:hover, - .bg-grey-50:hover, - .hover\:bg-grey-100:hover { - background: var(--in-content-button-background-hover) !important; - } - .text-blue-500 .cta-neutral, - .text-blue-500 .bg-grey-50, - .text-blue-500 .hover\:bg-grey-100 { - background: var(--in-content-button-background) !important; - } - .hover\:bg-grey-200:hover { - background: var(--in-content-button-background-active) !important; - } - .button.primary-button:hover:enabled, - .button[type="submit"]:not(.secondary-button):hover:enabled, - .settings-button.primary-button:hover:enabled, - .settings-button[type="submit"]:not(.secondary-button):hover:enabled, - button.primary-button:hover:enabled, - button[type="submit"]:not(.secondary-button):hover:enabled { - background: var(--in-content-primary-button-background-hover) !important; - } - .tooltip, - .tooltip::before { - background: var(--in-content-danger-button-background) !important; - } - /* Fill */ - .dismiss, - #about-mozilla, - .show-password-label, - footer a[data-testid="link-mozilla"] { - filter: invert(95%) !important; - } - header button svg, - header .rounded svg, - #service svg { - filter: brightness(15) !important; - } - button.relative, - #fxa-settings nav svg { - filter: brightness(2) !important; - } - /* Others */ - .input-row input[type="email"], - .input-row input[type="number"], - .input-row input[type="password"], - .input-row input[type="tel"], - .input-row input[type="text"], - .unit-row-hr .border-grey-100 { - border-color: var(--in-content-border-color) !important; - } - .input-row input[type="email"]:hover, - .input-row input[type="number"]:hover, - .input-row input[type="password"]:hover, - .input-row input[type="tel"]:hover, - .input-row input[type="text"]:hover { - border-color: var(--in-content-border-hover) !important; - } - #main-content { - box-shadow: 0 12px 18px 2px rgba(249, 249, 250, 0.12), 0 6px 22px 4px rgba(91, 91, 102, 0.12), - 0 6px 10px -4px rgba(82, 82, 94, 0.04) !important; - } - .input-row input[type="email"]:focus, - .input-row input[type="number"]:focus, - .input-row input[type="password"]:focus, - .input-row input[type="tel"]:focus, - .input-row input[type="text"]:focus { - box-shadow: 0 0 0 3px color-mix(in srgb, var(--in-content-primary-button-background-hover) 80%, transparent) !important; - } - } - @supports -moz-bool-pref("userContent.page.dark_mode.pdf") { - @-moz-document unobservable-document() { - @-moz-document regexp("^(?!.*\\.pdf\\?n).*") { - #outerContainer { - --sidebaritem-bg-color: #38383d; - --uc-pdf-dark-filter: grayscale(10%) invert(90%); - } - #sidebarContainer > #sidebarContent > #thumbnailView .thumbnailImage { - filter: var(--uc-pdf-dark-filter); - box-shadow: 0 0 0 1px hsla(0deg, 0%, 100%, 0.5), 0 2px 8px hsla(0deg, 0%, 100%, 0.3) !important; - } - #viewerContainer > #viewer > .page > .canvasWrapper > canvas { - filter: var(--uc-pdf-dark-filter); - } - } - } - } - } -} -/** Fully Proton Mode *********************************************************/ -@supports -moz-bool-pref("userContent.page.proton") { - /*= Common contents ==========================================================*/ /*= abouts' common ===========================================================*/ - @-moz-document url-prefix("about:"), url-prefix("chrome://pippki/content/"), url-prefix("chrome://browser/content/") - { - xul|treecols { - border-bottom-color: var(--in-content-box-border-color) !important; - } - } - @-moz-document url-prefix("about:plugins"), url-prefix("about:cache"), url-prefix("about:checkerboard"), url-prefix("about:sync-log"), url-prefix("about:memory"), regexp("^(((jar:)?file:///)|(chrome://)).*/$") - { - /* Base */ - html, - body { - font: message-box !important; - appearance: none !important; - background-color: var(--in-content-page-background) !important; - color: var(--in-content-page-color) !important; - } - body { - font-size: 15px !important; - font-weight: normal !important; - margin: 0 !important; - } - h1 { - line-height: 1.2 !important; - } - h2 { - line-height: 1.4em !important; - } - /* Link */ - a { - color: var(--in-content-link-color) !important; - } - a:hover, - .text-link:hover { - color: var(--in-content-link-color-hover) !important; - text-decoration: underline !important; - } - a:visited { - color: var(--in-content-link-color-visited) !important; - } - a:hover:active, - .text-link:hover:active { - color: var(--in-content-link-color-active) !important; - } - a:-moz-focusring, - .text-link:-moz-focusring { - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: 1px !important; - border-radius: 4px !important; - } - /* Button */ - button { - font: inherit; - } - button, - select, - input[type="color"] { - appearance: none !important; - min-height: 32px !important; - color: var(--in-content-button-text-color, inherit) !important; - border: 1px solid transparent !important; /* shows up in high-contrast mode */ - border-radius: var(--in-content-button-border-radius) !important; - background-color: var(--in-content-button-background) !important; - font-weight: 400 !important; - padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important; - text-decoration: none !important; - margin: 4px 8px !important; - /* Ensure font-size isn't overridden by widget styling (e.g. in forms.css) */ - font-size: 1em !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_button") { - button, - select, - input[type="color"] { - border-radius: 0 !important; - } - } - button { - font-weight: 600 !important; - /* Use the same margin of other elements for the alignment */ - margin-inline: 4px !important; - min-width: 6.3em !important; - } - /* Medium and small buttons get sized to 7/14 and 6/12px padding (when adding - * the 1px border): */ - button.medium { - --in-content-button-vertical-padding: 6px; - --in-content-button-horizontal-padding: 13px; - min-height: 28px !important; - font-size: 0.95em !important; - } - button.small { - --in-content-button-vertical-padding: 5px; - --in-content-button-horizontal-padding: 11px; - min-height: 24px !important; - font-size: 0.9em !important; - } - ::-moz-focus-inner { - border: none !important; - } - button:-moz-focusring { - box-shadow: none !important; - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: 2px !important; - } - button:enabled:hover, - input[type="color"]:hover { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - border-color: transparent !important; - } - button:enabled:hover:active, - input[type="color"]:enabled:hover:active { - background-color: var(--in-content-button-background-active) !important; - } - button:disabled, - input[type="color"]:disabled { - opacity: 0.4 !important; - } - button[autofocus], - button[type="submit"], - button.primary { - background-color: var(--in-content-primary-button-background) !important; - color: var(--in-content-primary-button-text-color) !important; - } - button[autofocus]:enabled:hover, - button[type="submit"]:enabled:hover, - button.primary:enabled:hover { - background-color: var(--in-content-primary-button-background-hover) !important; - color: var(--in-content-primary-button-text-color-hover) !important; - } - button[autofocus]:enabled:hover:active, - button[type="submit"]:enabled:hover:active, - button.primary:enabled:hover:active { - background-color: var(--in-content-primary-button-background-active) !important; - } - /* Checkbox */ - input[type="checkbox"] { - margin-block: 2px !important; - } - input[type="checkbox"] { - appearance: none !important; - height: 16px !important; - width: 16px !important; - border: 1px solid var(--checkbox-border-color) !important; - background-color: var(--checkbox-unchecked-bgcolor) !important; - border-radius: 2px !important; - margin-inline: 0 6px !important; - flex-shrink: 0 !important; /* avoid shrinking inside flex container */ - } - @supports -moz-bool-pref("userChrome.rounding.square_checklabel") { - input[type="checkbox"] { - border-radius: 0 !important; - } - } - input[type="checkbox"]:enabled:hover { - background-color: var(--checkbox-unchecked-hover-bgcolor) !important; - } - input[type="checkbox"]:enabled:hover:active { - background-color: var(--checkbox-unchecked-active-bgcolor) !important; - } - input[type="checkbox"]:checked { - border-color: var(--checkbox-checked-border-color) !important; - background-color: var(--checkbox-checked-bgcolor) !important; - background-image: url("chrome://global/skin/icons/check.svg") !important; - background-position: center !important; - background-repeat: no-repeat !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - color: var(--checkbox-checked-color) !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - } - input[type="checkbox"]:enabled:checked:hover { - background-color: var(--checkbox-checked-hover-bgcolor) !important; - } - input[type="checkbox"]:enabled:checked:hover:active { - background-color: var(--checkbox-checked-active-bgcolor) !important; - } - /* Textarea */ - input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]), - textarea { - appearance: none !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 4px !important; - color: inherit !important; - background-color: var(--in-content-box-background) !important; - } - input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]), - textarea { - font-family: inherit !important; - font-size: inherit !important; - padding: 8px !important; - margin: 2px 4px !important; - } - input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):focus, - textarea:focus, - search-textbox[focused], - tree:focus-visible, - richlistbox:focus-visible { - border-color: transparent !important; - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: -1px !important; /* Prevents antialiasing around the corners */ - } - input:is( - [type="email"], - [type="tel"], - [type="text"], - [type="password"], - [type="url"], - [type="number"] - ):-moz-ui-invalid, - textarea:-moz-ui-invalid { - border-color: transparent !important; - outline: 2px solid var(--in-content-border-invalid) !important; - outline-offset: -1px !important; /* Prevents antialiasing around the corners */ - } - input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):disabled, - textarea:disabled, - search-textbox[disabled="true"] { - opacity: 0.4 !important; - } - /* Table */ - table { - width: 100% !important; - } - } - @-moz-document url-prefix("about:plugins"), url-prefix("about:cache"), url-prefix("about:checkerboard") { - table { - border: 1px solid var(--in-content-table-border-color) !important; - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:cache"), url-prefix("about:checkerboard") { - th, - td { - border: 1px solid var(--in-content-table-border-color) !important; - } - th { - background-color: var(--in-content-table-header-background) !important; - color: var(--in-content-table-header-color) !important; - } - } - /*= Field Border =============================================================*/ - @supports -moz-bool-pref("userContent.page.field_border") { - @media (prefers-reduced-motion: no-preference) { - @-moz-document url-prefix("about:") { - html|input:is( - [type="email"], - [type="tel"], - [type="text"], - [type="password"], - [type="url"], - [type="number"] - ):not(#newtab-search-text):hover, - html|textarea:hover, - xul|search-textbox:hover { - border-color: var(--in-content-focus-outline-color) !important; - transition: border-color 0.5s var(--animation-easing-function); - } - } - } - } - /*= View Source ==============================================================*/ - @-moz-document url-prefix("view-source") { - :root { - background-color: var(--in-content-page-background) !important; /* Original: white */ - color: var(--in-content-page-color) !important; /* Original: black */ - /* Colors */ - --view-source-green: var(--green-80); - --view-source-purple: #800080; /* Like alphenglow */ - } - @media (prefers-color-scheme: dark) { - :root { - --view-source-green: var(--green-60); - --view-source-purple: #c68aff; - } - } - pre[id]::before, - span[id]::before { - color: color-mix( - in srgb, - var(--in-content-page-color) 70%, - var(--in-content-page-background) - ) !important; /* Original: #ccc */ - } - .highlight .start-tag, - .highlight .end-tag { - color: var(--view-source-purple) !important; /* Original: purple */ - } - .highlight .comment { - color: var(--view-source-green) !important; /* Original: green */ - } - .highlight .cdata { - color: var(--in-content-border-invalid) !important; /* Original: #CC0066 */ - } - .highlight .doctype { - color: #4682b4 !important; /* Original: steelblue */ - } - .highlight .pi { - color: orchid !important; /* Original: orchid */ - } - .highlight .entity { - color: #ff4500 !important; /* Original: #FF4500 */ - } - .highlight .attribute-name { - color: var(--view-source-green) !important; /* Original: black */ - } - .highlight .attribute-value { - color: var(--in-content-link-color) !important; /* Original: blue */ - } - .highlight .markupdeclaration { - color: #4682b4 !important; /* Original: steelblue */ - } - .highlight .error, - .highlight - .error - > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype, .pi, .entity, .attribute-name, .attribute-value) { - color: var(--in-content-error-text-color) !important; /* Original: red */ - } - } - /*= Directory View ===========================================================*/ - @-moz-document url-prefix("about:sync-log"), regexp("^(((jar:)?file:///)|(chrome://)).*/$") - { - body { - background-color: var(--in-content-box-background) !important; - margin: 4em auto !important; /* Override to default */ - } - thead a { - color: var(--in-content-page-color) !important; - } - td ::before { - vertical-align: top !important; - } - } - /*= about:plugins ============================================================*/ - @-moz-document url-prefix("about:plugins") { - .notice { - background: var(--in-content-box-background) !important; - border: 1px solid var(--in-content-border-color) !important; - } - } - /*= about:cache ==============================================================*/ - @-moz-document url-prefix("about:cache") { - table { - padding: 0 !important; - } - th, - td { - padding: 4px !important; - text-align: match-parent !important; - } - } - /*= about:checkerboard =======================================================*/ - @-moz-document url-prefix("about:checkerboard") { - #canvas { - border: 1px solid var(--in-content-border-color) !important; - } - #excludePageFromZoom { - vertical-align: bottom !important; - } - } - /*= about:memory =============================================================*/ - @-moz-document url-prefix("about:memory") { - .opsRow, - .section { - background-color: var(--in-content-box-background) !important; - color: var(--in-content-page-color) !important; - } - .opsRowLabel input { - vertical-align: bottom !important; - } - } - /*= about:preferences ========================================================*/ - @-moz-document url-prefix("chrome://browser/content") - { - #sanitizeEverythingWarningIcon { - list-style-image: url("chrome://global/skin/icons/warning.svg") !important; - -moz-context-properties: fill; - fill: var(--uc-warning-icon-bgcolor); - width: 48px; - height: 48px; - } - } - @-moz-document url-prefix("about:preferences"), url-prefix("chrome://browser/content/preferences/dialogs/"), url-prefix("chrome://pippki/content/") - { - :is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem:hover, - #translations-manage-install-list > .translations-manage-language:hover { - background-color: var(--in-content-item-hover); - color: var(--in-content-item-hover-text); - } - :is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem[selected="true"], - #translations-manage-install-list > .translations-manage-language[selected="true"] { - background-color: var(--in-content-item-selected); - color: var(--in-content-item-selected-text); - } - :is(.contentPane, .main-content, #certmanagertabs) - richlistbox - > richlistitem:nth-child(even):not([selected="true"], :hover), - #translations-manage-install-list > .translations-manage-language:nth-child(even):not([selected="true"], :hover) { - background-color: var(--in-content-box-background-odd); - } - } - /*= chrome://browser/content/places/places.xhtml =============================*/ - @-moz-document url("chrome://browser/content/places/places.xhtml") - { - /** Library - Icons Replace *************************************************/ - @supports -moz-bool-pref("userChrome.icon.library") { - /*= Standard Folder - More Visible ===========================================*/ - /* on Toolbar and Menus */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer]), - :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, container), - #editBMPanel_folderMenuList:not([selectedGuid="toolbar_____"], [selectedGuid="menu________"]), - #editBMPanel_folderMenuList .folder-icon:not([id]), - .downloadIconShow > .button-box > .button-icon { - list-style-image: var(--uc-folder-icon) !important; - } - /* Standard Folder - Open */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer])[open="true"], - :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, container, open) { - list-style-image: url("../icons/folder-open.svg") !important; - } - /*= Other Folder - Inbox Icon ================================================*/ - /* on Menus */ - #PlacesToolbar #OtherBookmarks, - #BMB_bookmarksPopup #BMB_unsortedBookmarks, - #bookmarksMenuPopup #menu_unsortedBookmarks, - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks), - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_unfiled_____), - #editBMPanel_unfiledRootItem, - #editBMPanel_folderMenuList[selectedGuid="unfiled_____"] { - list-style-image: url("../icons/mail-inbox-all.svg") !important; - } - /* Other Folder - Open */ - #PlacesToolbar #OtherBookmarks[open="true"], - #BMB_bookmarksPopup #BMB_unsortedBookmarks[open="true"], - #bookmarksMenuPopup #menu_unsortedBookmarks[open="true"], - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, OrganizerQuery_UnfiledBookmarks), - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_unfiled_____) { - list-style-image: url("../icons/mail-inbox.svg") !important; - } - /*= Default Icon - Override ===================================================*/ - /* https://github.com/mozilla/gecko-dev/blob/master/browser/themes/shared/places/tree-icons.css */ - /* Query */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query) { - list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important; - } - /* History */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, dayContainer), - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(query, OrganizerQuery_history____v) { - list-style-image: url("chrome://browser/skin/history.svg") !important; - } - /* Downloads */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important; - } - /* Tag */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, tagContainer), - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v), - .bookmark-item[query][tagContainer] { - list-style-image: url("../icons/tag.svg") !important; - } - /* Bookmark */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) { - list-style-image: url("chrome://browser/skin/bookmark.svg") !important; - } - /* Bookmark Toolbar */ - #BMB_bookmarksPopup #BMB_bookmarksToolbar, - #bookmarksMenuPopup #bookmarksToolbarFolderMenu, - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_toolbar_____), - #editBMPanel_folderMenuList[selectedGuid="toolbar_____"], - #editBMPanel_toolbarFolderItem, - #bookmarksToolbarFolderMenu, - #BMB_bookmarksToolbar, - #panelMenu_bookmarksToolbar, - #bookmarks-toolbar-button, - #bookmarks-toolbar-placeholder { - list-style-image: url("../icons/bookmarks-toolbar-alt.svg") !important; - } - /* Bookmark Menu */ - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_menu________) { - list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important; - } - /*= Default Icon - Open ======================================================*/ - /* Query */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"][query="true"]:not([tagContainer])[open="true"] - > .menu-iconic-left - > .menu-iconic-icon { - transform: rotate(15deg) !important; - } - /* History */ - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, query, open, dayContainer), - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(query, open, OrganizerQuery_history____v) { - list-style-image: url("../icons/history-reverse.svg") !important; - } - /* Tag */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"][tagContainer="true"][open="true"], - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, tagContainer), - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_tags_______v) { - list-style-image: url("../icons/tag-open.svg") !important; - } - /* Bookmark */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) { - list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important; - } - /* Bookmark Toolbar */ - #BMB_bookmarksPopup #BMB_bookmarksToolbar[open="true"], - #bookmarksMenuPopup #bookmarksToolbarFolderMenu[open="true"], - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_toolbar_____) { - list-style-image: url("../icons/bookmarksToolbar-open-alt.svg") !important; - } - /* Bookmark Menu */ - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_menu________) { - list-style-image: url("../icons/bookmarksMenu-open.svg") !important; /* or bookmarksMenu-open2.svg" */ - } - /*= Menubar - Icons ==========================================================*/ - #organizeButton, - #viewMenu, - #maintenanceButton, - #back-button, - #forward-button, - #clearDownloadsButton { - fill: currentColor !important; - -moz-context-properties: fill, fill-opacity, stroke !important; - } - /* Add */ - #organizeButton { - list-style-image: url("chrome://global/skin/icons/settings.svg") !important; - } - #viewMenu { - list-style-image: url("../icons/sort.svg") !important; - } - #maintenanceButton { - list-style-image: url("../icons/import-export.svg") !important; - } - #clearDownloadsButton { - list-style-image: url("chrome://global/skin/icons/delete.svg") !important; - } - #clearDownloadsButton > .toolbarbutton-icon { - display: inline-flex !important; - display: -moz-inline-box !important; - margin-top: 0; - margin-bottom: 0; - margin-inline-start: 0; - margin-inline-end: 2px; - } - /* Replace */ - #back-button { - list-style-image: url("chrome://browser/skin/back.svg") !important; - } - #forward-button { - list-style-image: url("chrome://browser/skin/forward.svg") !important; - } - #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, - #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - transform: scaleX(-1) !important; - } - } - @media (-moz-gtk-csd-available) { - /*= Layout Fixes =========================================================*/ - menupopup menu { - padding-block: 4px; - } - .menu-right { - width: 16px !important; /* Original: 1ex */ - background-image: url("chrome://global/skin/icons/arrow-right.svg"); - background-position: right center; - } - /*= Proton ===============================================================*/ - @supports -moz-bool-pref("userContent.page.proton") { - :root { - --organizer-color: -moz-DialogText; - --organizer-deemphasized-color: GrayText; - --organizer-toolbar-background: -moz-Dialog; - --organizer-pane-background: -moz-Dialog; - --organizer-content-background: -moz-Dialog; - --organizer-hover-background: SelectedItem; - --organizer-hover-color: SelectedItemText; - --organizer-selected-background: SelectedItem; - --organizer-selected-color: SelectedItemText; - --organizer-outline-color: SelectedItem; - --organizer-separator-color: ThreeDDarkShadow; - --organizer-border-color: ThreeDShadow; - --organizer-toolbar-field-background: Field; - --organizer-toolbar-field-background-focused: Field; - --organizer-toolbar-field-border-color: ThreeDShadow; - --organizer-toolbar-field-focus-border-color: var(--organizer-outline-color); - --organizer-toolbar-field-focus-box-shadow: unset; - --organizer-pane-field-border-color: ThreeDShadow; - } - @media not all and (prefers-contrast) { - :root { - --organizer-color: var(--in-content-page-color); - --organizer-deemphasized-color: var(--in-content-deemphasized-text); - --organizer-toolbar-background: rgb(249, 249, 251); /* --toolbar-bgcolor */ - --organizer-pane-background: rgb(229, 229, 235); /* --lwt-accent-color */ - --organizer-content-background: var(--in-content-page-background); - --organizer-hover-background: var(--in-content-button-background-hover); - --organizer-hover-color: var(--organizer-color); - --organizer-selected-background: var(--in-content-button-background-active); - --organizer-selected-color: var(--organizer-color); - --organizer-outline-color: var(--in-content-focus-outline-color); - --organizer-separator-color: var(--organizer-pane-field-border-color); - --organizer-border-color: var(--in-content-border-color); - --organizer-toolbar-field-background: rgb(240, 240, 244); /* --lwt-accent-color */ - --organizer-toolbar-field-background-focused: Field; - --organizer-toolbar-field-border-color: transparent; - --organizer-toolbar-field-focus-border-color: color-mix( - in srgb, - var(--organizer-outline-color) 50%, - transparent - ); - --organizer-toolbar-field-focus-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23); - --organizer-pane-field-border-color: color-mix(in srgb, currentColor 41%, transparent); - } - @media (prefers-color-scheme: dark) { - :root { - --organizer-color: rgb(251, 251, 254); - --organizer-deemphasized-color: rgb(191, 191, 201); - --organizer-toolbar-background: rgb(43, 42, 51); - --organizer-pane-background: rgb(35, 34, 43); - --organizer-content-background: rgb(28, 27, 34); - --organizer-hover-background: rgb(82, 82, 94); - --organizer-selected-background: rgb(91, 91, 102); - --organizer-toolbar-field-background: var(--in-content-page-background); - --organizer-toolbar-field-background-focused: rgb(66, 65, 77); - scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3); - } - } - } - /*- Toolbar & Menus ------------------------------------------------------*/ - #placesToolbar { - appearance: none !important; - background-color: var(--organizer-toolbar-background) !important; - color: var(--organizer-color) !important; - border-bottom: 1px solid var(--organizer-border-color) !important; - padding: 4px !important; - padding-inline-end: 6px !important; - } - #placesToolbar > toolbarbutton { - appearance: none !important; - padding: 5px !important; - border-radius: 4px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_button") { - #placesToolbar > toolbarbutton { - border-radius: 0 !important; - } - } - #placesToolbar > toolbarbutton[disabled] { - opacity: 0.6 !important; - } - #placesToolbar > toolbarbutton:not([disabled]):hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #placesToolbar > toolbarbutton:not([disabled]):hover:active { - background-color: var(--organizer-selected-background) !important; - } - #placesToolbar > toolbarbutton > .toolbarbutton-icon, - #placesMenu > menu > image, - #placesMenu > menu > .menubar-text { - -moz-context-properties: fill !important; - fill: currentColor !important; - } - #placesMenu { - margin-inline-start: 6px !important; - } - #placesMenu > menu { - appearance: none !important; - color: var(--organizer-color) !important; - padding-block: 5px !important; - padding-inline-start: 5px !important; - border-radius: 4px !important; - margin-inline-end: 2px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_button") { - #placesMenu > menu { - border-radius: 0 !important; - } - } - #placesMenu > menu[_moz-menuactive="true"], - #placesMenu > menu:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #placesMenu > menu:hover:active, - #placesMenu > menu[open] { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - #placesMenu > menu > .menubar-text { - margin-block: 0 !important; /* override menu.css */ - padding-inline-end: 4px !important; - } - /*- Search Bar & Input ---------------------------------------------------*/ - #searchFilter, - #detailsPane html|input { - appearance: none !important; - background-color: var(--organizer-toolbar-field-background) !important; - color: var(--organizer-color) !important; - border: 1px solid var(--organizer-toolbar-field-border-color) !important; - border-radius: 4px !important; - margin: 0 !important; - padding-block: 2px !important; - min-height: 24px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_field") { - #searchFilter, - #detailsPane html|input { - border-radius: 0 !important; - } - } - #searchFilter[focused] { - box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important; - background-color: var(--organizer-toolbar-field-background-focused) !important; - border-color: transparent !important; - outline: 2px solid var(--organizer-toolbar-field-focus-border-color) !important; - outline-offset: -2px !important; - } - /*- Sidebar & Splitter ---------------------------------------------------*/ - #placesList { - background-color: var(--organizer-pane-background) !important; - } - #placesView > splitter { - border: 0 !important; - border-inline-end: 1px solid var(--organizer-border-color) !important; - min-width: 0 !important; - width: 3px !important; - background-color: transparent !important; - margin-inline-start: -3px !important; - position: relative !important; - } - /*- Downloads Pane -------------------------------------------------------*/ - #downloadsRichListBox, - #downloadsListBox { - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - } - #clearDownloadsButton:focus-visible { - outline: 2px solid var(--organizer-outline-color) !important; - } - richlistitem[selected="true"], - richlistitem:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-color) !important; - } - richlistbox:where(:focus) > richlistitem[selected="true"] { - background-color: var(--organizer-selected-background) !important; - } - /*- Tree -----------------------------------------------------------------*/ - #contentView treecol { - /* Use box-shadow to draw a bottom border instead of border-bottom - * because otherwise the items on contentView won't be perfectly - * aligned with the items on the sidebar. */ - box-shadow: inset 0 -1px var(--organizer-border-color) !important; - } - tree { - background-color: var(--organizer-content-background) !important; - color: var(--organizer-color) !important; - } - treecol:not([hideheader="true"]), - treecolpicker { - appearance: none !important; - border: none !important; - background-color: var(--in-content-button-background) !important; - color: var(--organizer-color, inherit) !important; - padding: 5px 10px !important; - } - treecol:not([hideheader="true"], [sortable="false"]):hover, - treecolpicker:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-color) !important; - } - treecol:not([hideheader="true"], [sortable="false"]):hover:active, - treecolpicker:hover:active { - background-color: var(--organizer-selected-background) !important; - } - treecol:not([hideheader="true"], :first-child), - treecolpicker { - padding-left: 10px !important; - border-inline-start-width: 1px !important; - border-inline-start-style: solid !important; - border-image: linear-gradient( - transparent 0%, - transparent 20%, - var(--organizer-border-color) 20%, - var(--organizer-border-color) 80%, - transparent 80%, - transparent 100% - ) - 1 1 !important; - } - treecol[sortDirection]:not([hideheader="true"]) > xul|*.treecol-sortdirection { - fill: currentColor !important; - width: 18px !important; - height: 18px !important; - } - treechildren::-moz-tree-row { - background-color: transparent !important; - } - treechildren::-moz-tree-row(hover) { - background-color: var(--organizer-hover-background) !important; - } - treechildren::-moz-tree-row(selected) { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - border: 1px solid transparent !important; - } - treechildren::-moz-tree-image(hover), - treechildren::-moz-tree-twisty(hover), - treechildren::-moz-tree-cell-text(hover) { - color: var(--organizer-hover-color) !important; - } - treechildren::-moz-tree-image(selected), - treechildren::-moz-tree-twisty(selected), - treechildren::-moz-tree-cell-text(selected) { - color: var(--organizer-selected-color) !important; - } - treechildren::-moz-tree-separator { - height: 1px !important; - border-color: var(--organizer-separator-color) !important; - } - treechildren::-moz-tree-separator(hover) { - border-color: var(--organizer-hover-color) !important; - } - treechildren::-moz-tree-separator(selected) { - border-color: var(--organizer-selected-color) !important; - } - treechildren::-moz-tree-cell-text(primary, dropOn), - treechildren::-moz-tree-drop-feedback { - background-color: var(--organizer-outline-color) !important; - } - /*- Info Box -------------------------------------------------------------*/ - #detailsPane { - background-color: var(--organizer-pane-background) !important; - color: var(--organizer-color) !important; - padding: 5px !important; - border-top: 1px solid var(--organizer-border-color) !important; - } - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - appearance: none !important; - min-width: 0 !important; - padding: 5px !important; - margin: 0 !important; - margin-inline-end: 4px !important; - border: 1px solid var(--organizer-pane-field-border-color) !important; - border-radius: 4px !important; - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_button") { - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - border-radius: 0 !important; - } - } - #editBookmarkPanelRows .expander-up:hover, - #editBookmarkPanelRows .expander-down:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #editBookmarkPanelRows .expander-up:hover:active, - #editBookmarkPanelRows .expander-down:hover:active { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - #editBookmarkPanelRows .expander-up:focus-visible, - #editBookmarkPanelRows .expander-down:focus-visible { - outline: 2px solid var(--organizer-outline-color) !important; - outline-offset: -1px !important; - } - #editBookmarkPanelRows .expander-up > .button-box, - #editBookmarkPanelRows .expander-down > .button-box { - padding: 0 !important; - } - #editBookmarkPanelRows .expander-up { - list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg"); - } - #editBookmarkPanelRows .expander-down { - list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg"); - } - #places input { - border: 1px solid var(--organizer-pane-field-border-color) !important; - border-radius: 4px !important; - background-color: var(--organizer-content-background) !important; - color: var(--organizer-color) !important; - min-height: 20px !important; - padding-inline: 4px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_field") { - #places input { - border-radius: 0 !important; - } - } - #places input:focus { - outline: 2px solid var(--organizer-outline-color) !important; - outline-offset: -1px !important; - } - #places input:not(:read-write):focus { - outline: none !important; - } - .caption-label { - margin-inline-start: 8px !important; - color: var(--organizer-deemphasized-color) !important; - } - #editBMPanel_tagsSelectorRow > richlistbox { - appearance: none !important; - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - border: 1px solid var(--organizer-border-color) !important; - border-radius: 4px !important; - } - @supports -moz-bool-pref("userChrome.rounding.square_field") { - #editBMPanel_tagsSelectorRow > richlistbox { - border-radius: 0 !important; - } - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem { - border: 1px solid transparent !important; - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem[selected] { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - /*- Radio Button -------------------------------------------------------------*/ - menuitem[type="radio"] { - /* margin-inline-start: 0 !important; */ - appearance: none !important; - } - menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon { - appearance: none !important; - width: 16px !important; - height: 16px !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 100% !important; - padding: 0 !important; - margin-inline: 0 6px !important; - margin-block: 2px !important; /* extend the vertical clicktarget */ - background-color: var(--in-content-button-background) !important; - background-position: center !important; - flex-shrink: 0 !important; /* avoid shrinking inside flex container */ - } - menuitem[type="radio"] > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - -moz-context-properties: fill !important; - fill: currentColor !important; - color: var(--in-content-primary-button-text-color) !important; - background-color: var(--in-content-primary-button-background) !important; - background-image: url("chrome://global/skin/icons/radio.svg") !important; - border-color: transparent !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - } - menuitem[type="radio"]:not([disabled="true"]):hover > .menu-iconic-left > .menu-iconic-icon { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - } - menuitem[type="radio"]:not([disabled="true"]):hover:active > .menu-iconic-left > .menu-iconic-icon { - background-color: var(--in-content-button-background-active) !important; - } - menuitem[type="radio"]:not([disabled="true"])[checked="true"]:hover > .menu-iconic-left > .menu-iconic-icon { - background-color: var(--in-content-primary-button-background-hover) !important; - color: var(--in-content-primary-button-text-color-hover) !important; - } - menuitem[type="radio"]:not([disabled="true"])[checked="true"]:hover:active - > .menu-iconic-left - > .menu-iconic-icon { - background-color: var(--in-content-primary-button-background-active) !important; - } - menuitem[type="radio"] > .menu-iconic-text { - margin-inline: 0 8px !important; - padding-inline-start: 0 !important; - } - /* Disabled checkboxes, radios and labels */ - menuitem[type="radio"][disabled="true"], - menuitem[type="checkbox"][disabled="true"] { - color: inherit !important; - opacity: 0.5 !important; - } - /*- Check Box ----------------------------------------------------------------*/ - /* From checkbox.css */ - menuitem[type="checkbox"] { - appearance: none !important; - align-items: center !important; - -moz-box-align: center !important; - margin: 0px 2px !important; - } - menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon { - appearance: none !important; - width: 16px !important; - height: 16px !important; - border: 1px solid currentColor !important; - border-radius: 2px !important; - color: var(--checkbox-border-color, ThreeDDarkShadow) !important; - background-color: var(--checkbox-unchecked-bgcolor, Field) !important; - margin-inline-end: 6px !important; /* or 2px */ - margin-block: 2px !important; /* From common.css */ - } - menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - -moz-context-properties: fill !important; - fill: currentColor !important; - border-color: var(--checkbox-checked-border-color, transparent) !important; - background-image: url("chrome://global/skin/icons/check.svg") !important; - background-position: center !important; - background-repeat: no-repeat !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - color: var(--checkbox-checked-color, AccentColorText) !important; - background-color: var(--checkbox-checked-bgcolor, AccentColor) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; - background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important; - } - } - menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left > .menu-iconic-icon { - background-color: var( - --checkbox-unchecked-hover-bgcolor, - color-mix(in srgb, AccentColor 4%, Field) - ) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left > .menu-iconic-icon { - background-color: var( - --checkbox-unchecked-hover-bgcolor, - color-mix(in srgb, -moz-accent-color 4%, Field) - ) !important; - } - } - menuitem[type="checkbox"]:not([disabled="true"]):hover:active > .menu-iconic-left > .menu-iconic-icon { - background-color: var( - --checkbox-unchecked-active-bgcolor, - color-mix(in srgb, AccentColor 8%, Field) - ) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover:active > .menu-iconic-left > .menu-iconic-icon { - background-color: var( - --checkbox-unchecked-active-bgcolor, - color-mix(in srgb, -moz-accent-color 8%, Field) - ) !important; - } - } - menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - background-color: var( - --checkbox-checked-hover-bgcolor, - color-mix(in srgb, currentColor 12.5%, AccentColor) - ) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon { - background-color: var( - --checkbox-checked-hover-bgcolor, - color-mix(in srgb, currentColor 12.5%, -moz-accent-color) - ) !important; - } - } - menuitem[type="checkbox"]:not([disabled="true"]):hover:active - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon { - background-color: var( - --checkbox-checked-active-bgcolor, - color-mix(in srgb, currentColor 25%, AccentColor) - ) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover:active - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon { - background-color: var( - --checkbox-checked-active-bgcolor, - color-mix(in srgb, currentColor 25%, -moz-accent-color) - ) !important; - } - } - menuitem[type="checkbox"]:focus > .menu-iconic-left > .menu-iconic-icon { - outline: 2px solid var(--focus-outline-color, AccentColor) !important; - outline-offset: var(--focus-outline-offset, 2px) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:focus > .menu-iconic-left > .menu-iconic-icon { - outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important; - } - } - @media (-moz-gtk-csd-available) and (prefers-contrast) { - menuitem[type="checkbox"]:not([disabled="true"]) > .menu-iconic-left > .menu-iconic-icon { - /* color will set the border-color on the check due to how HCM works for in-content pages. */ - color: var(--checkbox-checked-border-color, color-mix(in srgb, AccentColor 4%, Field)) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]) > .menu-iconic-left > .menu-iconic-icon { - /* color will set the border-color on the check due to how HCM works for in-content pages. */ - color: var(--checkbox-checked-border-color, color-mix(in srgb, -moz-accent-color 4%, Field)) !important; - } - } - menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] { - color: var(--checkbox-checked-border-color, currentColor) !important; - fill: var(--checkbox-checked-color, AccentColorText) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] { - fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; - } - } - menuitem[type="checkbox"]:not([disabled="true"]):hover:active - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon, - menuitem[type="checkbox"]:not([disabled="true"]):hover - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon { - color: var(--checkbox-checked-border-color-hover, AccentColorText) !important; - fill: var(--checkbox-checked-border-color-hover, AccentColorText) !important; - } - @supports -moz-bool-pref("userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover:active - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon, - menuitem[type="checkbox"]:not([disabled="true"]):hover - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon { - color: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; - fill: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; - } - } - } - menuitem[type="checkbox"] > .menu-iconic-text { - margin: 1px 0 !important; - } - menuitem[type="checkbox"][disabled="true"] { - opacity: 0.4 !important; - } - /*- Menu Separator -----------------------------------------------------------*/ - menuseparator { - appearance: none !important; - min-width: 2px; - min-height: 0; - border-top: 1px solid var(--in-content-box-border-color, ThreeDDarkShadow); - border-bottom: none; - padding: 0; - margin: var(--panel-separator-margin, 6px); - } - } - } - } -} -/** Rounding ******************************************************************/ -@supports -moz-bool-pref("userChrome.rounding.square_button") { - .all-buttons-container, - .highlight-buttons > button, - .cancel-shot, - #pictureInPictureToggle > .pip-small { - border-radius: 0 !important; - } - @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") - { - button:not(.toggle-button), - .close-icon, - .action-icon::before, - .page-section-header > .twisty, - .closed-tab-li-main, - #categories > .category, - .sidebar-footer-link { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:debugging") { - .sidebar-item { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("chrome://browser/content/places/places.xhtml"), url-prefix("about:downloads") - { - .downloadButton > .button-box { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:protections") { - #manage-protections, - #sign-up-for-monitor-link, - #get-proxy-extension-link, - #get-vpn-link, - #vpn-banner-link, - .monitor-partial-breaches-link-wrapper, - .monitor-breaches-link-wrapper { - border-radius: 0 !important; - } - } - @-moz-document regexp(".*.pdf$") { - .toolbarButton, - .dropdownToolbarButton, - .secondaryToolbarButton, - .dialogButton { - border-radius: 0 !important; - } - } -} -@supports -moz-bool-pref("userChrome.rounding.square_dialog") { - @-moz-document url("about:home"), url("about:newtab") { - .modal { - border-radius: 0 !important; - } - } -} -@supports -moz-bool-pref("userChrome.rounding.square_checklabel") { - @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") - { - input[type="checkbox"]:not(.toggle-button), - .checkbox-check { - border-radius: 0 !important; - } - } -} -@supports -moz-bool-pref("userChrome.rounding.square_field") { - @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") - { - input:is( - [type="color"], - [type="email"], - [type="tel"], - [type="text"], - [type="password"], - [type="url"], - [type="number"] - ), - textarea, - select, - menulist, - tree, - treecols, - listheader, - richlistbox, - search-textbox, - .web-appearance-choice, - .content-blocking-category, - #translations-manage-install-list { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:debugging") { - .default-input { - border-radius: 0 !important; - } - } - @-moz-document url("about:home"), url("about:newtab") { - .search-wrapper .search-handoff-button, - .search-wrapper input { - border-radius: 0 !important; - } - } - @-moz-document regexp(".*.pdf$") { - .toolbarField, - .thumbnailSelectionRing { - border-radius: 0 !important; - } - } -} -@supports -moz-bool-pref("userChrome.rounding.square_menupopup") { - @-moz-document url-prefix("about:"), url-prefix("chrome://") - { - panel, - menupopup { - --panel-border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:addons") { - panel-list { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:logins") { - .menu { - border-radius: 0 !important; - } - } - @-moz-document url("about:home"), url("about:newtab") { - .context-menu { - border-radius: 0 !important; - } - } - @-moz-document regexp(".*.pdf$") { - .doorHanger, - .doorHangerRight { - border-radius: 0 !important; - } - } -} -@supports -moz-bool-pref("userChrome.rounding.square_infobox") { - @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") - { - /* - * .container is inside shadow DOM, - * and it does not have any other classes, - * but there may be other elements with the same class, - * hence the weird selector. - */ - link[href="chrome://global/content/elements/message-bar.css"] + .container, - .info-box-container:not(.content-blocking-category), - .options-container, - #sanitizeEverythingWarningBox { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:debugging") { - .message { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:firefoxview") { - .card, - .card::before, - .empty-container, - .synced-tab-a, - .synced-tab-li-placeholder { - border-radius: 0 !important; - } - } -} -@-moz-document url-prefix("about:"), regexp(".*.pdf$") { - @supports -moz-bool-pref("userChrome.rounding.square_dialog") { - dialog, - .dialogBox { - border-radius: 0 !important; - } - } -} -@-moz-document url("chrome://browser/content/places/places.xhtml") -{ - /*= Library ==============================================================*/ - @supports -moz-bool-pref("userChrome.rounding.square_button") { - #placesToolbar > toolbarbutton, - #placesMenu > menu, - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - border-radius: 0 !important; - } - } - @supports -moz-bool-pref("userChrome.rounding.square_field") { - #searchFilter, - #detailsPane html|input, - #places input #editBMPanel_tagsSelectorRow > richlistbox { - border-radius: 0 !important; - } - } -} -/** Monospace *****************************************************************/ -@supports -moz-bool-pref("userContent.page.monospace") { - @-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$") - { - * { - font-family: -moz-fixed; - } - } -} -/** Menu - Icons Layout *******************************************************/ -@supports not -moz-bool-pref("userChrome.icon.disabled") { - @supports -moz-bool-pref("userChrome.icon.menu") { - :root { - --uc-folder-icon: url("chrome://global/skin/icons/folder.svg"); - } - @supports -moz-bool-pref("userChrome.icon.library") { - :root { - --uc-folder-icon: url("../icons/folder.svg"); - } - } - @-moz-document url("chrome://browser/content/places/places.xhtml"), url("about:downloads") - { - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon { - -moz-appearance: none !important; /* Linux: menulist */ - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - /* Color */ - -moz-context-properties: fill, fill-opacity, stroke !important; - fill: currentColor !important; - stroke: currentColor; - /* Layout */ - background-size: 16px !important; - background-repeat: no-repeat !important; - background-image: var(--menuitem-image); - } - /* For native context menus */ - @supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") { - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important; - } - } - /* Padding */ - :root { - --uc-menu-background-position: left; - --context-menu-background-padding-default: 5px; - --context-menu-background-padding: var(--context-menu-background-padding-default); - } - :root:-moz-locale-dir(rtl) { - --uc-menu-background-position: right; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - background-position: var(--uc-menu-background-position) var(--context-menu-background-padding) center !important; - padding-inline-start: var(--context-menu-background-padding) !important; - } - /* Padding - Non Native */ - @media (-moz-platform: windows) and (-moz-platform: windows), - (-moz-gtk-csd-available) and (-moz-platform: windows) { - :root { - --context-menu-background-padding: 1em; - --context-menu-text-padding-default: 24px; - --context-menu-text-padding: var(--context-menu-text-padding-default); - --menu-background-padding-default: calc( - var(--context-menu-background-padding) + var(--context-menu-text-padding) - ); - --bookmark-menu-icon-align-padding: 0px; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - padding-inline-start: var(--menu-background-padding-default) !important; - margin-left: 0 !important; - } - } - @media (-moz-platform: windows), (-moz-gtk-csd-available) { - @supports -moz-bool-pref("userChrome.theme.non_native_menu") { - @media (-moz-platform: windows) and (-moz-gtk-csd-available), - (-moz-gtk-csd-available) and (-moz-gtk-csd-available) { - :root { - --context-menu-background-padding: 1em; - --context-menu-text-padding-default: 24px; - --context-menu-text-padding: var(--context-menu-text-padding-default); - --menu-background-padding-default: calc( - var(--context-menu-background-padding) + var(--context-menu-text-padding) - ); - --bookmark-menu-icon-align-padding: 0px; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - padding-inline-start: var(--menu-background-padding-default) !important; - margin-left: 0 !important; - } - } - } - } - /* Padding - Windows */ - @media (-moz-platform: windows) { - :root { - --bookmark-menu-icon-text-padding: calc( - var(--context-menu-text-padding) + var(--arrowpanel-menuitem-padding-inline) - ); - --bookmark-menu-icon-background-padding: calc( - var(--arrowpanel-menuitem-padding-inline) + var(--bookmark-menu-icon-align-padding) - ); - } - } - /* Padding - Linux */ - @media (-moz-gtk-csd-available) { - :root { - --context-menu-background-padding-default: 6px; - --context-menu-text-padding: 21px; - } - /* Contextmenu Checkbox Unset */ - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[type="checkbox"] { - margin-inline: 0 !important; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem[type="checkbox"] - > .menu-iconic-left - > .menu-iconic-icon { - margin-inline-end: 0 !important; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem[type="checkbox"]:not([checked="true"]) - > .menu-iconic-left - > .menu-iconic-icon { - border: none !important; - background-color: unset !important; - } - } - /* Padding - Mac */ - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root { - --context-menu-background-padding-default: 10px; - --context-menu-mac-padding: 21px; - } - /* context menu width */ - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - padding-inline-end: var(--context-menu-background-padding) !important; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) - > .menu-text, - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]) - > .menu-text { - /* text position */ - padding-inline-start: var(--context-menu-mac-padding) !important; - } - /* Checkbox menuitem, None iconic menu */ - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[checked="true"], - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menu:not(.menu-iconic) { - padding-inline-start: calc( - var(--context-menu-background-padding) + var(--context-menu-mac-padding) - ) !important; - } - } - /*= Context Menu ===========================================================*/ - @supports -moz-bool-pref("userChrome.icon.context_menu") { - /* Icon lists */ - /*= downloadsContextMenu =====================================================*/ - .downloadPauseMenuItem { - --menuitem-image: url("chrome://global/skin/media/pause-fill.svg"); - } - .downloadResumeMenuItem { - --menuitem-image: url("chrome://global/skin/media/play-fill.svg"); - } - .downloadUnblockMenuItem { - --menuitem-image: url("../icons/checkmark-circle.svg"); - } - .downloadUseSystemDefaultMenuItem { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } - .downloadAlwaysUseSystemDefaultMenuItem { - /* checkbox */ - --menuitem-image: url("../icons/folder-globe.svg"); - } - .downloadAlwaysOpenSimilarFilesMenuItem { - /* checkbox */ - --menuitem-image: url("../icons/fluid.svg"); - } - .downloadShowMenuItem { - --menuitem-image: var(--uc-folder-icon); - } - #downloadsContextMenu > menuitem.downloadOpenReferrerMenuItem, - #downloadsContextMenu > menuitem[command="downloadsCmd_openReferrer"] { - --menuitem-image: url("../icons/link-square.svg"); - } - #downloadsContextMenu > menuitem.downloadCopyLocationMenuItem, - #downloadsContextMenu > menuitem[command="downloadsCmd_copyLocation"] { - --menuitem-image: url("../icons/link.svg"); - } - .downloadDeleteFileMenuItem { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - .downloadRemoveFromHistoryMenuItem { - --menuitem-image: url("../icons/eraser.svg"); - } - #downloadsContextMenu > menuitem[command="downloadsCmd_clearList"], - #downloadsContextMenu > menuitem[command="downloadsCmd_clearDownloads"] { - --menuitem-image: url("../icons/broom.svg"); - } - /*= placeContext =============================================================*/ - #placesContext_open { - --menuitem-image: url("../icons/link-square.svg"); - } - #placesContext_openBookmarkContainer\:tabs, - #placesContext_openBookmarkLinks\:tabs { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } - #placesContext_open\:newtab, - #placesContext_openContainer\:tabs, - #placesContext_openLinks\:tabs { - --menuitem-image: var(--uc-new-tab-icon); - } - #placesContext_open\:newcontainertab { - --menuitem-image: url("../icons/container-openin-16.svg"); - } - #placesContext_open\:newwindow { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #placesContext_open\:newprivatewindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #placesContext_show_bookmark\:info, - #placesContext_show\:info, - #placesContext_show_folder\:info { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - #placesContext_deleteBookmark, - #placesContext_deleteFolder, - #placesContext_delete, - #placesContext_delete_history { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #placesContext_deleteHost { - --menuitem-image: url("../icons/eye-hide.svg"); - } - #placesContext_sortBy\:name { - --menuitem-image: url("../icons/text-sort-ascending.svg"); - } - #placesContext_cut { - --menuitem-image: url("../icons/edit-cut.svg"); - } - #placesContext_copy { - --menuitem-image: url("../icons/edit-copy.svg"); - } - #placesContext_paste_group { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #placesContext_new\:bookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #placesContext_showInFolder, - #placesContext_new\:folder { - --menuitem-image: var(--uc-folder-icon); - } - #placesContext_new\:separator { - --menuitem-image: url("../icons/vertical-line.svg"); - } - #placesContext_paste { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #placesContext_createBookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #show-other-bookmarks_PersonalToolbar { - /* checkbox */ - --menuitem-image: url("../icons/star-line-horizontal.svg"); - } - #placesContext_showAllBookmarks { - --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } - .openintabs-menuitem { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } - } - @supports -moz-bool-pref("userChrome.icon.global_menu") { - /*= organizeButtonPopup ======================================================*/ - #newbookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #newfolder { - --menuitem-image: var(--uc-folder-icon); - } - #newseparator { - --menuitem-image: url("../icons/vertical-line.svg"); - } - #orgUndo { - --menuitem-image: url("../icons/undo.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #orgRedo { - --menuitem-image: url("../icons/redo.svg"); - } - } - #orgCut { - --menuitem-image: url("../icons/edit-cut.svg"); - } - #orgCopy { - --menuitem-image: url("../icons/edit-copy.svg"); - } - #orgPaste { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #orgDelete { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #orgSelectAll { - --menuitem-image: url("../icons/select-all-on.svg"); - } - #orgClose { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } - /*= viewMenuPopup ============================================================*/ - #viewColumns { - --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg"); - } - #viewSort { - --menuitem-image: url("../icons/text-sort-ascending.svg"); - } - /*= maintenanceButtonPopup ===================================================*/ - #backupBookmarks { - --menuitem-image: url("../icons/datastore.svg"); - } - @supports -moz-bool-pref("userChrome.icon.menu.full") { - #fileRestoreMenu { - --menuitem-image: url("../icons/datarestore.svg"); - } - } - #fileImport { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } - #fileExport { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } - #browserImport { - --menuitem-image: url("chrome://browser/skin/import.svg"); - } - } - } - @-moz-document url-prefix("about:addons") { - @supports -moz-bool-pref("userChrome.icon.context_menu") { - button[role="menuitem"] { - background-image: var(--icon, url("../icons/blank.svg")); /* Don't use !important. because of [checked] */ - } - panel-item[action="check-for-updates"] { - --icon: url("../icons/refresh-cw.svg"); - } - panel-item[action="view-recent-updates"] { - --icon: url("chrome://global/skin/icons/info.svg"); - } - panel-item[action="install-from-file"] { - --icon: url("chrome://devtools/skin/images/import.svg"); - } - panel-item[action="debug-addons"] { - --icon: url("../icons/bug.svg"); - } - panel-item[action="set-update-automatically"] { - --icon: url("chrome://devtools/skin/images/profiler-stopwatch.svg"); - } - panel-item[action="reset-update-states"] { - --icon: url("chrome://devtools/skin/images/debugging-workers.svg"); - } - panel-item[action="manage-shortcuts"], - panel-item[data-l10n-id="preferences-addon-button"], - panel-item[data-l10n-id="manage-addon-button"] { - --icon: url("chrome://global/skin/icons/settings.svg"); - } - } - } - @-moz-document url-prefix("about:logins") { - @supports -moz-bool-pref("userChrome.icon.context_menu") { - .menuitem-export { - background-image: url("../icons/toolbarButton-download.svg") !important; - } - } - } - } -} -/** Download Panel ************************************************************/ -@-moz-document url-prefix("about:downloads") { - @media (prefers-reduced-motion: no-preference) { - @supports -moz-bool-pref("userChrome.decoration.download_panel") { - /* Accent Color for downloaded item */ - #downloadsListBox .download-state[exists] .downloadDetails { - color: var(--button-primary-bgcolor); - } - #downloadsListBox .download-state[exists] .downloadDetails.downloadDetailsHover { - color: var(--button-primary-hover-bgcolor); - } - /* File moved or missing */ - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget { - text-decoration: line-through; - text-decoration-color: color-mix(in srgb, currentColor 65%, transparent); - } - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget:hover { - text-decoration: none; - } - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTypeIcon { - filter: grayscale(100%) !important; - } - } - } -} -/*@ NIGHTLY @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ -/** Compatibility *************************************************************/ -@-moz-document url-prefix("about:preferences") { - .content-blocking-warning.info-box-container > hbox > .content-blocking-warning-image { - margin-inline-start: -7px !important; - margin-inline-end: 8px !important; - width: 20px !important; - } - #pane-experimental-search-results-header, - #pane-experimental-subtitle { - min-height: 27px !important; - padding-inline-start: 35px !important; - } - #firefoxExperimentalCategory:not([hidden="true"]) { - display: inline-block; - } - #firefoxExperimentalCategory > label { - float: left; - } - #firefoxExperimentalCategory > hbox { - transform: translateY(5px); - } - #pane-experimental-featureGates > html|p[data-l10n-id="pane-experimental-description2"] { - border-bottom: 1px solid var(--in-content-border-color); - padding-bottom: 1.5em; - } -} -@-moz-document url-prefix("about:addons") { - #updates-message + .page-options-menu > .more-options-button { - box-sizing: content-box; - padding: 0 !important; - } -} -/** Video player **************************************************************/ -/* Control Bar Size */ -@media (-moz-bool-pref: "userContent.player.size") { - #controlsContainer { - --controlBar-height: 40px; /* Original: 40px, Replace to this value */ - } - #controlsContainer .touch { - --button-size: 48px !important; /* Original: 40px */ - --controlBar-height: 52px; /* Original: 52px */ - } - #controlsContainer .controlBar { - height: var(--controlBar-height) !important; /* Original: 40px */ - } - .videocontrols[inDOMFullscreen] #controlsContainer { - --button-size: 64px !important; /* Original: 30px */ - --track-size: 6px !important; /* Original: 5px, Touch: 7px */ - --thumb-size: 15px !important; /* Original: 13px, Touch: 16px */ - --controlBar-height: 64px; /* Original: 40px */ - } - .videocontrols[inDOMFullscreen] #controlsContainer .touch { - --button-size: 72px !important; /* Original: 40px */ - --controlBar-height: 64px; /* Original: 52px */ - } - .videocontrols[inDOMFullscreen] #controlsContainer .controlBar { - padding-bottom: 8px !important; - } -} -/* Control Bar UI */ -@media (-moz-bool-pref: "userContent.player.ui") { - audio { - --duration-color: #929292; /* Like Original */ - --media-background: rgba(26, 26, 26, 0.8); /* Like Original */ - border-radius: 8px; - --box-shadow1: rgba(14, 13, 26, 0.12); - --box-shadow2: rgba(7, 48, 114, 0.12); - --box-shadow3: rgba(34, 0, 51, 0.04); - box-shadow: 0 5px 10px -3px var(--box-shadow1), 0 3px 16px 2px var(--box-shadow2), 0 8px 12px 1px var(--box-shadow3); - /* Or: 0 2px 15px rgba(0,0,0,.1); */ - } -} -@media (-moz-bool-pref: "userContent.player.ui") and (prefers-color-scheme: dark) { - audio { - --box-shadow1: rgba(249, 249, 250, 0.12); - --box-shadow2: rgba(91, 91, 102, 0.12); - --box-shadow3: rgba(82, 82, 94, 0.04); - } -} -@media (-moz-bool-pref: "userContent.player.ui") { - video { - --duration-color: #eee; - --media-background: linear-gradient(transparent, rgba(26, 26, 26, 0.85)); - } -} -@media (-moz-bool-pref: "userContent.player.ui") and (prefers-contrast) { - video { - --duration-color: #929292; /* Like Original */ - --media-background: rgba(26, 26, 26, 0.8); /* Like Original */ - } -} -@media (-moz-bool-pref: "userContent.player.ui") { - #controlsContainer .controlBar { - background: var(--media-background) !important; - } - #controlsContainer .duration { - color: var(--duration-color) !important; /* Original: #929292 */ - } -} -@media (-moz-bool-pref: "userContent.player.ui") and (-moz-bool-pref: "userContent.player.ui.twoline") { - audio { - /* #controlsContainer .controlBar */ - --controlBar-flex-wrap: unset; - --controlBar-justify-content: center; - --controlBar-align-content: unset; - --controlBar-twoline-more-height: 0px; - --controlBar-padding-inline: 9px; - /* #controlsContainer .scrubberStack */ - /* .scrubberStack - Vertical */ - --scrubberStack-order: unset; - --scrubberStack-height: 100%; - --scrubberStack-transform: none; - /* .scrubberStack - Horizontal */ - --scrubberStack-margin-inline: 9px; - /* #controlsContainer .positionDurationBox */ - --positionDurationBox-flex-grow: unset; - --positionDurationBox-margin-left: unset; - --positionDurationBox-text-align: center; - /* Others */ - --button-outside-margin: 0; - } - video { - /* #scrubber .scrubber::-moz-range-thumb */ - --scrubber-thumb-scale: 0; - --scrubber-thumb-color: #48a0f7; /* Color as hover, Prevent flashing */ - /* .progressBar::-moz-progress-bar */ - --progressBar-scale: 0.65; - /* #controlsContainer .controlBar */ - --controlBar-flex-wrap: wrap; - --controlBar-justify-content: space-between; - --controlBar-align-content: space-around; - --controlBar-padding-inline: 0 !important; /* Original: 9px */ - /* #controlsContainer .scrubberStack */ - /* .scrubberStack - Vertical */ - --scrubberStack-order: -1; - /* .scrubberStack - Horizontal */ - --scrubberStack-flex-basis: auto; - --scrubberStack-twoline-width: 100%; - --scrubberStack-margin-inline: 0; - /* #controlsContainer .positionDurationBox */ - --positionDurationBox-flex-grow: 2; - --positionDurationBox-margin-left: 15px; - --positionDurationBox-text-align: left; - /* Others */ - --duration-color: #dadada; - --button-outside-margin: 9px; - } - .scrubber:not(:hover)::-moz-range-thumb { - transform: scale(var(--scrubber-thumb-scale, 1)); - background-color: var(--scrubber-thumb-color, currentColor) !important; - } - .progressStack { - transform-origin: bottom; - transform: scaleY(var(--progressBar-scale, 1)); - } - .scrubber:hover::-moz-range-thumb, - .progressContainer:hover .progressStack { - transform: scale(1); - } - #controlsContainer .controlBar { - flex-wrap: var(--controlBar-flex-wrap); - justify-content: var(--controlBar-justify-content); - align-content: var(--controlBar-align-content); - height: calc(var(--controlBar-height) + var(--controlBar-twoline-more-height, var(--thumb-size))) !important; - padding-inline: var(--controlBar-padding-inline) !important; /* Original: 9px */ - } - #controlsContainer .scrubberStack { - /* Vertical */ - order: var(--scrubberStack-order); - height: var(--scrubberStack-height, var(--thumb-size)) !important; - transform: var(--scrubberStack-transform, translateY(calc(var(--thumb-size) / 2))); - /* Horizontal */ - flex-basis: var(--scrubberStack-flex-basis, calc(var(--scrubberStack-width) - 18px)) !important; - width: var(--scrubberStack-twoline-width, var(--scrubberStack-width)); - margin-inline: var(--scrubberStack-margin-inline) !important; - } - #controlsContainer .positionDurationBox { - flex-grow: var(--positionDurationBox-flex-grow); - margin-left: var(--positionDurationBox-margin-left); - text-align: var(--positionDurationBox-text-align) !important; - } - #playButton { - margin-left: var(--button-outside-margin) !important; - } - #fullscreenButton { - margin-right: var(--button-outside-margin) !important; - } -} -@media (-moz-bool-pref: "userContent.player.icon") { - #controlsContainer .fullscreenButton { - background-image: url("../icons/enter-fullscreen.svg") !important; - } - #controlsContainer .fullscreenButton[fullscreened] { - background-image: url("../icons/exit-fullscreen.svg") !important; - } -} -@media (-moz-bool-pref: "userContent.player.noaudio") { - #controlsContainer .muteButton[noAudio] { - /* Remove volume button at noAudio */ - display: none !important; - } -} -/* Click to play UI */ -@media (-moz-bool-pref: "userContent.player.click_to_play") { - #controlsContainer .clickToPlay { - cursor: pointer; - opacity: 0.65 !important; - } - #controlsContainer .controlsSpacerStack:hover > .clickToPlay { - opacity: 0.85 !important; - } - #controlsContainer .controlsSpacerStack:hover > .clickToPlay:hover { - opacity: 1 !important; - fill: #48a0f7 !important; /* color as .scrubber */ - } -} -/* Animation */ -@media (-moz-bool-pref: "userContent.player.animate") and (prefers-reduced-motion: no-preference) { - /* Control Bar */ - #controlsContainer .controlBar { - transition: transform 350ms ease; - opacity: 1 !important; - } - #controlsContainer .controlBar[hidden] { - transform: translateY(100%); - transition: transform 350ms ease-in-out, opacity 1s ease 100ms !important; - opacity: 0 !important; - } - #controlsContainer .controlBar[hidden] .progressBar, - #controlsContainer .controlBar[hidden] .bufferBar { - display: unset !important; - opacity: 0.55; - transition: opacity 150ms ease 50ms; - } - /* Two line Control Bar */ - .scrubber::-moz-range-thumb, - .progressStack { - transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1); - } - /* Click to play */ - #controlsContainer .clickToPlay { - transition: opacity 150ms ease-in-out, fill 150ms ease-in-out; - } -} -/** Activity Stream ***********************************************************/ -@-moz-document url("about:home"), url("about:newtab") { - /** Activity Stream - Search Focus Border: like URL *************************/ - @media (-moz-bool-pref: "userContent.page.field_border") { - /* At DarkMode, Color */ - body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"], - body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"], - body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"], - body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"], - body[style*="--newtab-background-color: rgb(43, 42, 51);"] { - /* inner */ - --newtab-focus-border: rgba( - 0, - 221, - 255, - 0.5 - ) !important; /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */ - --newtab-focus-border-selected: var(--newtab-focus-border) !important; /* Original: #B5D3FF */ - /* For Nightly */ - --newtab-primary-action-background: var(--newtab-focus-border) !important; - } - } - @media (-moz-bool-pref: "userContent.page.field_border") and (-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userContent.page.proton_color.dark_blue_accent") { - body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"], - body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"], - body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"], - body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"], - body[style*="--newtab-background-color: rgb(43, 42, 51);"] { - --newtab-focus-border: var(--in-content-focus-outline-color) !important; - } - } - /** Activity Stream - Menu Icons ********************************************/ - @media (-moz-bool-pref: "userChrome.icon.context_menu") { - .context-menu-list .context-menu-item button { - padding-inline-start: 0 !important; - } - .context-menu-list .context-menu-item button span { - /* Color */ - -moz-context-properties: fill, fill-opacity, stroke !important; - fill: currentColor !important; - stroke: currentColor; - /* Layout */ - background-size: 16px !important; - background-repeat: no-repeat !important; - background-image: var(--menuitem-image); - padding-inline-start: 24px; /* 16p + (4px * 2) */ - background-position: var(--uc-menu-background-position, left) 4px center; - } - .context-menu-list .context-menu-item button span:dir(rtl) { - --uc-menu-background-position: right; - } - .context-menu-item span[data-l10n-id="newtab-menu-pin"] { - --menuitem-image: url("../icons/pin-tab.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-unpin"] { - --menuitem-image: url("../icons/unpin-tab.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-edit-topsites"] { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-bookmark"] { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-remove-bookmark"] { - --menuitem-image: url("chrome://browser/skin/bookmark-hollow.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-save-to-pocket"] { - --menuitem-image: url("../icons/pocket-outline.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-open-file"] { - --menuitem-image: url("../icons/fluid.svg"); - } - .context-menu-item span[data-l10n-id="newtab-menu-show-file"] { - --menuitem-image: url("chrome://global/skin/icons/folder.svg"); - } - } - @media (-moz-bool-pref: "userChrome.icon.context_menu") and (-moz-bool-pref: "userChrome.icon.library") { - .context-menu-item span[data-l10n-id="newtab-menu-show-file"] { - --menuitem-image: url("../icons/folder.svg"); - } - } - @media (-moz-bool-pref: "userChrome.icon.context_menu") { - .context-menu-item span[data-l10n-id="newtab-menu-open-new-window"] { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - } - @media (-moz-bool-pref: "userChrome.icon.context_menu") { - .context-menu-item span[data-l10n-id="newtab-menu-open-new-private-window"] { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - } - @media (-moz-bool-pref: "userChrome.icon.context_menu") { - .context-menu-item span[data-l10n-id="newtab-menu-dismiss"] { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - } - @media (-moz-bool-pref: "userChrome.icon.context_menu") { - .context-menu-item span[data-l10n-id="newtab-menu-delete-history"] { - --menuitem-image: url("../icons/eraser.svg"); - } - } - /** Activity Stream - Web Site Icon: full size ******************************/ - @media (-moz-bool-pref: "userContent.newTab.full_icon") { - .top-site-outer .tile { - overflow: hidden; - } - .top-site-outer .icon-wrapper { - width: 100% !important; /* Original: 48px */ - height: 100% !important; /* Original: 48px */ - } - .top-site-outer.add-button .tile .icon-wrapper { - width: 24px !important; - height: 24px !important; - } - .top-site-outer .context-menu-button { - top: 0px !important; /* Original: -20px */ - } - .top-site-outer .context-menu { - top: 16.75px !important; /* Original: 6.75px */ - } - } - /** Activity Stream - Animate ***********************************************/ - @media (-moz-bool-pref: "userContent.newTab.animate") and (prefers-reduced-motion: no-preference) { - :root { - --animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1); - } - /* Background */ - .top-site-outer, - #searchSubmit, - button.icon, - button.close-button { - transition: background 1.5s var(--animation-easing-function); - } - .top-site-outer:hover, - #searchSubmit:hover, - button.icon:hover, - button.close-button:hover { - transition: background 0.5s var(--animation-easing-function); - } - /* Search Bar */ - .search-wrapper .search-inner-wrapper > input, - .search-wrapper .search-inner-wrapper > .search-handoff-button { - transition: 1s var(--animation-easing-function); - transition-property: border-color, box-shadow; - } - .search-wrapper .search-inner-wrapper:active > input, - .search-wrapper .search-inner-wrapper:active > .search-handoff-button, - .search-wrapper .search-inner-wrapper > input:focus, - .search-wrapper .search-inner-wrapper > .search-handoff-button:focus { - transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function); - } - } - @media (-moz-bool-pref: "userContent.newTab.animate") and (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userContent.page.field_border") { - .search-wrapper .search-inner-wrapper:hover > input, - .search-wrapper .search-inner-wrapper:hover > .search-handoff-button { - border-color: var(--newtab-primary-action-background) !important; - transition: border-color 0.5s var(--animation-easing-function); - } - } - /** Activity Stream - Pocket order to last **********************************/ - @media (-moz-bool-pref: "userContent.newTab.pocket_to_last") { - .body-wrapper.on { - display: flex; - flex-wrap: wrap; - } - .body-wrapper.on > .discovery-stream.ds-layout { - flex-basis: 100%; - } - .body-wrapper.on > .collapsible-section[data-section-id="topstories"], - .home-section > #pocket-section, - .home-section > .divider, - .home-section > div:not(.section) { - order: 2; - } - } - /** Activity Stream - Home Search Bar looks like proton *********************/ - @media (-moz-bool-pref: "userContent.newTab.searchbar") { - /* Dropdown Colors */ - #root { - --newtab-search-background-color: rgba(255, 255, 255, 1); /* Same as light theme's --panel-background */ - /* Set search dropdown background */ - --newtab-search-dropdown-header-color: var(--newtab-search-background-color) !important; - --newtab-search-dropdown-color: var(--newtab-search-background-color) !important; - --newtab-element-hover-color: color-mix(in srgb, currentColor 9%, transparent) !important; - } - /* Padding */ - /* Pointer */ - /*- Fix Color For Nightly ------------------------------------------------*/ - } - @media (-moz-bool-pref: "userContent.newTab.searchbar") and (prefers-color-scheme: dark) { - #root { - /* Default Dark Mode */ - --newtab-search-background-color: rgba(66, 65, 77, 1); /* Same as dark theme's --panel-background */ - } - } - @media (-moz-bool-pref: "userContent.newTab.searchbar") { - .activity-stream[lwt-sidebar]:not([style*="--newtab-background-color: rgba(43, 42, 51, 1);"]) #root { - /* Light weight theme */ - --newtab-search-background-color: var(--lwt-sidebar-background-color); - } - } - @media (-moz-bool-pref: "userContent.newTab.searchbar") { - #searchSuggestionTable { - border-radius: 4px !important; - -moz-window-shadow: cliprounded; - } - } - @media (-moz-bool-pref: "userContent.newTab.searchbar") { - .contentSearchSuggestionTable .contentSearchOneOffItem { - width: 32px !important; - height: 32px !important; - /* Margin */ - margin-block: 5px !important; - margin-inline-start: 5px !important; - margin-inline-end: 8px !important; - /* Border */ - border-radius: 4px !important; - border-image: none !important; /* Original: linear-gradient(transparent 18%, var(--newtab-border-secondary-color) 18%, var(--newtab-border-secondary-color) 82%, transparent 82%) 1; */ - border-inline-end: none !important; /* Original: 1px solid; */ - } - } - @media (-moz-bool-pref: "userContent.newTab.searchbar") { - #contentSearchSettingsButton::before { - content: url("chrome://global/skin/icons/settings.svg") !important; - display: inline-flex; - display: -moz-inline-box; - /* Color */ - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; - /* Align */ - margin-inline-end: 5px; - vertical-align: -25%; - } - } - @media (-moz-bool-pref: "userContent.newTab.searchbar") { - .contentSearchSuggestionTable .contentSearchOneOffItem, - #contentSearchSettingsButton { - cursor: pointer; - } - } - @media (-moz-bool-pref: "userContent.newTab.searchbar") { - .contentSearchSuggestionTable, - .contentSearchHeaderRow, - .contentSearchHeader, - .contentSearchSuggestionsContainer { - color: var(--newtab-text-primary-color) !important; - background: var(--newtab-search-background-color) !important; - } - } - @media (-moz-bool-pref: "userContent.newTab.searchbar") { - .contentSearchSuggestionTable .contentSearchSuggestionRow.selected, - .contentSearchSuggestionTable .contentSearchSettingsButton:hover { - color: var(--newtab-text-primary-color) !important; - } - .contentSearchSuggestionTable .contentSearchSuggestionRow.selected, - .contentSearchSuggestionTable .contentSearchSettingsButton:hover, - .contentSearchSuggestionTable .contentSearchOneOffItem.selected { - background: var(--newtab-element-hover-color) !important; - } - .contentSearchSuggestionTable .contentSearchSuggestionRow.selected:active, - .contentSearchSuggestionTable .contentSearchOneOffItem:active { - background: var(--newtab-element-active-color) !important; - } - .contentSearchSuggestionTable .contentSearchSuggestionRow.selected .historyIcon { - fill: var(--newtab-icon-secondary-color) !important; - } - } - /** Activity Stream - Hide Firefox's logo ***********************************/ - @media (-moz-bool-pref: "userContent.newTab.hidden_logo") { - .logo-and-wordmark { - display: none !important; - } - .outer-wrapper:not(.fixed-search) .search-wrapper { - padding-top: 0 !important; - } - } - /** Activity Stream - Custom background image *******************************/ - @media (-moz-bool-pref: "userContent.newTab.background_image") { - body::before { - content: ""; - position: fixed; - width: 100%; - height: 100%; - background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-sunrise.svg")); - background-size: cover; /* or auto auto */ - background-repeat: no-repeat; - background-position: right top; - background-attachment: fixed; - /** Use night sky version in dark mode **********************************/ - } - } - @media (-moz-bool-pref: "userContent.newTab.background_image") and (prefers-color-scheme: dark) { - body::before { - background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-night.svg")); - } - } -} -/** Error Page - Restore illustrations ****************************************/ -@media (-moz-bool-pref: "userContent.page.illustration") { - @-moz-document url-prefix("about:neterror"), url-prefix("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"), url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml") - { - /* Illustrations Position */ - #errorPageContainer, - .neterror > .container, - .description-wrapper { - min-height: 300px; - background-position: left center; - background-repeat: no-repeat; - background-size: 38%; - background-image: var(--uc-error-llustration); - } - #errorPageContainer { - display: flex; - flex-direction: column; - } - .description-wrapper { - padding-inline-start: 38%; - } - /* Container */ - .container { - min-width: var(--in-content-container-min-width); /* 13em */ - max-width: var(--in-content-container-max-width); /* 52em */ - } - /* Text Position */ - #text-container { - margin: auto; - padding-inline-start: 38%; - } - } - @-moz-document url-prefix("about:neterror?e=connectionFailure"), url-prefix("about:neterror?e=netInterrupt"), url-prefix("about:neterror?e=netReset"), url-prefix("about:neterror?e=netTimeout"), url-prefix("about:neterror?e=netOffline"), url-prefix("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml") - { - :root { - --uc-error-llustration: url(../icons/error-connection-failure.svg); - } - } - @-moz-document url-prefix("about:neterror?e=dnsNotFound") { - :root { - --uc-error-llustration: url(../icons/error-server-not-found.svg); - } - } - @-moz-document url-prefix("about:neterror?e=blockedByPolicy"), url-prefix("about:neterror?e=deniedPortAccess"), url-prefix("about:neterror?e=malformedURI") { - :root { - --uc-error-llustration: url(chrome://browser/skin/illustrations/error-malformed-url.svg); - } - } - @-moz-document url-prefix("about:neterror?e=clockSkewError"), url-prefix("about:neterror?e=nssFailure") { - :root { - --uc-error-llustration: url(../icons/blue-berror.svg); - } - #errorPageContainer, - .neterror > .container { - background-size: 18.5em; - } - } - @-moz-document url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml") - { - :root { - --uc-error-llustration: url(../icons/error-session-restore.svg); - } - } - @-moz-document url-prefix("about:neterror?e=fileNotFound") { - @media (-moz-bool-pref: "userContent.page.illustration") and (min-width: 970px) { - .title { - background-image: url("chrome://global/skin/icons/info.svg") !important; - } - } - #text-container { - padding-inline-start: 0; - } - } - @-moz-document url-prefix("about:tabcrashed") { - @media (-moz-bool-pref: "userContent.page.illustration") and (min-width: 970px) { - .title { - background-image: url("chrome://browser/skin/tab-crashed.svg") !important; - } - } - } - @-moz-document url("about:robots"), url("chrome://browser/content/aboutRobots.xhtml") - { - @media (-moz-bool-pref: "userContent.page.illustration") and (min-width: 970px) { - .title { - background-image: url("chrome://browser/content/aboutRobots-icon.png") !important; - } - } - } - @-moz-document url("about:welcomeBack"), url("chrome://browser/content/aboutWelcomeBack.xhtml") - { - @media (-moz-bool-pref: "userContent.page.illustration") and (min-width: 970px) { - .title { - background-image: url("../icons/welcome-back.svg") !important; - } - } - } - @-moz-document url-prefix("about:preferences") { - #no-results-message::after { - content: url("../icons/no-search-results.svg"); - width: 380px; - height: 293px; - margin-top: 64px; - margin-inline: auto; - } - } -} -/** Fully Dark Mode ***********************************************************/ -/*= Fully Dark Mode - Dark Mode Colors =======================================*/ -@media (-moz-bool-pref: "userContent.page.proton_color") { - @-moz-document url-prefix("about:"), url-prefix("chrome://"), url-prefix("https://addons.mozilla.org"), url-prefix("https://support.mozilla.org"), url-prefix("https://accounts.firefox.com"), url-prefix("view-source"), regexp("^((jar:)?file:///).*/$") - { - /*= Default Colors - Hard Coded ==============================================*/ - /* Based on chrome://global/skin/in-content/common.css */ - :host, - :root { - --in-content-page-color: rgb(21, 20, 26); - --in-content-page-background: #fff; - --in-content-text-color: var(--in-content-page-color); - --in-content-deemphasized-text: rgb(91, 91, 102); - --in-content-box-background: #fff; - --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */ - --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent); - --in-content-box-info-background: #f0f0f4; - --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent); - --in-content-item-hover-text: var(--in-content-page-color); - --in-content-item-selected: var(--in-content-primary-button-background); - --in-content-item-selected-text: var(--in-content-primary-button-text-color); - --in-content-icon-color: rgb(91, 91, 102); - --in-content-accent-color: #0a84ff; - --in-content-accent-color-active: #0060df; - --in-content-border-hover: var(--grey-90-a50); - --in-content-border-invalid: var(--red-50); - --in-content-border-color: #d7d7db; - --in-content-error-text-color: #c50042; - --in-content-link-color: var(--blue-60); - --in-content-link-color-hover: var(--blue-70); - --in-content-link-color-active: var(--blue-80); - --in-content-link-color-visited: var(--blue-60); - /* button background states are also used for checkboxes and radio buttons */ - --in-content-button-text-color: var(--in-content-text-color); - --in-content-button-text-color-hover: var(--in-content-text-color); - --in-content-button-background: rgba(207, 207, 216, 0.33); - --in-content-button-background-hover: rgba(207, 207, 216, 0.66); - --in-content-button-background-active: rgb(207, 207, 216); - --in-content-primary-button-text-color: rgb(251, 251, 254); - --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color); - --in-content-primary-button-background: #0061e0; - --in-content-primary-button-background-hover: #0250bb; - --in-content-primary-button-background-active: #053e94; - --in-content-danger-button-background: #e22850; - --in-content-danger-button-background-hover: #c50042; - --in-content-danger-button-background-active: #810220; - --in-content-focus-outline-color: var(--in-content-primary-button-background); - /* Note: 1px smaller than we want because we have a 1px transparent border. */ - /* Once proton ships, these can probably stop being variables. */ - --in-content-button-border-radius: 4px; - --in-content-button-horizontal-padding: 15px; - --in-content-button-vertical-padding: 7px; - --in-content-table-background: #f8f8fa; - --in-content-table-border-color: var( - --in-content-box-border-color - ); /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */ - --in-content-table-border-dark-color: var(--in-content-table-border-color); - --in-content-table-header-background: var( - --in-content-primary-button-background - ); /* Legacy: #0a84ff; rgb(5, 64, 150); */ - --in-content-table-header-color: var( - --in-content-primary-button-text-color - ); /* Legacy: #ffffff; var(--in-content-page-color); */ - --in-content-sidebar-width: 240px; - --dialog-warning-text-color: var(--red-60); - --checkbox-border-color: var(--in-content-box-border-color); - --checkbox-unchecked-bgcolor: var(--in-content-button-background); - --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover); - --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active); - --checkbox-checked-bgcolor: var(--in-content-primary-button-background); - --checkbox-checked-color: var(--in-content-primary-button-text-color); - --checkbox-checked-border-color: transparent; - --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover); - --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active); - --blue-40: #45a1ff; - --blue-50: #0a84ff; - --blue-60: #0060df; - --blue-70: #003eaa; - --blue-80: #002275; - --grey-30: #d7d7db; - --grey-60: #4a4a4f; - --grey-90-a10: rgba(12, 12, 13, 0.1); - --grey-90-a20: rgba(12, 12, 13, 0.2); - --grey-90-a30: rgba(12, 12, 13, 0.3); - --grey-90-a50: rgba(12, 12, 13, 0.5); - --grey-90-a60: rgba(12, 12, 13, 0.6); - --green-50: #30e60b; - --green-60: #12bc00; - --green-70: #058b00; - --green-80: #006504; - --green-90: #003706; - --orange-50: #ff9400; - --red-40: #ff4f5e; - --red-50: #ff0039; - --red-60: #d70022; - --red-70: #a4000f; - --red-80: #5a0002; - --red-90: #3e0200; - --yellow-50: #ffe900; - --yellow-60: #d7b600; - --yellow-60-a30: rgba(215, 182, 0, 0.3); - --yellow-70: #a47f00; - --yellow-80: #715100; - --yellow-90: #3e2800; - --shadow-10: 0 1px 4px var(--grey-90-a10); - --shadow-30: 0 4px 16px var(--grey-90-a10); - --card-padding: 16px; - --card-shadow: var(--shadow-10); - --card-outline-color: var(--grey-30); - --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color); - --uc-warning-icon-bgcolor: #ffa436; - } - @media (-moz-bool-pref: "userContent.page.proton_color") and (prefers-color-scheme: dark) { - :host, - :root { - /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */ - --in-content-page-background: rgb(28, 27, 34); - --in-content-page-color: rgb(251, 251, 254); - --in-content-deemphasized-text: rgb(191, 191, 201); - --in-content-box-background: rgb(35, 34, 43); - --in-content-box-background-odd: rgba(249, 249, 250, 0.05); - --in-content-box-info-background: rgba(249, 249, 250, 0.15); - --in-content-border-color: rgba(249, 249, 250, 0.2); - --in-content-border-hover: rgba(249, 249, 250, 0.3); - --in-content-border-invalid: rgb(255, 132, 139); - --in-content-error-text-color: #ff9aa2; - --in-content-button-background: rgb(43, 42, 51); - --in-content-button-background-hover: rgb(82, 82, 94); - --in-content-button-background-active: rgb(91, 91, 102); - --in-content-icon-color: rgb(251, 251, 254); - --in-content-primary-button-text-color: rgb(43, 42, 51); - --in-content-primary-button-background: rgb(0, 221, 255); - --in-content-primary-button-background-hover: rgb(128, 235, 255); - --in-content-primary-button-background-active: rgb(170, 242, 255); - --in-content-danger-button-background: #ff848b; - --in-content-danger-button-background-hover: #ffbdc5; - --in-content-danger-button-background-active: #ffdfe7; - --in-content-table-background: rgb(35, 34, 43); - --in-content-table-border-dark-color: var(--in-content-box-border-color); - --in-content-accent-color: var(--in-content-primary-button-background); - --in-content-accent-color-active: var(--in-content-primary-button-background-hover); - --in-content-link-color: var(--in-content-primary-button-background); - --in-content-link-color-hover: var(--in-content-primary-button-background-hover); - --in-content-link-color-active: var(--in-content-primary-button-background-active); - --in-content-link-color-visited: var(--in-content-link-color); - --card-outline-color: var(--grey-60); - --dialog-warning-text-color: var(--red-40); - --uc-warning-icon-bgcolor: #ffbd4f; - } - } - @media (-moz-bool-pref: "userContent.page.proton_color") and (prefers-contrast) { - :host, - :root { - --uc-warning-icon-bgcolor: var(--in-content-page-color); - } - } - /*= Menu color #477 ==========================================================*/ - @media (-moz-bool-pref: "userContent.page.proton_color") and (-moz-platform: windows) { - :root { - /* Override some menu color variables for light browser themes. */ - --menuitem-hover-background-color: #e0e0e6; - --menu-background-color: #f9f9fb; - --menu-color: #15141a; - --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4); - --menu-disabled-color: rgba(21, 20, 26, 0.4); - --menu-border-color: #cfcfd8; - --menu-icon-opacity: 0.7; - /* Declare menu colors for dark themes, but don't override anything yet. */ - --dark-menuitem-hover-background-color: #52525e; - --dark-menu-background-color: #2b2a33; - --dark-menu-color: #fbfbfe; - --dark-menuitem-disabled-hover-background-color: rgba(82, 82, 94, 0.4); - --dark-menu-disabled-color: rgba(251, 251, 254, 0.4); - --dark-menu-border-color: #5b5b66; - --dark-menu-icon-opacity: 1; - } - /* Override the menu color variables for dark browser themes. */ - } - @media (-moz-bool-pref: "userContent.page.proton_color") and (-moz-platform: windows) and (prefers-color-scheme: dark) { - :root { - --menuitem-hover-background-color: var(--dark-menuitem-hover-background-color); - --menu-background-color: var(--dark-menu-background-color); - --menu-color: var(--dark-menu-color); - --menuitem-disabled-hover-background-color: var(--dark-menuitem-disabled-hover-background-color); - --menu-disabled-color: var(--dark-menu-disabled-color); - --menu-border-color: var(--dark-menu-border-color); - --menu-icon-opacity: var(--dark-menu-icon-opacity); - } - } - @media (-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - :root { - /* Override some menu color variables for light browser themes. */ - --menuitem-hover-background-color: #e0e0e6; - --menu-background-color: #f9f9fb; - --menu-color: #15141a; - --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4); - --menu-disabled-color: rgba(21, 20, 26, 0.4); - --menu-border-color: #cfcfd8; - --menu-icon-opacity: 0.7; - /* Declare menu colors for dark themes, but don't override anything yet. */ - --dark-menuitem-hover-background-color: #52525e; - --dark-menu-background-color: #2b2a33; - --dark-menu-color: #fbfbfe; - --dark-menuitem-disabled-hover-background-color: rgba(82, 82, 94, 0.4); - --dark-menu-disabled-color: rgba(251, 251, 254, 0.4); - --dark-menu-border-color: #5b5b66; - --dark-menu-icon-opacity: 1; - } - /* Override the menu color variables for dark browser themes. */ - } - @media (-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) and (prefers-color-scheme: dark) { - :root { - --menuitem-hover-background-color: var(--dark-menuitem-hover-background-color); - --menu-background-color: var(--dark-menu-background-color); - --menu-color: var(--dark-menu-color); - --menuitem-disabled-hover-background-color: var(--dark-menuitem-disabled-hover-background-color); - --menu-disabled-color: var(--dark-menu-disabled-color); - --menu-border-color: var(--dark-menu-border-color); - --menu-icon-opacity: var(--dark-menu-icon-opacity); - } - } - @media (-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userContent.page.proton_color.dark_blue_accent") and (prefers-color-scheme: dark) { - :host, - :root { - /* Color Memo - Just refer - Photon's dark color - --button-primary-bgcolor: #0060DF; - --button-primary-hover-bgcolor: #003EAA; - --button-primary-active-bgcolor: #002275; - --lwt-brighttext-url-color: #74c0ff; - --lwt-toolbarbutton-icon-fill-attention: #45a1ff; - - Just refer - Proton's light color - --in-content-accent-color: #0a84ff; - --in-content-accent-color-active: #0060df; - --in-content-primary-button-background: #0061e0; - --in-content-primary-button-background-hover: #0250bb; - --in-content-primary-button-background-active: #053e94; - - --blue-40: #45a1ff; rgb(69, 161, 255) - --blue-50: #0a84ff; rgb(10, 132, 255) - --blue-60: #0060df; rgb(0, 96, 223) - --blue-70: #003eaa; rgb(0, 62, 170) - --blue-80: #002275; rgb(0, 34, 117) - - Relation - lighten(#0060df, 29%): #74b0ff; - lighten(#0060df, 19.8%): #4595ff - lighten(#0060df, 8.3%): #0a74ff - #0060df - darken(#0060df, 15.5%): #003e90; - darken(#0060df, 28.1%): #002250; - */ - --blue-20: #b6d6ff; /* lighten(#0060df, 42%) - rgb(182, 214, 255), Add for link active color*/ - --blue-30: #74c0ff; /* rgb(116, 192, 255), Add for active color */ - } - :host, - :root { - --in-content-primary-button-text-color: var(--in-content-page-color) !important; - --in-content-primary-button-background: var(--blue-60) !important; - --in-content-primary-button-background-hover: var(--blue-50) !important; - --in-content-primary-button-background-active: var(--blue-40) !important; - --in-content-focus-outline-color: var(--blue-40) !important; - --in-content-accent-color: var(--blue-40) !important; - --in-content-accent-color-active: var(--blue-30) !important; - --in-content-table-background: rgb(35, 34, 43) !important; - --in-content-table-border-color: rgba(249, 249, 250, 0.2) !important; - --in-content-table-header-background: rgb(5, 64, 150) !important; - --in-content-table-header-color: var(--in-content-page-color) !important; - --in-content-link-color: var(--blue-40) !important; - --in-content-link-color-hover: var(--blue-30) !important; - --in-content-link-color-active: var(--blue-20) !important; - --in-content-link-color-visited: var(--blue-40) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userContent.page.proton_color.system_accent") { - :host, - :root { - --in-content-primary-button-text-color: AccentColorText !important; - --in-content-primary-button-background: AccentColor !important; - --in-content-primary-button-background-hover: color-mix(in srgb, black 10%, AccentColor) !important; - --in-content-primary-button-background-active: color-mix(in srgb, black 20%, AccentColor) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userContent.page.proton_color.system_accent") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - :host, - :root { - --in-content-primary-button-text-color: HighlightText !important; - --in-content-primary-button-background: Highlight !important; - --in-content-primary-button-background-hover: color-mix(in srgb, black 10%, Highlight) !important; - --in-content-primary-button-background-active: color-mix(in srgb, black 20%, Highlight) !important; - } - } - } -} -@media (-moz-bool-pref: "userContent.page.dark_mode") and (prefers-color-scheme: dark) { - /*= Addons.org =============================================================*/ - @-moz-document url-prefix("https://addons.mozilla.org") - { - /* Basic */ - .Page-content, - .SecondaryHero, - body, - main[aria-label="Content"] { - color: var(--in-content-page-color) !important; - background: var(--in-content-page-background) !important; - } - /* Text */ - input, - textarea, - select, - .AutoSearchInput-query, - .AutoSearchInput-suggestions-list, - .Page-content h1, - .Page-content h2, - .SearchResult-link, - .Home-SubjectShelf-link:link, - .Home-SubjectShelf-link:visited, - .DropdownMenuItem-link a, - .DropdownMenuItem-link button, - .Select, - .Badge, - .Notice-generic, - .Notice-genericWarning, - .Notice-button, - .Paginate .Button.Paginate-item:first-child, - .Paginate .Button.Paginate-item:last-child, - .Paginate .Button.Paginate-item--current-page, - .Button--neutral, - .blog-entry-title, - .blogpost-nav * { - color: var(--in-content-text-color) !important; - } - .AutoSearchInput-suggestions-item:is(:active, :focus, :hover), - .AutoSearchInput-suggestions-item--highlighted, - .SecondaryHero-message-link, - .SecondaryHero-module-link, - .Card-contents a:not(.Button), - .Card-footer-link a, - .Card-shelf-footer-in-header a, - .SearchResult-link:is(:active, :focus, :hover), - .SearchResult:hover .SearchResult-link, - .Home-SubjectShelf-link:is(:active, :focus, :hover), - .DropdownMenuItem-link a:is(:active, :focus, :hover), - .DropdownMenuItem-link button:is(:active, :focus, :hover), - .AddonMeta .MetadataCard-title a:is(:active, :hover), - .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:is(:active, :hover), - .AddonMeta .MetadataCard-content a:is(:active, :hover), - .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:is(:active, :hover), - .Addon-summary a, - .RatingsByStar-count a:hover, - .RatingsByStar-star a:hover, - .Paginate .Button.Paginate-item:not(:first-child, :last-child, .Paginate-item--current-page), - .AddonTitle-author a, - .PermissionsCard-learn-more, - .DefinitionList a, - .ShowMoreCard-contents a, - .AddonDescription-contents a, - .AddonTitle a, - .TooltipMenu-opener, - .LanguageTools .Card-contents a, - .Button--primary, - .blog-entry-read-more-link, - .blogpost-nav-next.blogpost-nav-no-prev:hover p, - .blogpost-content-wrapper p a, - .blogpost-nav-prev:hover p, - .blogpost-nav-next:hover p { - color: var(--in-content-link-color) !important; - } - .SearchResult--meta-section, - .MetadataCard-title, - .MetadataCard-title a, - .MetadataCard-content a, - .CollectionSort-label, - .SearchResult-summary, - .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link, - .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link, - .PermissionsCard-subhead--optional, - .PermissionsCard-subhead--required, - .Definition-dt, - .RatingsByStar-count a, - .RatingsByStar-star a, - .Paginate-page-number, - .AddonSummaryCard-addonAverage, - .AddonReviewCard-authorByLine, - .UserReview-byLine, - .UserReview-reply-header, - .Home-heroHeader-subtitle, - .blog-entry-date, - .blogpost-breadcrumb *, - .AddonTitle-author, - .ExpandableCard-ToggleLink, - .SearchFilters-label, - .PromotedBadge-label--line { - color: var(--in-content-deemphasized-text) !important; - } - .PromotedBadge-label--recommended { - color: color-mix(in srgb, #712b00 15%, #ff9400) !important; - } - /* Background */ - .Button--action, - .DevHub-Navigation ul li.DevHub-Navigation-Register .Button, - .DevHub-MyAddons-item-buttons-submit .Button { - color: var(--in-content-primary-button-text-color) !important; - background: var(--in-content-primary-button-background) !important; - } - select, - .Select, - .Button--primary, - .Button--neutral, - .Button--neutral:link, - .Notice-button, - .AMInstallButton .AMInstallButton-loading-button { - background-color: var(--in-content-button-background) !important; - } - .Button--primary:hover, - .Button--neutral.Button--micro:not(.Button--disabled):hover, - .Button--neutral:not(.Button--disabled):hover, - .Notice-button:hover { - background: var(--in-content-button-background-hover) !important; - } - .Button--action.Button--micro:not(.Button--disabled):hover, - .Button--action:not(.Button--disabled):hover, - .DevHub-Navigation ul li.DevHub-Navigation-Register .Button:hover, - .DevHub-MyAddons-item-buttons-submit .Button:hover { - background: var(--in-content-primary-button-background-hover) !important; - } - .ShowMoreCard-contents::after { - background: linear-gradient(hsla(0deg, 0%, 100%, 0), var(--in-content-table-background)) !important; - } - input, - textarea, - .AutoSearchInput-query, - .AutoSearchInput-suggestions-list, - .SecondaryHero-module, - .Card-header, - .Card-contents, - .CardList ul > li, - .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-wrapper:is(:focus, :hover), - .Paginate, - .LandingPage-header, - .DropdownMenu-items, - .DropdownMenu-items::after, - .MetadataCard, - .AddonsCard-list, - .Card-footer, - .StaticAddonCard, - .blogpost-nav, - .blogpost-nav * { - background: var(--in-content-table-background) !important; - } - .Paginate .Button.Paginate-item:is(:active, :hover) { - background: var(--in-content-button-background-hover) !important; - } - .Notice-generic, - .Notice-genericWarning { - background: color-mix( - in srgb, - var(--in-content-page-background) 40%, - var(--in-content-table-background) - ) !important; - } - .LanguageTools-header-row { - color: var(--in-content-table-header-color) !important; - background: var(--in-content-table-header-background) !important; - } - .LanguageTools-table.responsiveTable tbody tr:nth-child(2n) { - background-color: var(--in-content-box-background-odd) !important; - } - /* Fill */ - .Icon-arrow-blue.SearchSuggestion-icon-arrow { - filter: hue-rotate(330deg) brightness(1.3) !important; - } - .SecondaryHero-module-icon { - filter: invert(85%) !important; - } - .Icon-magnifying-glass, - .Notice-icon { - filter: invert(65%) !important; - } - .PermissionsCard-learn-more .Icon, - .Permission .Icon { - filter: invert(100%) !important; - } - .Icon-heart { - filter: brightness(0) !important; - } - /* Others */ - .DropdownMenu-items { - box-shadow: 0 0 2px var(--in-content-border-color) !important; - } - input, - textarea, - select { - border-color: var(--in-content-box-border-color) !important; - } - .UserProfileEdit input:disabled, - .UserProfileEdit textarea:disabled { - background-color: var(--in-content-box-background-odd) !important; - } - .AutoSearchInput-query { - border: 1px solid var(--in-content-table-background) !important; - } - .AutoSearchInput-query:is(:hover, :focus), - .UserProfileEditNotifications .UserProfileEditNotification-input:checked ~ .UserProfileEditNotification-checkbox { - border-color: var(--in-content-primary-button-background) !important; - } - .UserProfileEdit input:focus, - .UserProfileEdit textarea:focus, - .AutoSearchInput-query:focus, - .UserProfileEditNotifications .UserProfileEditNotification-input:focus ~ .UserProfileEditNotification-checkbox { - box-shadow: inset 0 0 0 1px var(--in-content-primary-button-background), - 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 4px rgba(0, 211, 255, 0.3) !important; - } - .PromotedBadge-link--line { - border-color: var(--in-content-deemphasized-text) !important; - } - .PromotedBadge-link--line:hover { - border-color: var(--in-content-button-background-hover) !important; - } - .blog-entry-read-more-link { - border-color: var(--in-content-link-color) !important; - } - .blogpost-nav-arrow-left .cls-1, - .blogpost-nav-arrow-right .cls-1 { - stroke: var(--in-content-text-color) !important; - } - /* /developers/ */ - .DevHub-Navigation-Logo > .Logo::before { - -moz-context-properties: fill !important; - fill: var(--in-content-primary-button-background) !important; - background-image: url("../icons/addons-logo.svg") !important; - } - .DevHub-Navigation, - .DevHub-submit-addon, - .DevHub-get-involved, - .DevHub-MyAddons > * { - background: var(--in-content-page-background) !important; - color: var(--in-content-page-color) !important; - } - .DevHub-Footer { - background: var(--in-content-box-background) !important; - color: var(--in-content-page-color) !important; - } - .DevHub-callout-box { - background: var(--in-content-box-background-odd) !important; - color: var(--in-content-page-color) !important; - } - .DevHub-Navigation.scheme-light ul li a, - .DevHub-Footer-sections-header, - .DevHub-Footer-section h4, - .DevHub-Footer-section p, - .DevHub-content-copy h2 { - color: var(--in-content-page-color) !important; - } - .DevHub-content-copy p, - .DevHub-callout-box p { - color: var(--in-content-deemphasized-text) !important; - } - .DevHub-Banner a, - .DevHub-Footer a, - .DevHub-MyAddons-list a, - .DevHub-MyAddons-item-buttons-all, - .DevHub-content-copy a, - .DevHub-callout-box a { - color: var(--in-content-link-color) !important; - } - body:is(.developer-hub, .statistics) { - /* Elements */ - /* .developer-hub */ - /* Text */ - /* .developer-hub */ - /* Background */ - /* Border */ - /* Others */ - } - body:is(.developer-hub, .statistics) #main-wrapper, - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after, - body:is(.developer-hub, .statistics) .menu-nav > ul > li:hover::after, - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul, - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul a, - body:is(.developer-hub, .statistics) .menu-nav em, - body:is(.developer-hub, .statistics) .primary, - body:is(.developer-hub, .statistics) .secondary, - body:is(.developer-hub, .statistics) .dashboard .listing .item { - background: var(--in-content-page-background) !important; - color: var(--in-content-page-color) !important; - } - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul a:hover, - body:is(.developer-hub, .statistics) .install-note, - body:is(.developer-hub, .statistics) .modal, - body:is(.developer-hub, .statistics) .popup { - background: var(--in-content-box-background-odd) !important; - } - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after, - body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul { - box-shadow: 0 0 3px var(--in-content-border-color) !important; - } - body:is(.developer-hub, .statistics) #footer { - background: linear-gradient( - to bottom, - var(--in-content-page-background) 0, - var(--in-content-page-background) 123px, - #0c99d5 123px, - #0c99d5 200px, - var(--in-content-page-background) 200px, - rgba(12, 153, 213, 0) 400px - ) !important; - } - body:is(.developer-hub, .statistics) #homepage h2, - body:is(.developer-hub, .statistics) header h2, - body:is(.developer-hub, .statistics) .primary h2, - body:is(.developer-hub, .statistics) h1, - body:is(.developer-hub, .statistics) hgroup h2.addon, - body:is(.developer-hub, .statistics) hgroup h2.collection, - body:is(.developer-hub, .statistics) h3, - body:is(.developer-hub, .statistics) .results h4, - body:is(.developer-hub, .statistics) .dashboard .listing .item, - body:is(.developer-hub, .statistics) .dashboard .listing .item:hover h5, - body:is(.developer-hub, .statistics) .secondary .addon-status, - body:is(.developer-hub, .statistics) .secondary .addon-status .addon-details li.addon-listed-status, - body:is(.developer-hub, .statistics) #refine-results h5, - body:is(.developer-hub, .statistics) .island.criteria li, - body:is(.developer-hub, .statistics) .two-up div { - color: var(--in-content-page-color) !important; - } - body:is(.developer-hub, .statistics) .item-actions h5, - body:is(.developer-hub, .statistics) .item-actions > ul, - body:is(.developer-hub, .statistics) .item-actions > ul > li, - body:is(.developer-hub, .statistics) .dashboard .listing .item .item-actions a, - body:is(.developer-hub, .statistics) .edit-media-details, - body:is(.developer-hub, .statistics) .devhub-form table th, - body:is(.developer-hub, .statistics) #recent-activity .listing .item .timestamp, - body:is(.developer-hub, .statistics) #upload-file .upload-status #uploadstatus, - body:is(.developer-hub, .statistics) #addon-validator-suite, - body:is(.developer-hub, .statistics) #addon-validator-suite .msg > *, - body:is(.developer-hub, .statistics) .island.criteria li a.inactive { - color: var(--in-content-deemphasized-text) !important; - } - body:is(.developer-hub, .statistics) section[role="main"] a, - body:is(.developer-hub, .statistics) header a, - body:is(.developer-hub, .statistics) .more-info, - body:is(.developer-hub, .statistics) .primary a, - body:is(.developer-hub, .statistics) .secondary a, - body:is(.developer-hub, .statistics) .submission-type-tabs a, - body:is(.developer-hub, .statistics) .popup a, - body:is(.developer-hub, .statistics) .dashboard .listing .item:hover a, - body:is(.developer-hub, .statistics) .dashboard .listing .item:hover .item-actions a, - body:is(.developer-hub, .statistics) #upload-status-results.status-pass strong, - body:is(.developer-hub, .statistics) #addon-validator-suite a, - body:is(.developer-hub, .statistics) #create-addon a, - body:is(.developer-hub, .statistics) .html-support { - color: var(--in-content-link-color) !important; - } - body:is(.developer-hub, .statistics) .dashboard .listing .item:hover a { - color: var(--in-content-link-color-hover) !important; - } - body:is(.developer-hub, .statistics) .dashboard .listing .item .item-info .downloads, - body:is(.developer-hub, .statistics) .dashboard .listing .item .item-info .price, - body:is(.developer-hub, .statistics) .dashboard .listing .item .item-info .users { - color: var(--green-60) !important; - } - body:is(.developer-hub, .statistics) .status-admin-disabled b, - body:is(.developer-hub, .statistics) .status-disabled b, - body:is(.developer-hub, .statistics) .status-incomplete b, - body:is(.developer-hub, .statistics) .status-purgatory b { - color: var(--red-60) !important; - } - body:is(.developer-hub, .statistics) .submission-type-tabs a.active, - body:is(.developer-hub, .statistics) .island.criteria li.selected a { - color: var(--orange-50) !important; - } - body:is(.developer-hub, .statistics) .secondary .addon-status, - body:is(.developer-hub, .statistics) .devhub-form .item, - body:is(.developer-hub, .statistics) #icons_default, - body:is(.developer-hub, .statistics) .listing .item, - body:is(.developer-hub, .statistics) .object-lead, - body:is(.developer-hub, .statistics) #addon-validator-suite .results .tier-results, - body:is(.developer-hub, .statistics) #addon-validator-suite .suite, - body:is(.developer-hub, .statistics) #addon-validator-suite .suite-container { - border-color: var(--in-content-border-color) !important; - background: var(--in-content-box-background) !important; - } - body:is(.developer-hub, .statistics) .highlight, - body:is(.developer-hub, .statistics) .listing-footer, - body:is(.developer-hub, .statistics) .tab-wrapper .fm-control { - color: var(--in-content-page-color) !important; - background: var(--in-content-box-info-background) !important; - } - body:is(.developer-hub, .statistics) .submission-type-tabs a, - body:is(.developer-hub, .statistics) #head-chart { - background: var(--in-content-page-background) !important; - } - body:is(.developer-hub, .statistics) #head-chart rect { - fill: var(--in-content-page-background) !important; - } - body:is(.developer-hub, .statistics) #head-chart text { - fill: var(--in-content-deemphasized-text) !important; - } - body:is(.developer-hub, .statistics) #head-chart .highcharts-legend .highcharts-legend-item:hover text { - fill: var(--in-content-page-color) !important; - paint-order: stroke !important; - stroke: var(--in-content-page-color) !important; - stroke-width: 0.4px !important; - stroke-linecap: butt !important; - stroke-linejoin: miter !important; - } - body:is(.developer-hub, .statistics) - #head-chart - .highcharts-legend - .highcharts-legend-item - path[stroke="#CCC"] - ~ text { - fill: #ccc !important; - } - body:is(.developer-hub, .statistics) #icons_default li a:hover, - body:is(.developer-hub, .statistics) #side-nav .active a, - body:is(.developer-hub, .statistics) span.tip, - body:is(.developer-hub, .statistics) .addon-submission-process .tip, - body:is(.developer-hub, .statistics) .devhub-form .tip, - body:is(.developer-hub, .statistics) a.remove, - body:is(.developer-hub, .statistics) span.remove, - body:is(.developer-hub, .statistics) ul.errorlist li span.tip { - background-color: var(--in-content-box-info-background) !important; - } - body:is(.developer-hub, .statistics) a.remove:hover, - body:is(.developer-hub, .statistics) span.tip:hover { - background-color: var(--in-content-primary-button-background-hover) !important; - } - body:is(.developer-hub, .statistics) .submission-type-tabs a, - body:is(.developer-hub, .statistics) .devhub-sidebar, - body:is(.developer-hub, .statistics) .devhub-sidebar div.item, - body:is(.developer-hub, .statistics) .devhub-form .listing-footer { - border-color: var(--in-content-border-color) !important; - } - body:is(.developer-hub, .statistics) #background-wrapper, - body:is(.developer-hub, .statistics) #main-wrapper { - border-color: var(--in-content-page-background) !important; - } - body:is(.developer-hub, .statistics) .item-actions a.more-actions:hover:after, - body:is(.developer-hub, .statistics) .item-actions button.link.more-actions:hover:after, - body:is(.developer-hub, .statistics) #change-locale::after { - border-top-color: var(--in-content-link-color) !important; - } - body:is(.developer-hub, .statistics) install-note::after, - body:is(.developer-hub, .statistics) .popup::after { - border-bottom-color: var(--in-content-box-background) !important; - } - body:is(.developer-hub, .statistics) .install-note::before, - body:is(.developer-hub, .statistics) .popup::before { - border-bottom-color: grey !important; - } - body:is(.developer-hub, .statistics) #refine-results, - body:is(.developer-hub, .statistics) .other-categories, - body:is(.developer-hub, .statistics) .versions .primary > .warning { - border-color: transparent !important; - } - body:is(.developer-hub, .statistics) .results { - border-color: var(--in-content-box-background-odd) !important; - background: transparent !important; - } - body:is(.developer-hub, .statistics) .results-inner { - border-color: var(--in-content-border-color) !important; - background: var(--in-content-border-color) !important; - } - body:is(.developer-hub, .statistics) #promos .view-button a, - body:is(.developer-hub, .statistics) #upload-file-finish.button, - body:is(.developer-hub, .statistics) #upload-file-widget .button.prominent, - body:is(.developer-hub, .statistics) .button, - body:is(.developer-hub, .statistics) .cta a.button:link, - body:is(.developer-hub, .statistics) .cta a.button:visited, - body:is(.developer-hub, .statistics) .linux .button.linux, - body:is(.developer-hub, .statistics) .mac .button.mac, - body:is(.developer-hub, .statistics) .other .button.bsd, - body:is(.developer-hub, .statistics) .other .button.solaris, - body:is(.developer-hub, .statistics) .sidebar a.button, - body:is(.developer-hub, .statistics) .sidebar button, - body:is(.developer-hub, .statistics) .theme .choices button, - body:is(.developer-hub, .statistics) .theme-queue a.button, - body:is(.developer-hub, .statistics) .theme-queue button, - body:is(.developer-hub, .statistics) .windows .button.windows, - body:is(.developer-hub, .statistics) a.button:link, - body:is(.developer-hub, .statistics) a.button:visited, - body:is(.developer-hub, .statistics) a.delete-button.delete-addon, - body:is(.developer-hub, .statistics) button, - body:is(.developer-hub, .statistics) button.button, - body:is(.developer-hub, .statistics) input:not(.upvotes):not(.downvotes)[type="submit"] { - color: var(--in-content-primary-button-text-color) !important; - background: var(--in-content-primary-button-background) !important; - } - body:is(.developer-hub, .statistics) #promos .view-button a:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) #upload-file-finish.button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) #upload-file-widget .button.prominent:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .cta a.button:link:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .cta a.button:visited:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .linux .button.linux:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .mac .button.mac:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .other .button.bsd:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .other .button.solaris:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .sidebar a.button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .sidebar button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .theme .choices button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .theme-queue a.button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .theme-queue button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) .windows .button.windows:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) a.button:link:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) a.button:visited:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) a.delete-button.delete-addon:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) button.button:is(.selected, :focus, :hover), - body:is(.developer-hub, .statistics) - input:not(.upvotes):not(.downvotes)[type="submit"]:is(.selected, :focus, :hover) { - background: var(--in-content-primary-button-background-hover) !important; - } - body:is(.developer-hub, .statistics) .edit_with_prefix span, - body:is(.developer-hub, .statistics) .edit_with_suffix span { - border-color: var(--in-content-box-border-color) !important; - background-color: var(--in-content-box-background-odd) !important; - color: var(--in-content-deemphasized-text) !important; - padding-block: 3px !important; - cursor: not-allowed; - } - body:is(.developer-hub, .statistics) .devhub-form .item_wrapper input[type="email"] { - appearance: none !important; - padding: 2px 5px; - border: 1px solid; - } - body:is(.developer-hub, .statistics) #addon-validator-suite .suite-summary { - color: var(--in-content-deemphasized-text) !important; - background: var(--in-content-button-background) !important; - border-top-color: var(--in-content-border-color) !important; - } - body:is(.developer-hub, .statistics) #addon-validator-suite .context { - border-color: var(--in-content-box-border-color) !important; - background-color: var(--in-content-button-background) !important; - background: var(--in-content-table-background) !important; - } - } - /*= Support.org ============================================================*/ - @-moz-document url-prefix("https://support.mozilla.org") - { - /* Basic */ - :root { - --color-blue-06: var(--in-content-link-color) !important; - --color-blue-07: var(--in-content-link-color-hover) !important; - --color-blue-09: var(--in-content-link-color-active) !important; - --page-bg: var(--in-content-page-background) !important; - --color-white: var(--in-content-page-background) !important; - --color-shade-bg: var(--in-content-page-background) !important; - --color-marketing-gray-02: var(--card-outline-color) !important; - --color-inverse-bg: var(--in-content-page-color) !important; - --color-inverse: var(--in-content-page-background) !important; - --color-text: var(--in-content-page-color) !important; - --color-moz-text: var(--in-content-page-color) !important; - --color-moz-heading: var(--in-content-page-color) !important; - --color-text-light: var(--in-content-deemphasized-text) !important; - --color-link: var(--in-content-link-color) !important; - --color-success: var(--green-70) !important; - --color-warning: var(--yellow-80) !important; - --color-error: var(--red-60) !important; - --color-error-hover: var(--red-50) !important; - --color-moz-heading: #fff; - --color-moz-inverse-bg: var(red) !important; - --focus-shadow: 0 0 0 4px color-mix(in srgb, var(--in-content-primary-button-background) 30%, transparent), - 0 0 0 2px var(--in-content-primary-button-background-active); - } - .warning { - --color-link: rgb(55, 255, 255) !important; - } - body, - #main-content, - #instant-search-content, - #mzp-c-menu-panel-help, - .mzp-c-navigation, - .kbox-container { - color: var(--in-content-page-color) !important; - background: var(--in-content-page-background) !important; - } - #editor { - border: 2px solid var(--in-content-border-color) !important; - } - .CodeMirror-linenumbers { - background: var(--in-content-table-background); - } - .CodeMirror-lines { - color: var(--in-content-deemphasized-text) !important; - background: var(--in-content-page-background) !important; - } - .CodeMirror-scroll { - background: var(--in-content-page-background) !important; - } - /* Text */ - blockquote, - .mzp-c-menu-category .mzp-c-menu-title, - .mzp-c-menu-item .mzp-c-menu-item-link, - .mzp-c-menu-item .mzp-c-menu-item-link > *, - .mzp-c-menu-item .mzp-c-menu-item-list a, - #doc-content .menu, - .document--content .menu, - .forum--entry-content .menu, - .tag-name a { - color: var(--in-content-page-color) !important; - } - .ts-select-trigger, - input[type="date"], - input[type="email"], - input[type="number"], - input[type="password"], - input[type="search"], - input[type="tel"], - input[type="text"], - input[type="time"], - input[type="url"], - select, - textarea, - #doc-content .button, - #doc-content .key, - .document--content .button, - .document--content .key, - .forum--entry-content .button, - .forum--entry-content .key { - color: var(--in-content-deemphasized-text) !important; - } - .tag-list a { - color: var(--color-marketing-gray-10) !important; - } - .tag-list a:hover, - .sidebar-nav a:hover { - color: var(--color-link) !important; - } - .tag-list li { - background: var(--in-content-page-color) !important; - } - .tag-list li:hover { - background: var(--in-content-deemphasized-text) !important; - } - #remaining-characters { - color: var(--in-content-page-color) !important; - } - /* Background */ - .sidebar-nav.topics, - .sidebar-nav.topics > li { - background: var(--in-content-page-background) !important; - } - .mzp-c-menu-panel { - color: var(--in-content-page-color) !important; - background: var(--in-content-page-background) !important; - } - .mzp-c-menu-list-list, - .mzp-c-menu-list-list:hover { - color: var(--in-content-page-color) !important; - background: var(--in-content-box-background) !important; - } - .mzp-c-menu-list-item:focus, - .mzp-c-menu-list-item:hover { - background: var(--in-content-button-background-hover) !important; - } - .cm-bold { - color: var(--in-content-page-color) !important; - } - /* Fill */ - .sumo-nav--logo, - .sumo-nav--search-button, - .sumo-nav--toggle-button, - .card:not(.is-inverse) .card--icon-sm, - .mzp-c-menu-item-icon, - .mzp-c-menu-button-close, - .topic-article--icon, - .card--topic > .card--icon, - .mzp-c-details .is-summary button::before, - details .is-summary button::before, - summary::before, - .icon-button > button, - .search-button { - filter: invert(95%) !important; - } - button.markup-toolbar-button { - /*using 0.5 because in middle*/ - filter: invert(0.5) !important; - } - /* Others */ - .support-callouts > .card.is-inverse { - background: #20133a !important; - } - .support-callouts > .card.is-inverse :is(h1, h2, h3, h4, h5, h6, li, p) { - color: var(--in-content-page-color) !important; - } - blockquote { - border-color: var(--in-content-border-color) !important; - } - .sumo-button.secondary-button { - border-color: transparent !important; - } - .mzp-c-menu-panel { - border-color: var(--in-content-button-background-hover) !important; - } - .mzp-c-menu-item:is(:focus, :hover, :active) .mzp-c-menu-item-link .mzp-c-menu-item-title { - border-color: var(--in-content-page-color) !important; - } - @media screen and (-moz-bool-pref: "userContent.page.dark_mode") and (prefers-color-scheme: dark) and (min-width: 768px) { - .mzp-c-menu-panel { - box-shadow: 0 16px 16px -16px rgba(255, 255, 255, 0.3) !important; - } - } - .card--product, - .card--topic, - .card--article { - box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), - 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important; - } - } - /*= Accounts.com ===========================================================*/ - @-moz-document url-prefix("https://accounts.firefox.com") - { - /* Basic */ - body { - color: var(--in-content-page-color) !important; - background: var(--in-content-page-background) !important; - } - .button.primary-button, - .button[type="submit"]:not(.secondary-button), - .settings-button.primary-button, - .settings-button[type="submit"]:not(.secondary-button), - button.primary-button, - button[type="submit"]:not(.secondary-button) { - color: var(--in-content-primary-button-text-color) !important; - background: var(--in-content-primary-button-background) !important; - } - /* Text */ - header h1, - .info, - .info a, - .prefillEmail, - .faint a:hover, - .cta-neutral:hover { - color: var(--in-content-page-color) !important; - } - #main-content.panel a, - .links a, - .link-blue, - .text-blue-500 { - color: var(--in-content-link-color) !important; - } - .link-blue:hover { - color: var(--in-content-link-color-hover) !important; - } - .signed-in-email-message, - .verification-email-message, - .verification-message, - .verification-recovery-code-message, - .verification-totp-message, - .input-row input[type="email"], - .input-row input[type="number"], - .input-row input[type="password"], - .input-row input[type="tel"], - .input-row input[type="text"], - .input-row input::placeholder, - .input-text, - .firefox-family-services > ul > .firefox-service, - .faint, - .faint a, - .text-grey-400 { - color: var(--in-content-deemphasized-text) !important; - } - /* Background */ - .flex .flex-wrap { - background: var(--in-content-page-background); - } - .password-row .show-password-label { - background-color: unset !important; - } - #main-content, - .modal, - .firefox-family-services, - .input-row input[type="email"], - .input-row input[type="number"], - .input-row input[type="password"], - .input-row input[type="tel"], - .input-row input[type="text"], - .input-text, - header, - .card, - .bg-white:not(nav) { - background: var(--in-content-box-background) !important; - } - #suggest-sync, - .cta-neutral { - background: var(--in-content-button-background) !important; - } - .cta-neutral:hover, - .bg-grey-50:hover, - .hover\:bg-grey-100:hover { - background: var(--in-content-button-background-hover) !important; - } - .text-blue-500 .cta-neutral, - .text-blue-500 .bg-grey-50, - .text-blue-500 .hover\:bg-grey-100 { - background: var(--in-content-button-background) !important; - } - .hover\:bg-grey-200:hover { - background: var(--in-content-button-background-active) !important; - } - .button.primary-button:hover:enabled, - .button[type="submit"]:not(.secondary-button):hover:enabled, - .settings-button.primary-button:hover:enabled, - .settings-button[type="submit"]:not(.secondary-button):hover:enabled, - button.primary-button:hover:enabled, - button[type="submit"]:not(.secondary-button):hover:enabled { - background: var(--in-content-primary-button-background-hover) !important; - } - .tooltip, - .tooltip::before { - background: var(--in-content-danger-button-background) !important; - } - /* Fill */ - .dismiss, - #about-mozilla, - .show-password-label, - footer a[data-testid="link-mozilla"] { - filter: invert(95%) !important; - } - header button svg, - header .rounded svg, - #service svg { - filter: brightness(15) !important; - } - button.relative, - #fxa-settings nav svg { - filter: brightness(2) !important; - } - /* Others */ - .input-row input[type="email"], - .input-row input[type="number"], - .input-row input[type="password"], - .input-row input[type="tel"], - .input-row input[type="text"], - .unit-row-hr .border-grey-100 { - border-color: var(--in-content-border-color) !important; - } - .input-row input[type="email"]:hover, - .input-row input[type="number"]:hover, - .input-row input[type="password"]:hover, - .input-row input[type="tel"]:hover, - .input-row input[type="text"]:hover { - border-color: var(--in-content-border-hover) !important; - } - #main-content { - box-shadow: 0 12px 18px 2px rgba(249, 249, 250, 0.12), 0 6px 22px 4px rgba(91, 91, 102, 0.12), - 0 6px 10px -4px rgba(82, 82, 94, 0.04) !important; - } - .input-row input[type="email"]:focus, - .input-row input[type="number"]:focus, - .input-row input[type="password"]:focus, - .input-row input[type="tel"]:focus, - .input-row input[type="text"]:focus { - box-shadow: 0 0 0 3px color-mix(in srgb, var(--in-content-primary-button-background-hover) 80%, transparent) !important; - } - } -} -@media (-moz-bool-pref: "userContent.page.dark_mode") and (prefers-color-scheme: dark) and (-moz-bool-pref: "userContent.page.dark_mode.pdf") { - @-moz-document unobservable-document() { - @-moz-document regexp("^(?!.*\\.pdf\\?n).*") { - #outerContainer { - --sidebaritem-bg-color: #38383d; - --uc-pdf-dark-filter: grayscale(10%) invert(90%); - } - #sidebarContainer > #sidebarContent > #thumbnailView .thumbnailImage { - filter: var(--uc-pdf-dark-filter); - box-shadow: 0 0 0 1px hsla(0deg, 0%, 100%, 0.5), 0 2px 8px hsla(0deg, 0%, 100%, 0.3) !important; - } - #viewerContainer > #viewer > .page > .canvasWrapper > canvas { - filter: var(--uc-pdf-dark-filter); - } - } - } -} -/** Fully Proton Mode *********************************************************/ -@media (-moz-bool-pref: "userContent.page.proton") { - /*= Common contents ==========================================================*/ /*= abouts' common ===========================================================*/ - @-moz-document url-prefix("about:"), url-prefix("chrome://pippki/content/"), url-prefix("chrome://browser/content/") - { - xul|treecols { - border-bottom-color: var(--in-content-box-border-color) !important; - } - } - @-moz-document url-prefix("about:plugins"), url-prefix("about:cache"), url-prefix("about:checkerboard"), url-prefix("about:sync-log"), url-prefix("about:memory"), regexp("^(((jar:)?file:///)|(chrome://)).*/$") - { - /* Base */ - html, - body { - font: message-box !important; - appearance: none !important; - background-color: var(--in-content-page-background) !important; - color: var(--in-content-page-color) !important; - } - body { - font-size: 15px !important; - font-weight: normal !important; - margin: 0 !important; - } - h1 { - line-height: 1.2 !important; - } - h2 { - line-height: 1.4em !important; - } - /* Link */ - a { - color: var(--in-content-link-color) !important; - } - a:hover, - .text-link:hover { - color: var(--in-content-link-color-hover) !important; - text-decoration: underline !important; - } - a:visited { - color: var(--in-content-link-color-visited) !important; - } - a:hover:active, - .text-link:hover:active { - color: var(--in-content-link-color-active) !important; - } - a:-moz-focusring, - .text-link:-moz-focusring { - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: 1px !important; - border-radius: 4px !important; - } - /* Button */ - button { - font: inherit; - } - button, - select, - input[type="color"] { - appearance: none !important; - min-height: 32px !important; - color: var(--in-content-button-text-color, inherit) !important; - border: 1px solid transparent !important; /* shows up in high-contrast mode */ - border-radius: var(--in-content-button-border-radius) !important; - background-color: var(--in-content-button-background) !important; - font-weight: 400 !important; - padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important; - text-decoration: none !important; - margin: 4px 8px !important; - /* Ensure font-size isn't overridden by widget styling (e.g. in forms.css) */ - font-size: 1em !important; - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.rounding.square_button") { - button, - select, - input[type="color"] { - border-radius: 0 !important; - } - } - button { - font-weight: 600 !important; - /* Use the same margin of other elements for the alignment */ - margin-inline: 4px !important; - min-width: 6.3em !important; - } - /* Medium and small buttons get sized to 7/14 and 6/12px padding (when adding - * the 1px border): */ - button.medium { - --in-content-button-vertical-padding: 6px; - --in-content-button-horizontal-padding: 13px; - min-height: 28px !important; - font-size: 0.95em !important; - } - button.small { - --in-content-button-vertical-padding: 5px; - --in-content-button-horizontal-padding: 11px; - min-height: 24px !important; - font-size: 0.9em !important; - } - ::-moz-focus-inner { - border: none !important; - } - button:-moz-focusring { - box-shadow: none !important; - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: 2px !important; - } - button:enabled:hover, - input[type="color"]:hover { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - border-color: transparent !important; - } - button:enabled:hover:active, - input[type="color"]:enabled:hover:active { - background-color: var(--in-content-button-background-active) !important; - } - button:disabled, - input[type="color"]:disabled { - opacity: 0.4 !important; - } - button[autofocus], - button[type="submit"], - button.primary { - background-color: var(--in-content-primary-button-background) !important; - color: var(--in-content-primary-button-text-color) !important; - } - button[autofocus]:enabled:hover, - button[type="submit"]:enabled:hover, - button.primary:enabled:hover { - background-color: var(--in-content-primary-button-background-hover) !important; - color: var(--in-content-primary-button-text-color-hover) !important; - } - button[autofocus]:enabled:hover:active, - button[type="submit"]:enabled:hover:active, - button.primary:enabled:hover:active { - background-color: var(--in-content-primary-button-background-active) !important; - } - /* Checkbox */ - input[type="checkbox"] { - margin-block: 2px !important; - } - input[type="checkbox"] { - appearance: none !important; - height: 16px !important; - width: 16px !important; - border: 1px solid var(--checkbox-border-color) !important; - background-color: var(--checkbox-unchecked-bgcolor) !important; - border-radius: 2px !important; - margin-inline: 0 6px !important; - flex-shrink: 0 !important; /* avoid shrinking inside flex container */ - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.rounding.square_checklabel") { - input[type="checkbox"] { - border-radius: 0 !important; - } - } - input[type="checkbox"]:enabled:hover { - background-color: var(--checkbox-unchecked-hover-bgcolor) !important; - } - input[type="checkbox"]:enabled:hover:active { - background-color: var(--checkbox-unchecked-active-bgcolor) !important; - } - input[type="checkbox"]:checked { - border-color: var(--checkbox-checked-border-color) !important; - background-color: var(--checkbox-checked-bgcolor) !important; - background-image: url("chrome://global/skin/icons/check.svg") !important; - background-position: center !important; - background-repeat: no-repeat !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - color: var(--checkbox-checked-color) !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - } - input[type="checkbox"]:enabled:checked:hover { - background-color: var(--checkbox-checked-hover-bgcolor) !important; - } - input[type="checkbox"]:enabled:checked:hover:active { - background-color: var(--checkbox-checked-active-bgcolor) !important; - } - /* Textarea */ - input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]), - textarea { - appearance: none !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 4px !important; - color: inherit !important; - background-color: var(--in-content-box-background) !important; - } - input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]), - textarea { - font-family: inherit !important; - font-size: inherit !important; - padding: 8px !important; - margin: 2px 4px !important; - } - input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):focus, - textarea:focus, - search-textbox[focused], - tree:focus-visible, - richlistbox:focus-visible { - border-color: transparent !important; - outline: 2px solid var(--in-content-focus-outline-color) !important; - outline-offset: -1px !important; /* Prevents antialiasing around the corners */ - } - input:is( - [type="email"], - [type="tel"], - [type="text"], - [type="password"], - [type="url"], - [type="number"] - ):-moz-ui-invalid, - textarea:-moz-ui-invalid { - border-color: transparent !important; - outline: 2px solid var(--in-content-border-invalid) !important; - outline-offset: -1px !important; /* Prevents antialiasing around the corners */ - } - input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):disabled, - textarea:disabled, - search-textbox[disabled="true"] { - opacity: 0.4 !important; - } - /* Table */ - table { - width: 100% !important; - } - } - @-moz-document url-prefix("about:plugins"), url-prefix("about:cache"), url-prefix("about:checkerboard") { - table { - border: 1px solid var(--in-content-table-border-color) !important; - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:cache"), url-prefix("about:checkerboard") { - th, - td { - border: 1px solid var(--in-content-table-border-color) !important; - } - th { - background-color: var(--in-content-table-header-background) !important; - color: var(--in-content-table-header-color) !important; - } - } - /*= Field Border =============================================================*/ - /*= View Source ==============================================================*/ - /*= Directory View ===========================================================*/ - /*= about:plugins ============================================================*/ - /*= about:cache ==============================================================*/ - /*= about:checkerboard =======================================================*/ - /*= about:memory =============================================================*/ - /*= about:preferences ========================================================*/ - /*= chrome://browser/content/places/places.xhtml =============================*/ -} -@media (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userContent.page.field_border") and (prefers-reduced-motion: no-preference) { - @-moz-document url-prefix("about:") { - html|input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):not( - #newtab-search-text - ):hover, - html|textarea:hover, - xul|search-textbox:hover { - border-color: var(--in-content-focus-outline-color) !important; - transition: border-color 0.5s var(--animation-easing-function); - } - } -} -@media (-moz-bool-pref: "userContent.page.proton") { - @-moz-document url-prefix("view-source") { - :root { - background-color: var(--in-content-page-background) !important; /* Original: white */ - color: var(--in-content-page-color) !important; /* Original: black */ - /* Colors */ - --view-source-green: var(--green-80); - --view-source-purple: #800080; /* Like alphenglow */ - } - @media (-moz-bool-pref: "userContent.page.proton") and (prefers-color-scheme: dark) { - :root { - --view-source-green: var(--green-60); - --view-source-purple: #c68aff; - } - } - pre[id]::before, - span[id]::before { - color: color-mix( - in srgb, - var(--in-content-page-color) 70%, - var(--in-content-page-background) - ) !important; /* Original: #ccc */ - } - .highlight .start-tag, - .highlight .end-tag { - color: var(--view-source-purple) !important; /* Original: purple */ - } - .highlight .comment { - color: var(--view-source-green) !important; /* Original: green */ - } - .highlight .cdata { - color: var(--in-content-border-invalid) !important; /* Original: #CC0066 */ - } - .highlight .doctype { - color: #4682b4 !important; /* Original: steelblue */ - } - .highlight .pi { - color: orchid !important; /* Original: orchid */ - } - .highlight .entity { - color: #ff4500 !important; /* Original: #FF4500 */ - } - .highlight .attribute-name { - color: var(--view-source-green) !important; /* Original: black */ - } - .highlight .attribute-value { - color: var(--in-content-link-color) !important; /* Original: blue */ - } - .highlight .markupdeclaration { - color: #4682b4 !important; /* Original: steelblue */ - } - .highlight .error, - .highlight - .error - > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype, .pi, .entity, .attribute-name, .attribute-value) { - color: var(--in-content-error-text-color) !important; /* Original: red */ - } - } -} -@media (-moz-bool-pref: "userContent.page.proton") { - @-moz-document url-prefix("about:sync-log"), regexp("^(((jar:)?file:///)|(chrome://)).*/$") - { - body { - background-color: var(--in-content-box-background) !important; - margin: 4em auto !important; /* Override to default */ - } - thead a { - color: var(--in-content-page-color) !important; - } - td ::before { - vertical-align: top !important; - } - } -} -@media (-moz-bool-pref: "userContent.page.proton") { - @-moz-document url-prefix("about:plugins") { - .notice { - background: var(--in-content-box-background) !important; - border: 1px solid var(--in-content-border-color) !important; - } - } -} -@media (-moz-bool-pref: "userContent.page.proton") { - @-moz-document url-prefix("about:cache") { - table { - padding: 0 !important; - } - th, - td { - padding: 4px !important; - text-align: match-parent !important; - } - } -} -@media (-moz-bool-pref: "userContent.page.proton") { - @-moz-document url-prefix("about:checkerboard") { - #canvas { - border: 1px solid var(--in-content-border-color) !important; - } - #excludePageFromZoom { - vertical-align: bottom !important; - } - } -} -@media (-moz-bool-pref: "userContent.page.proton") { - @-moz-document url-prefix("about:memory") { - .opsRow, - .section { - background-color: var(--in-content-box-background) !important; - color: var(--in-content-page-color) !important; - } - .opsRowLabel input { - vertical-align: bottom !important; - } - } -} -@media (-moz-bool-pref: "userContent.page.proton") { - @-moz-document url-prefix("chrome://browser/content") - { - #sanitizeEverythingWarningIcon { - list-style-image: url("chrome://global/skin/icons/warning.svg") !important; - -moz-context-properties: fill; - fill: var(--uc-warning-icon-bgcolor); - width: 48px; - height: 48px; - } - } -} -@media (-moz-bool-pref: "userContent.page.proton") { - @-moz-document url-prefix("about:preferences"), url-prefix("chrome://browser/content/preferences/dialogs/"), url-prefix("chrome://pippki/content/") - { - :is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem:hover, - #translations-manage-install-list > .translations-manage-language:hover { - background-color: var(--in-content-item-hover); - color: var(--in-content-item-hover-text); - } - :is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem[selected="true"], - #translations-manage-install-list > .translations-manage-language[selected="true"] { - background-color: var(--in-content-item-selected); - color: var(--in-content-item-selected-text); - } - :is(.contentPane, .main-content, #certmanagertabs) - richlistbox - > richlistitem:nth-child(even):not([selected="true"], :hover), - #translations-manage-install-list > .translations-manage-language:nth-child(even):not([selected="true"], :hover) { - background-color: var(--in-content-box-background-odd); - } - } -} -@media (-moz-bool-pref: "userContent.page.proton") { - @-moz-document url("chrome://browser/content/places/places.xhtml") - { - /** Library - Icons Replace *************************************************/ - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.icon.library") { - /*= Standard Folder - More Visible ===========================================*/ - /* on Toolbar and Menus */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer]), - :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, container), - #editBMPanel_folderMenuList:not([selectedGuid="toolbar_____"], [selectedGuid="menu________"]), - #editBMPanel_folderMenuList .folder-icon:not([id]), - .downloadIconShow > .button-box > .button-icon { - list-style-image: var(--uc-folder-icon) !important; - } - /* Standard Folder - Open */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer])[open="true"], - :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, container, open) { - list-style-image: url("../icons/folder-open.svg") !important; - } - /*= Other Folder - Inbox Icon ================================================*/ - /* on Menus */ - #PlacesToolbar #OtherBookmarks, - #BMB_bookmarksPopup #BMB_unsortedBookmarks, - #bookmarksMenuPopup #menu_unsortedBookmarks, - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks), - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_unfiled_____), - #editBMPanel_unfiledRootItem, - #editBMPanel_folderMenuList[selectedGuid="unfiled_____"] { - list-style-image: url("../icons/mail-inbox-all.svg") !important; - } - /* Other Folder - Open */ - #PlacesToolbar #OtherBookmarks[open="true"], - #BMB_bookmarksPopup #BMB_unsortedBookmarks[open="true"], - #bookmarksMenuPopup #menu_unsortedBookmarks[open="true"], - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, OrganizerQuery_UnfiledBookmarks), - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_unfiled_____) { - list-style-image: url("../icons/mail-inbox.svg") !important; - } - /*= Default Icon - Override ===================================================*/ - /* https://github.com/mozilla/gecko-dev/blob/master/browser/themes/shared/places/tree-icons.css */ - /* Query */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query) { - list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important; - } - /* History */ - :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, dayContainer), - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(query, OrganizerQuery_history____v) { - list-style-image: url("chrome://browser/skin/history.svg") !important; - } - /* Downloads */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important; - } - /* Tag */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, tagContainer), - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v), - .bookmark-item[query][tagContainer] { - list-style-image: url("../icons/tag.svg") !important; - } - /* Bookmark */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) { - list-style-image: url("chrome://browser/skin/bookmark.svg") !important; - } - /* Bookmark Toolbar */ - #BMB_bookmarksPopup #BMB_bookmarksToolbar, - #bookmarksMenuPopup #bookmarksToolbarFolderMenu, - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_toolbar_____), - #editBMPanel_folderMenuList[selectedGuid="toolbar_____"], - #editBMPanel_toolbarFolderItem, - #bookmarksToolbarFolderMenu, - #BMB_bookmarksToolbar, - #panelMenu_bookmarksToolbar, - #bookmarks-toolbar-button, - #bookmarks-toolbar-placeholder { - list-style-image: url("../icons/bookmarks-toolbar-alt.svg") !important; - } - /* Bookmark Menu */ - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, queryFolder_menu________) { - list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important; - } - /*= Default Icon - Open ======================================================*/ - /* Query */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"][query="true"]:not([tagContainer])[open="true"] - > .menu-iconic-left - > .menu-iconic-icon { - transform: rotate(15deg) !important; - } - /* History */ - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(title, query, open, dayContainer), - :-moz-any(#historyTree, #placesList, #placeContent) - treechildren::-moz-tree-image(query, open, OrganizerQuery_history____v) { - list-style-image: url("../icons/history-reverse.svg") !important; - } - /* Tag */ - :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) - .bookmark-item[container="true"][tagContainer="true"][open="true"], - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, tagContainer), - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_tags_______v) { - list-style-image: url("../icons/tag-open.svg") !important; - } - /* Bookmark */ - :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) { - list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important; - } - /* Bookmark Toolbar */ - #BMB_bookmarksPopup #BMB_bookmarksToolbar[open="true"], - #bookmarksMenuPopup #bookmarksToolbarFolderMenu[open="true"], - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_toolbar_____) { - list-style-image: url("../icons/bookmarksToolbar-open-alt.svg") !important; - } - /* Bookmark Menu */ - :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) - treechildren::-moz-tree-image(container, open, queryFolder_menu________) { - list-style-image: url("../icons/bookmarksMenu-open.svg") !important; /* or bookmarksMenu-open2.svg" */ - } - /*= Menubar - Icons ==========================================================*/ - #organizeButton, - #viewMenu, - #maintenanceButton, - #back-button, - #forward-button, - #clearDownloadsButton { - fill: currentColor !important; - -moz-context-properties: fill, fill-opacity, stroke !important; - } - /* Add */ - #organizeButton { - list-style-image: url("chrome://global/skin/icons/settings.svg") !important; - } - #viewMenu { - list-style-image: url("../icons/sort.svg") !important; - } - #maintenanceButton { - list-style-image: url("../icons/import-export.svg") !important; - } - #clearDownloadsButton { - list-style-image: url("chrome://global/skin/icons/delete.svg") !important; - } - #clearDownloadsButton > .toolbarbutton-icon { - display: inline-flex !important; - display: -moz-inline-box !important; - margin-top: 0; - margin-bottom: 0; - margin-inline-start: 0; - margin-inline-end: 2px; - } - /* Replace */ - #back-button { - list-style-image: url("chrome://browser/skin/back.svg") !important; - } - #forward-button { - list-style-image: url("chrome://browser/skin/forward.svg") !important; - } - #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, - #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - transform: scaleX(-1) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) { - /*= Layout Fixes =========================================================*/ - menupopup menu { - padding-block: 4px; - } - .menu-right { - width: 16px !important; /* Original: 1ex */ - background-image: url("chrome://global/skin/icons/arrow-right.svg"); - background-position: right center; - } - /*= Proton ===============================================================*/ - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - :root { - --organizer-color: -moz-DialogText; - --organizer-deemphasized-color: GrayText; - --organizer-toolbar-background: -moz-Dialog; - --organizer-pane-background: -moz-Dialog; - --organizer-content-background: -moz-Dialog; - --organizer-hover-background: SelectedItem; - --organizer-hover-color: SelectedItemText; - --organizer-selected-background: SelectedItem; - --organizer-selected-color: SelectedItemText; - --organizer-outline-color: SelectedItem; - --organizer-separator-color: ThreeDDarkShadow; - --organizer-border-color: ThreeDShadow; - --organizer-toolbar-field-background: Field; - --organizer-toolbar-field-background-focused: Field; - --organizer-toolbar-field-border-color: ThreeDShadow; - --organizer-toolbar-field-focus-border-color: var(--organizer-outline-color); - --organizer-toolbar-field-focus-box-shadow: unset; - --organizer-pane-field-border-color: ThreeDShadow; - } - @media not all and (prefers-contrast) { - :root { - --organizer-color: var(--in-content-page-color); - --organizer-deemphasized-color: var(--in-content-deemphasized-text); - --organizer-toolbar-background: rgb(249, 249, 251); /* --toolbar-bgcolor */ - --organizer-pane-background: rgb(229, 229, 235); /* --lwt-accent-color */ - --organizer-content-background: var(--in-content-page-background); - --organizer-hover-background: var(--in-content-button-background-hover); - --organizer-hover-color: var(--organizer-color); - --organizer-selected-background: var(--in-content-button-background-active); - --organizer-selected-color: var(--organizer-color); - --organizer-outline-color: var(--in-content-focus-outline-color); - --organizer-separator-color: var(--organizer-pane-field-border-color); - --organizer-border-color: var(--in-content-border-color); - --organizer-toolbar-field-background: rgb(240, 240, 244); /* --lwt-accent-color */ - --organizer-toolbar-field-background-focused: Field; - --organizer-toolbar-field-border-color: transparent; - --organizer-toolbar-field-focus-border-color: color-mix( - in srgb, - var(--organizer-outline-color) 50%, - transparent - ); - --organizer-toolbar-field-focus-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23); - --organizer-pane-field-border-color: color-mix(in srgb, currentColor 41%, transparent); - } - @media (prefers-color-scheme: dark) { - :root { - --organizer-color: rgb(251, 251, 254); - --organizer-deemphasized-color: rgb(191, 191, 201); - --organizer-toolbar-background: rgb(43, 42, 51); - --organizer-pane-background: rgb(35, 34, 43); - --organizer-content-background: rgb(28, 27, 34); - --organizer-hover-background: rgb(82, 82, 94); - --organizer-selected-background: rgb(91, 91, 102); - --organizer-toolbar-field-background: var(--in-content-page-background); - --organizer-toolbar-field-background-focused: rgb(66, 65, 77); - scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3); - } - } - } - /*- Toolbar & Menus ------------------------------------------------------*/ - #placesToolbar { - appearance: none !important; - background-color: var(--organizer-toolbar-background) !important; - color: var(--organizer-color) !important; - border-bottom: 1px solid var(--organizer-border-color) !important; - padding: 4px !important; - padding-inline-end: 6px !important; - } - #placesToolbar > toolbarbutton { - appearance: none !important; - padding: 5px !important; - border-radius: 4px !important; - } - /*- Search Bar & Input ---------------------------------------------------*/ - /*- Sidebar & Splitter ---------------------------------------------------*/ - /*- Downloads Pane -------------------------------------------------------*/ - /*- Tree -----------------------------------------------------------------*/ - /*- Info Box -------------------------------------------------------------*/ - /*- Radio Button -------------------------------------------------------------*/ - /* Disabled checkboxes, radios and labels */ - /*- Check Box ----------------------------------------------------------------*/ - /* From checkbox.css */ - /*- Menu Separator -----------------------------------------------------------*/ - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.rounding.square_button") { - #placesToolbar > toolbarbutton { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #placesToolbar > toolbarbutton[disabled] { - opacity: 0.6 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #placesToolbar > toolbarbutton:not([disabled]):hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #placesToolbar > toolbarbutton:not([disabled]):hover:active { - background-color: var(--organizer-selected-background) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #placesToolbar > toolbarbutton > .toolbarbutton-icon, - #placesMenu > menu > image, - #placesMenu > menu > .menubar-text { - -moz-context-properties: fill !important; - fill: currentColor !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #placesMenu { - margin-inline-start: 6px !important; - } - #placesMenu > menu { - appearance: none !important; - color: var(--organizer-color) !important; - padding-block: 5px !important; - padding-inline-start: 5px !important; - border-radius: 4px !important; - margin-inline-end: 2px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.rounding.square_button") { - #placesMenu > menu { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #placesMenu > menu[_moz-menuactive="true"], - #placesMenu > menu:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #placesMenu > menu:hover:active, - #placesMenu > menu[open] { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #placesMenu > menu > .menubar-text { - margin-block: 0 !important; /* override menu.css */ - padding-inline-end: 4px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #searchFilter, - #detailsPane html|input { - appearance: none !important; - background-color: var(--organizer-toolbar-field-background) !important; - color: var(--organizer-color) !important; - border: 1px solid var(--organizer-toolbar-field-border-color) !important; - border-radius: 4px !important; - margin: 0 !important; - padding-block: 2px !important; - min-height: 24px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.rounding.square_field") { - #searchFilter, - #detailsPane html|input { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #searchFilter[focused] { - box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important; - background-color: var(--organizer-toolbar-field-background-focused) !important; - border-color: transparent !important; - outline: 2px solid var(--organizer-toolbar-field-focus-border-color) !important; - outline-offset: -2px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #placesList { - background-color: var(--organizer-pane-background) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #placesView > splitter { - border: 0 !important; - border-inline-end: 1px solid var(--organizer-border-color) !important; - min-width: 0 !important; - width: 3px !important; - background-color: transparent !important; - margin-inline-start: -3px !important; - position: relative !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #downloadsRichListBox, - #downloadsListBox { - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #clearDownloadsButton:focus-visible { - outline: 2px solid var(--organizer-outline-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - richlistitem[selected="true"], - richlistitem:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - richlistbox:where(:focus) > richlistitem[selected="true"] { - background-color: var(--organizer-selected-background) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #contentView treecol { - /* Use box-shadow to draw a bottom border instead of border-bottom - * because otherwise the items on contentView won't be perfectly - * aligned with the items on the sidebar. */ - box-shadow: inset 0 -1px var(--organizer-border-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - tree { - background-color: var(--organizer-content-background) !important; - color: var(--organizer-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - treecol:not([hideheader="true"]), - treecolpicker { - appearance: none !important; - border: none !important; - background-color: var(--in-content-button-background) !important; - color: var(--organizer-color, inherit) !important; - padding: 5px 10px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - treecol:not([hideheader="true"], [sortable="false"]):hover, - treecolpicker:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-color) !important; - } - treecol:not([hideheader="true"], [sortable="false"]):hover:active, - treecolpicker:hover:active { - background-color: var(--organizer-selected-background) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - treecol:not([hideheader="true"], :first-child), - treecolpicker { - padding-left: 10px !important; - border-inline-start-width: 1px !important; - border-inline-start-style: solid !important; - border-image: linear-gradient( - transparent 0%, - transparent 20%, - var(--organizer-border-color) 20%, - var(--organizer-border-color) 80%, - transparent 80%, - transparent 100% - ) - 1 1 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - treecol[sortDirection]:not([hideheader="true"]) > xul|*.treecol-sortdirection { - fill: currentColor !important; - width: 18px !important; - height: 18px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - treechildren::-moz-tree-row { - background-color: transparent !important; - } - treechildren::-moz-tree-row(hover) { - background-color: var(--organizer-hover-background) !important; - } - treechildren::-moz-tree-row(selected) { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - border: 1px solid transparent !important; - } - treechildren::-moz-tree-image(hover), - treechildren::-moz-tree-twisty(hover), - treechildren::-moz-tree-cell-text(hover) { - color: var(--organizer-hover-color) !important; - } - treechildren::-moz-tree-image(selected), - treechildren::-moz-tree-twisty(selected), - treechildren::-moz-tree-cell-text(selected) { - color: var(--organizer-selected-color) !important; - } - treechildren::-moz-tree-separator { - height: 1px !important; - border-color: var(--organizer-separator-color) !important; - } - treechildren::-moz-tree-separator(hover) { - border-color: var(--organizer-hover-color) !important; - } - treechildren::-moz-tree-separator(selected) { - border-color: var(--organizer-selected-color) !important; - } - treechildren::-moz-tree-cell-text(primary, dropOn), - treechildren::-moz-tree-drop-feedback { - background-color: var(--organizer-outline-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #detailsPane { - background-color: var(--organizer-pane-background) !important; - color: var(--organizer-color) !important; - padding: 5px !important; - border-top: 1px solid var(--organizer-border-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - appearance: none !important; - min-width: 0 !important; - padding: 5px !important; - margin: 0 !important; - margin-inline-end: 4px !important; - border: 1px solid var(--organizer-pane-field-border-color) !important; - border-radius: 4px !important; - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.rounding.square_button") { - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #editBookmarkPanelRows .expander-up:hover, - #editBookmarkPanelRows .expander-down:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #editBookmarkPanelRows .expander-up:hover:active, - #editBookmarkPanelRows .expander-down:hover:active { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #editBookmarkPanelRows .expander-up:focus-visible, - #editBookmarkPanelRows .expander-down:focus-visible { - outline: 2px solid var(--organizer-outline-color) !important; - outline-offset: -1px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #editBookmarkPanelRows .expander-up > .button-box, - #editBookmarkPanelRows .expander-down > .button-box { - padding: 0 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #editBookmarkPanelRows .expander-up { - list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg"); - } - #editBookmarkPanelRows .expander-down { - list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg"); - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #places input { - border: 1px solid var(--organizer-pane-field-border-color) !important; - border-radius: 4px !important; - background-color: var(--organizer-content-background) !important; - color: var(--organizer-color) !important; - min-height: 20px !important; - padding-inline: 4px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.rounding.square_field") { - #places input { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #places input:focus { - outline: 2px solid var(--organizer-outline-color) !important; - outline-offset: -1px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #places input:not(:read-write):focus { - outline: none !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - .caption-label { - margin-inline-start: 8px !important; - color: var(--organizer-deemphasized-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #editBMPanel_tagsSelectorRow > richlistbox { - appearance: none !important; - color: var(--organizer-color) !important; - background-color: var(--organizer-content-background) !important; - border: 1px solid var(--organizer-border-color) !important; - border-radius: 4px !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.rounding.square_field") { - #editBMPanel_tagsSelectorRow > richlistbox { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem { - border: 1px solid transparent !important; - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem:hover { - background-color: var(--organizer-hover-background) !important; - color: var(--organizer-hover-color) !important; - } - #editBMPanel_tagsSelectorRow > richlistbox > richlistitem[selected] { - background-color: var(--organizer-selected-background) !important; - color: var(--organizer-selected-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="radio"] { - /* margin-inline-start: 0 !important; */ - appearance: none !important; - } - menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon { - appearance: none !important; - width: 16px !important; - height: 16px !important; - border: 1px solid var(--in-content-box-border-color) !important; - border-radius: 100% !important; - padding: 0 !important; - margin-inline: 0 6px !important; - margin-block: 2px !important; /* extend the vertical clicktarget */ - background-color: var(--in-content-button-background) !important; - background-position: center !important; - flex-shrink: 0 !important; /* avoid shrinking inside flex container */ - } - menuitem[type="radio"] > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - -moz-context-properties: fill !important; - fill: currentColor !important; - color: var(--in-content-primary-button-text-color) !important; - background-color: var(--in-content-primary-button-background) !important; - background-image: url("chrome://global/skin/icons/radio.svg") !important; - border-color: transparent !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - } - menuitem[type="radio"]:not([disabled="true"]):hover > .menu-iconic-left > .menu-iconic-icon { - background-color: var(--in-content-button-background-hover) !important; - color: var(--in-content-button-text-color-hover) !important; - } - menuitem[type="radio"]:not([disabled="true"]):hover:active > .menu-iconic-left > .menu-iconic-icon { - background-color: var(--in-content-button-background-active) !important; - } - menuitem[type="radio"]:not([disabled="true"])[checked="true"]:hover > .menu-iconic-left > .menu-iconic-icon { - background-color: var(--in-content-primary-button-background-hover) !important; - color: var(--in-content-primary-button-text-color-hover) !important; - } - menuitem[type="radio"]:not([disabled="true"])[checked="true"]:hover:active - > .menu-iconic-left - > .menu-iconic-icon { - background-color: var(--in-content-primary-button-background-active) !important; - } - menuitem[type="radio"] > .menu-iconic-text { - margin-inline: 0 8px !important; - padding-inline-start: 0 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="radio"][disabled="true"], - menuitem[type="checkbox"][disabled="true"] { - color: inherit !important; - opacity: 0.5 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="checkbox"] { - appearance: none !important; - align-items: center !important; - -moz-box-align: center !important; - margin: 0px 2px !important; - } - menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon { - appearance: none !important; - width: 16px !important; - height: 16px !important; - border: 1px solid currentColor !important; - border-radius: 2px !important; - color: var(--checkbox-border-color, ThreeDDarkShadow) !important; - background-color: var(--checkbox-unchecked-bgcolor, Field) !important; - margin-inline-end: 6px !important; /* or 2px */ - margin-block: 2px !important; /* From common.css */ - } - menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - -moz-context-properties: fill !important; - fill: currentColor !important; - border-color: var(--checkbox-checked-border-color, transparent) !important; - background-image: url("chrome://global/skin/icons/check.svg") !important; - background-position: center !important; - background-repeat: no-repeat !important; - /* Style the button also when printing with "Print Backgrounds" unchecked */ - color-adjust: exact !important; - color: var(--checkbox-checked-color, AccentColorText) !important; - background-color: var(--checkbox-checked-bgcolor, AccentColor) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; - background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left > .menu-iconic-icon { - background-color: var(--checkbox-unchecked-hover-bgcolor, color-mix(in srgb, AccentColor 4%, Field)) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left > .menu-iconic-icon { - background-color: var( - --checkbox-unchecked-hover-bgcolor, - color-mix(in srgb, -moz-accent-color 4%, Field) - ) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="checkbox"]:not([disabled="true"]):hover:active > .menu-iconic-left > .menu-iconic-icon { - background-color: var( - --checkbox-unchecked-active-bgcolor, - color-mix(in srgb, AccentColor 8%, Field) - ) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover:active > .menu-iconic-left > .menu-iconic-icon { - background-color: var( - --checkbox-unchecked-active-bgcolor, - color-mix(in srgb, -moz-accent-color 8%, Field) - ) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - background-color: var( - --checkbox-checked-hover-bgcolor, - color-mix(in srgb, currentColor 12.5%, AccentColor) - ) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - background-color: var( - --checkbox-checked-hover-bgcolor, - color-mix(in srgb, currentColor 12.5%, -moz-accent-color) - ) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="checkbox"]:not([disabled="true"]):hover:active - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon { - background-color: var( - --checkbox-checked-active-bgcolor, - color-mix(in srgb, currentColor 25%, AccentColor) - ) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover:active - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon { - background-color: var( - --checkbox-checked-active-bgcolor, - color-mix(in srgb, currentColor 25%, -moz-accent-color) - ) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="checkbox"]:focus > .menu-iconic-left > .menu-iconic-icon { - outline: 2px solid var(--focus-outline-color, AccentColor) !important; - outline-offset: var(--focus-outline-offset, 2px) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:focus > .menu-iconic-left > .menu-iconic-icon { - outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (prefers-contrast) { - menuitem[type="checkbox"]:not([disabled="true"]) > .menu-iconic-left > .menu-iconic-icon { - /* color will set the border-color on the check due to how HCM works for in-content pages. */ - color: var(--checkbox-checked-border-color, color-mix(in srgb, AccentColor 4%, Field)) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (prefers-contrast) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]) > .menu-iconic-left > .menu-iconic-icon { - /* color will set the border-color on the check due to how HCM works for in-content pages. */ - color: var(--checkbox-checked-border-color, color-mix(in srgb, -moz-accent-color 4%, Field)) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (prefers-contrast) { - menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] { - color: var(--checkbox-checked-border-color, currentColor) !important; - fill: var(--checkbox-checked-color, AccentColorText) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (prefers-contrast) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - menuitem[type="checkbox"] > .menu-iconic-left[checked="true"] { - fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (prefers-contrast) { - menuitem[type="checkbox"]:not([disabled="true"]):hover:active - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon, - menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - color: var(--checkbox-checked-border-color-hover, AccentColorText) !important; - fill: var(--checkbox-checked-border-color-hover, AccentColorText) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") and (prefers-contrast) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { - menuitem[type="checkbox"]:not([disabled="true"]):hover:active - > .menu-iconic-left[checked="true"] - > .menu-iconic-icon, - menuitem[type="checkbox"]:not([disabled="true"]):hover > .menu-iconic-left[checked="true"] > .menu-iconic-icon { - color: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; - fill: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="checkbox"] > .menu-iconic-text { - margin: 1px 0 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuitem[type="checkbox"][disabled="true"] { - opacity: 0.4 !important; - } - } - @media (-moz-bool-pref: "userContent.page.proton") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userContent.page.proton") { - menuseparator { - appearance: none !important; - min-width: 2px; - min-height: 0; - border-top: 1px solid var(--in-content-box-border-color, ThreeDDarkShadow); - border-bottom: none; - padding: 0; - margin: var(--panel-separator-margin, 6px); - } - } - } -} -/** Rounding ******************************************************************/ -@media (-moz-bool-pref: "userChrome.rounding.square_button") { - .all-buttons-container, - .highlight-buttons > button, - .cancel-shot, - #pictureInPictureToggle > .pip-small { - border-radius: 0 !important; - } - @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") - { - button:not(.toggle-button), - .close-icon, - .action-icon::before, - .page-section-header > .twisty, - .closed-tab-li-main, - #categories > .category, - .sidebar-footer-link { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:debugging") { - .sidebar-item { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("chrome://browser/content/places/places.xhtml"), url-prefix("about:downloads") - { - .downloadButton > .button-box { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:protections") { - #manage-protections, - #sign-up-for-monitor-link, - #get-proxy-extension-link, - #get-vpn-link, - #vpn-banner-link, - .monitor-partial-breaches-link-wrapper, - .monitor-breaches-link-wrapper { - border-radius: 0 !important; - } - } - @-moz-document regexp(".*.pdf$") { - .toolbarButton, - .dropdownToolbarButton, - .secondaryToolbarButton, - .dialogButton { - border-radius: 0 !important; - } - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_dialog") { - @-moz-document url("about:home"), url("about:newtab") { - .modal { - border-radius: 0 !important; - } - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_checklabel") { - @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") - { - input[type="checkbox"]:not(.toggle-button), - .checkbox-check { - border-radius: 0 !important; - } - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_field") { - @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") - { - input:is( - [type="color"], - [type="email"], - [type="tel"], - [type="text"], - [type="password"], - [type="url"], - [type="number"] - ), - textarea, - select, - menulist, - tree, - treecols, - listheader, - richlistbox, - search-textbox, - .web-appearance-choice, - .content-blocking-category, - #translations-manage-install-list { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:debugging") { - .default-input { - border-radius: 0 !important; - } - } - @-moz-document url("about:home"), url("about:newtab") { - .search-wrapper .search-handoff-button, - .search-wrapper input { - border-radius: 0 !important; - } - } - @-moz-document regexp(".*.pdf$") { - .toolbarField, - .thumbnailSelectionRing { - border-radius: 0 !important; - } - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_menupopup") { - @-moz-document url-prefix("about:"), url-prefix("chrome://") - { - panel, - menupopup { - --panel-border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:addons") { - panel-list { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:logins") { - .menu { - border-radius: 0 !important; - } - } - @-moz-document url("about:home"), url("about:newtab") { - .context-menu { - border-radius: 0 !important; - } - } - @-moz-document regexp(".*.pdf$") { - .doorHanger, - .doorHangerRight { - border-radius: 0 !important; - } - } -} -@media (-moz-bool-pref: "userChrome.rounding.square_infobox") { - @-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$") - { - /* - * .container is inside shadow DOM, - * and it does not have any other classes, - * but there may be other elements with the same class, - * hence the weird selector. - */ - link[href="chrome://global/content/elements/message-bar.css"] + .container, - .info-box-container:not(.content-blocking-category), - .options-container, - #sanitizeEverythingWarningBox { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:debugging") { - .message { - border-radius: 0 !important; - } - } - @-moz-document url-prefix("about:firefoxview") { - .card, - .card::before, - .empty-container, - .synced-tab-a, - .synced-tab-li-placeholder { - border-radius: 0 !important; - } - } -} -@-moz-document url-prefix("about:"), regexp(".*.pdf$") { - @media (-moz-bool-pref: "userChrome.rounding.square_dialog") { - dialog, - .dialogBox { - border-radius: 0 !important; - } - } -} -@-moz-document url("chrome://browser/content/places/places.xhtml") -{ - /*= Library ==============================================================*/ - @media (-moz-bool-pref: "userChrome.rounding.square_button") { - #placesToolbar > toolbarbutton, - #placesMenu > menu, - #editBookmarkPanelRows .expander-up, - #editBookmarkPanelRows .expander-down { - border-radius: 0 !important; - } - } - @media (-moz-bool-pref: "userChrome.rounding.square_field") { - #searchFilter, - #detailsPane html|input, - #places input #editBMPanel_tagsSelectorRow > richlistbox { - border-radius: 0 !important; - } - } -} -/** Monospace *****************************************************************/ -@media (-moz-bool-pref: "userContent.page.monospace") { - @-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$") - { - * { - font-family: -moz-fixed; - } - } -} -/** Menu - Icons Layout *******************************************************/ -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - :root { - --uc-folder-icon: url("chrome://global/skin/icons/folder.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.library") { - :root { - --uc-folder-icon: url("../icons/folder.svg"); - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - @-moz-document url("chrome://browser/content/places/places.xhtml"), url("about:downloads") - { - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]), - menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, - menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon { - -moz-appearance: none !important; /* Linux: menulist */ - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - /* Color */ - -moz-context-properties: fill, fill-opacity, stroke !important; - fill: currentColor !important; - stroke: currentColor; - /* Layout */ - background-size: 16px !important; - background-repeat: no-repeat !important; - background-image: var(--menuitem-image); - } - /* For native context menus */ - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "widget.macos.native-context-menus"), - (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "widget.gtk.native-context-menus") { - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - :not(menu, #ContentSelectDropdown) - > menupopup:not(.in-menulist) - > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important; - } - } - /* Padding */ - :root { - --uc-menu-background-position: left; - --context-menu-background-padding-default: 5px; - --context-menu-background-padding: var(--context-menu-background-padding-default); - } - :root:-moz-locale-dir(rtl) { - --uc-menu-background-position: right; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - background-position: var(--uc-menu-background-position) var(--context-menu-background-padding) center !important; - padding-inline-start: var(--context-menu-background-padding) !important; - } - /* Padding - Non Native */ - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-platform: windows) and (-moz-platform: windows), - (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-gtk-csd-available) and (-moz-platform: windows) { - :root { - --context-menu-background-padding: 1em; - --context-menu-text-padding-default: 24px; - --context-menu-text-padding: var(--context-menu-text-padding-default); - --menu-background-padding-default: calc( - var(--context-menu-background-padding) + var(--context-menu-text-padding) - ); - --bookmark-menu-icon-align-padding: 0px; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - padding-inline-start: var(--menu-background-padding-default) !important; - margin-left: 0 !important; - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-platform: windows) and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available), - (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-gtk-csd-available) and (-moz-bool-pref: "userChrome.theme.non_native_menu") and (-moz-gtk-csd-available) { - :root { - --context-menu-background-padding: 1em; - --context-menu-text-padding-default: 24px; - --context-menu-text-padding: var(--context-menu-text-padding-default); - --menu-background-padding-default: calc( - var(--context-menu-background-padding) + var(--context-menu-text-padding) - ); - --bookmark-menu-icon-align-padding: 0px; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]), - menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) - > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - padding-inline-start: var(--menu-background-padding-default) !important; - margin-left: 0 !important; - } - } - /* Padding - Windows */ - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-platform: windows) { - :root { - --bookmark-menu-icon-text-padding: calc( - var(--context-menu-text-padding) + var(--arrowpanel-menuitem-padding-inline) - ); - --bookmark-menu-icon-background-padding: calc( - var(--arrowpanel-menuitem-padding-inline) + var(--bookmark-menu-icon-align-padding) - ); - } - } - /* Padding - Linux */ - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-gtk-csd-available) { - :root { - --context-menu-background-padding-default: 6px; - --context-menu-text-padding: 21px; - } - /* Contextmenu Checkbox Unset */ - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[type="checkbox"] { - margin-inline: 0 !important; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem[type="checkbox"] - > .menu-iconic-left - > .menu-iconic-icon { - margin-inline-end: 0 !important; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem[type="checkbox"]:not([checked="true"]) - > .menu-iconic-left - > .menu-iconic-icon { - border: none !important; - background-color: unset !important; - } - } - /* Padding - Mac */ - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "layout.css.osx-font-smoothing.enabled") { - :root { - --context-menu-background-padding-default: 10px; - --context-menu-mac-padding: 21px; - } - /* context menu width */ - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]) { - padding-inline-end: var(--context-menu-background-padding) !important; - } - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]) - > .menu-text, - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) - menu:not(.menu-iconic, .in-menulist, [checked="true"]) - > .menu-text { - /* text position */ - padding-inline-start: var(--context-menu-mac-padding) !important; - } - /* Checkbox menuitem, None iconic menu */ - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menuitem[checked="true"], - menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) menu:not(.menu-iconic) { - padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important; - } - } - /*= Context Menu ===========================================================*/ - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - /* Icon lists */ - /*= downloadsContextMenu =====================================================*/ - .downloadPauseMenuItem { - --menuitem-image: url("chrome://global/skin/media/pause-fill.svg"); - } - .downloadResumeMenuItem { - --menuitem-image: url("chrome://global/skin/media/play-fill.svg"); - } - .downloadUnblockMenuItem { - --menuitem-image: url("../icons/checkmark-circle.svg"); - } - .downloadUseSystemDefaultMenuItem { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } - .downloadAlwaysUseSystemDefaultMenuItem { - /* checkbox */ - --menuitem-image: url("../icons/folder-globe.svg"); - } - .downloadAlwaysOpenSimilarFilesMenuItem { - /* checkbox */ - --menuitem-image: url("../icons/fluid.svg"); - } - .downloadShowMenuItem { - --menuitem-image: var(--uc-folder-icon); - } - #downloadsContextMenu > menuitem.downloadOpenReferrerMenuItem, - #downloadsContextMenu > menuitem[command="downloadsCmd_openReferrer"] { - --menuitem-image: url("../icons/link-square.svg"); - } - #downloadsContextMenu > menuitem.downloadCopyLocationMenuItem, - #downloadsContextMenu > menuitem[command="downloadsCmd_copyLocation"] { - --menuitem-image: url("../icons/link.svg"); - } - .downloadDeleteFileMenuItem { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - .downloadRemoveFromHistoryMenuItem { - --menuitem-image: url("../icons/eraser.svg"); - } - #downloadsContextMenu > menuitem[command="downloadsCmd_clearList"], - #downloadsContextMenu > menuitem[command="downloadsCmd_clearDownloads"] { - --menuitem-image: url("../icons/broom.svg"); - } - /*= placeContext =============================================================*/ - #placesContext_open { - --menuitem-image: url("../icons/link-square.svg"); - } - #placesContext_openBookmarkContainer\:tabs, - #placesContext_openBookmarkLinks\:tabs { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } - #placesContext_open\:newtab, - #placesContext_openContainer\:tabs, - #placesContext_openLinks\:tabs { - --menuitem-image: var(--uc-new-tab-icon); - } - #placesContext_open\:newcontainertab { - --menuitem-image: url("../icons/container-openin-16.svg"); - } - #placesContext_open\:newwindow { - --menuitem-image: url("chrome://browser/skin/window.svg"); - } - #placesContext_open\:newprivatewindow { - --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg"); - } - #placesContext_show_bookmark\:info, - #placesContext_show\:info, - #placesContext_show_folder\:info { - --menuitem-image: url("chrome://global/skin/icons/edit.svg"); - } - #placesContext_deleteBookmark, - #placesContext_deleteFolder, - #placesContext_delete, - #placesContext_delete_history { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - #placesContext_deleteHost { - --menuitem-image: url("../icons/eye-hide.svg"); - } - #placesContext_sortBy\:name { - --menuitem-image: url("../icons/text-sort-ascending.svg"); - } - #placesContext_cut { - --menuitem-image: url("../icons/edit-cut.svg"); - } - #placesContext_copy { - --menuitem-image: url("../icons/edit-copy.svg"); - } - #placesContext_paste_group { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #placesContext_new\:bookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #placesContext_showInFolder, - #placesContext_new\:folder { - --menuitem-image: var(--uc-folder-icon); - } - #placesContext_new\:separator { - --menuitem-image: url("../icons/vertical-line.svg"); - } - #placesContext_paste { - --menuitem-image: url("../icons/edit-paste.svg"); - } - #placesContext_createBookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #show-other-bookmarks_PersonalToolbar { - /* checkbox */ - --menuitem-image: url("../icons/star-line-horizontal.svg"); - } - #placesContext_showAllBookmarks { - --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); - } - .openintabs-menuitem { - --menuitem-image: url("../icons/movetowindow-16.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - /*= organizeButtonPopup ======================================================*/ - #newbookmark { - --menuitem-image: url("chrome://browser/skin/bookmark.svg"); - } - #newfolder { - --menuitem-image: var(--uc-folder-icon); - } - #newseparator { - --menuitem-image: url("../icons/vertical-line.svg"); - } - #orgUndo { - --menuitem-image: url("../icons/undo.svg"); - } - /*= viewMenuPopup ============================================================*/ - /*= maintenanceButtonPopup ===================================================*/ - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #orgRedo { - --menuitem-image: url("../icons/redo.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #orgCut { - --menuitem-image: url("../icons/edit-cut.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #orgCopy { - --menuitem-image: url("../icons/edit-copy.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #orgPaste { - --menuitem-image: url("../icons/edit-paste.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #orgDelete { - --menuitem-image: url("chrome://global/skin/icons/delete.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #orgSelectAll { - --menuitem-image: url("../icons/select-all-on.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #orgClose { - --menuitem-image: url("chrome://global/skin/icons/close.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #viewColumns { - --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #viewSort { - --menuitem-image: url("../icons/text-sort-ascending.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #backupBookmarks { - --menuitem-image: url("../icons/datastore.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") and (-moz-bool-pref: "userChrome.icon.menu.full") { - #fileRestoreMenu { - --menuitem-image: url("../icons/datarestore.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #fileImport { - --menuitem-image: url("../icons/toolbarButton-download.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #fileExport { - --menuitem-image: url("../icons/toolbarButton-upload.svg"); - } - } - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { - #browserImport { - --menuitem-image: url("chrome://browser/skin/import.svg"); - } - } - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - @-moz-document url-prefix("about:addons") { - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - button[role="menuitem"] { - background-image: var(--icon, url("../icons/blank.svg")); /* Don't use !important. because of [checked] */ - } - panel-item[action="check-for-updates"] { - --icon: url("../icons/refresh-cw.svg"); - } - panel-item[action="view-recent-updates"] { - --icon: url("chrome://global/skin/icons/info.svg"); - } - panel-item[action="install-from-file"] { - --icon: url("chrome://devtools/skin/images/import.svg"); - } - panel-item[action="debug-addons"] { - --icon: url("../icons/bug.svg"); - } - panel-item[action="set-update-automatically"] { - --icon: url("chrome://devtools/skin/images/profiler-stopwatch.svg"); - } - panel-item[action="reset-update-states"] { - --icon: url("chrome://devtools/skin/images/debugging-workers.svg"); - } - panel-item[action="manage-shortcuts"], - panel-item[data-l10n-id="preferences-addon-button"], - panel-item[data-l10n-id="manage-addon-button"] { - --icon: url("chrome://global/skin/icons/settings.svg"); - } - } - } -} -@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") { - @-moz-document url-prefix("about:logins") { - @media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { - .menuitem-export { - background-image: url("../icons/toolbarButton-download.svg") !important; - } - } - } -} -/** Download Panel ************************************************************/ -@-moz-document url-prefix("about:downloads") { - @media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.download_panel") { - /* Accent Color for downloaded item */ - #downloadsListBox .download-state[exists] .downloadDetails { - color: var(--button-primary-bgcolor); - } - #downloadsListBox .download-state[exists] .downloadDetails.downloadDetailsHover { - color: var(--button-primary-hover-bgcolor); - } - /* File moved or missing */ - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget { - text-decoration: line-through; - text-decoration-color: color-mix(in srgb, currentColor 65%, transparent); - } - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget:hover { - text-decoration: none; - } - #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTypeIcon { - filter: grayscale(100%) !important; - } - } -} diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/add-device.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/add-device.svg deleted file mode 100644 index aea41fc1..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/add-device.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/addons-logo.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/addons-logo.svg deleted file mode 100644 index 4c643af6..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/addons-logo.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-between-down.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-between-down.svg deleted file mode 100644 index e0044855..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-between-down.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-repeat-all.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-repeat-all.svg deleted file mode 100644 index ce59a899..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-repeat-all.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-sort-down-lines.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-sort-down-lines.svg deleted file mode 100644 index 352b448e..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-sort-down-lines.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-swap.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-swap.svg deleted file mode 100644 index 14e5667a..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/arrow-swap.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/auto-fit-width.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/auto-fit-width.svg deleted file mode 100644 index 5805d5f4..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/auto-fit-width.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/blank.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/blank.svg deleted file mode 100644 index 51f9a4c9..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/blank.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/blue-berror.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/blue-berror.svg deleted file mode 100644 index 8c3c8b4c..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/blue-berror.svg +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/book-add.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/book-add.svg deleted file mode 100644 index 3121f768..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/book-add.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/book.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/book.svg deleted file mode 100644 index 66f726a6..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/book.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmark-multiple.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmark-multiple.svg deleted file mode 100644 index bf4be954..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmark-multiple.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarks-toolbar-alt.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarks-toolbar-alt.svg deleted file mode 100644 index cd58f930..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarks-toolbar-alt.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarks-toolbar.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarks-toolbar.svg deleted file mode 100644 index 2f201192..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarks-toolbar.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksMenu-open.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksMenu-open.svg deleted file mode 100644 index 83be211f..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksMenu-open.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksMenu-open2.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksMenu-open2.svg deleted file mode 100644 index cba1fdf6..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksMenu-open2.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksToolbar-open-alt.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksToolbar-open-alt.svg deleted file mode 100644 index 7e794b27..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksToolbar-open-alt.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksToolbar-open.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksToolbar-open.svg deleted file mode 100644 index ad37fa63..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/bookmarksToolbar-open.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/broom.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/broom.svg deleted file mode 100644 index 7623bf2a..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/broom.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/bug.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/bug.svg deleted file mode 100644 index 9ebc7982..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/bug.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/calendar-agenda.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/calendar-agenda.svg deleted file mode 100644 index 030e2656..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/calendar-agenda.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/characterEncoding.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/characterEncoding.svg deleted file mode 100644 index f730cbc0..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/characterEncoding.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/checkmark-circle.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/checkmark-circle.svg deleted file mode 100644 index 9d498da1..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/checkmark-circle.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/code.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/code.svg deleted file mode 100644 index 3462da78..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/code.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-console.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/command-console.svg deleted file mode 100644 index 6e8a445f..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-console.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-eyedropper.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/command-eyedropper.svg deleted file mode 100644 index 708e127e..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-eyedropper.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-frames.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/command-frames.svg deleted file mode 100644 index 3dcb7786..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-frames.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-pick.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/command-pick.svg deleted file mode 100644 index e2855a64..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-pick.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-responsivemode.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/command-responsivemode.svg deleted file mode 100644 index 74f72d31..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/command-responsivemode.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/container-openin-16.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/container-openin-16.svg deleted file mode 100644 index 82ce1d8a..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/container-openin-16.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/content-view.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/content-view.svg deleted file mode 100644 index dcbafe19..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/content-view.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/copy-select.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/copy-select.svg deleted file mode 100644 index 94aab6bf..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/copy-select.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/dashboard.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/dashboard.svg deleted file mode 100644 index 95edcb15..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/dashboard.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/datarestore.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/datarestore.svg deleted file mode 100644 index fe8d3245..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/datarestore.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/datastore.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/datastore.svg deleted file mode 100644 index 2e384ef7..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/datastore.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/developer.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/developer.svg deleted file mode 100644 index 4a393e97..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/developer.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-desktop.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/device-desktop.svg deleted file mode 100644 index ce319842..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-desktop.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-phone.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/device-phone.svg deleted file mode 100644 index dcc978f3..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-phone.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-tablet.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/device-tablet.svg deleted file mode 100644 index e73ccf0c..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-tablet.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-tv.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/device-tv.svg deleted file mode 100644 index 77ac9cef..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-tv.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-vr.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/device-vr.svg deleted file mode 100644 index 2d2fd970..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/device-vr.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/dismiss-filled.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/dismiss-filled.svg deleted file mode 100644 index 61693c45..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/dismiss-filled.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/document-css.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/document-css.svg deleted file mode 100644 index 68042b89..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/document-css.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/document-endnote.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/document-endnote.svg deleted file mode 100644 index 7623de2e..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/document-endnote.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/document-landscape-split-hint.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/document-landscape-split-hint.svg deleted file mode 100644 index c2e09fad..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/document-landscape-split-hint.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/document-search.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/document-search.svg deleted file mode 100644 index 444d267c..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/document-search.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/drawer-arrow-download.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/drawer-arrow-download.svg deleted file mode 100644 index d328fdb2..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/drawer-arrow-download.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-copy.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-copy.svg deleted file mode 100644 index e2f16cc3..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-copy.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-cut.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-cut.svg deleted file mode 100644 index 0d80d08c..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-cut.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste-go.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste-go.svg deleted file mode 100644 index 5cac56ab..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste-go.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste-search.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste-search.svg deleted file mode 100644 index cd820176..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste-search.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste.svg deleted file mode 100644 index d3eb2e78..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/edit-paste.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/enter-fullscreen.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/enter-fullscreen.svg deleted file mode 100644 index 48bf632d..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/enter-fullscreen.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/eraser.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/eraser.svg deleted file mode 100644 index 30385833..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/eraser.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-connection-failure.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/error-connection-failure.svg deleted file mode 100644 index f4725c67..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-connection-failure.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-malformed-url.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/error-malformed-url.svg deleted file mode 100644 index 831328d3..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-malformed-url.svg +++ /dev/null @@ -1,61 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-server-not-found.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/error-server-not-found.svg deleted file mode 100644 index 0f13286d..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-server-not-found.svg +++ /dev/null @@ -1,60 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-session-restore.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/error-session-restore.svg deleted file mode 100644 index 2cbe12f4..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-session-restore.svg +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-tab-crashed.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/error-tab-crashed.svg deleted file mode 100644 index 9c7ac2dd..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/error-tab-crashed.svg +++ /dev/null @@ -1,64 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/exit-fullscreen.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/exit-fullscreen.svg deleted file mode 100644 index 5a26852d..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/exit-fullscreen.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/eye-hide.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/eye-hide.svg deleted file mode 100644 index 767a43eb..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/eye-hide.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/eye-show.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/eye-show.svg deleted file mode 100644 index 82e364ff..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/eye-show.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/eye-tracking-off.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/eye-tracking-off.svg deleted file mode 100644 index 86089dda..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/eye-tracking-off.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/filter-dismiss.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/filter-dismiss.svg deleted file mode 100644 index bb9ce9b7..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/filter-dismiss.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/filter-reload.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/filter-reload.svg deleted file mode 100644 index 71b4c688..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/filter-reload.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/firefox-view.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/firefox-view.svg deleted file mode 100644 index a3da0d09..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/firefox-view.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/flame.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/flame.svg deleted file mode 100644 index dd1062cf..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/flame.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/fluid.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/fluid.svg deleted file mode 100644 index 6686e4f1..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/fluid.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/folder-globe.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/folder-globe.svg deleted file mode 100644 index 5325f8a1..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/folder-globe.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/folder-open.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/folder-open.svg deleted file mode 100644 index 177409b5..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/folder-open.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/folder.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/folder.svg deleted file mode 100644 index 8b82f625..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/folder.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/forget.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/forget.svg deleted file mode 100644 index a18d6d4d..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/forget.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/highlight.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/highlight.svg deleted file mode 100644 index 63628f4e..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/highlight.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/history-reverse.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/history-reverse.svg deleted file mode 100644 index 7c0bf967..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/history-reverse.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/horizon-night.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/horizon-night.svg deleted file mode 100644 index 64593447..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/horizon-night.svg +++ /dev/null @@ -1,114 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/horizon-sunrise.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/horizon-sunrise.svg deleted file mode 100644 index ee377185..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/horizon-sunrise.svg +++ /dev/null @@ -1,172 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/identity-icons-brand.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/identity-icons-brand.svg deleted file mode 100644 index c1801e0c..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/identity-icons-brand.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/image-add.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/image-add.svg deleted file mode 100644 index 05d06edc..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/image-add.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/image-alt-text.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/image-alt-text.svg deleted file mode 100644 index ffca1ffe..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/image-alt-text.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/image-arrow-counterclockwise.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/image-arrow-counterclockwise.svg deleted file mode 100644 index 52c5e74a..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/image-arrow-counterclockwise.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/image-copy.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/image-copy.svg deleted file mode 100644 index 5bfcbd78..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/image-copy.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/image.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/image.svg deleted file mode 100644 index 91f1190d..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/image.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/import-export.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/import-export.svg deleted file mode 100644 index 4decdd26..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/import-export.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/ion.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/ion.svg deleted file mode 100644 index bc819d26..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/ion.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/key-multiple.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/key-multiple.svg deleted file mode 100644 index 358ff1eb..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/key-multiple.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/link-no-tracking.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/link-no-tracking.svg deleted file mode 100644 index ae243ffe..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/link-no-tracking.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/link-square.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/link-square.svg deleted file mode 100644 index 7c04e114..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/link-square.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/link.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/link.svg deleted file mode 100644 index 00be2276..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/link.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/lock-closed.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/lock-closed.svg deleted file mode 100644 index 3a9bcf11..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/lock-closed.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/mail-inbox-all.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/mail-inbox-all.svg deleted file mode 100644 index 6d88c4e6..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/mail-inbox-all.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/mail-inbox.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/mail-inbox.svg deleted file mode 100644 index afa3be58..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/mail-inbox.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/mail.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/mail.svg deleted file mode 100644 index afb55cde..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/mail.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/menu-check.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/menu-check.svg deleted file mode 100644 index 3b34bd99..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/menu-check.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/merge.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/merge.svg deleted file mode 100644 index e6060cd3..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/merge.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/movetowindow-16.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/movetowindow-16.svg deleted file mode 100644 index c2fe2f85..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/movetowindow-16.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-forward-photon.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-forward-photon.svg deleted file mode 100644 index 7398fc90..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-forward-photon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-forward.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-forward.svg deleted file mode 100644 index 492f2d74..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-forward.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-multiple-photon.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-multiple-photon.svg deleted file mode 100644 index 1830e7e0..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-multiple-photon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-multiple.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-multiple.svg deleted file mode 100644 index 0a236997..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-multiple.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-photon.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-photon.svg deleted file mode 100644 index ecf73982..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-photon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-skip-forward-photon.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-skip-forward-photon.svg deleted file mode 100644 index a2383b15..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-skip-forward-photon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-skip-forward.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-skip-forward.svg deleted file mode 100644 index 1419c752..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab-skip-forward.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab.svg deleted file mode 100644 index 04d67a16..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/new-tab.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/no-search-results.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/no-search-results.svg deleted file mode 100644 index fcb214ed..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/no-search-results.svg +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical-reverse.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical-reverse.svg deleted file mode 100644 index d274759b..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical-reverse.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical.svg deleted file mode 100644 index 55d016c2..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/panelarrow-vertical.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/password-hide.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/password-hide.svg deleted file mode 100644 index 767a43eb..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/password-hide.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/password.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/password.svg deleted file mode 100644 index 91f2b6ff..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/password.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/paste-text.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/paste-text.svg deleted file mode 100644 index eee72420..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/paste-text.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/paste-url.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/paste-url.svg deleted file mode 100644 index 17f72323..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/paste-url.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/paste.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/paste.svg deleted file mode 100644 index 8678b77b..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/paste.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/performance.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/performance.svg deleted file mode 100644 index 775c0788..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/performance.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/pin-tab.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/pin-tab.svg deleted file mode 100644 index 2a30c3f9..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/pin-tab.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/play.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/play.svg deleted file mode 100644 index d5b67903..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/play.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/plug-disconnected.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/plug-disconnected.svg deleted file mode 100644 index c3ab1f4a..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/plug-disconnected.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/pocket-outline.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/pocket-outline.svg deleted file mode 100644 index 80b3b7d2..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/pocket-outline.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/private-favicon.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/private-favicon.svg deleted file mode 100644 index 48e4a3bc..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/private-favicon.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/pulse-square.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/pulse-square.svg deleted file mode 100644 index 2d65f1cd..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/pulse-square.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-install.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-install.svg deleted file mode 100644 index 37d05c18..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-install.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-launch.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-launch.svg deleted file mode 100644 index e7662e13..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-launch.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-manage.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-manage.svg deleted file mode 100644 index 5bed6199..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-manage.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-remove.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-remove.svg deleted file mode 100644 index 3362b74e..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/pwa-remove.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/quit.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/quit.svg deleted file mode 100644 index fcef680f..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/quit.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/redo.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/redo.svg deleted file mode 100644 index b0d1f360..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/redo.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/refresh-cw.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/refresh-cw.svg deleted file mode 100644 index 8d41f1c7..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/refresh-cw.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/relay-logo.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/relay-logo.svg deleted file mode 100644 index b3ee0aae..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/relay-logo.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/reload-auto.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/reload-auto.svg deleted file mode 100644 index c55fc247..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/reload-auto.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/reload.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/reload.svg deleted file mode 100644 index 7e499e6d..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/reload.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/resize-image.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/resize-image.svg deleted file mode 100644 index 22fcd4de..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/resize-image.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/resize.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/resize.svg deleted file mode 100644 index 06f61aef..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/resize.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/restore-session.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/restore-session.svg deleted file mode 100644 index 33dd8101..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/restore-session.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/screenshot-1.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/screenshot-1.svg deleted file mode 100644 index 5221408a..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/screenshot-1.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/screenshot.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/screenshot.svg deleted file mode 100644 index bc3b7407..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/screenshot.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/select-all-on.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/select-all-on.svg deleted file mode 100644 index 72bd1345..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/select-all-on.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/send-to-device.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/send-to-device.svg deleted file mode 100644 index 2adc9082..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/send-to-device.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/send.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/send.svg deleted file mode 100644 index 7b6d6833..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/send.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/share.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/share.svg deleted file mode 100644 index 97933796..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/share.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/shield-task.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/shield-task.svg deleted file mode 100644 index 07119ea3..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/shield-task.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/sign-out.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/sign-out.svg deleted file mode 100644 index d810081c..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/sign-out.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/sort.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/sort.svg deleted file mode 100644 index e8c10f50..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/sort.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/star-line-horizontal.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/star-line-horizontal.svg deleted file mode 100644 index d41cbd13..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/star-line-horizontal.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/synced-tabs.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/synced-tabs.svg deleted file mode 100644 index af172fdc..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/synced-tabs.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis-clipped.svg deleted file mode 100644 index 6467247b..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis-clipped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis.svg deleted file mode 100644 index 955e3903..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-australis.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome-clipped.svg deleted file mode 100644 index 24ae50b3..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome-clipped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome.svg deleted file mode 100644 index fda2f96f..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chrome.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy-clipped.svg deleted file mode 100644 index da5e1b84..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy-clipped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy.svg deleted file mode 100644 index 5b71bd85..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-chromeLegacy.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge-clipped.svg deleted file mode 100644 index e92817ee..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge-clipped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge.svg deleted file mode 100644 index d24d02c8..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-edge.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave-clipped.svg deleted file mode 100644 index 5d708659..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave-clipped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave.svg deleted file mode 100644 index 32e0c1bf..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left-wave.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left.svg deleted file mode 100644 index a502cdb6..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-left.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis-cilpped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis-cilpped.svg deleted file mode 100644 index 409e3bd3..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis-cilpped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis.svg deleted file mode 100644 index aef6e0e4..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-australis.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome-clipped.svg deleted file mode 100644 index 96baab91..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome-clipped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome.svg deleted file mode 100644 index ace52062..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chrome.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy-clipped.svg deleted file mode 100644 index 1e4b0492..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy-clipped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy.svg deleted file mode 100644 index 9749ab7e..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-chromeLegacy.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge-clipped.svg deleted file mode 100644 index 20bde7cb..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge-clipped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge.svg deleted file mode 100644 index a9de51f0..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-edge.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave-clipped.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave-clipped.svg deleted file mode 100644 index 6bbb9acc..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave-clipped.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave.svg deleted file mode 100644 index 343b26d2..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right-wave.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right.svg deleted file mode 100644 index 72f14fc1..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-bottom-corner-right.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-copy-photon.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-copy-photon.svg deleted file mode 100644 index dc5ca7d3..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-copy-photon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-copy.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-copy.svg deleted file mode 100644 index 56f6ca84..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-copy.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-desktop-multiple-bottom.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-desktop-multiple-bottom.svg deleted file mode 100644 index 3f4dedeb..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-desktop-multiple-bottom.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-desktop-multiple.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-desktop-multiple.svg deleted file mode 100644 index 17381f75..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-desktop-multiple.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-multiple.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-multiple.svg deleted file mode 100644 index 17381f75..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-multiple.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-photon.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-photon.svg deleted file mode 100644 index c9199598..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-photon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-unload-photon.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-unload-photon.svg deleted file mode 100644 index cc231b5b..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-unload-photon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-unload.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-unload.svg deleted file mode 100644 index eab65e24..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab-unload.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tab.svg deleted file mode 100644 index 3839ca04..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tab.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tag-open.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tag-open.svg deleted file mode 100644 index 8d22a0cd..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tag-open.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tag.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tag.svg deleted file mode 100644 index 930cc3a3..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tag.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/text-direction-horizontal-ltr.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/text-direction-horizontal-ltr.svg deleted file mode 100644 index de255bbe..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/text-direction-horizontal-ltr.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/text-number-format.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/text-number-format.svg deleted file mode 100644 index 74a33b96..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/text-number-format.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/text-proofing-tools.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/text-proofing-tools.svg deleted file mode 100644 index a1a433e0..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/text-proofing-tools.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/text-sort-ascending.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/text-sort-ascending.svg deleted file mode 100644 index 013c393f..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/text-sort-ascending.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/time-picker.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/time-picker.svg deleted file mode 100644 index 3f9001c1..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/time-picker.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/timer10.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/timer10.svg deleted file mode 100644 index b31c0f9b..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/timer10.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/tool-accessibility.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/tool-accessibility.svg deleted file mode 100644 index 5cd3ecd4..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/tool-accessibility.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbar.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbar.svg deleted file mode 100644 index 0d66c2ad..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbar.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbarButton-download.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbarButton-download.svg deleted file mode 100644 index bc63a411..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbarButton-download.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbarButton-upload.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbarButton-upload.svg deleted file mode 100644 index 88d3f784..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbarButton-upload.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbox.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbox.svg deleted file mode 100644 index 5e29c6c9..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/toolbox.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/translations.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/translations.svg deleted file mode 100644 index 155c55fe..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/translations.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/undo.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/undo.svg deleted file mode 100644 index 31263da0..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/undo.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/unpin-tab.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/unpin-tab.svg deleted file mode 100644 index f738efda..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/unpin-tab.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/vertical-line.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/vertical-line.svg deleted file mode 100644 index c8d4ad41..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/vertical-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/video-clip.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/video-clip.svg deleted file mode 100644 index 557ca62d..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/video-clip.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/video-snapshot.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/video-snapshot.svg deleted file mode 100644 index 51e3d1c8..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/video-snapshot.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/video.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/video.svg deleted file mode 100644 index bd135606..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/video.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/weather-snowflake.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/weather-snowflake.svg deleted file mode 100644 index fe7c53fb..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/weather-snowflake.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/welcome-back.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/welcome-back.svg deleted file mode 100644 index 70f97314..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/welcome-back.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/whatsnew.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/whatsnew.svg deleted file mode 100644 index 77080445..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/whatsnew.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/window-dev-tools.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/window-dev-tools.svg deleted file mode 100644 index 5d811718..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/window-dev-tools.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/window.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/window.svg deleted file mode 100644 index 1c3e1b24..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/window.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/icons/wrench-filled.svg b/arch-config/.mozilla/firefox/default-release/chrome/icons/wrench-filled.svg deleted file mode 100644 index 4a393e97..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/icons/wrench-filled.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/arch-config/.mozilla/firefox/default-release/chrome/userChrome.css b/arch-config/.mozilla/firefox/default-release/chrome/userChrome.css deleted file mode 100644 index c084b352..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/userChrome.css +++ /dev/null @@ -1,23 +0,0 @@ -/** Import Lepton stylesheet (Chrome) *****************************************/ -@import url("css/leptonChrome.css"); - - -/** Add your custom styles below **********************************************/ - -/* Enable option to edit bookmark URLs under Add Bookmark (blue star) menu */ -/* -.editBMPanel_locationRow { - display: initial !important; -} -*/ - -/* Disable Email Image/Audio/Video and Set as Desktop Background context menu items */ -/* -#context-sendimage, -#context-sendvideo, -#context-sendaudio, -#context-sep-setbackground, -#context-setDesktopBackground { - display: none !important; -} -*/ diff --git a/arch-config/.mozilla/firefox/default-release/chrome/userContent.css b/arch-config/.mozilla/firefox/default-release/chrome/userContent.css deleted file mode 100644 index 2fe02a60..00000000 --- a/arch-config/.mozilla/firefox/default-release/chrome/userContent.css +++ /dev/null @@ -1,4 +0,0 @@ -/** Import Lepton stylesheet (Content) ****************************************/ -@import url("css/leptonContent.css"); - -/** Add your custom styles below **********************************************/ diff --git a/arch-config/.mozilla/firefox/default-release/user.js b/arch-config/.mozilla/firefox/default-release/user.js deleted file mode 100644 index aeeed4c1..00000000 --- a/arch-config/.mozilla/firefox/default-release/user.js +++ /dev/null @@ -1,371 +0,0 @@ -/// Lepton-Photon-Style v8.6.1 -// ** Theme Default Options **************************************************** -// userchrome.css usercontent.css activate -user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); - -// Fill SVG Color -user_pref("svg.context-properties.content.enabled", true); - -// Restore Compact Mode - 89 Above -user_pref("browser.compactmode.show", true); - -// about:home Search Bar - 89 Above -user_pref("browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar", false); - -// CSS's `:has()` selector #457 - 103 Above -user_pref("layout.css.has-selector.enabled", true); - -// Browser Theme Based Scheme - Will be activate 95 Above -// user_pref("layout.css.prefers-color-scheme.content-override", 3); - -// ** Theme Related Options **************************************************** -// == Theme Distribution Settings ============================================== -// The rows that are located continuously must be changed `true`/`false` explicitly because there is a collision. -// https://github.com/black7375/Firefox-UI-Fix/wiki/Options#important -user_pref("userChrome.tab.connect_to_window", true); // Original, Photon -user_pref("userChrome.tab.color_like_toolbar", true); // Original, Photon - -user_pref("userChrome.tab.lepton_like_padding", false); // Original -user_pref("userChrome.tab.photon_like_padding", true); // Photon - -user_pref("userChrome.tab.dynamic_separator", false); // Original, Proton -user_pref("userChrome.tab.static_separator", true); // Photon -user_pref("userChrome.tab.static_separator.selected_accent", false); // Just option -user_pref("userChrome.tab.bar_separator", false); // Just option - -user_pref("userChrome.tab.newtab_button_like_tab", false); // Original -user_pref("userChrome.tab.newtab_button_smaller", true); // Photon -user_pref("userChrome.tab.newtab_button_proton", false); // Proton - -user_pref("userChrome.icon.panel_full", false); // Original, Proton -user_pref("userChrome.icon.panel_photon", true); // Photon - -// Original Only -user_pref("userChrome.tab.box_shadow", false); -user_pref("userChrome.tab.bottom_rounded_corner", false); - -// Photon Only -user_pref("userChrome.tab.photon_like_contextline", true); -user_pref("userChrome.rounding.square_tab", true); - -// == Theme Compatibility Settings ============================================= -// user_pref("userChrome.compatibility.accent_color", true); // Firefox v103 Below -// user_pref("userChrome.compatibility.covered_header_image", true); -// user_pref("userChrome.compatibility.panel_cutoff", true); -// user_pref("userChrome.compatibility.navbar_top_border", true); -// user_pref("userChrome.compatibility.dynamic_separator", true); // Need dynamic_separator - -// user_pref("userChrome.compatibility.os.linux_non_native_titlebar_button", true); -// user_pref("userChrome.compatibility.os.windows_maximized", true); -// user_pref("userChrome.compatibility.os.win11", true); - -// == Theme Custom Settings ==================================================== -// -- User Chrome -------------------------------------------------------------- -// user_pref("userChrome.theme.private", true); -// user_pref("userChrome.theme.proton_color.dark_blue_accent", true); -// user_pref("userChrome.theme.monospace", true); -// user_pref("userChrome.theme.transparent.frame", true); -// user_pref("userChrome.theme.transparent.menu", true); -// user_pref("userChrome.theme.transparent.panel", true); -// user_pref("userChrome.theme.non_native_menu", true); // only for linux - -// user_pref("userChrome.decoration.disable_panel_animate", true); -// user_pref("userChrome.decoration.disable_sidebar_animate", true); -// user_pref("userChrome.decoration.panel_button_separator", true); -// user_pref("userChrome.decoration.panel_arrow", true); - -// user_pref("userChrome.autohide.tab", true); -// user_pref("userChrome.autohide.tab.opacity", true); -// user_pref("userChrome.autohide.tab.blur", true); -// user_pref("userChrome.autohide.tabbar", true); -// user_pref("userChrome.autohide.navbar", true); -// user_pref("userChrome.autohide.bookmarkbar", true); -// user_pref("userChrome.autohide.sidebar", true); -// user_pref("userChrome.autohide.fill_urlbar", true); -// user_pref("userChrome.autohide.back_button", true); -// user_pref("userChrome.autohide.forward_button", true); -// user_pref("userChrome.autohide.page_action", true); -// user_pref("userChrome.autohide.toolbar_overlap", true); -// user_pref("userChrome.autohide.toolbar_overlap.allow_layout_shift", true); - -// user_pref("userChrome.hidden.tab_icon", true); -// user_pref("userChrome.hidden.tab_icon.always", true); -// user_pref("userChrome.hidden.tabbar", true); -// user_pref("userChrome.hidden.navbar", true); -// user_pref("userChrome.hidden.private_indicator", true); -// user_pref("userChrome.hidden.titlebar_container", true); -// user_pref("userChrome.hidden.sidebar_header", true); -// user_pref("userChrome.hidden.sidebar_header.vertical_tab_only", true); -// user_pref("userChrome.hidden.urlbar_iconbox", true); -// user_pref("userChrome.hidden.urlbar_iconbox.label_only", true); -// user_pref("userChrome.hidden.bookmarkbar_icon", true); -// user_pref("userChrome.hidden.bookmarkbar_label", true); -// user_pref("userChrome.hidden.disabled_menu", true); - -// user_pref("userChrome.centered.tab", true); -// user_pref("userChrome.centered.tab.label", true); -// user_pref("userChrome.centered.urlbar", true); -// user_pref("userChrome.centered.bookmarkbar", true); - -// user_pref("userChrome.counter.tab", true); -// user_pref("userChrome.counter.bookmark_menu", true); - -// user_pref("userChrome.combined.nav_button", true); -// user_pref("userChrome.combined.nav_button.home_button", true); -// user_pref("userChrome.combined.urlbar.nav_button", true); -// user_pref("userChrome.combined.urlbar.home_button", true); -// user_pref("userChrome.combined.urlbar.reload_button", true); -// user_pref("userChrome.combined.sub_button.none_background", true); -// user_pref("userChrome.combined.sub_button.as_normal", true); - -// user_pref("userChrome.rounding.square_button", true); -// user_pref("userChrome.rounding.square_dialog", true); -// user_pref("userChrome.rounding.square_panel", true); -// user_pref("userChrome.rounding.square_panelitem", true); -// user_pref("userChrome.rounding.square_menupopup", true); -// user_pref("userChrome.rounding.square_menuitem", true); -// user_pref("userChrome.rounding.square_infobox", true); -// user_pref("userChrome.rounding.square_toolbar", true); -// user_pref("userChrome.rounding.square_field", true); -// user_pref("userChrome.rounding.square_urlView_item", true); -// user_pref("userChrome.rounding.square_checklabel", true); - -// user_pref("userChrome.padding.first_tab", true); -// user_pref("userChrome.padding.first_tab.always", true); -// user_pref("userChrome.padding.drag_space", true); -// user_pref("userChrome.padding.drag_space.maximized", true); - -// user_pref("userChrome.padding.toolbar_button.compact", true); -// user_pref("userChrome.padding.menu_compact", true); -// user_pref("userChrome.padding.bookmark_menu.compact", true); -// user_pref("userChrome.padding.urlView_expanding", true); -// user_pref("userChrome.padding.urlView_result", true); -// user_pref("userChrome.padding.panel_header", true); - -// user_pref("userChrome.urlbar.iconbox_with_separator", true); - -// user_pref("userChrome.urlView.as_commandbar", true); -// user_pref("userChrome.urlView.full_width_padding", true); -// user_pref("userChrome.urlView.always_show_page_actions", true); -// user_pref("userChrome.urlView.move_icon_to_left", true); -// user_pref("userChrome.urlView.go_button_when_typing", true); -// user_pref("userChrome.urlView.focus_item_border", true); - -// user_pref("userChrome.tabbar.as_titlebar", true); -// user_pref("userChrome.tabbar.fill_width", true); -// user_pref("userChrome.tabbar.multi_row", true); -// user_pref("userChrome.tabbar.unscroll", true); -// user_pref("userChrome.tabbar.on_bottom", true); -// user_pref("userChrome.tabbar.on_bottom.above_bookmark", true); // Need on_bottom -// user_pref("userChrome.tabbar.on_bottom.menubar_on_top", true); // Need on_bottom -// user_pref("userChrome.tabbar.on_bottom.hidden_single_tab", true); // Need on_bottom -// user_pref("userChrome.tabbar.one_liner", true); -// user_pref("userChrome.tabbar.one_liner.combine_navbar", true); // Need one_liner -// user_pref("userChrome.tabbar.one_liner.tabbar_first", true); // Need one_liner -// user_pref("userChrome.tabbar.one_liner.responsive", true); // Need one_liner - -// user_pref("userChrome.tab.bottom_rounded_corner.all", true); -// user_pref("userChrome.tab.bottom_rounded_corner.australis", true); -// user_pref("userChrome.tab.bottom_rounded_corner.edge", true); -// user_pref("userChrome.tab.bottom_rounded_corner.chrome", true); -// user_pref("userChrome.tab.bottom_rounded_corner.chrome_legacy", true); -// user_pref("userChrome.tab.bottom_rounded_corner.wave", true); -// user_pref("userChrome.tab.always_show_tab_icon", true); -// user_pref("userChrome.tab.close_button_at_pinned", true); -// user_pref("userChrome.tab.close_button_at_pinned.always", true); -// user_pref("userChrome.tab.close_button_at_pinned.background", true); -// user_pref("userChrome.tab.close_button_at_hover.always", true); // Need close_button_at_hover -// user_pref("userChrome.tab.close_button_at_hover.with_selected", true); // Need close_button_at_hover -// user_pref("userChrome.tab.sound_show_label", true); // Need remove sound_hide_label -// user_pref("userChrome.tab.container.on_top", true); -// user_pref("userChrome.tab.sound_with_favicons.on_center", true); -// user_pref("userChrome.tab.selected_bold", true); - -// user_pref("userChrome.navbar.as_sidebar", true); - -// user_pref("userChrome.bookmarkbar.multi_row", true); - -// user_pref("userChrome.findbar.floating_on_top", true); - -// user_pref("userChrome.panel.remove_strip", true); -// user_pref("userChrome.panel.full_width_separator", true); -// user_pref("userChrome.panel.full_width_padding", true); - -// user_pref("userChrome.sidebar.overlap", true); - -// user_pref("userChrome.icon.disabled", true); -// user_pref("userChrome.icon.account_image_to_right", true); -// user_pref("userChrome.icon.account_label_to_right", true); -// user_pref("userChrome.icon.menu.full", true); -// user_pref("userChrome.icon.global_menu.mac", true); - -// -- User Content ------------------------------------------------------------- -// user_pref("userContent.player.ui.twoline", true); - -// user_pref("userContent.newTab.hidden_logo", true); -// user_pref("userContent.newTab.background_image", true); // Need wallpaper image to `userContent.css`. :root { --uc-newTab-wallpaper: url("../icons/background_image.png"); } - -// user_pref("userContent.page.proton_color.dark_blue_accent", true); -// user_pref("userContent.page.proton_color.system_accent", true); -// user_pref("userContent.page.dark_mode.pdf", true); -// user_pref("userContent.page.monospace", true); - -// == Theme Default Settings =================================================== -// -- User Chrome -------------------------------------------------------------- -user_pref("userChrome.compatibility.theme", true); -user_pref("userChrome.compatibility.os", true); - -user_pref("userChrome.theme.built_in_contrast", true); -user_pref("userChrome.theme.system_default", true); -user_pref("userChrome.theme.proton_color", true); -user_pref("userChrome.theme.proton_chrome", true); // Need proton_color -user_pref("userChrome.theme.fully_color", true); // Need proton_color -user_pref("userChrome.theme.fully_dark", true); // Need proton_color - -user_pref("userChrome.decoration.cursor", true); -user_pref("userChrome.decoration.field_border", true); -user_pref("userChrome.decoration.download_panel", true); -user_pref("userChrome.decoration.animate", true); - -user_pref("userChrome.padding.tabbar_width", true); -user_pref("userChrome.padding.tabbar_height", true); -user_pref("userChrome.padding.toolbar_button", true); -user_pref("userChrome.padding.navbar_width", true); -user_pref("userChrome.padding.urlbar", true); -user_pref("userChrome.padding.bookmarkbar", true); -user_pref("userChrome.padding.infobar", true); -user_pref("userChrome.padding.menu", true); -user_pref("userChrome.padding.bookmark_menu", true); -user_pref("userChrome.padding.global_menubar", true); -user_pref("userChrome.padding.panel", true); -user_pref("userChrome.padding.popup_panel", true); - -user_pref("userChrome.tab.multi_selected", true); -user_pref("userChrome.tab.unloaded", true); -user_pref("userChrome.tab.letters_cleary", true); -user_pref("userChrome.tab.close_button_at_hover", true); -user_pref("userChrome.tab.sound_hide_label", true); -user_pref("userChrome.tab.sound_with_favicons", true); -user_pref("userChrome.tab.pip", true); -user_pref("userChrome.tab.container", true); -user_pref("userChrome.tab.crashed", true); - -user_pref("userChrome.fullscreen.overlap", true); -user_pref("userChrome.fullscreen.show_bookmarkbar", true); - -user_pref("userChrome.icon.library", true); -user_pref("userChrome.icon.panel", true); -user_pref("userChrome.icon.menu", true); -user_pref("userChrome.icon.context_menu", true); -user_pref("userChrome.icon.global_menu", true); -user_pref("userChrome.icon.global_menubar", true); -user_pref("userChrome.icon.1-25px_stroke", true); - -// -- User Content ------------------------------------------------------------- -user_pref("userContent.player.ui", true); -user_pref("userContent.player.icon", true); -user_pref("userContent.player.noaudio", true); -user_pref("userContent.player.size", true); -user_pref("userContent.player.click_to_play", true); -user_pref("userContent.player.animate", true); - -user_pref("userContent.newTab.full_icon", true); -user_pref("userContent.newTab.animate", true); -user_pref("userContent.newTab.pocket_to_last", true); -user_pref("userContent.newTab.searchbar", true); - -user_pref("userContent.page.field_border", true); -user_pref("userContent.page.illustration", true); -user_pref("userContent.page.proton_color", true); -user_pref("userContent.page.dark_mode", true); // Need proton_color -user_pref("userContent.page.proton", true); // Need proton_color - -// ** Useful Options *********************************************************** -// Tab preview -// https://blog.nightly.mozilla.org/2024/02/06/a-preview-of-tab-previews-these-weeks-in-firefox-issue-153/ -user_pref("browser.tabs.cardPreview.enabled", true); - -// Paste suggestion at urlbar -// https://blog.nightly.mozilla.org/2023/12/04/url-gonna-want-to-check-this-out-these-weeks-in-firefox-issue-150/ -user_pref("browser.urlbar.clipboard.featureGate", true); - -// Integrated calculator at urlbar -user_pref("browser.urlbar.suggest.calculator", true); - -// Integrated unit convertor at urlbar -// user_pref("browser.urlbar.unitConversion.enabled", true); - -// Draw in Titlebar -// user_pref("browser.tabs.drawInTitlebar", true); -// user_pref("browser.tabs.inTitlebar", 1); // Nightly, 96 Above - -// Searchbar, Removed from settings starting with FF v122 -// user_pref("browser.search.widget.inNavBar", true); - -// Firefox view search -// https://blog.nightly.mozilla.org/2023/12/14/better-searching-in-firefox-to-close-out-2023-these-weeks-in-firefox-issue-151/ -// user_pref("browser.firefox-view.search.enabled", true); -// user_pref("browser.firefox-view.virtual-list.enabled", true); - -// Firefox screenshot -// https://blog.nightly.mozilla.org/2024/01/22/happy-new-year-these-weeks-in-firefox-issue-152/ -// user_pref("screenshots.browser.component.enabled", true); - -// ** Scrolling Settings ******************************************************* -// == Only Sharpen Scrolling =================================================== -// Pref Value Original -/* -user_pref("mousewheel.min_line_scroll_amount", 10); // 5 -user_pref("general.smoothScroll.mouseWheel.durationMinMS", 80); // 50 -user_pref("general.smoothScroll.currentVelocityWeighting", "0.15"); // "0.25" -user_pref("general.smoothScroll.stopDecelerationWeighting", "0.6"); // "0.4" -*/ - -// == Smooth Scrolling ========================================================== -// ** Scrolling Options ******************************************************** -// based on natural smooth scrolling v2 by aveyo -// this preset will reset couple extra variables for consistency -// Pref Value Original -/* -user_pref("apz.allow_zooming", true); /// true -user_pref("apz.force_disable_desktop_zooming_scrollbars", false); /// false -user_pref("apz.paint_skipping.enabled", true); /// true -user_pref("apz.windows.use_direct_manipulation", true); /// true -user_pref("dom.event.wheel-deltaMode-lines.always-disabled", true); /// false -user_pref("general.smoothScroll.currentVelocityWeighting", "0.12"); /// "0.25" <- 1. If scroll too slow, set to "0.15" -user_pref("general.smoothScroll.durationToIntervalRatio", 1000); /// 200 -user_pref("general.smoothScroll.lines.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.lines.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.mouseWheel.durationMaxMS", 100); /// 200 -user_pref("general.smoothScroll.mouseWheel.durationMinMS", 0); /// 50 -user_pref("general.smoothScroll.mouseWheel.migrationPercent", 100); /// 100 -user_pref("general.smoothScroll.msdPhysics.continuousMotionMaxDeltaMS", 12); /// 120 -user_pref("general.smoothScroll.msdPhysics.enabled", true); /// false -user_pref("general.smoothScroll.msdPhysics.motionBeginSpringConstant", 200); /// 1250 -user_pref("general.smoothScroll.msdPhysics.regularSpringConstant", 200); /// 1000 -user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaMS", 10); /// 12 -user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaRatio", "1.20"); /// "1.3" -user_pref("general.smoothScroll.msdPhysics.slowdownSpringConstant", 1000); /// 2000 -user_pref("general.smoothScroll.other.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.other.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.pages.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.pages.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.pixels.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.pixels.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.scrollbars.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.scrollbars.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.stopDecelerationWeighting", "0.6"); /// "0.4" -user_pref("layers.async-pan-zoom.enabled", true); /// true -user_pref("layout.css.scroll-behavior.spring-constant", "250.0"); /// "250.0" -user_pref("mousewheel.acceleration.factor", 3); /// 10 -user_pref("mousewheel.acceleration.start", -1); /// -1 -user_pref("mousewheel.default.delta_multiplier_x", 100); /// 100 -user_pref("mousewheel.default.delta_multiplier_y", 100); /// 100 -user_pref("mousewheel.default.delta_multiplier_z", 100); /// 100 -user_pref("mousewheel.min_line_scroll_amount", 0); /// 5 -user_pref("mousewheel.system_scroll_override.enabled", true); /// true <- 2. If scroll too fast, set to false -user_pref("mousewheel.system_scroll_override_on_root_content.enabled", false); /// true -user_pref("mousewheel.transaction.timeout", 1500); /// 1500 -user_pref("toolkit.scrollbox.horizontalScrollDistance", 4); /// 5 -user_pref("toolkit.scrollbox.verticalScrollDistance", 3); /// 3 -*/