From 0860db73ae6fd9a6f6347219d820bf026a6b8b91 Mon Sep 17 00:00:00 2001 From: Robert Günzler Date: Sun, 27 Sep 2026 17:38:39 +0200 Subject: * MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Automated-commit-by: dots Signed-off-by: Robert Günzler --- .bashrc | 120 + .config/aerc/aerc.conf | 2 +- .config/aerc/binds.conf | 2 + .config/autowt/config.toml | 15 + .config/darkman/config.yaml | 8 +- .config/fuzzel/fuzzel.ini | 9 +- .config/git/config | 18 +- .config/git/ignore | 3 + .config/git/url.cfg | 14 + .config/mako/config | 5 + .config/mimeapps.list | 19 +- .config/mpv/config | 40 +- .config/mpv/input.conf | 39 +- .config/mpv/mvi/input.conf | 27 +- .config/mpv/script-opts/subs2srs.conf | 22 +- .config/mpv/script-opts/thumbfast.conf | 4 +- .config/msmtp/config | 28 + .config/nvim/after/ftplugin/gitrebase.lua | 19 +- .config/nvim/after/ftplugin/go.lua | 32 + .config/nvim/after/ftplugin/help.lua | 2 + .config/nvim/after/ftplugin/janet.lua | 3 + .config/nvim/after/ftplugin/markdown.lua | 9 + .config/nvim/after/ftplugin/todotxt.lua | 13 + .config/nvim/after/ftplugin/vala.lua | 1 + .config/nvim/after/lsp/gopls.lua | 1 + .config/nvim/after/lsp/harper_ls.lua | 11 + .config/nvim/after/lsp/pylsp.lua | 3 + .config/nvim/after/luasnippets/gitcommit.lua | 24 + .config/nvim/after/luasnippets/zig.lua | 14 + .config/nvim/init.lua | 13 + .config/nvim/lazy-lock.json | 44 +- .config/nvim/lua/config/autoall.lua | 35 + .config/nvim/lua/config/keymaps.lua | 16 +- .config/nvim/lua/config/lsp.lua | 5 +- .config/nvim/lua/config/options.lua | 7 + .config/nvim/lua/config/snippets.lua | 84 +- .config/nvim/lua/config/templates.lua | 53 + .config/nvim/lua/mod/gh.lua | 86 + .config/nvim/lua/mod/git.lua | 23 + .config/nvim/lua/mod/jobs.lua | 68 + .config/nvim/lua/mod/termopen.lua | 102 + .config/nvim/lua/mod/utils.lua | 15 + .config/nvim/lua/mod/win.lua | 110 + .config/nvim/lua/plugins/blink.lua | 23 +- .config/nvim/lua/plugins/calcium.lua | 1 + .config/nvim/lua/plugins/colorizer.lua | 5 +- .config/nvim/lua/plugins/colors.lua | 12 + .config/nvim/lua/plugins/diff.lua | 47 + .config/nvim/lua/plugins/fzf.lua | 98 +- .config/nvim/lua/plugins/gentoo.lua | 1 + .config/nvim/lua/plugins/git.lua | 7 +- .config/nvim/lua/plugins/haunt.lua | 47 + .config/nvim/lua/plugins/icons.lua | 1 + .config/nvim/lua/plugins/indent.lua | 1 + .config/nvim/lua/plugins/lsp.lua | 29 +- .config/nvim/lua/plugins/markdown.lua | 2 + .config/nvim/lua/plugins/mini.lua | 4 + .config/nvim/lua/plugins/minimap.lua | 13 + .config/nvim/lua/plugins/oil.lua | 1 + .config/nvim/lua/plugins/snippets.lua | 1 + .config/nvim/lua/plugins/treesitter.lua | 5 + .config/nvim/lua/plugins/whichkey.lua | 10 + .config/nvim/plugin/mod.lua | 25 + .config/pimsync/pimsync.conf | 18 +- .config/rc/conf.d/podman | 1 + .config/rc/init.d/secretsd | 18 + .config/rc/init.d/syncthing | 7 + .config/rc/init.d/xdg-desktop-portal | 13 +- .config/rc/runlevels/desktop/fcitx5 | 1 - .config/rc/runlevels/desktop/secretsd | 1 + .config/river/init | 144 +- .config/river/init3 | 148 + .config/starship.toml | 7 + .config/tridactyl/themes/r.css | 4 +- .config/tridactyl/tridactylrc | 9 +- .config/tridactyl/tridactylrc.default | 2 + .config/waybar/config.jsonc | 140 +- .config/waybar/menu-network.xml | 10 + .config/waybar/module-calendar.sh | 11 +- .config/waybar/module-tailscale.sh | 7 +- .config/waybar/style-dark.css | 3 +- .config/waybar/style-light.css | 5 +- .config/waybar/style.css | 35 +- .config/yt-dlp.conf | 1 + .librewolf/hibiki.default/chrome/Makefile | 14 + .../chrome/csshacks.hide_tabs_toolbar_v2.css | 51 + .librewolf/hibiki.default/chrome/lepton.patch | 34 + .../hibiki.default/chrome/lepton.userChrome.css | 30770 +++++++++++++++++++ .../chrome/lepton.userChrome.css.orig | 30770 +++++++++++++++++++ .../hibiki.default/chrome/lepton.userContent.css | 7622 +++++ .../chrome/lorekernel.userContent.css | 71 + .librewolf/hibiki.default/chrome/user.sidebar.css | 49 + .librewolf/hibiki.default/chrome/user.urlbar.css | 28 + .librewolf/hibiki.default/chrome/userChrome.css | 111 + .librewolf/hibiki.default/chrome/userContent.css | 22 + .librewolf/hibiki.default/user.js | 146 + .librewolf/hibiki.work/chrome | 1 + .librewolf/hibiki.work/user.js | 1 + .local/share/applications/desktop-actions.desktop | 7 +- .profile | 63 + bin/2av1 | 13 +- bin/audm | 31 +- bin/blum | 40 +- bin/dots | 10 +- bin/genup | 8 +- bin/git-sync | 58 +- bin/libfuzl.sh | 39 +- bin/netm | 37 +- bin/pasm | 48 +- bin/play-mpv | 26 +- bin/play-music | 9 + bin/screenrec | 1 + bin/svcm | 1 + bin/todo | 6 +- bin/urlopen | 31 +- bin/vpnm | 74 +- 116 files changed, 71705 insertions(+), 573 deletions(-) create mode 100644 .bashrc create mode 100644 .config/autowt/config.toml create mode 100644 .config/git/url.cfg create mode 100644 .config/msmtp/config create mode 100644 .config/nvim/after/ftplugin/go.lua create mode 100644 .config/nvim/after/ftplugin/help.lua create mode 100644 .config/nvim/after/ftplugin/janet.lua create mode 100644 .config/nvim/after/ftplugin/markdown.lua create mode 100644 .config/nvim/after/ftplugin/vala.lua create mode 100644 .config/nvim/after/lsp/harper_ls.lua create mode 100644 .config/nvim/after/lsp/pylsp.lua create mode 100644 .config/nvim/after/luasnippets/gitcommit.lua create mode 100644 .config/nvim/after/luasnippets/zig.lua create mode 100644 .config/nvim/lua/config/autoall.lua create mode 100644 .config/nvim/lua/config/templates.lua create mode 100644 .config/nvim/lua/mod/gh.lua create mode 100644 .config/nvim/lua/mod/git.lua create mode 100644 .config/nvim/lua/mod/jobs.lua create mode 100644 .config/nvim/lua/mod/termopen.lua create mode 100644 .config/nvim/lua/mod/utils.lua create mode 100644 .config/nvim/lua/mod/win.lua create mode 100644 .config/nvim/lua/plugins/colors.lua create mode 100644 .config/nvim/lua/plugins/diff.lua create mode 100644 .config/nvim/lua/plugins/haunt.lua create mode 100644 .config/nvim/lua/plugins/minimap.lua create mode 100644 .config/nvim/plugin/mod.lua create mode 100644 .config/rc/conf.d/podman create mode 100755 .config/rc/init.d/secretsd delete mode 120000 .config/rc/runlevels/desktop/fcitx5 create mode 120000 .config/rc/runlevels/desktop/secretsd mode change 100755 => 120000 .config/river/init create mode 100755 .config/river/init3 create mode 100644 .librewolf/hibiki.default/chrome/Makefile create mode 100644 .librewolf/hibiki.default/chrome/csshacks.hide_tabs_toolbar_v2.css create mode 100644 .librewolf/hibiki.default/chrome/lepton.patch create mode 100644 .librewolf/hibiki.default/chrome/lepton.userChrome.css create mode 100644 .librewolf/hibiki.default/chrome/lepton.userChrome.css.orig create mode 100644 .librewolf/hibiki.default/chrome/lepton.userContent.css create mode 100644 .librewolf/hibiki.default/chrome/lorekernel.userContent.css create mode 100644 .librewolf/hibiki.default/chrome/user.sidebar.css create mode 100644 .librewolf/hibiki.default/chrome/user.urlbar.css create mode 100644 .librewolf/hibiki.default/chrome/userChrome.css create mode 100644 .librewolf/hibiki.default/chrome/userContent.css create mode 100644 .librewolf/hibiki.default/user.js create mode 120000 .librewolf/hibiki.work/chrome create mode 120000 .librewolf/hibiki.work/user.js create mode 100644 .profile diff --git a/.bashrc b/.bashrc new file mode 100644 index 0000000..e85ef7e --- /dev/null +++ b/.bashrc @@ -0,0 +1,120 @@ +# /etc/skel/.bashrc +# +# This file is sourced by all *interactive* bash shells on startup, +# including some apparently interactive shells such as scp and rcp +# that can't tolerate any output. So make sure this doesn't display +# anything or bad things will happen ! + +# Test for an interactive shell. There is no need to set anything +# past this point for scp and rcp, and it's important to refrain from +# outputting anything in those cases. +if [[ $- != *i* ]]; then + # Shell is non-interactive. Be done now! + return +fi + +# Put your fun stuff here. + +# ignore commands starting with space +export HISTCONTROL=ignorespace +export HISTIGNORE='..:fg:clear:tig:git st::git pushf:git a' +export HISTSIZE=8000 + +# enable bash vi mode +set -o vi +bind -m vi-insert -x '"\C-l": clear' + +readline_insert() { + local output=$(command $* || return) + READLINE_LINE="${READLINE_LINE:0:$READLINE_POINT}${output}${READLINE_LINE:$READLINE_POINT}" + READLINE_POINT=$((READLINE_POINT + ${#output})) +} +# triggers git branch fuzzy finder +bind -m vi-command -x '"\C-g\C-b": "readline_insert git fuzzy branches"' +bind -m vi-insert -x '"\C-g\C-b": "readline_insert git fuzzy branches"' +# triggers git commit fuzzy finder +bind -m vi-command -x '"\C-g\C-l": "readline_insert git fuzzy commits"' +bind -m vi-insert -x '"\C-g\C-l": "readline_insert git fuzzy commits"' + +# aliases +alias ..='cd ..' +alias daos='doas ' +alias doas='doas ' +alias l='ls -hl --color' +alias lt=tree +alias vi=nvim + +alias dbx=distrobox +alias eq=equery +alias fd='find . -name' +alias g=git +alias mk=make +alias open=xdg-open +alias poe='vifz /etc/portage/' +alias sshmux='ssh -o RequestTTY=yes -o RemoteCommand="tmux new-session -As $HOSTNAME"' +#alias task='task --trusted-hosts=github.com' +alias tw=timew +alias wlc=wl-copy +alias wlp=wl-paste + +# enable fzf +[ -x "$(command -v fzf)" ] && { + export FZF_CTRL_R_OPTS="--layout=reverse" + export FZF_CTRL_T_OPTS="--layout=reverse" + eval "$(fzf --bash)" + alias vz='vi $(__fzf_select__)' +} +[ -e "$HOME/bin/fzf-git.sh" ] && { + source $HOME/bin/fzf-git.sh + alias gco='_fzf_git_each_ref --no-multi | xargs git checkout' +} + +# enable direnv +[ -x "$(command -v direnv)" ] && eval "$(direnv hook bash)" + +# enable starship +[ -x "$(command -v starship)" ] && eval "$(starship init bash)" + +# enable zoxide +[ -x "$(command -v zoxide)" ] && eval "$(zoxide init bash)" + +# enable atuin +# [ -x "$(command -v atuin)" ] && eval "$(ATUIN_NO_BUILTIN_PREEXEC=1 atuin init bash)" + +# enable todo +[ -x "$(command -v todo)" ] && eval "$(todo hook bash)" + +# enable autowt +[ -x "$(command -v autowt)" ] && eval "$(autowt shell-init bash)" + +# modern terminal stuft +# https://codeberg.org/dnkl/foot/wiki#jumping-between-prompts +prompt_marker() { + printf '\e]133;A\e\\' +} +PROMPT_COMMAND=${PROMPT_COMMAND:+$PROMPT_COMMAND; }prompt_marker + +# https://codeberg.org/dnkl/foot/wiki#piping-last-command-s-output +command_done() { + printf '\e]133;D\e\\' +} + +PROMPT_COMMAND=${PROMPT_COMMAND:+$PROMPT_COMMAND; }command_done +PS0+='\e]133;C\e\\' + +# https://codeberg.org/dnkl/foot/wiki#spawning-new-terminal-instances-in-the-current-working-directory +osc7_cwd() { + local strlen=${#PWD} + local encoded="" + local pos c o + for ((pos = 0; pos < strlen; pos++)); do + c=${PWD:$pos:1} + case "$c" in + [-/:_.!\'\(\)~[:alnum:]]) o="${c}" ;; + *) printf -v o '%%%02X' "'${c}" ;; + esac + encoded+="${o}" + done + printf '\e]7;file://%s%s\e\\' "${HOSTNAME}" "${encoded}" +} +PROMPT_COMMAND=${PROMPT_COMMAND:+${PROMPT_COMMAND%;}; }osc7_cwd diff --git a/.config/aerc/aerc.conf b/.config/aerc/aerc.conf index 2dd82e2..cd944c2 100644 --- a/.config/aerc/aerc.conf +++ b/.config/aerc/aerc.conf @@ -36,7 +36,7 @@ file-picker-cmd=porta filechooser X-GitHub-Recipient,robertgzr=github-review-fix | colorize # keep defaults around -text/html=html | colorize +text/html=!html text/plain=wrap | colorize text/calendar=calendar message/delivery-status=colorize diff --git a/.config/aerc/binds.conf b/.config/aerc/binds.conf index 3540547..426c80f 100644 --- a/.config/aerc/binds.conf +++ b/.config/aerc/binds.conf @@ -1,6 +1,7 @@ = :prev-tab = :next-tab = :term + = :term ? = :help keys @@ -120,6 +121,7 @@ Rq = :reply -q H = :toggle-headers = :open-link + = M ym = :pipe -sd k2 fmt -body | wl-copy -nf yf = :pipe -sd k2 fmt -headers=from | awk '{print $2}' | wl-copy -nf diff --git a/.config/autowt/config.toml b/.config/autowt/config.toml new file mode 100644 index 0000000..eee6257 --- /dev/null +++ b/.config/autowt/config.toml @@ -0,0 +1,15 @@ +[cleanup] +default_mode = "interactive" + +[terminal] +mode = "inplace" + +[worktree] +auto_fetch = true +directory_pattern = "../worktrees/{repo_name}@{branch}" +flatten_worktree_directories = true + +[scripts.custom.fuzz] +branch_name = "git-fuzzy worktrees $1" +[scripts.custom.z] +branch_name = "git-fuzzy worktrees $1" diff --git a/.config/darkman/config.yaml b/.config/darkman/config.yaml index 6271b4b..e55c77d 100644 --- a/.config/darkman/config.yaml +++ b/.config/darkman/config.yaml @@ -1,7 +1,7 @@ ## berlin -# lat: 52.52 -# lng: 13.40 +lat: 52.52 +lng: 13.40 # tokyo -lat: 35.68 -lng: 139.76 +# lat: 35.68 +# lng: 139.76 portal: true diff --git a/.config/fuzzel/fuzzel.ini b/.config/fuzzel/fuzzel.ini index a6befa0..39f17e9 100644 --- a/.config/fuzzel/fuzzel.ini +++ b/.config/fuzzel/fuzzel.ini @@ -9,12 +9,12 @@ width=40 vertical-pad=4 horizontal-pad=8 inner-pad=4 -keyboard-focus=on-demand -exit-on-keyboard-focus-loss=yes +# keyboard-focus=on-demand +exit-on-keyboard-focus-loss=no use-bold=no hide-prompt=no prompt="󰈲 " -terminal=foot -a '{cmd}' -T '{cmd}' {cmd} +terminal=foot --app-id '{cmd}' --title '{cmd}' -e {cmd} dpi-aware=no # gamma-correct=yes match-counter=yes @@ -24,3 +24,6 @@ scaling-filter=lanczos3 [border] width=2 radius=0 + +[key-bindings] +cancel=Escape diff --git a/.config/git/config b/.config/git/config index 458280d..8c7f26e 100644 --- a/.config/git/config +++ b/.config/git/config @@ -27,7 +27,7 @@ helper = !sh -c 'rbw get f94a873d-9d72-412e-a46d-53e4cd19a291 | xargs printf password=%s\\n' [core] - excludesfile = $HOME/.config/git/ignore + excludesfile = ~/.config/git/ignore filemode = false pager = less -F @@ -65,7 +65,7 @@ fix = "!f() { local c=${1:-$(git fuzzy commits || :)}; test -n \"$c\" && git fixup $c && git ri $c^; }; f" fixup = "!f() { local c=${1:-$(git fuzzy commits || :)}; test -n \"$c\" && git commit --fixup=$c; }; f" grep = grep --break --heading --line-number - l = !tig + l = nvlog ls = log --graph --decorate --stat mt = mergetool pushf = push --force-with-lease @@ -175,17 +175,7 @@ [includeIf "gitdir:~/src/unikraft/**"] path = ~/src/unikraft/.gitconfig - - -# url rewrites -; [url "git@github.com:"] -; insteadOf = "https://github.com/" -[url "git@git.sr.ht:"] - insteadOf = "https://git.sr.ht/" -; [url "git@bitbucket.org:"] -; insteadOf = "https://bitbucket.org/" -; [url "git@gitlab.com:"] -; insteadOf = "https://gitlab.com/" - +[includeIf "gitdir:~/src/**"] + path = ~/.config/git/url.cfg ; vim: expandtab shiftwidth=4 diff --git a/.config/git/ignore b/.config/git/ignore index 33b0186..56516aa 100644 --- a/.config/git/ignore +++ b/.config/git/ignore @@ -47,6 +47,9 @@ bower_components # personal stuff .todo.md .org.md +todo.txt +.nvim.lua +.autowt.toml # clangd .cache/ diff --git a/.config/git/url.cfg b/.config/git/url.cfg new file mode 100644 index 0000000..1631797 --- /dev/null +++ b/.config/git/url.cfg @@ -0,0 +1,14 @@ +# url rewrites + +[url "git@git.sr.ht:"] + insteadOf = "https://git.sr.ht/" + +[url "git@codeberg.org:"] + insteadOf = "https://codeberg.org/" + +[url "git@github.com:"] + insteadOf = "https://github.com/" + +[url "git@gitlab.com:"] + insteadOf = "https://gitlab.com/" + diff --git a/.config/mako/config b/.config/mako/config index 0329579..759616f 100644 --- a/.config/mako/config +++ b/.config/mako/config @@ -33,3 +33,8 @@ padding=6 # # [mode=dnd] # invisible=1 + +[app-name=tim] +anchor=center +text-alignment=center +layer=overlay diff --git a/.config/mimeapps.list b/.config/mimeapps.list index 013ffc9..1397681 100644 --- a/.config/mimeapps.list +++ b/.config/mimeapps.list @@ -1,7 +1,22 @@ [Default Applications] -x-scheme-handler/https=urlopen.desktop -x-scheme-handler/http=urlopen.desktop +x-scheme-handler/https=urlopen.desktop; +x-scheme-handler/http=urlopen.desktop; application/pdf=org.gnome.Papers.desktop; +inode/directory=thunar.desktop; +x-scheme-handler/rpi-imager=com.raspberrypi.rpi-imager-uri-handler.desktop [Added Associations] application/rss+xml=nvim.desktop; +audio/x-opus+ogg=io.mpv-mpa.desktop; +application/json=nvim.desktop; +application/pdf=librewolf.desktop;org.gimp.GIMP.desktop; +video/webm=mpv.desktop; +image/gif=io.mpv-mvi.desktop; +audio/x-mpegurl=nvim.desktop; +image/png=io.mpv-mvi.desktop;org.gimp.GIMP.desktop; +video/mp4=mpv.desktop;urlopen.desktop; +application/zip=org.gnome.Papers.desktop; +application/vnd.openxmlformats-officedocument.wordprocessingml.document=org.gnome.Papers.desktop; +application/x-zerosize=nvim.desktop; +image/jxl=org.gnome.Loupe.desktop; +audio/x-matroska=mpv.desktop; diff --git a/.config/mpv/config b/.config/mpv/config index 41b10cb..746839f 100644 --- a/.config/mpv/config +++ b/.config/mpv/config @@ -1,10 +1,20 @@ -vo = gpu-next -hwdec = auto +# https://github.com/mpv-player/mpv/discussions/13909 +# vo=gpu-next +# gpu-api=vulkan +# hwdec=vulkan -screenshot-directory = ~/pictures/screenshots/mpv -screenshot-template = '%tY%tm%td-%tH%tM%tS-%F-%p' -screenshot-format = png -screenshot-png-compression = 9 +autofit-larger=90%x80% + +screenshot-directory=~/pictures/screenshots/mpv +screenshot-template='%tY%tm%td-%tH%tM%tS-%F-%p' +screenshot-format=png +screenshot-png-compression=9 + +sub-font=Rosario +sub-ass-override=scale +sub-file-paths=subs:Subs:subtitles:sub:~/desktop/subs + +save-watch-history=yes # # profiles @@ -13,6 +23,9 @@ screenshot-png-compression = 9 [fullscreen] vo=dmabuf-wayland +[anon] +save-watch-history=no + [protocol.http] profile-desc="Optimized for streaming video" glsl-shaders-clr @@ -34,14 +47,15 @@ osc=yes osd-bar=yes [bigcache] -demuxer-readahead-secs=20 -demuxer-max-bytes=512M +cache=yes +demuxer-readahead-secs=120 +demuxer-max-bytes=1G demuxer-max-back-bytes=512M -[gpuhq] -profile-desc="Optimized for HQ rendering" -profile-cond=height <= 1440 -profile=gpu-hq +# [gpuhq] +# profile-desc="Optimized for HQ rendering" +# profile-cond=height <= 1440 +# profile=gpu-hq [scale] profile-desc="Use fancy scaling algorithms" @@ -118,7 +132,7 @@ title="${?media-title:${media-title}}${!media-title:No file}" video-aspect-override=no loop-file=inf image-display-duration=inf -input-conf=~~/mvi/input.conf +input-commands-add=load-input-conf '~~/mvi/input.conf' input-commands-add=load-script '~~/mvi/scripts/ruler.lua' input-commands-add=load-script '~~/mvi/scripts/detect-image.lua' input-commands-add=load-script '~~/mvi/scripts/freeze-window.lua' diff --git a/.config/mpv/input.conf b/.config/mpv/input.conf index b67dab7..54e3755 100644 --- a/.config/mpv/input.conf +++ b/.config/mpv/input.conf @@ -29,11 +29,11 @@ HOME seek 0 absolute-percent END seek 100 absolute-percent $ seek 100 absolute-percent -Shift+RIGHT playlist-next -n playlist-next #! controls > playlist next -Shift+LEFT playlist-prev -p playlist-prev #! controls > playlist prev -Alt+Shift+s playlist-shuffle #! controls > playlist shuffle +Shift+RIGHT playlist-next #! controls > playlist next +Shift+LEFT playlist-prev #! controls > playlist prev +Alt+Shift+s playlist-shuffle #! controls > playlist shuffle +n script-binding uosc/next #! controls > next +p script-binding uosc/prev #! controls > prev #Alt+RIGHT frame-step #Alt+LEFT frame-back-step @@ -53,12 +53,12 @@ PGUP add chapter 1 PGDWN add chapter -1 a cycle audio -A script-binding uosc/audio #! select > audio +A ignore D cycle deinterlace -v script-binding uosc/video #! select > video +V ignore s cycle sub -S script-binding uosc/subtitles #! select > sub +S ignore Ctrl+s script-binding uosc/load-subtitles #! select > load sub... e add sub-scale +0.1 #! sub > scale up w add sub-scale -0.1 #! sub > scale down @@ -72,8 +72,8 @@ X add audio-delay +0.1 #! delay > audio +0.1 Ctrl+z sub-step -1 #! delay > sub-step -1 Ctrl+x sub-step 1 #! delay > sub-step +1 -U cycle-values sub-ass-override "scale" "force" "strip" "no" #! sub > ass override -V cycle sub-visibility #! sub > visibility +U cycle-values sub-ass-override "force" "no" "yes" "scale" "strip" #! sub > ass override +v cycle sub-visibility #! sub > visibility # Meta+s cycle sub-ass-force-margins # PLAYER BINDINGS @@ -126,13 +126,11 @@ Ctrl+SPACE script-binding uosc/toggle-ui MBTN_MID script-binding uosc/menu : script-binding uosc/menu Enter script-binding uosc/menu -P script-binding uosc/items #! select > playlist -C script-binding uosc/chapters #! select > chapters +P ignore +C ignore o script-binding uosc/open-file #! select > file... Ctrl+o script-binding openuri/openuri #! select > uri... Ctrl+Shift+o script-binding openuri/pasteuri #! select > paste -Ctrl+n script-binding uosc/next-file -Ctrl+p script-binding uosc/prev-file # various Alt+w script-binding webm/display-webm-encoder #! utils > webm encoder @@ -145,7 +143,15 @@ Alt+b script-binding blur/toggle-blur #! utils > blur # gallery g ignore -Shift+g script-message playlist-view-toggle #! utils > playlist/gallery view +g-SPACE script-binding uosc/menu +g-a script-binding uosc/audio #! select > audio +g-v script-binding uosc/video #! select > video +g-c script-binding uosc/chapters #! select > chapters +g-s script-binding uosc/subtitles #! select > sub +g-p script-binding uosc/items #! select > playlist + +g-g script-message playlist-view-toggle #! utils > gallery +Shift+g script-message playlist-view-toggle #! utils > gallery # yanktime y-y script_binding yanky/yanktime #! utils > yank > time @@ -180,7 +186,6 @@ Ctrl+n script-binding mpvacious-export-note #! mpvacious > export note I apply-profile interpolate #! profiles > interpolate Ctrl+Shift+0 apply-profile reset #! profiles > reset -Ctrl+Shift+1 apply-profile interpolate #! profiles > interpolate -Ctrl+Shift+2 apply-profile cache #! profiles > cache +Ctrl+Shift+2 apply-profile bigcache #! profiles > bigcache Ctrl+Shift+3 apply-profile scale #! profiles > scale Ctrl+Shift+4 apply-profile compressor #! profiles > compressor diff --git a/.config/mpv/mvi/input.conf b/.config/mpv/mvi/input.conf index 1d5b989..ccf35d2 100644 --- a/.config/mpv/mvi/input.conf +++ b/.config/mpv/mvi/input.conf @@ -4,28 +4,6 @@ 4 change-list script-opts append ruler-scale=25 5 change-list script-opts append ruler-max_size=20,20 -SPACE repeatable playlist-next -alt+SPACE repeatable playlist-prev - -# familiar binds -n playlist-next -p playlist-prev - -UP ignore -DOWN ignore -LEFT repeatable playlist-prev -RIGHT repeatable playlist-next - -# simple reminder of default bindings -#1 add contrast -1 -#2 add contrast 1 -#3 add brightness -1 -#4 add brightness 1 -#5 add gamma -1 -#6 add gamma 1 -#7 add saturation -1 -#8 add saturation 1 - # mouse-centric bindings MBTN_RIGHT script-binding drag-to-pan MBTN_LEFT script-binding pan-follows-cursor @@ -92,9 +70,6 @@ d script-message ruler # Toggling between pixel-exact reproduction and interpolation a cycle-values scale nearest ewa_lanczossharp -# Toggle color management on or off -c cycle icc-profile-auto - # Screenshot of the window output S screenshot window @@ -105,5 +80,5 @@ P script-message force-print-filename # ADVANCED: you can define bindings that belong to a "section" (named "image-viewer" here) like so: #alt+SPACE {image-viewer} repeatable playlist-prev -#SPACE {image-viewer} repeatable playlist-next +SPACE {image-viewer} repeatable playlist-next # to load them conditionally with a command. See scripts-opts/image_viewer.conf for how you can do this diff --git a/.config/mpv/script-opts/subs2srs.conf b/.config/mpv/script-opts/subs2srs.conf index 09e2af4..600bb63 100644 --- a/.config/mpv/script-opts/subs2srs.conf +++ b/.config/mpv/script-opts/subs2srs.conf @@ -1,13 +1,25 @@ -autoclip=yes +check_for_updates=no +reload_config_before_card_creation=yes -deck_name=subs2srs +autoclip=no + +allow_duplicates=no +deck_name=AJT Mining::Mpvacious model_name=Japanese sentences sentence_field=SentKanji secondary_field=SentEng audio_field=SentAudio image_field=Image -note_tag=subs2srs +note_tag=mpvacious +vocab_field=VocabKanji +vocab_audio_field=VocabAudio +miscinfo_enable=yes +miscinfo_field=Notes +miscinfo_format=%n (%t) use_ffmpeg=yes -snapshot_format=webp -opus_container=webm +opus_container=ogg +snapshot_format=avif +snapshot_quality=50 + +preview_audio=yes diff --git a/.config/mpv/script-opts/thumbfast.conf b/.config/mpv/script-opts/thumbfast.conf index 5f5a2a6..5be2221 100644 --- a/.config/mpv/script-opts/thumbfast.conf +++ b/.config/mpv/script-opts/thumbfast.conf @@ -6,10 +6,10 @@ tone_mapping=no network=no # Enable hardware decoding -hwdec=yes +hwdec=no # Spawn thumbnailer earlier for faster loads -spawn_first=yes +spawn_first=no # Make smaller thumbnails max_height=150 diff --git a/.config/msmtp/config b/.config/msmtp/config new file mode 100644 index 0000000..1f108b1 --- /dev/null +++ b/.config/msmtp/config @@ -0,0 +1,28 @@ +# Set default values for all following accounts. +defaults +auth on +tls on +logfile ~/.local/state/msmtp.log + +set_from_header auto +set_date_header auto + +# gnzler +account gnzler +host smtp.mailfence.com +port 465 +tls_starttls off +user robertgzr +passwordeval rbw get 68b0ea26-733a-43cd-b8f8-e8ecc98de072 +from robert@gnzler.de +from_full_name Robert Günzler + +# gnzler alias 1 +account gnzler.de : gnzler + +# gnzler alias 2 +account gnzler.io : gnzler +from robert@gnzler.io + +# Default account +account default : gnzler.de diff --git a/.config/nvim/after/ftplugin/gitrebase.lua b/.config/nvim/after/ftplugin/gitrebase.lua index f85d3b9..fb64534 100644 --- a/.config/nvim/after/ftplugin/gitrebase.lua +++ b/.config/nvim/after/ftplugin/gitrebase.lua @@ -1,4 +1,19 @@ vim.keymap.set('n', 'K', function() - -- local cword = vim.fn.expand('') - -- require('gitsigns').show_commit(cword, 'aboveleft split') + local commit = vim.fn.expand('') + + local content = nil + require('mod.jobs').start({ + cmd = { 'git', 'show', '--patch', '--stat', commit }, + stdout_buffered = true, + on_stdout = function(_, stdout) + content = stdout + end, + on_exit = function() + require('mod.win').popup( + 'git-show: ' .. commit, + content, + { buf = { filetype = 'gitcommit' } } + ) + end, + }) end, { desc = 'Lookup commit hash', buffer = 0 }) diff --git a/.config/nvim/after/ftplugin/go.lua b/.config/nvim/after/ftplugin/go.lua new file mode 100644 index 0000000..ad5c56e --- /dev/null +++ b/.config/nvim/after/ftplugin/go.lua @@ -0,0 +1,32 @@ +vim.api.nvim_create_autocmd({ 'LspAttach' }, { + pattern = '*.go', + group = vim.api.nvim_create_augroup('lspattach.go', {}), + callback = function(args) + local client = vim.lsp.get_client_by_id(args.data.client_id) + if not client:supports_method('workspace/executeCommand') then + return + end + + vim.keymap.set('n', 'i', function() + local p = vim + .system({ + 'sh', + '-c', + [[go mod graph | awk '{print $2}' | cut -d@ -f1 | sort -u]], + }) + :wait() + local opts = vim.split(p.stdout, '\n') + vim.ui.select(opts, {}, function(choice) + client:exec_cmd({ + command = 'gopls.add_import', + arguments = { + { + ['ImportPath'] = choice, + ['URI'] = vim.uri_from_bufnr(0), + }, + }, + }) + end) + end, { desc = 'gopls: add import' }) + end, +}) diff --git a/.config/nvim/after/ftplugin/help.lua b/.config/nvim/after/ftplugin/help.lua new file mode 100644 index 0000000..f41256a --- /dev/null +++ b/.config/nvim/after/ftplugin/help.lua @@ -0,0 +1,2 @@ +-- open help in new tab +vim.cmd.wincmd "T" diff --git a/.config/nvim/after/ftplugin/janet.lua b/.config/nvim/after/ftplugin/janet.lua new file mode 100644 index 0000000..a81b2f0 --- /dev/null +++ b/.config/nvim/after/ftplugin/janet.lua @@ -0,0 +1,3 @@ +vim.o.expandtab = true +vim.o.shiftwidth = 2 +vim.o.commentstring = '# %s' diff --git a/.config/nvim/after/ftplugin/markdown.lua b/.config/nvim/after/ftplugin/markdown.lua new file mode 100644 index 0000000..538a6da --- /dev/null +++ b/.config/nvim/after/ftplugin/markdown.lua @@ -0,0 +1,9 @@ +vim.opt_local.makeprg = + 'pandoc -s -f markdown+wikilinks_title_after_pipe+autolink_bare_uris -t html -o /tmp/%.html %' + +vim.api.nvim_buf_create_user_command(0, 'OpenWeb', function() + local name = vim.fn.expand('%') + vim.system({ 'xdg-open', '/tmp/' .. name .. '.html' }) +end, { desc = 'markdown: open pdf' }) + +vim.keymap.set('n', 'o', 'OpenWeb', { desc = 'markdown: open web', buffer = 0 }) diff --git a/.config/nvim/after/ftplugin/todotxt.lua b/.config/nvim/after/ftplugin/todotxt.lua index 526f29c..d5091b3 100644 --- a/.config/nvim/after/ftplugin/todotxt.lua +++ b/.config/nvim/after/ftplugin/todotxt.lua @@ -1 +1,14 @@ vim.opt_local.textwidth = 0 + +vim.keymap.set('n', '', function() + require('mod.utils').edit_current_line(function(lines) + -- will only run for the current line + return vim.tbl_map(function(ln) + if string.sub(ln, 1, 2) == 'x ' then + return string.sub(ln, 3, -1) + else + return 'x ' .. ln + end + end, lines) + end) +end, { desc = 'Check todo', buffer = 0 }) diff --git a/.config/nvim/after/ftplugin/vala.lua b/.config/nvim/after/ftplugin/vala.lua new file mode 100644 index 0000000..3cbb257 --- /dev/null +++ b/.config/nvim/after/ftplugin/vala.lua @@ -0,0 +1 @@ +vim.o.commentstring = '// %s' diff --git a/.config/nvim/after/lsp/gopls.lua b/.config/nvim/after/lsp/gopls.lua index 5262a45..88ad048 100644 --- a/.config/nvim/after/lsp/gopls.lua +++ b/.config/nvim/after/lsp/gopls.lua @@ -1,4 +1,5 @@ return { + filetypes = { 'go', 'gomod', 'gowork', 'gotmpl', 'templ' }, settings = { gopls = { hints = { diff --git a/.config/nvim/after/lsp/harper_ls.lua b/.config/nvim/after/lsp/harper_ls.lua new file mode 100644 index 0000000..3298e30 --- /dev/null +++ b/.config/nvim/after/lsp/harper_ls.lua @@ -0,0 +1,11 @@ +return { + settings = { + ["harper-ls"] = { + userDictPath = "~/.config/dict.txt", + linters = { + SentenceCapitalization = false, + -- SpellCheck = false, + }, + }, + }, +} diff --git a/.config/nvim/after/lsp/pylsp.lua b/.config/nvim/after/lsp/pylsp.lua new file mode 100644 index 0000000..6f05ad8 --- /dev/null +++ b/.config/nvim/after/lsp/pylsp.lua @@ -0,0 +1,3 @@ +return { + -- settings = {}, +} diff --git a/.config/nvim/after/luasnippets/gitcommit.lua b/.config/nvim/after/luasnippets/gitcommit.lua new file mode 100644 index 0000000..91c686b --- /dev/null +++ b/.config/nvim/after/luasnippets/gitcommit.lua @@ -0,0 +1,24 @@ +---@diagnostic disable: undefined-global +return { + s({ trig = 'cz', descr = 'conventional commit' }, { + c(1, { + t('feat'), + t('fix'), + t('docs'), + t('style'), + t('refactor'), + t('perf'), + t('test'), + t('chore'), + }), + c(2, { + t(''), + sn(nil, { + t('('), + i(1, 'scope'), + t(')'), + }), + }), + t(': '), + }), +} diff --git a/.config/nvim/after/luasnippets/zig.lua b/.config/nvim/after/luasnippets/zig.lua new file mode 100644 index 0000000..ab80e82 --- /dev/null +++ b/.config/nvim/after/luasnippets/zig.lua @@ -0,0 +1,14 @@ +---@diagnostic disable: undefined-global +return { + s({trig = 'str'}, t("[]const u8")), + s({trig = 'test'}, { + c(1, { + t('a'), + t('b'), + }), + c(2, { + t('c'), + t('d'), + }), + }), +} diff --git a/.config/nvim/init.lua b/.config/nvim/init.lua index 5dee508..4f4a22e 100644 --- a/.config/nvim/init.lua +++ b/.config/nvim/init.lua @@ -2,6 +2,9 @@ _G.feedkeys = function(keys) vim.api.nvim_feedkeys(vim.api.nvim_replace_termcodes(keys, true, false, true), 'n', true) end +-- enable experimental ui2 +require('vim._core.ui2').enable() + require('config.lazy') require('config.filetypes') require('config.diagnostics') @@ -11,3 +14,13 @@ require('config.options') require('config.statuscolumn') require('config.statusline') require('config.undo') +require('config.templates') + +-- overwrite ui.open +vim.ui.open = function(path, opt) + if opt and opt.cmd then + vim.uv.spawn(cmd, { args = { path } }) + else + vim.uv.spawn('porta', { args = { 'open-uri', path, 'ask' } }) + end +end diff --git a/.config/nvim/lazy-lock.json b/.config/nvim/lazy-lock.json index 16e407a..f1f7047 100644 --- a/.config/nvim/lazy-lock.json +++ b/.config/nvim/lazy-lock.json @@ -1,32 +1,36 @@ { "LuaSnip": { "branch": "master", "commit": "642b0c595e11608b4c18219e93b88d7637af27bc" }, "blink.cmp": { "branch": "main", "commit": "78336bc89ee5365633bcf754d93df01678b5c08f" }, + "blink.indent": { "branch": "main", "commit": "2e9c9768affeaf3a48b2dc329eb59763012f79f6" }, "calcium.nvim": { "branch": "main", "commit": "7a7d3740083fa5669e1a0f25d133705624a23f0d" }, - "friendly-snippets": { "branch": "main", "commit": "6cd7280adead7f586db6fccbd15d2cac7e2188b9" }, - "fzf-lua": { "branch": "main", "commit": "9f0432fdd7825ab163520045831a40b6df82ea28" }, + "diffview.nvim": { "branch": "main", "commit": "4516612fe98ff56ae0415a259ff6361a89419b0a" }, + "fishbone.nvim": { "branch": "main", "commit": "0ea8e0f92330a1f57a0a2e66e66223e7ff1f087f" }, + "friendly-snippets": { "branch": "main", "commit": "b4d01b0fdf3c9a549961c2f9ffe8dc09be166219" }, + "fzf-lua": { "branch": "main", "commit": "13bb178a299f7493dd64427a58e61904c4b58ecb" }, "gentoo-syntax": { "branch": "master", "commit": "1b3a81ec62e5c843245dc431be0fe072add7eca8" }, - "git-dev.nvim": { "branch": "master", "commit": "90c1395ca37a38228e287d0a843835a5a39ce553" }, + "git-dev.nvim": { "branch": "master", "commit": "727c9526a7fcbf980aa1bb2caf2383c74a543093" }, "gitgraph.nvim": { "branch": "main", "commit": "c16daa7d7dd597caf9085644c009cfa80b75db8e" }, - "gitlinker.nvim": { "branch": "master", "commit": "d7adb5e4ba5bab4fd443a3f4c46af3f4c864685d" }, - "gitsigns.nvim": { "branch": "main", "commit": "0d797daee85366bc242580e352a4f62d67557b84" }, + "gitlinker.nvim": { "branch": "master", "commit": "a1b74070bbd5e50128190c85b09f1431ea5fbd83" }, + "gitsigns.nvim": { "branch": "main", "commit": "070a5d7b985546cc57e1fc61e5bc507fecac6045" }, "guess-indent.nvim": { "branch": "main", "commit": "84a4987ff36798c2fc1169cbaff67960aed9776f" }, - "haunt.nvim": { "branch": "main", "commit": "666d83868bac8b38f1dc765d9da6eca4d92c826f" }, - "indent-blankline.nvim": { "branch": "master", "commit": "d28a3f70721c79e3c5f6693057ae929f3d9c0a03" }, - "koda.nvim": { "branch": "main", "commit": "a560a332ccc1eb2caacb280a390213bb9f37b3cb" }, + "haunt.nvim": { "branch": "main", "commit": "c973175dda88236ecda342fd3654b5dc4f6b7764" }, + "indent-blankline.nvim": { "branch": "master", "commit": "f1e186e44d3b7f9ae918008e2c28ce37c6023d2d" }, + "koda.nvim": { "branch": "main", "commit": "25a5c98ca2f6bb0b69f5e2654a78f0d7c7e0721d" }, "lazy.nvim": { "branch": "main", "commit": "306a05526ada86a7b30af95c5cc81ffba93fef97" }, "markdown.nvim": { "branch": "master", "commit": "093be911d90de03877f3009de36081c1a6242d51" }, - "mini.ai": { "branch": "main", "commit": "43eb2074843950a3a25aae56a5f41362ec043bfa" }, - "mini.align": { "branch": "main", "commit": "6f3c69cd57134ad8fbf1e85dcdc90cb37a8c75c8" }, - "mini.icons": { "branch": "main", "commit": "7fdae2443a0e2910015ca39ad74b50524ee682d3" }, - "mini.operators": { "branch": "main", "commit": "fccb5e3ef0cc319b217ed9c7db1a4672dd6b766c" }, - "mini.surround": { "branch": "main", "commit": "2715e04bea3ec9244f15b421dc5b18c0fe326210" }, + "mini.ai": { "branch": "main", "commit": "6c39ae7b11abe479fbe1bc81bf00ac6bca7afa07" }, + "mini.align": { "branch": "main", "commit": "77d7446b9f2452193f13ced9fb73a8b3aa4a4f4d" }, + "mini.icons": { "branch": "main", "commit": "f642e3ba8c12afbc8f32f6d77ef6597eac56786f" }, + "mini.operators": { "branch": "main", "commit": "9e0aa164b097c6cb45e59b9371c9347ac06eb822" }, + "mini.surround": { "branch": "main", "commit": "33a2ebe5df8eb4751828fcba133e18ed0fbbdfab" }, "none-ls-shellcheck.nvim": { "branch": "main", "commit": "0f84461241e76e376a95fb7391deac82dc3efdbf" }, - "none-ls.nvim": { "branch": "main", "commit": "7f9301e416533b5d74e2fb3b1ce5059eeaed748b" }, - "nvim-colorizer.lua": { "branch": "master", "commit": "c8c2c19436d33165ec34fa90c975bc0a739fe3fb" }, - "nvim-lspconfig": { "branch": "master", "commit": "0203a9608d63eda57679b01e69f33a7b4c34b0d1" }, - "nvim-treesitter": { "branch": "main", "commit": "4916d6592ede8c07973490d9322f187e07dfefac" }, - "oil.nvim": { "branch": "master", "commit": "0fcc83805ad11cf714a949c98c605ed717e0b83e" }, - "plenary.nvim": { "branch": "master", "commit": "b9fd5226c2f76c951fc8ed5923d85e4de065e509" }, - "render-markdown": { "branch": "main", "commit": "4ae2f2e8e8c66d070f33cfb57cb6f867e3baf5d9" }, + "none-ls.nvim": { "branch": "main", "commit": "c4b82bb63b13856ba4d6b971b7aad3bb38fc6fe2" }, + "nvim-colorizer.lua": { "branch": "master", "commit": "72a05f62c52241bc7441c820eb53946f92b2e6a4" }, + "nvim-lspconfig": { "branch": "master", "commit": "4d363f93c3581b9212a24f7a830d7590b3f050af" }, + "nvim-treesitter": { "branch": "main", "commit": "f603a2f4da48728f80257fb5fbb90145fd1dc173" }, + "oil.nvim": { "branch": "master", "commit": "b73018b75affd13fa38e2fc94ef753b465f770d7" }, + "plenary.nvim": { "branch": "master", "commit": "74b06c6c75e4eeb3108ec01852001636d85a932b" }, + "render-markdown": { "branch": "main", "commit": "640a3ec6d538bad17c328be373c7cad0293d9589" }, + "satellite.nvim": { "branch": "main", "commit": "87843c9c8f28b54332497302de380a6d94c9e82b" }, "which-key.nvim": { "branch": "main", "commit": "3aab2147e74890957785941f0c1ad87d0a44c15a" } } diff --git a/.config/nvim/lua/config/autoall.lua b/.config/nvim/lua/config/autoall.lua new file mode 100644 index 0000000..6f36182 --- /dev/null +++ b/.config/nvim/lua/config/autoall.lua @@ -0,0 +1,35 @@ +-- Autocommands for all files opened in nvim +local autocmd = vim.api.nvim_create_autocmd +local autogrp = vim.api.nvim_create_augroup + +-- check if the current buffer is empty +local bufempty = function(bufnr) + bufnr = bufnr or 0 + if vim.api.nvim_buf_get_offset(bufnr, 0) <= 0 then + local handle = io.open(vim.api.nvim_buf_get_name(bufnr)) + if handle == nil then + return true + end + local eof = handle:read(0) + handle:close() + if eof == nil then + return true + end + end + return false +end + +local expand_template = function(name) + require('luasnip').snip_expand(require('config.templates')[name]) + require('luasnip').unlink_current() +end + +autocmd({ 'BufEnter', 'BufNewFile' }, { + pattern = 'deb/DEBIAN/changelog_blobs/*.txt', + group = autogrp('DebianChangelogTemplate', { clear = true }), + callback = function(opt) + if bufempty() then + return expand_template('debian-changelog') + end + end, +}) diff --git a/.config/nvim/lua/config/keymaps.lua b/.config/nvim/lua/config/keymaps.lua index a93b8fd..3c51041 100644 --- a/.config/nvim/lua/config/keymaps.lua +++ b/.config/nvim/lua/config/keymaps.lua @@ -1,7 +1,12 @@ local map = vim.keymap.set -map('n', 'gb', 'bnext', { desc = 'Buffer next' }) -map('n', 'gB', 'bprevious', { desc = 'Buffer prev' }) +map('n', 'gb', 'bnext', { desc = 'Buf next' }) +map('n', 'gB', 'bprevious', { desc = 'Buf prev' }) + +map('n', '', 'tabprev', { desc = 'Tab prev' }) +map('n', '', 'bprev', { desc = 'Buf prev' }) +map('n', '', 'bnext', { desc = 'Buf next' }) +map('n', '', 'tabnext', { desc = 'Tab next' }) map('n', '', 'cnext', { desc = 'Quickfix next' }) map('n', '', 'cprev', { desc = 'Quickfix prev' }) @@ -21,8 +26,11 @@ map( vim.api.nvim_create_autocmd({ 'BufEnter', 'BufWinEnter' }, { group = vim.api.nvim_create_augroup('bufclose', {}), callback = function() - if vim.list_contains({ 'help', 'nofile', 'quickfix' }, vim.bo.buftype) then - map('', 'q', 'close', { desc = 'Close buffer', buffer = 0 }) + if + (vim.fn.maparg('q', 'n') == '') + and vim.list_contains({ 'help', 'nofile', 'nowrite', 'quickfix' }, vim.bo.buftype) + then + map('n', 'q', 'close', { desc = 'Close buffer', buffer = 0 }) end end, }) diff --git a/.config/nvim/lua/config/lsp.lua b/.config/nvim/lua/config/lsp.lua index b168014..5a2bf79 100644 --- a/.config/nvim/lua/config/lsp.lua +++ b/.config/nvim/lua/config/lsp.lua @@ -6,6 +6,8 @@ local lsp = vim.lsp lsp.enable({ 'bashls', + 'blueprint_ls', + 'buf_ls', 'ccls', 'clangd', 'gopls', @@ -14,6 +16,7 @@ lsp.enable({ 'rust_analyzer', 'superhtml', 'tinymist', + 'vala_ls', 'zk', 'zls', }) @@ -35,7 +38,7 @@ lsp.config('*', { vim.api.nvim_create_autocmd({ 'LspAttach' }, { group = vim.api.nvim_create_augroup('lspattach', {}), callback = function(args) - local client = assert(vim.lsp.get_client_by_id(args.data.client_id)) + local client = vim.lsp.get_client_by_id(args.data.client_id) -- TODO: what does this do? vim.opt_local.omnifunc = 'v:lua.vim.lsp.omnifunc' diff --git a/.config/nvim/lua/config/options.lua b/.config/nvim/lua/config/options.lua index 073835f..07a41a3 100644 --- a/.config/nvim/lua/config/options.lua +++ b/.config/nvim/lua/config/options.lua @@ -37,3 +37,10 @@ opt.mousescroll = 'ver:1,hor:6' -- load local vim config (will as to allow it) opt.exrc = true + +-- increase the auto-scroll window +opt.scrolloff = 10 + +-- use osc2 to set terminal title +opt.title = true +opt.titlestring = [[nvim: %t%( %M%)%( (%{expand("%:~:h")})%)%a]] diff --git a/.config/nvim/lua/config/snippets.lua b/.config/nvim/lua/config/snippets.lua index e0c260e..9cd0632 100644 --- a/.config/nvim/lua/config/snippets.lua +++ b/.config/nvim/lua/config/snippets.lua @@ -6,16 +6,24 @@ ls.config.set_config({ enable_autosnippets = true, history = true, updateevents = 'TextChanged,TextChangedI', - override_builtin = true, + exit_roots = false, -- dont exit when reaching last node ext_opts = { [types.choiceNode] = { - active = { - virt_text = { { '◂ 󰬊 ', 'NonText' } }, + passive = { + virt_text = { { '󰬊 ', 'Conceal' } }, + virt_text_pos = 'inline', }, }, [types.insertNode] = { - active = { - virt_text = { { '◂ 󰬐 ', 'NonText' } }, + passive = { + virt_text = { { '󰬐 ', 'Conceal' } }, + virt_text_pos = 'inline', + }, + }, + [types.exitNode] = { + passive = { + virt_text = { { '$', 'Conceal' } }, + virt_text_pos = 'inline', }, }, }, @@ -53,27 +61,6 @@ ls.config.set_config({ require('luasnip.loaders.from_lua').lazy_load() require('luasnip.loaders.from_vscode').lazy_load({ include = {} }) --- keymaps -vim.keymap.set({ 'i', 's' }, '', function() - return vim.snippet.active({ direction = 1 }) and vim.snippet.jump(1) -end, { silent = true, desc = 'snippet: jump next' }) - -vim.keymap.set({ 'i', 's' }, '', function() - return vim.snippet.active({ direction = -1 }) and vim.snippet.jump(-1) -end, { silent = true, desc = 'snippet: jump prev' }) - -vim.keymap.set({ 'i', 's' }, '', function() - if ls.choice_active() then - ls.change_choice(1) - end -end, { silent = true, desc = 'snippet: next choice' }) - -vim.keymap.set({ 'i', 's' }, '', function() - if ls.choice_active() then - ls.change_choice(-1) - end -end, { silent = true, desc = 'snippet: prev choice' }) - -- usercmds vim.api.nvim_create_user_command('EditSnippets', require('luasnip.loaders').edit_snippet_files, {}) @@ -105,36 +92,23 @@ vim.api.nvim_create_user_command('EditSnippets', require('luasnip.loaders').edit vim.api.nvim_create_autocmd('ModeChanged', { pattern = '*', callback = function() - if ((vim.v.event.old_mode == 's' and vim.v.event.new_mode == 'n') or vim.v.event.old_mode == 'i') - and ls.session.current_nodes[vim.api.nvim_get_current_buf()] - and not ls.session.jump_active - and not require("blink.cmp").is_visible() + if + ((vim.v.event.old_mode == 's' or vim.v.event.old_mode == 'i') and vim.v.event.new_mode == 'n') + and ls.session.current_nodes[vim.api.nvim_get_current_buf()] + and not ls.session.jump_active + and not require('blink.cmp').is_visible() then - ls.unlink_current() + vim.schedule(ls.unlink_current) end - end + end, }) --- attach to builtin snippet hooks -vim.snippet.expand = ls.lsp_expand -vim.snippet.active = function(filter) - filter = filter or {} - filter.direction = filter.direction or 1 - if filter.direction == 1 then - return ls.expand_or_jumpable() - else - return ls.jumpable(filter.direction) - end -end -vim.snippet.jump = function(direction) - if direction == 1 then - if ls.expandable() then - return ls.expand_or_jump() - else - return ls.jumpable(1) and ls.jump(1) - end - else - return ls.jumpable(-1) and ls.jump(-1) - end -end -vim.snippet.stop = ls.unlink_current +-- expand/jump keymaps handled by blink + +vim.keymap.set({ 'i', 's' }, '', function() + return ls.choice_active() and ls.change_choice(1) +end, { silent = true, desc = 'luasnip: next choice' }) + +vim.keymap.set({ 'i', 's' }, '', function() + return ls.choice_active() and ls.change_choice(-1) +end, { silent = true, desc = 'luasnip: prev choice' }) diff --git a/.config/nvim/lua/config/templates.lua b/.config/nvim/lua/config/templates.lua new file mode 100644 index 0000000..a01efa1 --- /dev/null +++ b/.config/nvim/lua/config/templates.lua @@ -0,0 +1,53 @@ +-- template snippets +require('luasnip').setup_snip_env() +local templates = {} + +-- check if the current buffer is empty +local bufempty = function(bufnr) + bufnr = bufnr or 0 + if vim.api.nvim_buf_get_offset(bufnr, 0) <= 0 then + local handle = io.open(vim.api.nvim_buf_get_name(bufnr)) + if handle == nil then + return true + end + local eof = handle:read(0) + handle:close() + if eof == nil then + return true + end + end + return false +end + +local register_template = function(pattern, snip) + templates[pattern] = snip + + vim.api.nvim_create_autocmd({ 'BufEnter', 'BufNewFile' }, { + pattern = pattern, + group = vim.api.nvim_create_augroup('Template' .. pattern, { clear = true }), + callback = function(opt) + if bufempty() then + require('luasnip').snip_expand(templates[pattern]) + require('luasnip').unlink_current() + end + end, + }) +end + +register_template( + 'deb/DEBIAN/changelog_blobs/*.txt', + s( + 'debian-changelog', + fmt( + [[ +ukp-agent (${VERSION}) unstable; urgency=medium + + * feat: <> +]], + { i(0) }, + { + delimiters = '<>', + } + ) + ) +) diff --git a/.config/nvim/lua/mod/gh.lua b/.config/nvim/lua/mod/gh.lua new file mode 100644 index 0000000..1f8a267 --- /dev/null +++ b/.config/nvim/lua/mod/gh.lua @@ -0,0 +1,86 @@ +local M = {} + +-- gh api \ +-- --method POST \ +-- -H "Accept: application/vnd.github+json" \ +-- -H "X-GitHub-Api-Version: 2022-11-28" \ +-- /repos/OWNER/REPO/pulls/PULL_NUMBER/comments \ + +function M.pr_comment(repo, pull, commit_id, comment) + vim.print(vim.inspect(comment)) + vim.print(vim.inspect({ + 'gh', + 'api', + '--method', + 'POST', + string.format('/repos/%s/pulls/%d/comments', repo, pull), + '-f', + 'body=' .. comment.body, + '-f', + 'commit_id=' .. commit_id, + '-f', + 'path=' .. comment.path, + '-f', + 'side=RIGHT', + '-f', + 'line=' .. comment.line, + })) +end + +function M.pr_view() + local p = vim + .system({ + 'gh', + 'pr', + 'view', + '--json', + 'number,headRepository,headRefOid', + '--jq', + '{head:.headRefOid,repo:.headRepository.nameWithOwner,pull:.number}', + }) + :wait() + return vim.json.decode(p.stdout) +end + +function M.submit_review() + local gitroot = vim.fs.root(0, { '.git' }) + if not gitroot then + vim.notify('Not a git repository.', vim.log.levels.WARN) + return + end + + local review = { comments = {} } + + local marks = require('haunt.api').get_bookmarks() + for _, mark in ipairs(marks) do + -- nil for bookmarks outside the current repo + local path = vim.fs.relpath(gitroot, mark.file) + if path then + review.comments[#review.comments] = { + path = path, + line = mark.line, + body = mark.note, + } + end + end + + review.pr = M.pr_view() + + vim.print(vim.inspect(review)) + + vim.ui.select({ + 'OK', + 'Cancel', + }, { + prompt = 'Submit review?', + }, function(choice) + vim.print(choice) + if choice == 'OK' then + for _, comment in ipairs(review.comments) do + M.pr_comment(pr.repo, pr.pull, pr.head, comment) + end + end + end) +end + +return M diff --git a/.config/nvim/lua/mod/git.lua b/.config/nvim/lua/mod/git.lua new file mode 100644 index 0000000..3e36e61 --- /dev/null +++ b/.config/nvim/lua/mod/git.lua @@ -0,0 +1,23 @@ +local M = {} + +function M.commit() + local commit = vim.fn.expand('') -- XXX: can we do better? + vim.cmd.DiffviewOpen(commit .. '^!') +end + +function M.log() + local bufnr = vim.api.nvim_create_buf(true, true) + assert(bufnr ~= 0, 'Failed to create buffer') + + vim.bo[bufnr].bufhidden = 'wipe' + vim.bo[bufnr].modifiable = true + vim.api.nvim_buf_set_lines(bufnr, 0, -1, true, content) + vim.bo[bufnr].modifiable = false + + vim.keymap.set('n', 'q', 'quit!', { silent = true, buffer = bufnr }) + vim.keymap.set('n', 'K', M.commit, { silent = true, buffer = bufnr }) + + vim.api.nvim_win_set_buf(0, bufnr) +end + +return M diff --git a/.config/nvim/lua/mod/jobs.lua b/.config/nvim/lua/mod/jobs.lua new file mode 100644 index 0000000..a4dea6f --- /dev/null +++ b/.config/nvim/lua/mod/jobs.lua @@ -0,0 +1,68 @@ +-- this plugin provides an API to register and recall jobs. + +local M = { + _jobs = {}, +} + +local function format_jobcmd(cmd) + if type(cmd) == 'table' then + return table.concat(cmd, ' ') + end + return cmd +end + +local function register(id, cmd) + table.insert(M._jobs, id, cmd) + vim.notify_once(string.format('started job %d (%s)', id, format_jobcmd(M._jobs[id]))) +end + +local function deregister(id) + local cmd = M._jobs[id] + table.insert(M._jobs, id, nil) + vim.notify_once(string.format('stopped job %d (%s)', id, format_jobcmd(cmd))) +end + +function M.start(opts) + local previous_on_exit = opts.on_exit or function() end + opts.on_exit = function(id, exitcode, event) + deregister(id) + return previous_on_exit(id, exitcode, event) + end + + local id = vim.fn.jobstart(opts.cmd, opts) + + register(id, opts.cmd) +end + +function M.select() + if #M._jobs == 0 then + vim.notify('No running jobs', vim.log.levels.WARN) + return + end + + local function provider(cb) + for id, cmd in pairs(M._jobs) do + cb(string.format('[%d] %s', id, format_jobcmd(cmd))) + end + cb(nil) + end + local function parse_jobid(entry) + return tonumber(string.match(entry, '%[([0-9]*)%]')) + end + + require('fzf-lua').fzf_exec(provider, { + prompt = 'Jobs❯', + actions = { + ['ctrl-x'] = { + fn = function(selected) + for _, entry in pairs(selected) do + vim.fn.jobstop(parse_jobid(entry)) + end + end, + reload = true, + }, + }, + }) +end + +return M diff --git a/.config/nvim/lua/mod/termopen.lua b/.config/nvim/lua/mod/termopen.lua new file mode 100644 index 0000000..f8117f1 --- /dev/null +++ b/.config/nvim/lua/mod/termopen.lua @@ -0,0 +1,102 @@ +-- this plugin provides a popup terminal. +local jobs = require('mod.jobs') + +local M = {} + +function M.termopen(opts) + opts = opts or {} + + -- setup the buffer + local buf = vim.api.nvim_create_buf(false, true) + vim.api.nvim_set_option_value('bufhidden', 'wipe', { buf = buf }) + vim.api.nvim_set_option_value('modifiable', false, { buf = buf }) + + -- setup keymappings + vim.keymap.set('n', 'q', 'close', { buffer = buf }) + vim.keymap.set('n', '', 'close', { buffer = buf }) + + -- setup the window + -- local w = math.ceil(vim.o.columns * 1.0) + -- local h = math.ceil(vim.o.lines * 0.4) + local win = vim.api.nvim_open_win(buf, true, { + -- style = 'minimal', + -- relative = 'editor', + -- width = w, + -- height = h, + -- row = math.ceil(vim.o.lines - h), + -- col = vim.o.columns, + -- border = { ' ', '─', ' ', ' ', ' ', '─', ' ', ' ' }, + split = 'below', + win = -1, + }) + vim.api.nvim_set_current_win(win) + + -- spawn the command + if #opts.cmd == 0 then + opts.cmd = { vim.env.SHELL } + end + + -- vim.notify('termopen: running ' .. vim.inspect(opts.cmd), vim.log.levels.DEBUG) + + jobs.start(vim.tbl_deep_extend('error', opts, { + term = true, + env = { + -- we need this to avoid opening in the term buffer + NVR_PRE_CMD = 'close', + }, + on_exit = function() + -- if vim.api.nvim_win_is_valid(win) then + -- vim.api.nvim_win_close(win, true) + -- end + end, + })) + + -- put into insert mode + vim.cmd.startinsert() +end + +-- wrappers convenience + +function M.term(a) + local cwd = nil + local args = a.fargs + + if #args > 0 then + if args[1]:sub(0, 4) == 'cwd=' then + cwd = args[1]:sub(5) + args = vim.list_slice(args, 2) + end + end + + for i = 0, #args do + if args[i] == '%' then + args[i] = vim.fn.expand(args[i]) + end + end + + M.termopen({ cmd = args, cwd = cwd }) +end + +function M.make(a) + if vim.opt_local.makeprg == nil then + vim.ui.input({ prompt = 'Enter makeprg: ' }, function(input) + vim.opt_local.makeprg = input + end) + end + + local makeprg = vim.opt_local.makeprg:get() + if string.match(makeprg, [[%$%*]]) == nil then + makeprg = makeprg .. ' ' .. a.args + end + + local cmd = vim.split(makeprg, ' ') + cmd = vim.tbl_map(function(p) + p, _ = string.gsub(p, [[%$%*]], a.args) + p, _ = vim.fn.expand(p) + return p + end, cmd) + + M.termopen({ cmd = cmd }) +end + +return M diff --git a/.config/nvim/lua/mod/utils.lua b/.config/nvim/lua/mod/utils.lua new file mode 100644 index 0000000..1f3cd8b --- /dev/null +++ b/.config/nvim/lua/mod/utils.lua @@ -0,0 +1,15 @@ +local M = {} + +function M.buf_edit_lines(buf, start_row, end_row, callback) + local lines = {} + lines = vim.api.nvim_buf_get_lines(buf, start_row, end_row, true) + lines = callback(lines) + return vim.api.nvim_buf_set_lines(buf, start_row, end_row, true, lines) +end + +function M.edit_current_line(callback) + local row, _ = unpack(vim.api.nvim_win_get_cursor(0)) + return M.buf_edit_lines(0, row - 1, row, callback) +end + +return M diff --git a/.config/nvim/lua/mod/win.lua b/.config/nvim/lua/mod/win.lua new file mode 100644 index 0000000..e5c5f71 --- /dev/null +++ b/.config/nvim/lua/mod/win.lua @@ -0,0 +1,110 @@ +local M = {} + +function M.open(name, content, opts) + if name == '' then + return + end + if #content == 0 then + return + end + + local opts = opts or {} + local autoclose = opts.autoclose or false + local buf_opts = opts.buf or { buftype = '' } + + local win_opts = opts.win or false + -- profiles + if type(win_opts) == 'table' and type(win_opts[1] == 'string') then + local profile = win_opts[1] + local overwrites = unpack(win_opts, 2) + if profile == 'emplace' then + win_opts = false + elseif profile == 'smallsplit' then + win_opts = { + split = 'above', + win = 0, + height = 20, + } + elseif profile == 'popup' then + local winh = vim.api.nvim_win_get_height(0) + local winw = vim.api.nvim_win_get_width(0) + local winsize = 0.5 + win_opts = { + relative = 'win', + height = math.floor(winh * winsize), + width = math.floor(winw * winsize), + row = math.floor((winh * 0.5) - (0.5 * (winh * winsize))), + col = math.floor((winw * 0.5) - (0.5 * (winw * winsize))), + style = 'minimal', + border = 'single', + zindex = 99, + title = name, + } + end + if overwrites then + for k, v in pairs(overwrites) do + win_opts[k] = v + end + end + end + + local bufnr = vim.api.nvim_create_buf(false, true) + assert(bufnr ~= 0, 'Failed to create buffer') + + vim.bo[bufnr].modifiable = true + vim.api.nvim_buf_set_name(bufnr, name) + vim.api.nvim_buf_set_lines(bufnr, 0, -1, true, content) + for k, v in pairs(buf_opts) do + vim.bo[bufnr][k] = v + end + + -- without win_opts (by default) replace current buffer + local winid = 0 + if win_opts then + winid = vim.api.nvim_open_win(0, not autoclose, win_opts) + assert(winid ~= 0, 'Failed to create window') + end + + vim.keymap.set('n', 'q', 'quit!', { silent = true, buffer = bufnr }) + + if autoclose then + local group = 'modwin_' .. vim.base64.encode(vim.uv.random(16)) + local group_id = vim.api.nvim_create_augroup(group, {}) + + vim.api.nvim_create_autocmd('WinClosed', { + pattern = tostring(winid), + group = group_id, + callback = function() + vim.api.nvim_create_augroup(group, {}) + M.winid = nil + end, + }) + vim.api.nvim_create_autocmd({ 'CursorMoved', 'CursorMovedI' }, { + group = group_id, + callback = function() + vim.api.nvim_create_augroup(group, {}) + pcall(vim.api.nvim_win_close, winid, true) + end, + }) + end + + vim.api.nvim_win_set_buf(winid, bufnr) + return { bufnr, winid } +end + +function M.popup(name, content, opts) + local defaults = { + autoclose = true, + buf = { + bufhidden = 'wipe', + buftype = 'nofile', + modifiable = false, + }, + win = { 'popup' }, + } + opts = opts or {} + opts = vim.tbl_deep_extend('force', defaults, opts) + M.open(name, content, opts) +end + +return M diff --git a/.config/nvim/lua/plugins/blink.lua b/.config/nvim/lua/plugins/blink.lua index 1122bcc..cefef4a 100644 --- a/.config/nvim/lua/plugins/blink.lua +++ b/.config/nvim/lua/plugins/blink.lua @@ -1,6 +1,7 @@ return { { - 'saghen/blink.cmp', + enabled = true, + 'https://github.com/saghen/blink.cmp.git', version = '1.*', lazy = false, @@ -25,7 +26,7 @@ return { -- TODO: -- 'prefer_rust_with_warning', requires nightly rust, due to: -- https://github.com/rust-lang/rust/issues/86656 - fuzzy = { + fuzzy = { implementation = 'lua', sorts = { function(a, b) @@ -35,11 +36,13 @@ return { } local a_priority = prio[a.source_id] or 0 local b_priority = prio[b.source_id] or 0 - if a_priority ~= b_priority then return a_priority > b_priority end + if a_priority ~= b_priority then + return a_priority > b_priority + end end, -- defaults 'score', - 'sort_text' + 'sort_text', }, }, @@ -74,6 +77,8 @@ return { window = { scrollbar = false }, -- BUG: weird artifacts }, + snippets = { preset = 'luasnip' }, + keymap = { [''] = { 'show', 'show_documentation', 'hide_documentation' }, [''] = { 'cancel', 'fallback' }, @@ -87,8 +92,14 @@ return { [''] = { 'snippet_backward', 'fallback' }, -- [''] = { 'show', 'hide', 'fallback' }, }, - - snippets = { preset = 'luasnip' }, + }, + }, + { + 'https://github.com/saghen/blink.indent.git', + opts = { + scope = { + highlights = { 'BlinkIndentScope' }, + }, }, }, } diff --git a/.config/nvim/lua/plugins/calcium.lua b/.config/nvim/lua/plugins/calcium.lua index f0ab78c..7ff1ba0 100644 --- a/.config/nvim/lua/plugins/calcium.lua +++ b/.config/nvim/lua/plugins/calcium.lua @@ -1,5 +1,6 @@ return { { + enabled = true, 'necrom4/calcium.nvim', cmd = {'Calcium'}, opts = { diff --git a/.config/nvim/lua/plugins/colorizer.lua b/.config/nvim/lua/plugins/colorizer.lua index c949058..0b69d5a 100644 --- a/.config/nvim/lua/plugins/colorizer.lua +++ b/.config/nvim/lua/plugins/colorizer.lua @@ -1,8 +1,9 @@ return { { - 'NvChad/nvim-colorizer.lua', + enabled = true, + 'https://github.com/NvChad/nvim-colorizer.lua.git', -- 'norcalli/nvim-colorizer.lua', - lazy = false, + lazy = true, opts = { options = { display = { diff --git a/.config/nvim/lua/plugins/colors.lua b/.config/nvim/lua/plugins/colors.lua new file mode 100644 index 0000000..764abfd --- /dev/null +++ b/.config/nvim/lua/plugins/colors.lua @@ -0,0 +1,12 @@ +return { + { + enabled = true, + 'https://github.com/oskarnurm/koda.nvim', + lazy = false, + priority = 1000, + config = function() + vim.opt.termguicolors = true + vim.cmd('colorscheme koda') + end, + } +} diff --git a/.config/nvim/lua/plugins/diff.lua b/.config/nvim/lua/plugins/diff.lua new file mode 100644 index 0000000..d758522 --- /dev/null +++ b/.config/nvim/lua/plugins/diff.lua @@ -0,0 +1,47 @@ +return { + { + enabled = true, + 'https://github.com/sindrets/diffview.nvim', + cmd = { + 'DiffviewOpen', + 'DiffviewFileHistory', + }, + init = function() + vim.keymap.set( + 'n', + 'g-', + vim.cmd.DiffviewFileHistory, + { desc = 'DiffviewFileHistory' } + ) + + vim.api.nvim_create_autocmd('Filetype', { + pattern = { 'git', 'gitcommit', 'gitrebase' }, + callback = function() + vim.keymap.set('n', 'K', function() + vim.cmd.DiffviewOpen(vim.fn.expand('') .. '^!') + end, { buffer = 0, desc = 'DiffviewOpen' }) + end, + }) + end, + config = function() + vim.api.nvim_create_autocmd('User', { + pattern = { 'DiffviewViewEnter' }, + callback = function() + vim.keymap.set('n', 'q', 'DiffviewClose', { buffer = 0 }) + vim.keymap.set( + 'n', + '', + require('diffview.actions').select_next_entry, + { buffer = 0 } + ) + vim.keymap.set( + 'n', + '', + require('diffview.actions').select_prev_entry, + { buffer = 0 } + ) + end, + }) + end, + }, +} diff --git a/.config/nvim/lua/plugins/fzf.lua b/.config/nvim/lua/plugins/fzf.lua index 73246a8..1a25c0d 100644 --- a/.config/nvim/lua/plugins/fzf.lua +++ b/.config/nvim/lua/plugins/fzf.lua @@ -1,5 +1,6 @@ return { { + enabled = true, 'ibhagwan/fzf-lua', dependencies = { 'echasnovski/mini.icons', @@ -13,10 +14,12 @@ return { { 'default' }, -- OPTIONS winopts = { + backdrop = 0, split = 'belowright 20new', border = 'none', preview = { border = 'none', + hidden = true, }, -- on_create = function() end, }, @@ -27,11 +30,12 @@ return { ['ctrl-p'] = 'up', }, }, - -- actions = { - -- files = { - -- ['ctrl-q'] = { fn = fzf.actions.file_sel_to_qf }, - -- }, - -- }, + actions = { + files = { + true, + ['ctrl-q'] = { fn = fzf.actions.file_sel_to_qf, prefix = 'select-all' }, + }, + }, fzf_colors = true, -- PICKER CONFIG files = { @@ -39,7 +43,7 @@ return { }, marks = { marks = '[a-zA-Z]', - } + }, }) end, keys = { @@ -48,11 +52,26 @@ return { { mode = 'n', ';b', 'FzfLua buffers', desc = 'fzf: buffers' }, { mode = 'n', ';f', 'FzfLua files', desc = 'fzf: find_files' }, { mode = 'n', ';g', 'FzfLua live_grep', desc = 'fzf: live_grep' }, - { mode = 'n', ';d', 'FzfLua diagnostics_workspace', desc = 'fzf: workspace diagnostics' }, - { mode = 'n', ';D', 'FzfLua diagnostics_document', desc = 'fzf: document diagnostics' }, + { + mode = 'n', + ';D', + 'FzfLua diagnostics_workspace sort=true', + desc = 'fzf: workspace diagnostics', + }, + { + mode = 'n', + ';d', + 'FzfLua diagnostics_document sort=true', + desc = 'fzf: document diagnostics', + }, { mode = 'n', ';h', 'FzfLua helptags', desc = 'fzf: help' }, { mode = 'n', ';s', 'FzfLua lsp_document_symbols', desc = 'fzf: document symbols' }, - { mode = 'n', ';w', 'FzfLua lsp_live_workspace_symbols', desc = 'fzf: workspace symbols' }, + { + mode = 'n', + ';w', + 'FzfLua lsp_live_workspace_symbols', + desc = 'fzf: workspace symbols', + }, { mode = 'n', ';m', 'FzfLua marks', desc = 'fzf: marks' }, { mode = 'n', @@ -62,12 +81,60 @@ return { end, desc = 'fzf: vim_config', }, - -- { - -- mode = 'n', - -- ';;t', - -- 'Telescope', - -- desc = 'telescope: select (interactive)', - -- }, + { + mode = 'n', + ';z', + function() + -- register one-time autocmd to open changed directory with oil + vim.api.nvim_create_autocmd('DirChanged', { + pattern = '*', + callback = vim.schedule_wrap(function(args) + vim.cmd.Oil(args.file) + end), + once = true, + }) + require('fzf-lua').zoxide() + end, + desc = 'fzf: zoxide', + }, + { + mode = 'n', + ';Z', + function() + require('fzf-lua').live_grep({ + cwd = vim.env.ZK_NOTEBOOK_DIR, + actions = { + ['ctrl-c'] = function(selected, opts) + local utils = require('fzf-lua.utils') + + local title = opts.last_query + local p = vim + .system({ 'zk', 'new', '--dry-run', '--no-input', '--title', title }, { text = true }) + :wait() + if not p.code == 0 then + return + end + utils.info(vim.inspect(p.stdout)) + + local note_path = vim.trim(p.stderr) + local note_body = vim.split(p.stdout, '\n') + require('mod.win').open(note_path, note_body, { + buf = { filetype = 'markdown' }, + }) + end, + }, + }) + end, + desc = 'fzf: zettelkasten', + }, + { + mode = 'n', + ';T', + function() + require('fzf-lua').live_grep({ regex = '(TODO|XXX|NOTE|HACK):' }) + end, + desc = 'fzf: zettelkasten', + }, { mode = 'n', ';;f', @@ -78,7 +145,6 @@ return { else dir = vim.fn.expand('%:p:h') end - -- require('fzf-lua').files({ cwd = dir }) _G.feedkeys(':Fzf files cwd=' .. dir) end, desc = 'fzf: files (interactive)', diff --git a/.config/nvim/lua/plugins/gentoo.lua b/.config/nvim/lua/plugins/gentoo.lua index 15ef3aa..9af7571 100644 --- a/.config/nvim/lua/plugins/gentoo.lua +++ b/.config/nvim/lua/plugins/gentoo.lua @@ -1,5 +1,6 @@ return { { + enabled = true, 'https://github.com/gentoo/gentoo-syntax', lazy = false, init = function() diff --git a/.config/nvim/lua/plugins/git.lua b/.config/nvim/lua/plugins/git.lua index d1e3f7b..7f1db6d 100644 --- a/.config/nvim/lua/plugins/git.lua +++ b/.config/nvim/lua/plugins/git.lua @@ -1,5 +1,6 @@ return { { + enabled = true, 'lewis6991/gitsigns.nvim', lazy = false, opts = { @@ -46,6 +47,7 @@ return { }, { + enabled = true, 'linrongbin16/gitlinker.nvim', cmd = { 'GitLink' }, dependencies = { 'nvim-lua/plenary.nvim' }, @@ -54,6 +56,7 @@ return { }, keys = { { + mode = { 'n', 'x' }, 'gl', vim.cmd.GitLink, desc = 'GitLinker: clipboard', @@ -62,11 +65,13 @@ return { }, { - enabled = false, + enabled = true, 'moyiz/git-dev.nvim', lazy = true, cmd = { 'GitDevOpen', 'GitDevCleanAll' }, opts = { + pickers = { type = 'uiselect' }, + ephemeral = false, read_only = false, }, }, diff --git a/.config/nvim/lua/plugins/haunt.lua b/.config/nvim/lua/plugins/haunt.lua new file mode 100644 index 0000000..aa24cec --- /dev/null +++ b/.config/nvim/lua/plugins/haunt.lua @@ -0,0 +1,47 @@ +return { + { + enabled = true, + 'https://github.com/TheNoeTrevino/haunt.nvim', + lazy = true, + opts = { + sign = '', + -- sign_hl = nil, + -- line_hl = nil, + -- virt_text_hl = nil, + data_dir = nil, + annotation_prefix = '  ', + -- virt_text_pos = 'eol', + virt_text_pos = 'above', + picker_keys = { + delete = { key = 'ctrl-x' }, + edit_annotation = { key = 'ctrl-e' }, + }, + }, + cmd = { + 'HauntAnnoate', + 'HauntDelete', + 'HauntList', + 'HauntNext', + 'HauntPrev', + 'HauntQfAll', + }, + keys = { + { '[h', 'HauntPrev', desc = 'haunt: prev annotation', silent = true }, + { ']h', 'HauntNext', desc = 'haunt: next annotation', silent = true }, + { 'h', '', desc = 'haunt' }, + { 'ha', 'HauntAnnotate', desc = 'haunt: annotate', silent = true }, + { 'ha', 'HauntAnnotate', desc = 'haunt: annotate', silent = true }, + { 'hd', 'HauntDelete', desc = 'haunt: delete', silent = true }, + { 'hl', 'HauntList', desc = 'haunt: list', silent = true }, + { 'hf', 'HauntQfAll', desc = 'haunt: quickfix', silent = true }, + { + 'ht', + function() + require('haunt.api').toggle_all_lines() + end, + desc = 'haunt: toggle all', + silent = true, + }, + }, + }, +} diff --git a/.config/nvim/lua/plugins/icons.lua b/.config/nvim/lua/plugins/icons.lua index 9a597ab..339ad12 100644 --- a/.config/nvim/lua/plugins/icons.lua +++ b/.config/nvim/lua/plugins/icons.lua @@ -1,5 +1,6 @@ return { { + enabled = true, 'echasnovski/mini.icons', version = false, events = { 'VeryLazy' }, diff --git a/.config/nvim/lua/plugins/indent.lua b/.config/nvim/lua/plugins/indent.lua index e247c5a..d197a43 100644 --- a/.config/nvim/lua/plugins/indent.lua +++ b/.config/nvim/lua/plugins/indent.lua @@ -1,6 +1,7 @@ return { -- show indents using virtual text { + enabled = false, 'lukas-reineke/indent-blankline.nvim', lazy = false, main = 'ibl', diff --git a/.config/nvim/lua/plugins/lsp.lua b/.config/nvim/lua/plugins/lsp.lua index 311f1bc..306953c 100644 --- a/.config/nvim/lua/plugins/lsp.lua +++ b/.config/nvim/lua/plugins/lsp.lua @@ -1,14 +1,22 @@ return { { + enabled = true, 'neovim/nvim-lspconfig', version = '^2.0', }, { + enabled = true, 'nvimtools/none-ls.nvim', dependencies = { 'nvim-lua/plenary.nvim', 'gbprod/none-ls-shellcheck.nvim', }, + ft = { + 'sh', + 'bash', + 'go', + 'lua', + }, config = function() local nls = require('null-ls') nls.setup({ @@ -18,10 +26,25 @@ return { nls.builtins.formatting.stylua, nls.builtins.formatting.shfmt, - nls.builtins.formatting.buf, - require("none-ls-shellcheck.diagnostics"), - require("none-ls-shellcheck.code_actions"), + require('none-ls-shellcheck.diagnostics'), + require('none-ls-shellcheck.code_actions'), + + nls.builtins.diagnostics.golangci_lint.with({ + command = 'task', + args = { + '--offline', + '--silent', + '--exit-code', + '--failfast', + '--output=interleaved', + 'go:lint', + '--', + '--show-stats=false', + '--output.json.path=stdout', + '--path-mode=abs', + }, + }), }, }) end, diff --git a/.config/nvim/lua/plugins/markdown.lua b/.config/nvim/lua/plugins/markdown.lua index efe7019..a02cb67 100644 --- a/.config/nvim/lua/plugins/markdown.lua +++ b/.config/nvim/lua/plugins/markdown.lua @@ -1,5 +1,6 @@ return { { + enabled = true, -- handy markdown commands 'tadmccorkle/markdown.nvim', ft = { 'markdown' }, @@ -17,6 +18,7 @@ return { }, }, { + enabled = true, -- pretty markdown 'MeanderingProgrammer/markdown.nvim', name = 'render-markdown', -- needed if used together with markdown.nvim above diff --git a/.config/nvim/lua/plugins/mini.lua b/.config/nvim/lua/plugins/mini.lua index fb4c9a6..fdf4a0e 100644 --- a/.config/nvim/lua/plugins/mini.lua +++ b/.config/nvim/lua/plugins/mini.lua @@ -1,23 +1,27 @@ return { { + enabled = true, 'echasnovski/mini.align', version = false, lazy = false, opts = {}, }, { + enabled = true, 'echasnovski/mini.ai', version = false, lazy = false, opts = {}, }, { + enabled = true, 'echasnovski/mini.surround', version = false, lazy = false, opts = {}, }, { + enabled = true, 'echasnovski/mini.operators', version = false, lazy = false, diff --git a/.config/nvim/lua/plugins/minimap.lua b/.config/nvim/lua/plugins/minimap.lua new file mode 100644 index 0000000..99e9ec7 --- /dev/null +++ b/.config/nvim/lua/plugins/minimap.lua @@ -0,0 +1,13 @@ +return { + { + enabled = false, + 'alchezar/fishbone.nvim', + event = 'VeryLazy', + opts = {}, + }, + { + enabled = false, + 'https://github.com/lewis6991/satellite.nvim', + opts = {}, + } +} diff --git a/.config/nvim/lua/plugins/oil.lua b/.config/nvim/lua/plugins/oil.lua index 401fe8b..d21b041 100644 --- a/.config/nvim/lua/plugins/oil.lua +++ b/.config/nvim/lua/plugins/oil.lua @@ -1,5 +1,6 @@ return { { + enabled = true, 'stevearc/oil.nvim', lazy = false, opts = { diff --git a/.config/nvim/lua/plugins/snippets.lua b/.config/nvim/lua/plugins/snippets.lua index 71276a0..2a38a1d 100644 --- a/.config/nvim/lua/plugins/snippets.lua +++ b/.config/nvim/lua/plugins/snippets.lua @@ -1,5 +1,6 @@ return { { + enabled = true, 'L3MON4D3/LuaSnip', version = 'v2.*', build = 'make install_jsregexp', diff --git a/.config/nvim/lua/plugins/treesitter.lua b/.config/nvim/lua/plugins/treesitter.lua index 0978eb7..ccacc7a 100644 --- a/.config/nvim/lua/plugins/treesitter.lua +++ b/.config/nvim/lua/plugins/treesitter.lua @@ -1,5 +1,6 @@ return { { + enabled = true, 'nvim-treesitter/nvim-treesitter', branch = 'main', lazy = false, @@ -36,6 +37,7 @@ return { 'gotmpl', 'gowork', 'html', + 'janet_simple', 'javascript', 'json', 'lua', @@ -43,15 +45,18 @@ return { 'markdown', 'markdown_inline', 'ninja', + 'proto', 'python', 'regex', 'rust', 'scss', 'sql', + 'templ', -- golang html templates 'todotxt', 'toml', 'typescript', 'typst', + 'vala', 'vim', 'vimdoc', 'yaml', diff --git a/.config/nvim/lua/plugins/whichkey.lua b/.config/nvim/lua/plugins/whichkey.lua index cb89df4..442b43f 100644 --- a/.config/nvim/lua/plugins/whichkey.lua +++ b/.config/nvim/lua/plugins/whichkey.lua @@ -1,9 +1,19 @@ return { { + enabled = true, 'folke/which-key.nvim', event = 'VeryLazy', opts = { icons = { separator = '→ ', group = ' +' }, }, + keys = { + { + '?', + function() + require('which-key').show({ global = true }) + end, + desc = 'which-key: show buffer local keymaps', + }, + }, }, } diff --git a/.config/nvim/plugin/mod.lua b/.config/nvim/plugin/mod.lua new file mode 100644 index 0000000..a26bf46 --- /dev/null +++ b/.config/nvim/plugin/mod.lua @@ -0,0 +1,25 @@ +-- register keybinds and commands for lua/mod/?.lua here + +-- jobs.lua +vim.api.nvim_create_user_command('Jobs', function(a) require('mod.jobs').select(a) end, + { nargs = 0, desc = 'jobs: List running jobs' }) + +vim.keymap.set('n', ';j', 'Jobs', { desc = 'fzf: jobs' }) + +-- termopen.lua +vim.api.nvim_create_user_command('Term', function(a) require('mod.termopen').term(a) end, + { nargs = '*', desc = 'termopen: Terminal' }) +vim.api.nvim_create_user_command('Make', function(a) require('mod.termopen').make(a) end, + { nargs = '*', desc = 'termopen: Make' }) + +vim.keymap.set('n', 'm', 'Make', { desc = 'termopen: make' }) +vim.keymap.set('n', 't', 'Termopen', { desc = 'termopen: shell' }) +vim.keymap.set('n', 'l', function() + vim.ui.input({ prompt = 'Launch: ' }, function(input) + if input ~= nil and #input > 0 then + require('mod.termopen').termopen({ cmd = { vim.env.SHELL, '-c', input } }) + else + vim.notify('termopen: empty arguments', vim.log.levels.WARN) + end + end) +end, { desc = 'termopen: Launch' }) diff --git a/.config/pimsync/pimsync.conf b/.config/pimsync/pimsync.conf index 8fed018..b85c959 100644 --- a/.config/pimsync/pimsync.conf +++ b/.config/pimsync/pimsync.conf @@ -4,22 +4,26 @@ status_path "~/.local/state/pimsync/status/" # PAIRS pair calendars_robert { - storage_a calendars_robert_local - storage_b gzr_robert_calendar_remote + storage_a gzr_robert_calendar_remote + storage_b calendars_robert_local collections all + conflict_resolution cmd nvim -d } pair contacts_robert { - storage_a contacts_local - storage_b gzr_robert_contacts_remote + storage_a gzr_robert_contacts_remote + storage_b contacts_local collections all + conflict_resolution cmd nvim -d } pair calendars_goro { - storage_a calendars_goro_local - storage_b gzr_goro_calendar_remote + storage_a gzr_goro_calendar_remote + storage_b calendars_goro_local # NOTE: only sync events - collection events + # collection events + collections all + conflict_resolution cmd nvim -d } # STORAGE LOCAL diff --git a/.config/rc/conf.d/podman b/.config/rc/conf.d/podman new file mode 100644 index 0000000..e78ef15 --- /dev/null +++ b/.config/rc/conf.d/podman @@ -0,0 +1 @@ +export DOCKER_BUILDKIT=1 diff --git a/.config/rc/init.d/secretsd b/.config/rc/init.d/secretsd new file mode 100755 index 0000000..8c639a9 --- /dev/null +++ b/.config/rc/init.d/secretsd @@ -0,0 +1,18 @@ +#!/sbin/openrc-run +DBUS_SESSION_BUS_ADDRESS="unix:path=${XDG_RUNTIME_DIR}/bus" +SECRETSD_HOME=${XDG_DATA_HOME}/secretsd + +description="Lightweight Wayland notification daemon" + +command="/usr/bin/secretsd" +command_args="--no-syslog --db-path=${SECRETSD_HOME}/db --key-location=file:${SECRETSD_HOME}/key" +supervisor=supervise-daemon +error_logger="logger -t '${RC_SVCNAME}' -p daemon.error" + +depend() { + need dbus +} + +start_pre() { + checkpath -q -d ${SECRETSD_HOME} +} diff --git a/.config/rc/init.d/syncthing b/.config/rc/init.d/syncthing index 083b092..8a790f8 100755 --- a/.config/rc/init.d/syncthing +++ b/.config/rc/init.d/syncthing @@ -12,3 +12,10 @@ browser() { syncthing browser eend $? "Opened syncthing gui in the browser" } + +start_post() { + pkill -RTMIN+3 waybar +} +stop_post() { + pkill -RTMIN+3 waybar +} diff --git a/.config/rc/init.d/xdg-desktop-portal b/.config/rc/init.d/xdg-desktop-portal index aeacb00..1852935 100755 --- a/.config/rc/init.d/xdg-desktop-portal +++ b/.config/rc/init.d/xdg-desktop-portal @@ -1,10 +1,6 @@ #!/sbin/openrc-run -DBUS_SESSION_BUS_ADDRESS="unix:path=${XDG_RUNTIME_DIR}/bus" - -supervisor=supervise-daemon -command="/usr/libexec/xdg-desktop-portal" -command_args="--replace $command_args" -error_logger="logger -t '${RC_SVCNAME}' -p daemon.error" +# Copyright 1999-2025 Gentoo Authors +# Distributed under the terms of the GNU General Public License, v2 or later depend() { need dbus \ @@ -12,3 +8,8 @@ depend() { xdg-desktop-portal-wlr \ xdg-desktop-portal-darkman } + +DBUS_SESSION_BUS_ADDRESS="unix:path=${XDG_RUNTIME_DIR}/bus" +supervisor=supervise-daemon +command="/usr/libexec/xdg-desktop-portal" +error_logger="logger -t '${RC_SVCNAME}' -p daemon.error" diff --git a/.config/rc/runlevels/desktop/fcitx5 b/.config/rc/runlevels/desktop/fcitx5 deleted file mode 120000 index a7b382d..0000000 --- a/.config/rc/runlevels/desktop/fcitx5 +++ /dev/null @@ -1 +0,0 @@ -/home/robert/.config/rc/init.d/fcitx5 \ No newline at end of file diff --git a/.config/rc/runlevels/desktop/secretsd b/.config/rc/runlevels/desktop/secretsd new file mode 120000 index 0000000..bafe0c8 --- /dev/null +++ b/.config/rc/runlevels/desktop/secretsd @@ -0,0 +1 @@ +/home/robert/.config/rc/init.d/secretsd \ No newline at end of file diff --git a/.config/river/init b/.config/river/init deleted file mode 100755 index ae976d7..0000000 --- a/.config/river/init +++ /dev/null @@ -1,143 +0,0 @@ -#!/bin/sh - -# start desktop runlevel -riverctl spawn 'openrc -U desktop' - -# ::start style -riverctl background-color 0x080808ff -riverctl border-color-focused 0x70649aff -riverctl border-color-unfocused 0x080808af -riverctl border-color-urgent 0xcb1b45ff -riverctl border-width 3 -# ::end style - -# rules -riverctl rule-add -app-id '*' ssd -riverctl rule-add -app-id 'librewolf' -title 'Picture-in-Picture' float -riverctl rule-add -app-id 'workfox' ssd -riverctl rule-add -app-id 'foot-float' float -riverctl rule-add -app-id 'mpv' float -riverctl rule-add -app-id 'nm-connection-editor' float - -# keymaps: wm -riverctl map normal Super+Shift E spawn 'openrc -U default && riverctl exit' -riverctl map normal Super+Shift Q close -riverctl map normal Super+Shift Return zoom -riverctl map normal Super F toggle-fullscreen -riverctl map normal Super+Shift Space toggle-float - -riverctl map normal Super J focus-view next -riverctl map normal Super K focus-view previous -riverctl map normal Super L focus-view right -riverctl map normal Super H focus-view left -riverctl map normal Super+Shift J swap next -riverctl map normal Super+Shift K swap previous -riverctl map normal Super+Shift L swap right -riverctl map normal Super+Shift H swap left -riverctl map normal Super Backspace focus-previous-tags -riverctl map normal Super+Shift Backspace move-previous-tags -riverctl map normal Super Period focus-output next -riverctl map normal Super Comma focus-output previous -riverctl map normal Super+Shift Period send-to-output next -riverctl map normal Super+Shift Comma send-to-output previous -all_tags=$(((1 << 32) - 1)) -riverctl map normal Super 0 set-focused-tags $all_tags -riverctl map normal Super+Shift 0 set-view-tags $all_tags -for i in $(seq 1 9); do - tags=$((1 << (i - 1))) - # tag management - riverctl map normal Super "$i" set-focused-tags "$tags" - riverctl map normal Super+Shift "$i" set-view-tags "$tags" - riverctl map normal Super+Control "$i" toggle-focused-tags "$tags" - riverctl map normal Super+Shift+Control "$i" toggle-view-tags "$tags" -done -riverctl map-pointer normal Super BTN_LEFT move-view -riverctl map-pointer normal Super BTN_RIGHT resize-view - -# keymaps: apps -riverctl map normal Super Return spawn 'footclient' -riverctl map normal Super+Control Return spawn 'foot -a foot-float -W 120x40' -riverctl map normal Super D spawn 'fuzzel' -riverctl map normal Super Z spawn 'footclient -- sleep .4 && zk e' -riverctl map normal Super+Shift S spawn '~/bin/grimshot' - -# keymaps: cmd mode -riverctl declare-mode cmd -riverctl map normal Super Space enter-mode cmd -riverctl map cmd None Escape enter-mode normal -riverctl map cmd None Space spawn "riverctl enter-mode normal; menm" -riverctl map cmd None Backspace spawn "riverctl enter-mode normal; susm" -riverctl map cmd None A spawn "riverctl enter-mode normal; audm" -riverctl map cmd None B spawn "riverctl enter-mode normal; blum" -riverctl map cmd None C spawn "riverctl enter-mode normal; netm" -riverctl map cmd None D spawn "riverctl enter-mode normal; dskm" -riverctl map cmd None F spawn "riverctl enter-mode normal; fm" -riverctl map cmd None K spawn "riverctl enter-mode normal; keym" -riverctl map cmd None N spawn "riverctl enter-mode normal; ntfm" -riverctl map cmd None P spawn "riverctl enter-mode normal; pasm" -riverctl map cmd None R spawn "riverctl enter-mode normal; svcm" -riverctl map cmd None S spawn "riverctl enter-mode normal; snim" -riverctl map cmd None T spawn "riverctl enter-mode normal; flatpak run com.odnoyko.valot --compact" -riverctl map cmd None V spawn "riverctl enter-mode normal; vpnm" -riverctl map cmd None X spawn "riverctl enter-mode normal; fuzzel --list-executables-in-path" -riverctl map cmd Shift C spawn "riverctl enter-mode normal; calm" - -# keymaps: misc -# riverctl map-switch normal lid close spawn 'waylock -init-color 0x005469 & playerctl pause' -riverctl map-switch normal lid close spawn 'fyi todo lock' - -riverctl map normal Super B spawn 'pkill -USR1 waybar' -riverctl map normal Super+Alt K spawn 'mpv ~/pictures/fwkeyboard.jpg' - -riverctl map normal Super C spawn 'fyi todo xf86copy' -riverctl map normal Super X spawn 'fyi todo xf86cut' -riverctl map normal Super V spawn 'fyi todo xf86paste' - -# keymaps: fn/media keys -riverctl map normal None XF86AudioRaiseVolume spawn 'wpctl set-volume --limit=1.0 @DEFAULT_AUDIO_SINK@ 5%+' -riverctl map normal None XF86AudioLowerVolume spawn 'wpctl set-volume --limit=1.0 @DEFAULT_AUDIO_SINK@ 5%-' -riverctl map normal None XF86AudioMute spawn 'wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle' -riverctl map normal None XF86AudioMicMute spawn 'wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle' -riverctl map normal None XF86AudioPlay spawn 'playerctl -p playerctld play-pause' -riverctl map normal None XF86AudioPrev spawn 'playerctl -p playerctld previous' -riverctl map normal None XF86AudioNext spawn 'playerctl -p playerctld next' -riverctl map normal None XF86MonBrightnessUp spawn 'brightnessctl set +5%' -riverctl map normal None XF86MonBrightnessDown spawn 'brightnessctl set 5%-' - -# input -riverctl keyboard-layout -options caps:super,eurosign:5 -variant mac us -riverctl set-repeat 70 200 -riverctl set-cursor-warp on-output-change -riverctl focus-follows-cursor normal -riverctl hide-cursor timeout 0 -riverctl hide-cursor when-typing disabled -riverctl xcursor-theme Adwaita 16 - -riverctl input 'pointer-*' natural-scroll enabled -riverctl input 'pointer-*' pointer-accel 0 -riverctl input 'pointer-*' tap enabled -riverctl input 'pointer-*' accel-profile adaptive -riverctl input 'pointer-*' disable-while-typing enabled -riverctl input '*Kensington_Slimblade_Trackball' natural-scroll disabled -riverctl input '*Kensington_Slimblade_Trackball' pointer-accel 1 - -# spawn a terminal -riverctl spawn foot - -# wm -riverctl default-layout rivercarro - -riverctl map normal Super Equal send-layout-cmd rivercarro 'main-ratio +0.02' -riverctl map normal Super Minus send-layout-cmd rivercarro 'main-ratio -0.02' -riverctl map normal Super+Alt H send-layout-cmd rivercarro 'main-location left' -riverctl map normal Super+Alt K send-layout-cmd rivercarro 'main-location top' -riverctl map normal Super+Alt J send-layout-cmd rivercarro 'main-location bottom' -riverctl map normal Super+Alt L send-layout-cmd rivercarro 'main-location right' -riverctl map normal Super+Alt Space send-layout-cmd rivercarro 'main-location monocle' - -exec /usr/bin/rivercarro \ - -inner-gaps 3 \ - -outer-gaps 3 \ - -main-location left \ - -main-ratio 0.6 \ - -main-count 1 diff --git a/.config/river/init b/.config/river/init new file mode 120000 index 0000000..f94bf12 --- /dev/null +++ b/.config/river/init @@ -0,0 +1 @@ +init3 \ No newline at end of file diff --git a/.config/river/init3 b/.config/river/init3 new file mode 100755 index 0000000..0c25fc6 --- /dev/null +++ b/.config/river/init3 @@ -0,0 +1,148 @@ +#!/bin/sh + +# start desktop runlevel +riverctl spawn 'openrc -U desktop' + +# ::start style +riverctl background-color 0x080808ff +riverctl border-color-focused 0x70649aff +riverctl border-color-unfocused 0x080808af +riverctl border-color-urgent 0xcb1b45ff +riverctl border-width 3 +# ::end style + +# rules +riverctl rule-add -app-id '*' ssd +riverctl rule-add -app-id 'librewolf' -title 'Picture-in-Picture' float +riverctl rule-add -app-id 'librewolf' -title 'Extension:*' float +riverctl rule-add -app-id 'workfox' ssd +riverctl rule-add -app-id '*+float' float +riverctl rule-add -app-id 'mpv' float +riverctl rule-add -app-id 'nm-connection-editor' float +riverctl rule-add -app-id 'ibus-ui-gtk3' float +riverctl rule-add -app-id 'thunar' -title 'File Operation Progress' float + +# keymaps: wm +riverctl map normal Super+Shift E spawn 'openrc -U default && riverctl exit' +riverctl map normal Super+Shift Q close +riverctl map normal Super+Shift Return zoom +riverctl map normal Super F toggle-fullscreen +riverctl map normal Super+Shift Space toggle-float + +riverctl map normal Super J focus-view next +riverctl map normal Super K focus-view previous +riverctl map normal Super L focus-view right +riverctl map normal Super H focus-view left +riverctl map normal Super+Shift J swap next +riverctl map normal Super+Shift K swap previous +riverctl map normal Super+Shift L swap right +riverctl map normal Super+Shift H swap left +riverctl map normal Super Backspace focus-previous-tags +riverctl map normal Super+Shift Backspace move-previous-tags +riverctl map normal Super Period focus-output next +riverctl map normal Super Comma focus-output previous +riverctl map normal Super+Shift Period send-to-output next +riverctl map normal Super+Shift Comma send-to-output previous +all_tags=$(((1 << 32) - 1)) +riverctl map normal Super 0 set-focused-tags $all_tags +riverctl map normal Super+Shift 0 set-view-tags $all_tags +for i in $(seq 1 9); do + tags=$((1 << (i - 1))) + # tag management + riverctl map normal Super "$i" set-focused-tags "$tags" + riverctl map normal Super+Shift "$i" set-view-tags "$tags" + riverctl map normal Super+Control "$i" toggle-focused-tags "$tags" + riverctl map normal Super+Shift+Control "$i" toggle-view-tags "$tags" +done +riverctl map-pointer normal Super BTN_LEFT move-view +riverctl map-pointer normal Super BTN_RIGHT resize-view + +# keymaps: apps +riverctl map normal Super Return spawn 'footclient' +riverctl map normal Super+Control Return spawn 'foot --app-id foot+float --window-size-chars 120x40' +# riverctl map normal Super Return spawn 'monstar' +# riverctl map normal Super+Control Return spawn 'monstar --app-id monstar+float --window-size-chars 120x40' +riverctl map normal Super D spawn 'fuzzel' +riverctl map normal Super Z spawn 'footclient -- zk e' +riverctl map normal Super+Shift S spawn 'grimshot' + +# keymaps: cmd mode +riverctl declare-mode cmd +riverctl map normal Super Space enter-mode cmd +riverctl map cmd None Escape enter-mode normal +riverctl map cmd None Space spawn "riverctl enter-mode normal; menm" +riverctl map cmd None Backspace spawn "riverctl enter-mode normal; susm" +riverctl map cmd None A spawn "riverctl enter-mode normal; audm" +riverctl map cmd None B spawn "riverctl enter-mode normal; blum" +riverctl map cmd None C spawn "riverctl enter-mode normal; netm" +riverctl map cmd None D spawn "riverctl enter-mode normal; dskm" +riverctl map cmd None F spawn "riverctl enter-mode normal; fm" +riverctl map cmd None K spawn "riverctl enter-mode normal; keym" +riverctl map cmd None N spawn "riverctl enter-mode normal; ntfm" +riverctl map cmd None P spawn "riverctl enter-mode normal; pasm" +riverctl map cmd None R spawn "riverctl enter-mode normal; svcm" +riverctl map cmd None S spawn "riverctl enter-mode normal; snim" +riverctl map cmd None T spawn "riverctl enter-mode normal; vpnm" +riverctl map cmd None X spawn "riverctl enter-mode normal; fuzzel --list-executables-in-path" +riverctl map cmd Shift C spawn "riverctl enter-mode normal; calm" + +# keymaps: misc +# riverctl map-switch normal lid close spawn 'waylock -init-color 0x005469 & playerctl pause' +riverctl map-switch normal lid close spawn 'fyi todo lock' + +riverctl map normal Super B spawn 'pkill -USR1 waybar' +riverctl map normal Super+Control K spawn 'mpv ~/pictures/fwkeyboard.jpg' +riverctl map normal Super O spawn 'ocr' + +riverctl map normal Super C spawn 'fyi todo xf86copy' +riverctl map normal Super X spawn 'fyi todo xf86cut' +riverctl map normal Super V spawn 'fyi todo xf86paste' + +# keymaps: fn/media keys +riverctl map normal None XF86AudioRaiseVolume spawn 'wpctl set-volume --limit=1.0 @DEFAULT_AUDIO_SINK@ 5%+' +riverctl map normal None XF86AudioLowerVolume spawn 'wpctl set-volume --limit=1.0 @DEFAULT_AUDIO_SINK@ 5%-' +riverctl map normal None XF86AudioMute spawn 'wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle' +riverctl map normal None XF86AudioMicMute spawn 'wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle' +riverctl map normal None XF86AudioPlay spawn 'playerctl -p playerctld play-pause' +riverctl map normal None XF86AudioPrev spawn 'playerctl -p playerctld previous' +riverctl map normal None XF86AudioNext spawn 'playerctl -p playerctld next' +riverctl map normal None XF86MonBrightnessUp spawn 'brightnessctl set +5%' +riverctl map normal None XF86MonBrightnessDown spawn 'brightnessctl set 5%-' + +# input +riverctl keyboard-layout -options caps:super,eurosign:5 -variant mac us +riverctl set-repeat 70 200 +riverctl set-cursor-warp on-output-change +riverctl focus-follows-cursor normal +riverctl hide-cursor timeout 5000 +riverctl hide-cursor when-typing enabled +riverctl xcursor-theme Adwaita 16 + +riverctl input 'pointer-*' natural-scroll enabled +riverctl input 'pointer-*' pointer-accel 0 +riverctl input 'pointer-*' tap enabled +riverctl input 'pointer-*' accel-profile adaptive +riverctl input 'pointer-*' disable-while-typing enabled +riverctl input '*Kensington_Slimblade_Trackball' natural-scroll disabled +riverctl input '*Kensington_Slimblade_Trackball' pointer-accel 1 + +# spawn a terminal +riverctl spawn foot + +# wm +riverctl default-layout rivercarro + +riverctl map normal Super Equal send-layout-cmd rivercarro 'main-ratio +0.02' +riverctl map normal Super Minus send-layout-cmd rivercarro 'main-ratio -0.02' +riverctl map normal Super+Alt H send-layout-cmd rivercarro 'main-location left' +riverctl map normal Super+Alt K send-layout-cmd rivercarro 'main-location top' +riverctl map normal Super+Alt J send-layout-cmd rivercarro 'main-location bottom' +riverctl map normal Super+Alt L send-layout-cmd rivercarro 'main-location right' +riverctl map normal Super+Alt Space send-layout-cmd rivercarro 'main-location monocle' + +exec /usr/bin/rivercarro \ + -inner-gaps 3 \ + -outer-gaps 3 \ + -main-location left \ + -main-ratio 0.6 \ + -main-count 1 diff --git a/.config/starship.toml b/.config/starship.toml index 724526a..710cd66 100644 --- a/.config/starship.toml +++ b/.config/starship.toml @@ -2,6 +2,7 @@ format = """ ⋮ \ +${env_var.ZMX_SESSION}\ $container\ $username\ $hostname\ @@ -27,6 +28,11 @@ $character\ add_newline = false command_timeout = 100 +[env_var.ZMX_SESSION] +symbol = "" +format = "[\\[$symbol$env_value\\]]($style) " +style = "bold green" + [container] symbol = ' ' format = '[$symbol\[$name\]]($style) ' @@ -116,3 +122,4 @@ disabled = false format = '$symbol ' success_symbol = '[❯](bold)' error_symbol = '[❯](bold red)' + diff --git a/.config/tridactyl/themes/r.css b/.config/tridactyl/themes/r.css index 05b47a6..b2d56a4 100644 --- a/.config/tridactyl/themes/r.css +++ b/.config/tridactyl/themes/r.css @@ -21,11 +21,11 @@ --tridactyl-of-fg: #fce19f; --tridactyl-of-bg: var(--tridactyl-bg); - --tridactyl-hintspan-fg: #f9f9fa; + --tridactyl-hintspan-fg: var(--tridactyl-bg); --tridactyl-hintspan-bg: rgb(185, 142, 255); --tridactyl-hint-fg: var(--tridactyl-hintspan-fg); - --tridactyl-hint-bg: rgba(185, 142, 255, 0.15); + --tridactyl-hint-bg: color-mix(in srgb, var(--tridactyl-hintspan-bg) 33%, transparent); --tridactyl-hint-outline: 1px solid var(--tridactyl-hintspan-bg); --tridactyl-hint-active-fg: var(--tridactyl-hint-fg); diff --git a/.config/tridactyl/tridactylrc b/.config/tridactyl/tridactylrc index 526b7eb..d74d7fa 100644 --- a/.config/tridactyl/tridactylrc +++ b/.config/tridactyl/tridactylrc @@ -21,19 +21,22 @@ unbind unbind unbind --mode=ex " select all in cmdline unbind --mode=browser +unbind bind n findnext 1 bind N findnext -1 " hint: mpv/video -set exaliases.mpvsafe js -p tri.excmds.shellescape(JS_ARG).then(u => tri.excmds.exclaim_quiet(`play-mpv ${u}`)) +set exaliases.mpvsafe js -p tri.excmds.shellescape(JS_ARG).then(u => tri.excmds.exclaim_quiet(`play-mpv '${u}'`)) bind gv composite get_current_url | mpvsafe bind yv composite getclip | mpvsafe bind ;v hint -W mpvsafe -"bind ;e hint -hW js -p tri.excmds.exclaim_quiet(`${tri.config.get('editorcmd')} /tmp/tridactl.${document.location.hostname}.txt '+normal!i${JS_ARG}'`) +alias editor_rm composite editor | jsb -p tri.native.run(`rm -f '${JS_ARG[0]}'`) +bind --mode=insert editor_rm +bind --mode=input editor_rm -set exaliases.imgsafe js -p tri.excmds.shellescape(JS_ARG).then(u => tri.excmds.exclaim_quiet(`fyi 'tridactyl::mvi' ${u} && mvi ${u}`)) +set exaliases.imgsafe mpvsafe bind ;i composite hint -Jpipe img | js -p JS_ARG.src | imgsafe bind gp composite get_current_url | winopen -popup diff --git a/.config/tridactyl/tridactylrc.default b/.config/tridactyl/tridactylrc.default index e505eec..7eb10cb 100644 --- a/.config/tridactyl/tridactylrc.default +++ b/.config/tridactyl/tridactylrc.default @@ -36,3 +36,5 @@ autocontain -s reddit\.com weeb autocontain -s kitsu\.app weeb autocontain -s trakt\.tv weeb autocontain -s anilist\.co weeb + +autocontain -s instagram\.com meta diff --git a/.config/waybar/config.jsonc b/.config/waybar/config.jsonc index eac00c8..66cc917 100644 --- a/.config/waybar/config.jsonc +++ b/.config/waybar/config.jsonc @@ -6,18 +6,32 @@ // ------------------------------------------------------------------------ // "modules-left": [ - "custom/launcher", + "custom/home", + "river/layout", "river/mode", "river/tags", "river/window", + // "custom/argen-context", + // "wlr/workspaces", + "group/mpris", ], - "custom/launcher": { - "format": "", - "tooltip": false, - "on-click": "riverctl spawn fuzzel", + "custom/home": { + "format": "{icon}", + "format-icons": { + "dark": "󰔌", + "light": "󰄺", + }, + "tooltip-format": "{alt}", + "exec": "~/.config/waybar/module-home.sh", + "return-type": "json", + "interval": 7200, // 2h + "on-click": "pkill -x fuzzel || riverctl spawn fuzzel", + "on-click-right": "darkman toggle", }, + "river/layout": {}, + "river/mode": {}, "river/tags": { @@ -31,6 +45,47 @@ "max-length": 50, }, + "custom/argen-context": { + "exec": "~/src/argen/zig-out/bin/argenctl context list --json | jq -rc '.[]|select(.current)|.name'", + "interval": 2 + }, + + "group/mpris": { + "orientation": "inherit", + "drawer": { + "transition-duration": 0, + "click-to-reveal": false, + }, + "modules": [ + "mpris#icon", + "mpris#detail", + ], + }, + + "mpris#icon": { + "format": "{player_icon}", + "player-icons": { + "default": "󰲸", + "firefox": "", + "librewolf": "", + "spotify": "󰓇", + "mpv": "", + }, + "status-icons": { + "paused": "", + "playing": "", + "stopped": "", + } + }, + + "mpris#detail": { + "max-length": 50, + "format": "{dynamic}", + "format-paused": "{dynamic}", + "dynamic-order": ["artist", "title", "length"], + }, + + // ------------------------------------------------------------------------ // "modules-center": [ @@ -40,6 +95,7 @@ "clock#utc", "custom/calendar", "custom/timew", + "custom/syncthing", ], "privacy": { @@ -101,20 +157,27 @@ "custom/calendar": { "exec": "~/.config/waybar/module-calendar.sh", "return-type": "json", - "interval": 10800, - "on-click": "calm", + "interval": 7200, // 2h + "on-click": "riverctl spawn calm", }, "custom/timew": { "exec": "~/.config/waybar/module-timew.sh", "return-type": "json", - "interval": 900, + "interval": 900, // 15min + }, + + "custom/syncthing": { + "exec": "~/.config/waybar/module-syncthing.sh", + "return-type": "json", + "interval": 900, // 15min + "on-click": "xdg-open http://localhost:8384", + "signal": 3, }, // ------------------------------------------------------------------------ // "modules-right": [ - "mpris", "tray", "group/tailscale", "group/net", @@ -127,25 +190,6 @@ "upower", ], - "mpris": { - "max-length": 50, - "format": "{player_icon} {dynamic}", - "format-paused": "{status_icon} {dynamic}", - "dynamic-order": ["artist", "title", "length"], - "player-icons": { - "default": "󰲸", - "firefox": "", - "librewolf": "", - "spotify": "󰓇", - "mpv": "", - }, - "status-icons": { - "paused": "", - "playing": "", - "stopped": "", - } - }, - "tray": { "icon-size": 13, "spacing": 2 @@ -153,10 +197,6 @@ "group/net": { "orientation": "inherit", - "drawer": { - "transition-duration": 0, - "click-to-reveal": true, - }, "modules": [ "network#primary", "network#bandwidth", @@ -164,9 +204,11 @@ }, "network#primary": { - "format-wifi": "󰖩{signalStrength}%", - "format-ethernet": "󰈀", "format-disconnected": "󰌙", + "format-ethernet": "󰈀", + "tooltip-format-ethernet": "󰛳 Interface: {ifname}\n󰩟 IP: {ipaddr}\n󱂇 Gateway: {gwaddr}/{cidr}", + "format-wifi": "󰖩{signalStrength}%", + "tooltip-format-wifi": " SSID: {essid}\n {bssid}\n󱄙 Signal: {signaldBm} dBm\n Frequency: {frequency} MHz\n\n󰛳 Interface: {ifname}\n󰩟 IP: {ipaddr}\n󱂇 Gateway: {gwaddr}/{cidr}", //  SSID: {essid} //  {bssid} // 󱄙 Signal: {signaldBm} dBm @@ -175,19 +217,19 @@ // 󰛳 Interface: {ifname} // 󰩟 IP: {ipaddr} // 󱂇 Gateway: {gwaddr}/{cidr} - "tooltip-format-wifi": " SSID: {essid}\n {bssid}\n󱄙 Signal: {signaldBm} dBm\n Frequency: {frequency} MHz\n\n󰛳 Interface: {ifname}\n󰩟 IP: {ipaddr}\n󱂇 Gateway: {gwaddr}/{cidr}", - "tooltip-format-ethernet": "󰛳 Interface: {ifname}\n󰩟 IP: {ipaddr}\n󱂇 Gateway: {gwaddr}/{cidr}", - "menu": "on-click-right", "menu-file": "~/.config/waybar/menu-network.xml", "menu-actions": { "open-netm": "netm", - "airplane-mode": "fyi todo", + "airplane-mode": "nmcli radio all off", + "copy-ipaddr": "nmcli -g IP4.ADDRESS c show $(nmcli -s -g uuid c show --active | head -1) | wl-copy -n", + "copy-gateway": "nmcli -g IP4.GATEWAY c show $(nmcli -s -g uuid c show --active | head -1) | wl-copy -n", }, - "on-click": "netm", + "menu": "on-click-right", }, "network#bandwidth": { - "format": "󱦲{bandwidthUpBytes} 󱦳{bandwidthDownBytes}", + "format": "{bandwidthUpBytes}{bandwidthDownBytes}", + "tooltip-format": "Total: {bandwidthTotalBytes}", }, "group/tailscale": { @@ -204,9 +246,9 @@ "format-disconnected": "", "format-disabled": "", "format-linked": "", - "tooltip-format": "{ifname}: {bandwidthUpBits} {bandwidthDownBits}", + "tooltip-format": "{ifname} / {ipaddr}:\n{bandwidthUpBytes}{bandwidthDownBytes}", "tooltip-format-disconnected": "disconnected", - "on-click": "vpnm", + "on-click": "riverctl spawn vpnm", }, "custom/tailscale": { @@ -218,7 +260,7 @@ "exec": "~/.config/waybar/module-tailscale.sh", "return-type": "json", "signal": 2, - "on-click": "vpnm", + "on-click": "riverctl spawn vpnm", }, "bluetooth": { @@ -232,20 +274,20 @@ "tooltip-format": "{device_enumerate}", "tooltip-format-enumerate-connected": "{device_alias} {device_address}", "tooltip-format-enumerate-connected-battery": "{device_alias} {device_address} {device_battery_percentage}%", - "on-click": "blum" + "on-click": "riverctl spawn blum" }, "group/sys": { "orientation": "inherit", "drawer": { "transition-duration": 0, - "click-to-reveal": true, + "click-to-reveal": false, }, "modules": [ "load", + "temperature", "cpu", "memory", - "temperature", ], }, @@ -255,12 +297,12 @@ }, "cpu": { - "format": "cpu:{usage}%", + "format": "{icon}{usage}%", "format-icons": ["󰍛","󰍛","󰍛","󰍛","󰀦"], }, "memory": { - "format": "mem:{percentage}%", + "format": "{icon}{percentage}%", "format-icons": ["󰘚"], }, @@ -300,7 +342,7 @@ }, "reverse-scrolling": true, "on-click": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle", - "on-click-right": "audm", + "on-click-right": "riverctl spawn audm", }, "power-profiles-daemon": { diff --git a/.config/waybar/menu-network.xml b/.config/waybar/menu-network.xml index 11b78f7..deb56b0 100644 --- a/.config/waybar/menu-network.xml +++ b/.config/waybar/menu-network.xml @@ -11,5 +11,15 @@ Toggle airplane mode + + + Copy IP address + + + + + Copy gateway address + + diff --git a/.config/waybar/module-calendar.sh b/.config/waybar/module-calendar.sh index 6b20e2f..f779a5c 100755 --- a/.config/waybar/module-calendar.sh +++ b/.config/waybar/module-calendar.sh @@ -5,15 +5,14 @@ set -eu shopt -s extglob update() { - local today tn + local events tn local text # get events - today=$(~/src/calsync/ics2calendartxt ~/calendars/**/**/* 2>/dev/null | - grep -I "$(date -I)") - [ -z "$today" ] && return + events=$(env COLOR=never cdar 2>/dev/null) + [ -z "$events" ] && return - tn=$(wc -l <<<"$today") + tn=$(wc -l <<<"$events") # text="$today" # text="${text##"$(date +'%Y-%m-%d w%V %a ')"}" @@ -22,7 +21,7 @@ update() { text="󰃭 $tn" jq -nrc '{text:$text,tooltip:$tip}' \ - --arg tip "$today" \ + --arg tip "$events" \ --arg text "$text" } diff --git a/.config/waybar/module-tailscale.sh b/.config/waybar/module-tailscale.sh index 53b0409..3a2ce75 100755 --- a/.config/waybar/module-tailscale.sh +++ b/.config/waybar/module-tailscale.sh @@ -15,16 +15,19 @@ update() { alt="$ts_acct" class="$ts_acct" + tip="$ts_ip" # only display account name when not "main" [ "$ts_acct" = "main" ] || text=$ts_acct - if tailscale exit-node list | grep -q selected; then + en_name=$(tailscale exit-node list | grep selected) + if test -n "$en_name"; then alt="exit-node" class="exit-node" + tip="$(awk '{printf "%s (%s)", $2, $1}' <<<"$en_name")" fi jq -nrc '{text:$text,tooltip:$tip,class:$class,alt:$alt}' \ - --arg tip "${ts_ip:?}" \ + --arg tip "${tip:?}" \ --arg class "${class:?}" \ --arg alt "${alt:?}" \ --arg text "${text:-}" diff --git a/.config/waybar/style-dark.css b/.config/waybar/style-dark.css index 5fd324c..a9f1583 100644 --- a/.config/waybar/style-dark.css +++ b/.config/waybar/style-dark.css @@ -5,9 +5,10 @@ @define-color ur #ff5733; @define-color gr #86cd82; @define-color ye #d9ba73; -@define-color bl #5abfb5; +@define-color bl #458ee6; @define-color fg @wh; @define-color bg @bk; @define-color di shade(@fg, 0.5); +@define-color bb alpha(@bg, 0.95); /* ::end style */ @import url("style.css"); diff --git a/.config/waybar/style-light.css b/.config/waybar/style-light.css index be6995d..930dd99 100644 --- a/.config/waybar/style-light.css +++ b/.config/waybar/style-light.css @@ -3,12 +3,13 @@ @define-color wh #faf9f5; @define-color ac #70649a; @define-color ur #ca0043; -@define-color gr #86cd82; -@define-color ye #926200; +@define-color gr #019833; +@define-color ye #b07700; @define-color bl #007d7d; @define-color fg @bk; @define-color bg @wh; @define-color di shade(@bg, 0.4); +@define-color bb alpha(@bg, 0.6); /* ::end style */ @import url("style.css"); #tags button.focused label { diff --git a/.config/waybar/style.css b/.config/waybar/style.css index 7e22eb3..d455b23 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -21,15 +21,16 @@ } window#waybar { - background: alpha(@bg, 0.99); + background: @bb; } -.module { +widget .module { padding: 0 3px; - padding-bottom: 1px; } -label.module { +label, image { color: @di; + padding-top: 1px; + padding-bottom: 1px; } tooltip, menu { @@ -57,9 +58,11 @@ menuitem:hover label { } -#custom-launcher { - margin-left: 5px; +#custom-home { + margin: 0; + padding: 0 6px; color: @fg; + background: @bg; } #mode { @@ -76,6 +79,16 @@ menuitem:hover label { opacity: 0; } +#layout { + box-shadow: inset 0 -1px @ac; + color: @fg; +} + +#layout.left { + min-width: 0; +} + + #tags button { min-width: unset; padding: 0 3px; @@ -121,11 +134,17 @@ menuitem:hover label { color: @fg; } +#mpris.icon { + box-shadow: inset 0 -1px @ac; + color: @ac; +} #mpris.paused { color: shade(@di, 1.5); font-style: italic; } +#network.bandwidth { +} #network.tailscale { color: @fg; } @@ -149,6 +168,7 @@ menuitem:hover label { } #pulseaudio.bluetooth { + box-shadow: inset 0 -1px @bl; color: @bl; } #pulseaudio.muted { @@ -165,11 +185,10 @@ menuitem:hover label { background: @ye; } -#upower * { +#upower { } #upower.charging { box-shadow: inset 0 -1px @gr; - background: unset; } #upower.empty { background: @ur; diff --git a/.config/yt-dlp.conf b/.config/yt-dlp.conf index 457cd5e..1ae8755 100644 --- a/.config/yt-dlp.conf +++ b/.config/yt-dlp.conf @@ -1 +1,2 @@ +--no-update --embed-metadata diff --git a/.librewolf/hibiki.default/chrome/Makefile b/.librewolf/hibiki.default/chrome/Makefile new file mode 100644 index 0000000..3e5c8d6 --- /dev/null +++ b/.librewolf/hibiki.default/chrome/Makefile @@ -0,0 +1,14 @@ +STYLE := proton-style + +all: fetch patch + +.PHONY: fetch +fetch: + @echo Fetching lepton... + curl -sSL "https://github.com/black7375/Firefox-UI-Fix/raw/${STYLE}/css/leptonChrome.css" -o lepton.userChrome.css + curl -sSL "https://github.com/black7375/Firefox-UI-Fix/raw/${STYLE}/css/leptonContent.css" -o lepton.userContent.css + +.PHONY: patch +patch: + @echo Patching lepton... + patch -p1 --reject-file - < lepton.patch diff --git a/.librewolf/hibiki.default/chrome/csshacks.hide_tabs_toolbar_v2.css b/.librewolf/hibiki.default/chrome/csshacks.hide_tabs_toolbar_v2.css new file mode 100644 index 0000000..37dadb8 --- /dev/null +++ b/.librewolf/hibiki.default/chrome/csshacks.hide_tabs_toolbar_v2.css @@ -0,0 +1,51 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_toolbar_v2.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* This requires Firefox 133+ to work */ + +@media (-moz-bool-pref: "sidebar.verticalTabs"){ + #sidebar-main{ + visibility: collapse; + } +} +@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){ + #nav-bar > .titlebar-buttonbox-container{ + order: -1 !important; + > .titlebar-buttonbox{ + flex-direction: row-reverse; + } + } +} +@media not (-moz-bool-pref: "sidebar.verticalTabs"){ + #TabsToolbar:not([customizing]){ + visibility: collapse; + } + :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{ + display: flex !important; + } + :root:is([tabsintitlebar],[customtitlebar]) #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{ + > .titlebar-buttonbox-container{ + display: flex !important; + } + :root[sizemode="normal"] & { + > .titlebar-spacer{ + display: flex !important; + } + } + :root[sizemode="maximized"] & { + > .titlebar-spacer[type="post-tabs"]{ + display: flex !important; + } + @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"), + (-moz-gtk-csd-reversed-placement), + (-moz-platform: macos){ + > .titlebar-spacer[type="post-tabs"]{ + display: none !important; + } + > .titlebar-spacer[type="pre-tabs"]{ + display: flex !important; + } + } + } + } +} \ No newline at end of file diff --git a/.librewolf/hibiki.default/chrome/lepton.patch b/.librewolf/hibiki.default/chrome/lepton.patch new file mode 100644 index 0000000..b87db26 --- /dev/null +++ b/.librewolf/hibiki.default/chrome/lepton.patch @@ -0,0 +1,34 @@ +--- ./lepton.userChrome.css 2022-05-24 23:50:09.178033305 +0200 ++++ ./lepton.userChrome.css 2022-05-24 23:49:33.843031418 +0200 +@@ -23,6 +23,6 @@ + /*= 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) */ ++ /* noop */ + } + } +@@ -4398,9 +4398,9 @@ + @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 */ ++ padding-block: 0 !important; /* Original: 4px */ + } + :root:not([uidensity="compact"]) #urlbar-container, + :root:not([uidensity="compact"]) #search-container { +- padding-block: 2px !important; ++ padding-block: 0 !important; + } +@@ -18480,9 +18480,9 @@ + @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 */ ++ padding-block: 0 !important; /* Original: 4px */ + } + :root:not([uidensity="compact"]) #urlbar-container, + :root:not([uidensity="compact"]) #search-container { +- padding-block: 2px !important; ++ padding-block: 0 !important; + } diff --git a/.librewolf/hibiki.default/chrome/lepton.userChrome.css b/.librewolf/hibiki.default/chrome/lepton.userChrome.css new file mode 100644 index 0000000..d215080 --- /dev/null +++ b/.librewolf/hibiki.default/chrome/lepton.userChrome.css @@ -0,0 +1,30770 @@ +@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 **************************************************/ +@media -moz-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; + } + } + @media -moz-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);"] { + /* noop */ + } +} +/** Compatibility Fixes *******************************************************/ +/*= Theme - Compatibility ====================================================*/ +@media -moz-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:is([tabsintitlebar="true"], [customtitlebar="true"])[sizemode="maximized"] #TabsToolbar { + margin-left: -1px; + } + /*= Disabled menu background color ===========================================*/ + menuitem[disabled="true"], + menu[disabled="true"] { + background-color: transparent !important; + } + /*= Remove Tab Border ========================================================*/ + @media -moz-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; + } + @media -moz-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); + } + #main-window { + background-color: WindowFrame !important; + } + :root[lwtheme][lwtheme-image] #customization-container { + background-image: none !important; + } + #customization-container { + background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */ + } + :root:not([lwtheme]) #customization-container { + background-color: var(--toolbar-non-lwt-bgcolor) !important; + } + /*= 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; + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .toolbarbutton-icon, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .toolbarbutton-icon, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive .toolbarbutton-icon { + fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1); + } + /*= Tabpreviw transparent #890 ===============================================*/ + #tab-preview-panel { + --panel-background: var( + --arrowpanel-background + ) !important; /* Original: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) */ + --panel-color: var( + --arrowpanel-color + ) !important; /* Original: var(--tab-selected-textcolor, var(--toolbar-color)) */ + } + /*= Design token =============================================================*/ + :root, + :host { + --button-color: var(--button-text-color); + --button-bgcolor: var(--button-background-color); + --button-hover-bgcolor: var(--button-background-color-hover); + --button-active-bgcolor: var(--button-background-color-active); + --button-primary-color: var(--button-text-color-primary); + --button-primary-bgcolor: var(--button-background-color-primary); + --button-primary-hover-bgcolor: var(--button-background-color-primary-hover); + --button-primary-active-bgcolor: var(--button-background-color-primary-active); + } +} +/*= OS - Compatibility =======================================================*/ +@media -moz-pref("userChrome.compatibility.os") { + /*= Windows 10 - Top border of accent color at ESR #358 ======================*/ + @media (-moz-platform: windows) { + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox { + border-top: 0.5px solid rgb(47, 47, 47) !important; + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]):-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox { + border-top-color: ActiveBorder !important; + } + @media -moz-pref("userChrome.compatibility.accent_color") { + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #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 - 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) { + @media not -moz-pref("userChrome.compatibility.os.windows_maximized") { + :root:is([tabsintitlebar], [customtitlebar]) #titlebar { + /* -moz-default-appearance: -moz-window-titlebar */ + appearance: none !important; + } + } + @media -moz-pref("userChrome.compatibility.os.windows_maximized") { + :root:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #titlebar { + appearance: none !important; + padding-top: 8px; + } + } + } + /*= Windows - Classic Theme #734 =============================================*/ + /*= MacOS Fullscreen clipping #1045 ==========================================*/ + :root[sizemode="fullscreen"][macOSNativeFullscreen]:not([inDOMFullscreen="true"]) #TabsToolbar { + min-height: var(--tab-min-height, fit-content) !important; + } +} +/*= Others - Compatibility ===================================================*/ +@media -moz-pref("userChrome.compatibility.panel_cutoff") { + #appMenu-popup panelview { + width: 24.5em !important; /* can modify panel width, Original: 22.5em */ + } +} +@media -moz-pref("userChrome.compatibility.navbar_top_border") { + #nav-bar { + box-shadow: none !important; + } +} +/** Theme *********************************************************************/ +/*= System Default Theme =====================================================*/ +@media -moz-pref("userChrome.theme.system_default") { + /*= Common - URL Bar focus color =============================================*/ + @media (-moz-windows-accent-color-in-titlebar), (-moz-gtk-csd-available) { + /* URL Bar */ + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { + --focus-outline-color: AccentColor !important; + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #urlbar[open] + > #urlbar-background, + :root:is([tabsintitlebar], [customtitlebar])[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-pref("userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { + --focus-outline-color: -moz-accent-color !important; + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #urlbar[open] + > #urlbar-background, + :root:is([tabsintitlebar], [customtitlebar])[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; + } + @media -moz-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-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; + } + @media -moz-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-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; + } + @media -moz-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) { + @media -moz-pref("userChrome.theme.system_default") { + @media (-moz-platform: windows) and (-moz-windows-accent-color-in-titlebar) { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ), + :root:is([tabsintitlebar], [customtitlebar])[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) { + @media -moz-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) { + @media not -moz-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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root[lwt-default-theme-in-dark-mode] #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar, + :root[lwt-default-theme-in-dark-mode] #TabsToolbar { + --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, + .unified-extensions-item-menu-button + ):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, + .unified-extensions-item-menu-button + ):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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + :root[lwtheme-mozlightdark] + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + :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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .browser-titlebar, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .browser-titlebar { + color: AccentColorText !important; + background-color: AccentColor !important; + } + @media -moz-pref("userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .browser-titlebar, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .browser-titlebar { + color: -moz-accent-color-foreground !important; + background-color: -moz-accent-color !important; + } + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .toolbar-items, + :root:is([tabsintitlebar], [customtitlebar])[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-pref("userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .toolbar-items, + :root:is([tabsintitlebar], [customtitlebar])[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; + } + @media -moz-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 =================================================*/ + @media -moz-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%, Field); + --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; + } + @media -moz-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 ----------------------------------------------------*/ + @media not -moz-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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar { + --mac-hover-bgcolor: ButtonFace; + } + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #titlebar, + :root[lwt-default-theme-in-dark-mode] #titlebar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root[lwt-default-theme-in-dark-mode] #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar, + :root[lwt-default-theme-in-dark-mode] #TabsToolbar { + --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 */ + @media -moz-pref("userChrome.tab.color_like_toolbar") { + :root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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 =========================================================*/ +@media -moz-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, + .menu-iconic-left .menu-icon, + menuitem[type="checkbox"] .menu-iconic-icon, + menuitem[type="checkbox"] .menu-icon, + menuitem[type="radio"] .menu-iconic-icon, + menuitem[type="radio"] .menu-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, + menuitem[checked="true"] > .menu-icon { + -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; + /* 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; + } + @media -moz-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, + #context-navigation > .menuitem-iconic > .menu-icon { + margin: 0 !important; + padding: 0 !important; + } + } + @media (-moz-gtk-csd-available) { + #context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon, + #context-navigation > .menuitem-iconic > .menu-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, + #context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-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, + #context-navigation > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] > .menu-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 =========================================================*/ +@media -moz-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); + } + } + @media -moz-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); + } + } + } + @media -moz-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 */ + } + @media -moz-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-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-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"][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; + } + } + @media -moz-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"][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; + } + .notification-button.primary { + background-color: var(--button-primary-bgcolor) !important; + } + .notification-button.primary:hover { + background-color: var(--button-primary-hover-bgcolor) !important; + } + .notification-button.primary:hover:active { + background-color: var(--button-primary-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; + } + #editBookmarkPanel #editBMPanel_namePicker, + #editBookmarkPanel #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; + } + @media -moz-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 ==========================================================*/ +@media -moz-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 ==============================================================*/ +@media -moz-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, + #toolbar-menubar, + #TabsToolbar { + --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, + #toolbar-menubar, + #TabsToolbar { + --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, + #toolbar-menubar .toolbarbutton-1, + #TabsToolbar .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-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-pref("userChrome.theme.transparent.menu") { + .menupopup-arrowscrollbox[part*="content"] { + background: color-mix(in srgb, var(--menu-background-color, Menu) 90%, transparent) !important; + } + @media not -moz-pref("userChrome.theme.non_native_menu") { + @media (-moz-gtk-csd-available) { + html#main-window #mainPopupSet menupopup:not(.in-menulist) { + --menu-background-color: Menu !important; + } + } + } +} +@media -moz-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-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("../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-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-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-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-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-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-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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-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; + } + } + @media -moz-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 not -moz-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-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-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; + } + @media -moz-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 > :is(.menubar-text, .menu-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; + } + @media -moz-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 > :is(.menubar-text, .menu-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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 ================================================================*/ +@media -moz-pref("userChrome.theme.monospace") { + * { + font-family: -moz-fixed; + } +} +/** Decoration ****************************************************************/ +/*= Cursor Types =============================================================*/ +@media -moz-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-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-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 ===========================================================*/ + @media -moz-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); + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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); + } + @media -moz-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 ========================================================*/ + @media -moz-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 ================================================================*/ + @media -moz-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 { + transition: border-color 1s var(--animation-easing-function), + background-color 0.5s var(--animation-easing-function) !important; + } + #urlbar-background:hover { + transition: border-color 0.5s var(--animation-easing-function), + background-color 0.5s var(--animation-easing-function) !important; + } + #searchbar { + transition: border-color 1s var(--animation-easing-function), + background-color 1.5s var(--animation-easing-function) !important; + } + #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; + } + @media -moz-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 ----------------------------------------------------------------*/ + @media not -moz-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), visibility 0s linear !important; + will-change: margin-inline-start, visibility; + } + #sidebar-box[hidden="true"] { + display: flex !important; + display: -moz-box !important; + margin-inline-start: -18em; + visibility: collapse; + transition-delay: 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); + } + } + @media -moz-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-pref("userChrome.rounding.square_tab") { + :root { + --tab-border-radius: 0 !important; /* Original: 4px */ + } +} +@media not -moz-pref("userChrome.rounding.square_tab") { + :root { + --tab-border-radius: 4px !important; /* Original: 4px */ + } +} +@media -moz-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-pref("userChrome.rounding.square_tab") or -moz-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-pref("userChrome.rounding.square_panel") { + :root { + --arrowpanel-border-radius: 0 !important; + } +} +@media -moz-pref("userChrome.rounding.square_panelitem") { + :root { + --arrowpanel-menuitem-border-radius: 0 !important; + --subviewbutton-border-radius: 0 !important; + } +} +@media -moz-pref("userChrome.rounding.square_menupopup") { + menupopup { + --panel-border-radius: 0px !important; + border-radius: 0 !important; + } +} +@media -moz-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-pref("userChrome.rounding.square_infobox") { + #sanitizeEverythingWarningBox { + border-radius: 0 !important; + } +} +@media -moz-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-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-pref("userChrome.rounding.square_urlView_item") { + .urlbarView-row, + .urlbarView-row-inner { + --toolbarbutton-border-radius: 0; + } +} +@media -moz-pref("userChrome.rounding.square_checklabel") { + input[type="checkbox"], + .checkbox-check { + border-radius: 0 !important; + } +} +@media -moz-pref("userChrome.rounding.square_dialog") { + dialog, + .dialogBox { + border-radius: 0 !important; + } +} +/*= Library ==============================================================*/ +@media -moz-pref("userChrome.rounding.square_button") { + #placesToolbar > toolbarbutton, + #placesMenu > menu, + #editBookmarkPanelRows .expander-up, + #editBookmarkPanelRows .expander-down { + border-radius: 0 !important; + } +} +@media -moz-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-pref("userChrome.tab.lepton_like_padding") or -moz-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-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-pref("userChrome.tab.photon_like_padding") { + :root { + --tab-block-margin: 0px !important; + } +} +/*= Tab Bar - Reduce Width, Show more tabs ===================================*/ +@media -moz-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 not -moz-pref("userChrome.padding.first_tab.always") { + :root:not([tabsintitlebar]):not([customtitlebar]) #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-pref("userChrome.padding.first_tab.always") { + :root:not([tabsintitlebar]):not([customtitlebar]) #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-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; + } + @media -moz-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; + } + @media not -moz-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-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"]) #pinned-tabs-container, + :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 */ + @media not -moz-pref("userChrome.tab.photon_like_padding") { + :root { + --tab-max-width: 240px; + } + } + @media -moz-pref("userChrome.tab.photon_like_padding") { + :root { + --tab-max-width: 225px; + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + :root { + --tab-max-width: 180px; + } + } + @media -moz-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 */ + } + #tabbrowser-tabs[orient="vertical"][expanded] .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { + max-width: none !important; + } + #tabbrowser-tabs[orient="horizontal"] + tab-group[collapsed] + > .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { + min-width: 0 !important; + max-width: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow-clip-margin: 0; + } + /* neighbouring tabs should "pinch" together */ + :root[customizing="true"] #tabbrowser-arrowscrollbox-periphery, + #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #pinned-tabs-container + > #tabbrowser-arrowscrollbox-periphery, + #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #tabbrowser-arrowscrollbox + > #tabbrowser-arrowscrollbox-periphery { + min-width: 3px; + } + #tabbrowser-tabs[orient="horizontal"] .tab-group-label-container { + margin-inline-start: 4px !important; + } + @media not -moz-pref("userChrome.tab.photon_like_padding") { + @media -moz-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 not -moz-pref("userChrome.tabbar.multi_row") { + #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) { + margin-inline-end: -2px !important; + } + } + } + @media -moz-pref("userChrome.tab.photon_like_padding") { + .tabbrowser-tab { + padding-inline: 0 !important; + } + } +} +/*= Tab Bar - Reduce Height, Show more contents ==============================*/ +@media -moz-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:is([tabsintitlebar], [customtitlebar])[sizemode="normal"] #toolbar-menubar[autohide="true"] { + height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size)); + } + @media -moz-pref("userChrome.padding.drag_space.maximized") { + :root:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar])[sizemode="normal"] #toolbar-menubar[autohide="true"] { + height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar)); + } + @media -moz-pref("userChrome.padding.drag_space.maximized") { + :root:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #toolbar-menubar[autohide="true"] { + height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar)); + } + } + } + @media -moz-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; + } + @media -moz-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-pref("userChrome.padding.tabbar_height") { + /* Toolbar Height */ + @media -moz-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-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 not -moz-pref("userChrome.tab.lepton_like_padding") { + @media not -moz-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) */ + } + @media -moz-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 not -moz-pref("userChrome.tabbar.multi_row") { + :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #pinned-tabs-container, + #TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"], + #TabsToolbar:not([multibar]) + #pinned-tabs-container[overflowing="true"] + > .tabbrowser-tab[pinned="true"] + .tab-stack, + #TabsToolbar:not([multibar]) + #pinned-tabs-container[overflowing="true"] + > .tabbrowser-tab[pinned="true"] + .tab-content, + :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]) #pinned-tabs-container, + :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { + height: var(--tab-min-height) !important; + } + } + } + /* Scroll Button - Size Fix */ + :root #pinned-tabs-container, + :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:is([tabsintitlebar], [customtitlebar]):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-pref("userChrome.padding.toolbar_button") or -moz-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-pref("userChrome.padding.toolbar_button") { + :root[uidensity="compact"] { + --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */ + } + @media -moz-pref("userChrome.padding.toolbar_button.compact") { + :root { + --toolbarbutton-inner-padding: var(--uc-small-toolbarbutton-inner-padding) !important; + } + } +} +/*= Nav Bar - Reduce Width ===================================================*/ +@media -moz-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-pref("userChrome.urlView.as_commandbar") { + @media -moz-pref("userChrome.padding.urlbar") { + :root:not([uidensity="touch"]) #urlbar-container, + :root:not([uidensity="touch"]) #search-container { + padding-block: 0 !important; /* Original: 4px */ + } + :root:not([uidensity="compact"]) #urlbar-container, + :root:not([uidensity="compact"]) #search-container { + padding-block: 0 !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; + } + /* 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-pref("userChrome.padding.urlView_expanding") or -moz-pref("userChrome.urlView.as_commandbar") { + #urlbar[breakout][breakout-extend] { + top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important; + width: var(--urlbar-width) !important; + position: relative !important; + margin: 0 !important; + } + #urlbar[breakout][breakout-extend] > #urlbar-input-container, + #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-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-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-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-pref("userChrome.padding.infobar") or -moz-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-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-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; + } + @media -moz-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; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #ContentSelectDropdown > menupopup > menucaption, + #ContentSelectDropdown > menupopup > menuitem { + padding-block: var(--menu-padding) !important; + } + } + @media -moz-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 ===========================================*/ +@media -moz-pref("userChrome.padding.bookmark_menu") { + :root { + --bookmark-menu-padding: 3px; + } + :root[uidensity="compact"] { + --bookmark-menu-padding: 1.5px; + } + @media -moz-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; + } + @media -moz-pref("userChrome.padding.menu_compact") or -moz-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-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-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-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 not -moz-pref("userChrome.icon.disabled") { + @media not -moz-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) */ + } + @media -moz-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; + } +} +@media -moz-pref("userChrome.padding.panel_header") { + .panel-header { + padding: unset !important; + padding-top: 4px !important; + } +} +/*= Popup Panel - Reduce padding =============================================*/ +@media -moz-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-pref("userChrome.tabbar.on_bottom") or -moz-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"] #toolbar-menubar, + :root[sizemode="fullscreen"] #TabsToolbar, + :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-pref("userChrome.tabbar.on_bottom") { + @media not -moz-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, + #TabsToolbar { + 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); + } + @media -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") { + #PersonalToolbar { + order: 2; + -moz-box-ordinal-group: 2; + } + } + @media not -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") { + @media -moz-pref("userChrome.tab.connect_to_window") { + @media -moz-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 ===========================================*/ + @media -moz-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 ==================================================*/ + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #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 -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-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, + #TabsToolbar { + 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); + } + @media -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") { + #PersonalToolbar { + order: 2; + -moz-box-ordinal-group: 2; + } + } + @media not -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") { + @media -moz-pref("userChrome.tab.connect_to_window") { + @media -moz-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 ===========================================*/ + @media -moz-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 ==================================================*/ + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #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-pref("userChrome.tabbar.one_liner") { + @media not -moz-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-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, + #toolbar-menubar, + #TabsToolbar { + 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; + } + @media not -moz-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-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; + } + @media not -moz-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-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 -moz-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)); + } + @media -moz-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, + #toolbar-menubar, + #TabsToolbar { + 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; + } + @media not -moz-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-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; + } + @media not -moz-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-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-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.tabbar.one_liner") or -moz-pref("userChrome.hidden.tabbar") or -moz-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], [customtitlebar], [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], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-width: 138px; + } + } + @media (-moz-gtk-csd-available) { + :root:is([tabsintitlebar], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-width: 84px; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + :root:is([tabsintitlebar], [customtitlebar]) { + --uc-window-control-width: 72px; + } + :root[sizemode="fullscreen"] { + --uc-window-control-space: 0px; + } + } + :root:is([tabsintitlebar][sizemode="maximized"], [customtitlebar][sizemode="maximized"], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + } + } + @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + @media -moz-pref("userChrome.tabbar.as_titlebar") { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { + --uc-window-control-space: 0px; + } + } + } + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.as_titlebar") { + @media (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + @media (not -moz-pref("userChrome.tabbar.on_bottom")) or (not -moz-pref("userChrome.hidden.tabbar")) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + --uc-window-control-space: 0px; + } + } + } + @media screen and (min-width: 1100px) { + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media screen and (min-width: 1100px) and (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar], [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], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + :root:is([tabsintitlebar], [customtitlebar], [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], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + @media -moz-pref("userChrome.tabbar.as_titlebar") { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { + --uc-window-control-space: 0px; + } + } + } + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.as_titlebar") { + @media screen and (min-width: 1100px) and (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar], [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], [customtitlebar], [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; + } + } +} +@media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.tabbar.one_liner") or -moz-pref("userChrome.hidden.tabbar") { + @media not -moz-pref("userChrome.hidden.titlebar_container") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + @media -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + } + @media screen and (max-width: 1100px) { + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media screen and (max-width: 1100px) { + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + } + @media screen and (max-width: 1100px) { + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + } + @media screen and (max-width: 1100px) { + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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) { + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + @media screen and (max-width: 1100px) { + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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) { + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) + #toolbar-menubar:not([autohide="true"]) + .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + } + @media screen and (min-width: 1100px) { + @media -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) + #toolbar-menubar:not([autohide="true"]) + .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + @media -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) + #toolbar-menubar:not([autohide="true"]) + .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + } + } + } + @media not -moz-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) { + @media not -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-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 not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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); + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-drag-space-pre) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-control-space) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (-moz-platform: windows) and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-drag-space-pre) !important; + } + } + @media -moz-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) { + @media not -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-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 not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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); + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-drag-space-pre) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-control-space) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-drag-space-pre) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-control-space) !important; + } + } + } + } + } + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + @media not -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-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 not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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); + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-control-space, 0px) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-control-space, 0px) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #TabsToolbar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #TabsToolbar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + #TabsToolbar { + margin-inline-start: var(--uc-window-control-width, 0px) !important; + } + } + @media -moz-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) { + @media not -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-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 not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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); + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-control-space, 0px) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-control-space, 0px) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #TabsToolbar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #TabsToolbar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + #TabsToolbar { + margin-inline-start: var(--uc-window-control-width, 0px) !important; + } + } + @media -moz-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; + } + } + } + } + } + } + @media -moz-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-pref("userChrome.tabbar.as_titlebar") { + :root:not([tabsintitlebar="true"]):not([customtitlebar="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] > #pinned-tabs-container > .tabbrowser-tab[pinned][selected="true"], + #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 not -moz-pref("userChrome.centered.tab") { + #pinned-tabs-container, + #tabbrowser-arrowscrollbox { + margin-inline: 2px !important; + } + :root[sizemode="normal"] #pinned-tabs-container, + :root[sizemode="normal"] #tabbrowser-arrowscrollbox { + margin-inline: 6px !important; + } + } + @media -moz-pref("userChrome.centered.tab") { + @media -moz-pref("userChrome.centered.tab.label") { + #pinned-tabs-container, + #tabbrowser-arrowscrollbox { + margin-inline: 2px !important; + } + :root[sizemode="normal"] #pinned-tabs-container, + :root[sizemode="normal"] #tabbrowser-arrowscrollbox { + margin-inline: 6px !important; + } + } + } + @media -moz-pref("browser.tabs.tabmanager.enabled") { + :root:not([tabsintitlebar="true"]):not([customtitlebar="true"]) + #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) + ~ #alltabs-button, + :root:not([tabsintitlebar="true"]):not([customtitlebar="true"]) + #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) + ~ #new-tab-button { + display: flex !important; + display: -moz-box !important; + } + } +} +/*= Tab Bar - Multi Row ======================================================*/ +@media -moz-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"], + #pinned-tabs-container, + #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-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"] #pinned-tabs-container, + #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-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-pref("userChrome.tab.connect_to_window") { + #TabsToolbar #tabbrowser-tabs:not([orient="vertical"]) { + max-height: var(--tab-min-height); + } + #TabsToolbar #tabbrowser-tabs:not([orient="vertical"])[movingtab] { + padding-bottom: unset !important; + margin-bottom: unset !important; + } + #TabsToolbar[multibar] #tabbrowser-tabs:not([orient="vertical"]) { + max-height: var(--tab-min-height_mlt); + } + #tabbrowser-tabs:not([orient="vertical"]) { + min-height: unset !important; /* Original: var(--tabstrip-min-height) */ + } + #tabbrowser-tabs:not([orient="vertical"]) .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; + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-content { + margin-top: 0px; + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + #tabbrowser-tabs:not([orient="vertical"]) tab-group .tabbrowser-tab:is([selected], [multiselected]) .tab-group-line { + transform: translateY(calc(var(--tab-group-line-thickness) * -1)); + } + #tabbrowser-tabs[orient="vertical"] { + --uc-tab-border-bottom-radius: var(--tab-border-radius); + } + /* Remove line at Toolbar's top */ + #tabbrowser-tabs { + z-index: 1 !important; + } + @media not -moz-pref("userChrome.tabbar.multi_row") { + #TabsToolbar:not([multibar]) { + overflow: clip; /* Prevent toolbar area over */ + } + } + /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */ + #tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned], + #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] { + z-index: 0 !important; + } + #tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned] .tab-stack, + #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] .tab-stack { + /* Temporary solution for compatibility #513 */ + overflow-y: clip; + } + /* Border top #889 */ + #nav-bar { + border-top: none !important; + box-shadow: 0 -0.01px 0 ThreeDShadow; + } + @media (-moz-gtk-csd-available) { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #nav-bar { + box-shadow: 0 -0.01px 0 ThreeDShadow; + } + } +} +/*= Selected Tab =============================================================*/ +/*= Selected Tab - Bold ======================================================*/ +@media -moz-pref("userChrome.tab.selected_bold") { + .tab-label:is([selected], [attention]) { + font-weight: 600; + } +} + +/*= Selected Tab - Color like toolbar ========================================*/ +@media -moz-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]) #pinned-tabs-container > .tabbrowser-tab > .tab-stack > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-arrowscrollbox + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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-pref("userChrome.theme.transparent.frame") { + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-arrowscrollbox + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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-pref("userChrome.tab.multi_selected") { + #TabsToolbar, + #vertical-tabs { + --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 28%, var(--toolbar-bgcolor, transparent)); + } + #TabsToolbar[brighttext], + #vertical-tabs[brighttext] { + --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 16%, var(--toolbar-bgcolor, transparent)); + } + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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-pref("userChrome.tab.connect_to_window") { + .tab-background[multiselected="true"] { + outline: none !important; + } + } + @media not -moz-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-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-pref("userChrome.tab.bottom_rounded_corner") { + @media not -moz-pref("userChrome.tab.bottom_rounded_corner.wave") { + @media not -moz-pref("userChrome.tab.bottom_rounded_corner.australis") { + @media not -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") { + @media not -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") { + @media not -moz-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-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 not -moz-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))); + } + @media not -moz-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); + } + @media -moz-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; + } + } + } + } + } + } + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-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-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-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-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-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-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-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 not -moz-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; + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner.all") { + .tabbrowser-tab .tab-background::before, + .tabbrowser-tab .tab-background::after { + content: ""; + } + } + @media not -moz-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); + } + @media -moz-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 */ + @media -moz-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); + } + @media not -moz-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 ===================================*/ +@media -moz-pref("userChrome.tab.photon_like_contextline") or -moz-pref("userChrome.tab.static_separator") or -moz-pref("userChrome.tab.bar_separator") { + @media -moz-pref("userChrome.tab.blue_accent") { + :root, + #tabbrowser-tabs { + --tab-line-color: rgb(10, 132, 255) !important; + } + } + @media not -moz-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 */ + } + @media -moz-pref("userChrome.compatibility.accent_color") { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs { + --tab-line-color: Highlight !important; /* -moz-accent-color */ + } + } + } + } +} +@media -moz-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; + } +} +/*= Selected Tab - Supernova like contextline ===================================*/ +@media not -moz-pref("userChrome.tab.photon_like_contextline") { + @media -moz-pref("userChrome.tab.supernova_like_contextline") { + /* context line styles */ + tabs tab.tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line { + display: inline-flex !important; + display: -moz-inline-box !important; + } + tabs tab.tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line::before { + content: ""; + height: 1px !important; + border-radius: 9999px !important; + transform: translateY(5px); + margin-top: -1px !important; + margin-left: 5px; + margin-right: 5px; + width: 100%; + } + /* Override container-tab style */ + tabs tab.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + margin: unset !important; + } + /* selected tab style */ + :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: #45a1ff; + } + .tabbrowser-tab:is([selected], [multiselected]) .tab-context-line::before { + background-color: var(--tab-line-color, var(--lwt-tab-line-color, #45a1ff)) !important; + } + /* Set the active effect */ + .tabbrowser-tab:active > .tab-stack > .tab-background > .tab-context-line::before { + filter: brightness(70%); + margin-left: 6px; + margin-right: 6px; + } + /* Set the hover effect */ + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + background-color: rgba(0, 0, 0, 0.4) !important; + opacity: 1 !important; + } + #TabsToolbar[brighttext] + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + background-color: rgba(255, 255, 255, 0.4) !important; + } + /* Animation */ + @media (prefers-reduced-motion: no-preference) { + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + animation: toWide 0.2s cubic-bezier(0, 0.9, 0.15, 1); + } + } + /* Animation for hover effect */ + @keyframes toWide { + 0% { + opacity: 0.8; + margin-left: 40%; + margin-right: 40%; + } + 100% { + opacity: 1; + margin-left: 5px; + margin-right: 5px; + } + } + /* --- copied (not modified) from _photon_like_contextline.scss --- */ + /* 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; + } + /* 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) */ + } + @media -moz-pref("userChrome.tab.contextline_blue_accent") { + #tabbrowser-tabs .tab-context-line { + --tab-line-color: #45a1ff !important; + } + } + @media not -moz-pref("userChrome.tab.contextline_blue_accent") { + @media (-moz-gtk-csd-available) { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs .tab-context-line { + --tab-line-color: AccentColor !important; /* -moz-accent-color */ + } + @media -moz-pref("userChrome.compatibility.accent_color") { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs .tab-context-line { + --tab-line-color: Highlight !important; /* -moz-accent-color */ + } + } + } + } + } +} +/*= Unselected Tab - Divide line =============================================*/ +/*= Unselected Tab - Dynamic Separator =======================================*/ +@media -moz-pref("userChrome.tab.dynamic_separator") { + #pinned-tabs-container, + #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); + } + #pinned-tabs-container:-moz-locale-dir(rtl), + #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; + } + @media -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) #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-pref("userChrome.compatibility.dynamic_separator") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button::before { + background-color: var(--tabs-border-color); + } + } + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button::before { + left: calc(50% - (8px + var(--toolbarbutton-inner-padding))); + } + } + @media not -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + #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-pref("userChrome.compatibility.dynamic_separator") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + #tabbrowser-arrowscrollbox:not([overflowing]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type + .tab-stack::after { + background-color: var(--tabs-border-color); + } + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before { + transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important; + } + #tabbrowser-tabs:not([orient="vertical"]) .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; + } + } + #pinned-tabs-container:not([orient="vertical"]):not(:empty):not( + :has(.tabbrowser-tab[pinned]:is([visuallyselected], [multiselected], :hover):last-of-type) + ) + ~ #tabbrowser-arrowscrollbox:not([orient="vertical"]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type + .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) + .tab-stack::before { + opacity: var(--tab-separator-opacity); + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + #tabbrowser-tabs:not([orient="vertical"]) + .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-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (min-width: 1100px) { + #tabbrowser-tabs:not([orient="vertical"]) + .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-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:not(:hover, [open])::before { + opacity: var(--tab-separator-opacity); + } + } + @media not -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) + #tabbrowser-arrowscrollbox:not([overflowing]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type + .tab-stack::after { + opacity: var(--tab-separator-opacity); + } + } + #tabbrowser-tabs:not([orient="vertical"]) + tab-group:has(.tabbrowser-tab:last-child:is(:hover, [selected])) + + .tabbrowser-tab + .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) tab-group[collapsed] + .tabbrowser-tab .tab-stack::before { + opacity: 0 !important; + } + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + #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-pref("userChrome.tab.newtab_button_like_tab") { + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + + .tabbrowser-tab + .tab-stack::before, + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) + ~ #tabs-newtab-button::before, + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) + ~ #tabbrowser-arrowscrollbox-periphery + #tabs-newtab-button::before { + opacity: 0 !important; + } + } + @media not -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + + .tabbrowser-tab:not([visuallyselected]) + .tab-stack::before { + opacity: 0 !important; + } + :root:not([uidensity="compact"]) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button + > .toolbarbutton-icon { + margin-left: 2px; + } + :root[uidensity="compact"] #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button > .toolbarbutton-icon { + margin-left: 1px; + } + } + /* Animate */ + @media (prefers-reduced-motion: no-preference) { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before { + transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ + } + @media -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button::before { + transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ + } + } + @media not -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) + #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-tabs:not([orient="vertical"]) #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:last-of-type { + margin-inline-end: 1px !important; + } +} +/*= Unselected Tab - Static Separator ========================================*/ +@media -moz-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; + } + @media -moz-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 not -moz-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 ===========================================*/ +@media -moz-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); + } + @media -moz-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-pref("userChrome.tab.newtab_button_like_tab") { + @media -moz-pref("userChrome.tab.connect_to_window") { + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button { + /* Size */ + align-items: stretch !important; + -moz-box-align: stretch !important; + padding-top: var(--tab-block-margin) !important; + } + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner") { + #tabbrowser-tabs:not([orient="vertical"]) #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-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + #tabbrowser-tabs:not([orient="vertical"]) #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-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + #tabbrowser-tabs:not([orient="vertical"]) #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover { + fill: color-mix(in srgb, AccentColorText 10%, transparent) !important; /* Hardcoded for compatibility */ + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active { + fill: color-mix(in srgb, AccentColorText 15%, transparent) !important; /* Hardcoded for compatibility */ + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner") { + @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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-pref("userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover { + fill: color-mix( + in srgb, + -moz-accent-color-foreground 10%, + transparent + ) !important; /* Hardcoded for compatibility */ + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active { + fill: color-mix( + in srgb, + -moz-accent-color-foreground 15%, + transparent + ) !important; /* Hardcoded for compatibility */ + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner") { + @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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 */ + #tabbrowser-tabs:not([orient="vertical"]) #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-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + #tabbrowser-tabs:not([orient="vertical"]) #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 */ + @media -moz-pref("userChrome.tab.bottom_rounded_corner") { + tab:where([visuallyselected]) { + z-index: 1; + } + } +} +/*= New tab button - Smaller button ==========================================*/ +@media -moz-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-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-pref("userChrome.tab.unloaded") { + .tabbrowser-tab[pending] .tab-content { + opacity: 0.7; + } +} +/*= Clipped tabs =============================================================*/ +/** Clipped tabs - Letters cleary *********************************************/ +@media -moz-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"]) + > #pinned-tabs-container + > .tabbrowser-tab:not([visuallyselected], [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-pref("userChrome.tab.close_button_at_hover") { + #tabbrowser-tabs[closebuttons="activetab"] + > #pinned-tabs-container + > .tabbrowser-tab:not([pinned]) + > .tab-stack + > .tab-content + > .tab-close-button:not([selected]), + #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; + } + @media -moz-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-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-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 ****************************/ +@media -moz-pref("userChrome.tab.close_button_at_pinned") { + @media not -moz-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-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-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 ***************************************/ +@media -moz-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-pref("userChrome.tab.sound_hide_label") { + @media not -moz-pref("userChrome.tab.sound_show_label") { + .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) { + display: none !important; + } + } +} +/*= Sound Tab - Show Label ===================================================*/ +@media -moz-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-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)); + } + @media -moz-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([crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + -moz-context-properties: fill, fill-opacity, stroke !important; + fill: currentColor !important; + border: none !important; + } + .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + stroke: var(--tab-icon-overlay-stroke, light-dark(white, black)); + color: var(--tab-icon-overlay-fill, light-dark(black, white)); + } + .tab-icon-overlay:not([crashed])[soundplaying] { + list-style-image: url("./icons/tab-audio-playing-small.svg"); + } + .tab-icon-overlay:not([crashed])[muted] { + list-style-image: url("./icons/tab-audio-muted-small.svg"); + } + .tab-icon-overlay:not([crashed])[activemedia-blocked] { + list-style-image: url("./icons/tab-audio-blocked-small.svg"); + } + .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; + } + .tab-audio-button:not([crashed]), + .tab-audio-button[pinned][crashed][selected] { + /* Position */ + margin-inline-start: -8px !important; + margin-inline-end: -4px !important; + z-index: 1 !important; + transform: translateX(var(--uc-sound-tab-icon-position-x)) translateY(var(--uc-sound-tab-icon-position-y)); + /* Shape */ + --button-size-icon-small: 17px !important; + --button-min-height-small: 17px !important; + --button-border-radius: 100% !important; + width: 17px !important; + height: 17px !important; + border-radius: 100%; + overflow: clip; + --button-text-color-ghost-hover: light-dark(white, black); + --button-background-color-ghost-hover: light-dark(black, white); + } + .tab-audio-button:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + display: flex !important; + fill-opacity: 0.8 !important; + opacity: 1 !important; + } + /* Label */ + @media not -moz-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-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)); + } + } + @media -moz-pref("userChrome.hidden.tab_icon") { + @media not -moz-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-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 */ + @media not -moz-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 not -moz-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-pref("userChrome.hidden.tab_icon") { + @media not -moz-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 =====================================*/ +@media -moz-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-pref("userChrome.tab.container") { + @media not -moz-pref("userChrome.tabbar.as_titlebar") { + @media not -moz-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; + } + @media -moz-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: calc(100% - 30px); + opacity: 0.75; + } + .tabbrowser-tab[visuallyselected] .tab-content::before { + opacity: 1; + } + @media not -moz-pref("userChrome.tab.container.always_long") { + .tab-content::before { + width: 25%; + } + .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { + width: calc(100% - 30px); + } + #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; + } + @media -moz-pref("userChrome.tab.close_button_at_pinned") { + .tabbrowser-tab[pinned][visuallyselected]:not([busy]):hover .tab-content::before { + opacity: 0; + } + } + @media not -moz-pref("userChrome.tab.container.on_top") { + .tabbrowser-tab:is([image], [pinned])[usercontextid] + > .tab-stack + > .tab-content[attention]:not([selected])::before, + .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected])::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-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-pref("userChrome.tab.crashed") { + .tab-icon-image[crashed] { + display: none !important; + } +} +/** Nav Bar UI ****************************************************************/ +/*= Nav Bar - Navbar comabine with sidebar===================================*/ +@media -moz-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]) #nav-bar { + right: 0; + } + } + @media (prefers-reduced-motion: no-preference) { + @media -moz-pref("userChrome.decoration.animate") { + @media not -moz-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-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] { + 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-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])) #customization-container { + margin-inline-start: var(--uc-sidebar-activate-width); + } + :root[customizing="true"]:has(#sidebar-box[positionend]) #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 ************************************************************/ +@media -moz-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-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 ==================================================*/ +@media -moz-pref("userChrome.urlView.as_commandbar") or -moz-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-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); + } + @media not -moz-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 ============================================*/ +@media -moz-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 not -moz-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 ======================================*/ +@media -moz-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-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-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-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-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-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-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-pref("userChrome.sidebar.overlap") or -moz-pref("userChrome.autohide.sidebar") or -moz-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-pref("userChrome.sidebar.overlap") or -moz-pref("userChrome.autohide.sidebar") { + #sidebar-box { + --uc-sidebar-shadow-color: #28282f; + z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important; + position: relative !important; + box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color); + } + #sidebar-box[positionend] { + --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-pref("userChrome.sidebar.overlap") { + #sidebar-box[positionend] { + 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 not -moz-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 ====================================================*/ +@media -moz-pref("userChrome.combined.nav_button") or -moz-pref("userChrome.combined.nav_button.home_button") or -moz-pref("userChrome.combined.urlbar.nav_button") or -moz-pref("userChrome.combined.urlbar.home_button") or -moz-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-pref("userChrome.combined.urlbar.nav_button") or -moz-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-pref("userChrome.combined.urlbar.nav_button") { + #nav-bar-customization-target > #urlbar-container { + --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size); + } + } + @media not -moz-pref("userChrome.combined.urlbar.nav_button") { + #nav-bar-customization-target > #urlbar-container { + --uc-urlbar-combined-margin: var(--uc-toolbarbutton-halfsize); + } + @media -moz-pref("userChrome.combined.nav_button") { + @media -moz-pref("userChrome.combined.nav_button.home_button") { + @media -moz-pref("userChrome.combined.urlbar.home_button") { + #nav-bar-customization-target > #urlbar-container { + --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size); + } + } + } + } + } + @media -moz-pref("userChrome.combined.urlbar.nav_button") { + @media -moz-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); + } + } + } +} +@media -moz-pref("userChrome.combined.nav_button") or -moz-pref("userChrome.combined.urlbar.nav_button") { + @media -moz-pref("userChrome.combined.urlbar.nav_button") or ((not -moz-pref("userChrome.combined.sub_button.as_normal")) or (-moz-pref("userChrome.combined.nav_button") and -moz-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-pref("userChrome.combined.urlbar.nav_button") { + #nav-bar-customization-target > #forward-button { + padding-inline-end: 0px !important; /* Original: var(--toolbarbutton-outer-padding) */ + } + } + @media not -moz-pref("userChrome.combined.urlbar.nav_button") { + @media not -moz-pref("userChrome.combined.sub_button.none_background") { + @media -moz-pref("userChrome.combined.urlbar.home_button") { + @media not -moz-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 not -moz-pref("userChrome.autohide.forward_button") { + #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] { + opacity: 1 !important; /* Original: 0.4 */ + } + } + } + } + @media not -moz-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 not -moz-pref("userChrome.autohide.forward_button") { + #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] { + opacity: 1 !important; /* Original: 0.4 */ + } + } + } + } + } + @media not -moz-pref("userChrome.autohide.forward_button") { + #nav-bar-customization-target > #forward-button { + margin-inline-start: var(--uc-forward-button-margin) !important; + } + } + @media -moz-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; + } + @media not -moz-pref("userChrome.combined.urlbar.home_button") { + @media not -moz-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 not -moz-pref("userChrome.autohide.back_button") { + #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] { + opacity: 1 !important; /* Original: 0.4 */ + } + } + } + } + @media -moz-pref("userChrome.combined.nav_button.home_button") or -moz-pref("userChrome.combined.urlbar.home_button") { + #nav-bar-customization-target > #back-button { + z-index: 2; + } + @media not -moz-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 not -moz-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 not -moz-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; + } + } + } + @media not -moz-pref("userChrome.combined.nav_button.home_button") { + @media -moz-pref("userChrome.combined.urlbar.nav_button") { + @media not -moz-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-pref("userChrome.padding.toolbar_button") { + @media -moz-pref("userChrome.padding.toolbar_button.compact") { + #nav-bar-customization-target > #back-button { + --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); + } + } + } + @media not -moz-pref("userChrome.autohide.back_button") { + #nav-bar-customization-target > #back-button { + padding-inline-end: 0 !important; + } + } + @media -moz-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; + } + } + } + @media not -moz-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-pref("userChrome.padding.toolbar_button") { + @media -moz-pref("userChrome.padding.toolbar_button.compact") { + #nav-bar-customization-target > #back-button { + --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); + } + } + } + @media not -moz-pref("userChrome.autohide.back_button") { + #nav-bar-customization-target > #back-button { + padding-inline-end: 0 !important; + } + } + @media -moz-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; + } + } + } +} +@media -moz-pref("userChrome.combined.nav_button") { + @media -moz-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-pref("userChrome.padding.toolbar_button") { + @media -moz-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); + } + } +} +@media -moz-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-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 not -moz-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-pref("userChrome.combined.urlbar.home_button") { + #nav-bar-customization-target > #home-button { + order: 3; + -moz-box-ordinal-group: 3; + } + @media not -moz-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; + } + @media -moz-pref("userChrome.padding.toolbar_button") { + @media -moz-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); + } +} +@media -moz-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-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-pref("userChrome.centered.tab") { + @media not -moz-pref("userChrome.centered.tab.label") { + .tabbrowser-tab:not([hidden="true"]) .tab-label-container { + justify-content: start; + justify-items: start; + } + } + } + @media not -moz-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; + } + @media -moz-pref("userChrome.tab.sound_with_favicons") { + @media not -moz-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-pref("userChrome.hidden.tab_icon") { + @media not -moz-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 ================================================*/ +@media -moz-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-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-pref("userChrome.fullscreen.overlap") { + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #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"]:not([inDOMFullscreen="true"]) #navigator-toolbox:is(:hover, :focus-within) { + margin-top: 0 !important; + } + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) + :-moz-any(#navigator-toolbox, #titlebar, #toolbar-menubar, #TabsToolbar, #nav-bar, #PersonalToolbar) { + width: 100%; /* Makes the UI take up the entire width */ + } + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #urlbar:popover-open { + position: fixed !important; + } + @media (-moz-gtk-csd-available) { + /* Fix transparent background */ + :root:is([tabsintitlebar], [customtitlebar])[sizemode="fullscreen"]:not([inDOMFullscreen="true"]):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ) + #TabsToolbar { + appearance: auto !important; + } + } + } +} +@media -moz-pref("userChrome.fullscreen.show_bookmarkbar") { + :root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized]:not([collapsed="true"]), + :root[sizemode="fullscreen"] #PersonalToolbar[initialized] { + visibility: unset !important; /* Makes the bookmarks toolbar visible if enabled */ + } +} +/** Centered ******************************************************************/ +/*= Centered - Tab ===========================================================*/ +@media -moz-pref("userChrome.centered.tab") { + @media -moz-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-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 not -moz-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-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-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-pref("userChrome.centered.urlbar") { + #urlbar:not([focused]) #urlbar-input, + #urlbar:not([focused]) .urlbar-input { + text-align: center !important; + } +} +/*= Centered - Bookmark Bar ==================================================*/ +@media -moz-pref("userChrome.centered.bookmarkbar") { + #PlacesToolbarItems { + display: flex !important; + justify-content: safe center !important; + } +} +/** Auto Hide *****************************************************************/ +@media -moz-pref("userChrome.autohide.back_button") or -moz-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-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; + } + } + } + @media -moz-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; + } + } + } +} +@media -moz-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; + } + @media -moz-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; + } + } +} +@media -moz-pref("userChrome.autohide.tab") { + @media not -moz-pref("userChrome.autohide.tab.opacity") { + @media not -moz-pref("userChrome.autohide.tab.blur") { + .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { + margin-bottom: -64px; + } + } + } + @media -moz-pref("userChrome.autohide.tab.opacity") { + .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { + opacity: 0%; + } + } + @media -moz-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; + } + @media not -moz-pref("userChrome.autohide.tab.opacity") { + @media not -moz-pref("userChrome.autohide.tab.blur") { + .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { + transition-property: margin-bottom; + } + } + } + @media -moz-pref("userChrome.autohide.tab.opacity") { + .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { + transition-property: opacity; + } + } + @media -moz-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-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.autohide.bookmarkbar") or -moz-pref("userChrome.tabbar.one_liner") or -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") or -moz-pref("userChrome.hidden.tabbar") or -moz-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-pref("userChrome.hidden.tabbar") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + :root { + --uc-tabbar-height: 0px; + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + :root { + --uc-tabbar-height: 0px; + } + } + } + } + } + @media -moz-pref("userChrome.hidden.navbar") { + :root { + --uc-navbar-height: 0px; + } + } + @supports selector(:has(a)) { + :root:not([tabsintitlebar]):not([customtitlebar]):has(#toolbar-menubar) { + --uc-menubar-height: var(--uc-menubar-height-default); + } + @media (-moz-gtk-csd-available) { + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="true"]) { + --uc-menubar-height: calc(var(--tab-min-height) + 2 * var(--tab-block-margin)); + } + } + @media (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="true"]) { + --uc-menubar-height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)); + } + } + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="false"]) { + --uc-menubar-height: var(--uc-titlebar-buttonbox-height); + } + :root:not([tabsintitlebar]):not([customtitlebar]):has(#toolbar-menubar[autohide="true"][inactive="true"]), + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="true"][inactive="true"]) { + --uc-menubar-height: 0px; + } + #navigator-toolbox:has(#PersonalToolbar[collapsed="true"]) { + --uc-bm-height: 0px; + } + @media -moz-pref("userChrome.navbar.as_sidebar") { + #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]) #nav-bar { + --uc-bm-height: var(--uc-bm-height-default); + } + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]):not(:hover) #nav-bar { + --uc-bm-height: 0px; + } + } + } + } +} +@media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.autohide.bookmarkbar") or -moz-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-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) { + @media -moz-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 not -moz-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-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") { + @media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.tabbar.one_liner") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: var(--uc-tabbar-height); + } + @media not -moz-pref("userChrome.autohide.navbar") { + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-bm-height)); + } + } + } + @media -moz-pref("userChrome.autohide.navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height)); + } + } + @media -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + @media not -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height)); + } + } + @media -moz-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 not -moz-pref("userChrome.autohide.tabbar") { + @media not -moz-pref("userChrome.autohide.navbar") { + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: var(--uc-bm-height); + } + } + } + @media -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.autohide.navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: var(--uc-navbar-height); + } + } + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height)); + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + @media not -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: var(--uc-navbar-height); + } + } + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height)); + } + } + } + } + } + } + } + } + } +} +@media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") { + @media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + :root:not([customizing]) #titlebar, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + margin-bottom: var(--uc-tabbar-hide-height); + will-change: margin-bottom; + } + #TabsToolbar:not([customizing]) { + will-change: opacity; + } + @media not -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]), + #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { + opacity: 0; + } + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { + opacity: 0; + } + } + #navigator-toolbox:is(:hover, :focus-within) > #titlebar, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + margin-bottom: 0px; + } + @media not -moz-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-pref("userChrome.tabbar.on_bottom") { + #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { + opacity: 1; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (min-width: 1100px) { + :root:not([customizing]) #titlebar, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + margin-bottom: var(--uc-tabbar-hide-height); + will-change: margin-bottom; + } + #TabsToolbar:not([customizing]) { + will-change: opacity; + } + @media not -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]), + #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { + opacity: 0; + } + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { + opacity: 0; + } + } + #navigator-toolbox:is(:hover, :focus-within) > #titlebar, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + margin-bottom: 0px; + } + @media not -moz-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-pref("userChrome.tabbar.on_bottom") { + #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { + opacity: 1; + } + } + } + @media -moz-pref("userChrome.autohide.tabbar") { + :root:not([customizing]) #titlebar, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + margin-bottom: var(--uc-tabbar-hide-height); + will-change: margin-bottom; + } + #TabsToolbar:not([customizing]) { + will-change: opacity; + } + @media not -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]), + #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { + opacity: 0; + } + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { + opacity: 0; + } + } + #navigator-toolbox:is(:hover, :focus-within) > #titlebar, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + margin-bottom: 0px; + } + @media not -moz-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-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; + } + @media not -moz-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-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; + } + @media not -moz-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-pref("userChrome.tabbar.on_bottom") { + #navigator-toolbox:is(:hover, :focus-within) + #TabsToolbar:not([customizing]) + > *:not(.titlebar-buttonbox-container) { + transition-delay: 0s !important; + } + } + } + } + @media -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.autohide.navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + #nav-bar:not([customizing]) { + margin-bottom: var(--uc-navbar-hide-height); + } + #nav-bar:not([customizing]), + #nav-bar:not([customizing]) #urlbar { + opacity: 0; + will-change: margin-bottom, opacity; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { + margin-bottom: 0; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + opacity: 1; + } + #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + pointer-events: none; + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + #nav-bar:not([customizing]) { + margin-bottom: var(--uc-navbar-hide-height); + } + #nav-bar:not([customizing]), + #nav-bar:not([customizing]) #urlbar { + opacity: 0; + will-change: margin-bottom, opacity; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { + margin-bottom: 0; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + opacity: 1; + } + #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + pointer-events: none; + } + } + } + } + } + #mainPopupSet:not(:hover) ~ #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) { + -moz-window-dragging: no-drag; + } + @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; + } + @media -moz-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; + } + } + #nav-bar:not([customizing]) #urlbar { + transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) + var(--uc-autohide-toolbar-delay) !important; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + transition-delay: 0s !important; + } + } + } +} +@media -moz-pref("userChrome.autohide.bookmarkbar") { + #PersonalToolbar:not([customizing]) { + margin-bottom: var(--uc-bm-hide-height); + opacity: 0; + will-change: margin-bottom, opacity; + } + @media -moz-pref("userChrome.autohide.toolbar_overlap") { + @media not -moz-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; + } + } +} +@media -moz-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-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; + } + } +} +@media -moz-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-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; + } + } + } + @media not -moz-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]) { + margin-inline-start: var(--uc-sidebar-fullscreen-margin) !important; + will-change: margin-inline-start; + } + :root[inFullscreen="true"] #sidebar-box:not([positionend]):is(:hover, :focus-within) { + margin-inline-start: 0 !important; + } + :root[inFullscreen="true"] #sidebar-box[positionend] { + margin-inline-end: var(--uc-sidebar-fullscreen-margin) !important; + will-change: margin-inline-end; + } + :root[inFullscreen="true"] #sidebar-box[positionend]: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] { + 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-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-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) { + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-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 -moz-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; + } + } + } + } + @media not -moz-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 -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-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 ********************************************************************/ +@media not -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.hidden.tabbar") { + #TabsToolbar { + display: none !important; + } + } + @media -moz-pref("userChrome.hidden.navbar") { + #nav-bar { + visibility: collapse; /* display: none is not work */ + } + } +} +@media -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + @media -moz-pref("userChrome.hidden.tabbar") { + #TabsToolbar { + display: none !important; + } + } + @media -moz-pref("userChrome.hidden.navbar") { + #nav-bar { + visibility: collapse; /* display: none is not work */ + } + } + } + } +} +@media -moz-pref("userChrome.hidden.tab_icon") { + @media not -moz-pref("userChrome.hidden.tab_icon.always") { + .tabbrowser-tab:not([pinned="true"]) .tab-icon-image { + display: none; + } + } + @media -moz-pref("userChrome.hidden.tab_icon.always") { + .tabbrowser-tab:not([pinned="true"]) .tab-icon-stack { + display: none; + } + } +} +@media -moz-pref("userChrome.hidden.private_indicator") { + .private-browsing-indicator, + #private-browsing-indicator-with-label { + display: none; + } +} +@media -moz-pref("userChrome.hidden.titlebar_container") { + .titlebar-buttonbox-container { + display: none !important; + } +} +@media -moz-pref("userChrome.hidden.sidebar_header") { + @media not -moz-pref("userChrome.hidden.sidebar_header.vertical_tab_only") { + #sidebar-header { + display: none !important; + } + } + @media -moz-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-pref("userChrome.hidden.urlbar_iconbox") { + @media not -moz-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-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 not -moz-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; + } + } +} +@media -moz-pref("userChrome.hidden.bookmarkbar_icon") { + #PlacesToolbarItems .bookmark-item > .toolbarbutton-icon { + display: none; + } +} +@media -moz-pref("userChrome.hidden.bookmarkbar_label") { + #PlacesToolbarItems .bookmark-item > .toolbarbutton-text { + visibility: collapse; /* display: none is not work */ + } +} + +@media -moz-pref("userChrome.hidden.disabled_menu") { + menu[disabled="true"], + menuitem:not(#context-back, #context-forward)[disabled="true"] { + visibility: collapse !important; + } + @media -moz-pref("widget.macos.native-context-menus") or -moz-pref("widget.gtk.native-context-menus") { + #context-back[disabled="true"], + #context-forward[disabled="true"] { + visibility: collapse !important; + } + } +} +/** Icons *********************************************************************/ +@media not -moz-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-tab-close-icon: url("../icons/close-tab.svg"); + --uc-tab-close-duplicate-icon: url("../icons/close-duplicate-tabs.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"); + } + @media -moz-pref("userChrome.icon.library") { + :root { + --uc-folder-icon: url("../icons/folder.svg"); + } + } + @media -moz-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-tab-close-icon: url("../icons/close-tab-photon.svg"); + --uc-tab-close-duplicate-icon: url("../icons/close-duplicate-tabs-photon.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]) { + --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 ***************************************************/ + @media -moz-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 *************************************************************/ + @media -moz-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; + } + @media not -moz-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"], + #appMenu_historyMenu .subviewbutton[disabled="true"] { + margin-inline-start: 0 !important; + 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-addon-banners > .addon-banner-item > .toolbarbutton-icon { + display: inline-flex !important; + } + #appMenu-update-banner::before, + #appMenu-proton-update-banner::before { + content: url("../icons/whatsnew.svg"); + margin-inline-end: 0px !important; + } + #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; + } + #appMenu-profiles-button > image, + #appMenu-empty-profiles-button > image { + fill: transparent !important; + } + #appMenu-empty-profiles-button, + #PanelUI-fxa-menu-empty-profiles-button { + list-style-image: url("chrome://browser/content/profiles/assets/16_heart.svg"); + } + #profiles-manage-profiles-button { + list-style-image: url("chrome://global/skin/icons/settings.svg"); + } + #new-tab-button { + list-style-image: var(--uc-new-tab-icon) !important; + } + @media -moz-pref("userChrome.icon.panel_full") or -moz-pref("userChrome.icon.panel_photon") { + #appMenu-new-tab-button2 { + list-style-image: var(--uc-new-tab-icon); + } + } + @media -moz-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-pref("userChrome.icon.panel_photon") { + @media not -moz-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"); + } + @media -moz-pref("userChrome.icon.panel_full") or -moz-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"); + } + @media -moz-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"); + } + @media -moz-pref("userChrome.icon.panel_full") { + #appMenu-more-button2 { + list-style-image: url("../icons/ion.svg"); + } + } + @media -moz-pref("userChrome.icon.panel_full") or -moz-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); + } + @media -moz-pref("userChrome.icon.account_image_to_right") { + #fxa-manage-account-button::before { + order: 2 !important; + -moz-box-ordinal-group: 2 !important; + } + } + @media -moz-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"); + } + @media (prefers-reduced-motion: reduce) { + #PanelUI-fxa-menu-syncnow-button[syncstatus="active"] > .toolbarbutton-icon, + #PanelUI-remotetabs-syncnow[syncstatus="active"] > .toolbarbutton-icon, + .syncNowBtn[syncstatus="active"] { + list-style-image: url("chrome://browser/skin/tabbrowser/hourglass.svg") !important; + } + } + #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-signedin-panel[hidden="true"] + #PanelUI-fxa-cta-menu #PanelUI-products-separator { + display: none; + } + #PanelUI-fxa-menu > :first-child, + #fxa-manage-account-button { + 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"); + } + .sendToDevice-device[clientType="phone"] { + list-style-image: url("../icons/device-phone.svg") !important; + } + .sendToDevice-device[clientType="tablet"] { + list-style-image: url("../icons/device-tablet.svg") !important; + } + .sendToDevice-device[clientType="desktop"] { + list-style-image: url("../icons/device-desktop.svg") !important; + } + .sendToDevice-device[clientType="tv"] { + list-style-image: url("../icons/device-tv.svg") !important; + } + .sendToDevice-device[clientType="vr"] { + list-style-image: url("../icons/device-vr.svg") !important; + } + /*= 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-syncedTabs { + list-style-image: url("../icons/synced-tabs.svg"); + } + #allTabsMenu-closeDuplicateTabs { + list-style-image: var(--uc-tab-close-duplicate-icon); + } + #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"); + } + @media -moz-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-report-broken-site-button { + list-style-image: url("chrome://global/skin/icons/lightbulb.svg"); + } + #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-switcher-genai-chat.subviewbutton { + list-style-image: url("chrome://mozapps/skin/extensions/category-discover.svg"); + } + #sidebar-switcher-genai-chat:is(menuitem) { + --menuitem-image: url("chrome://mozapps/skin/extensions/category-discover.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"); + } + /*= sidebar-context-menu =====================================================*/ + #sidebar-context-menu-manage-extension { + --menuitem-image: url("chrome://global/skin/icons/settings.svg"); + } + #sidebar-context-menu-remove-extension { + --menuitem-image: url("chrome://global/skin/icons/delete.svg"); + } + #sidebar-context-menu-report-extension { + --menuitem-image: url("../icons/send.svg"); + } + #sidebar-context-menu-unpin-extension { + --menuitem-image: url("../icons/unpin-tab.svg"); + } + #sidebar-context-menu-hide-sidebar { + --menuitem-image: url("../icons/eye-hide.svg"); + } + #sidebar-context-menu-customize-sidebar { + --menuitem-image: url("chrome://browser/skin/customize.svg"); + } + #sidebar-context-menu-enable-vertical-tabs { + --menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg"); + } + /*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/ + .item.client[clientType="phone"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-phone.svg") !important; + } + .item.client[clientType="tablet"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-tablet.svg") !important; + } + .item.client[clientType="desktop"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-desktop.svg") !important; + } + .item.client[clientType="tv"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-tv.svg") !important; + } + .item.client[clientType="vr"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-vr.svg") !important; + } + /*= 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 *******************************************************/ + @media -moz-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 menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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 */ + @media -moz-pref("widget.macos.native-context-menus") or -moz-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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 */ + @media -moz-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 (-moz-platform: windows) { + #main-menubar > menu > :is(.menubar-text, .menu-text) { + transform: translateY(-1px) !important; /* Fix menu top padding position */ + padding-inline-start: 0.3em !important; + } + } + @media (-moz-gtk-csd-available) { + #main-menubar > menu > :is(.menubar-text, .menu-text) { + padding-inline-start: 3px; + } + } + @media not -moz-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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; */ + } + menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon { + display: none !important; + } + } + @media (-moz-platform: windows), (-moz-gtk-csd-available) { + @media -moz-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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; */ + } + menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon { + display: none !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; + } + .menu-icon { + display: unset !important; + } + #main-menubar > menu > .menu-icon { + display: none !important; + } + } + /* Padding - Mac */ + @media -moz-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 */ + @media -moz-pref("userChrome.icon.global_menu.mac") { + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--context-menu-background-padding) + 2px) !important; + } + @media -moz-pref("userChrome.theme.non_native_menu") { + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + margin-inline: var(--arrowpanel-menuitem-margin-inline) !important; + } + } + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text { + margin-inline-start: var(--context-menu-text-padding) !important; + } + } + @media -moz-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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 3px) !important; + } + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 1px) !important; + } + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text { + padding-inline-start: var(--context-menu-mac-padding) !important; + } + } + @media -moz-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_playTab, + #context_playSelectedTabs { + --menuitem-image: url("../icons/play-fill.svg"); + } + #context_toggleMuteTab, + #context_toggleMuteSelectedTabs, + #treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab[label="Mute Tab"], + #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[label="Unmute Tab"], + #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"); + } + #treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Stick Tab to Edges"] { + --menuitem-image: url("../icons/align-distribute-top.svg"); + } + #treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Unstick Tab to Edges"] { + --menuitem-image: url("../icons/align-space-evenly-vertical.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"); + } + @media -moz-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"); + } + @media -moz-pref("userChrome.icon.menu.full") { + #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeDuplicatedTabs, + #context_closeDuplicateTabs { + --menuitem-image: var(--uc-tab-close-duplicate-icon); + } + } + @media -moz-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"); + } + #toolbar-context-customize-sidebar { + --menuitem-image: url("chrome://browser/skin/customize.svg"); + } + #toolbar-context-toggle-vertical-tabs { + --menuitem-image: url("chrome://browser/skin/sidebar-collapsed.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; + } + } + @media -moz-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("../icons/edit-active.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"); + } + @media -moz-pref("userChrome.icon.menu.full") { + #context_reloadTabOptions { + --menuitem-image: url("../icons/filter-reload.svg"); + } + } + @media not -moz-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"); + } + @media -moz-pref("userChrome.icon.menu.full") { + #tm-lockTab { + --menuitem-image: url("../icons/lock-closed.svg"); + } + } + @media -moz-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"); + } + @media -moz-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-pdfjs-highlight-selection { + --menuitem-image: url("../icons/toolbarButton-editorHighlight.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"); + } + #context-translate-selection { + --menuitem-image: url("../icons/translations.svg"); + } + #context-ask-chat { + --menuitem-image: url("../icons/chat-sparkle.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 */ + } + @media -moz-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"); + } + } + /*= context-ask-chat =========================================================*/ + #ask-chat-shortcuts .toolbarbutton-icon { + order: -1; + margin-inline-end: var(--arrowpanel-menuitem-margin-inline) !important; + } + #ask-chat-shortcuts .subviewbutton:nth-child(1) { + list-style-image: url("../icons/apps-list-detail.svg"); + } + #ask-chat-shortcuts .subviewbutton:nth-child(2) { + list-style-image: url("../icons/code-text.svg"); + } + #ask-chat-shortcuts .subviewbutton:nth-child(3) { + list-style-image: url("../icons/tetris-app.svg"); + } + #ask-chat-shortcuts .subviewbutton:nth-child(4) { + list-style-image: url("../icons/arrow-up-exclamation.svg"); + } + #context-ask-chat menuitem:nth-child(1) { + --menuitem-image: url("../icons/apps-list-detail.svg"); + } + #context-ask-chat menuitem:nth-child(2) { + --menuitem-image: url("../icons/code-text.svg"); + } + #context-ask-chat menuitem:nth-child(3) { + --menuitem-image: url("../icons/tetris-app.svg"); + } + #context-ask-chat menuitem:nth-child(4) { + --menuitem-image: url("../icons/arrow-up-exclamation.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("../icons/edit-active.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("../icons/edit-active.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"); + } + @media -moz-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"); + } + @media -moz-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"); + } + @media -moz-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"); + } + @media -moz-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 */ + @media -moz-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-move-widget-up { + --menuitem-image: url("chrome://global/skin/icons/arrow-up.svg"); + } + .unified-extensions-context-menu-move-widget-down { + --menuitem-image: url("chrome://global/skin/icons/arrow-down.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="trendingblock"] { + --menuitem-image: url("../icons/eye-hide.svg"); + } + .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"); + } + /*= full-page-translations-panel-settings-menupopup ==========================*/ + .manage-languages-menuitem { + --menuitem-image: url("chrome://global/skin/icons/settings.svg"); + } + #full-page-translations-panel-settings-menupopup > menuitem[data-l10n-id="translations-panel-settings-about2"] { + --menuitem-image: url("chrome://global/skin/icons/info.svg"); + } + /*= select-translations-panel-settings-menupopup =============================*/ + #select-translations-panel-open-settings-page-menuitem { + --menuitem-image: url("chrome://global/skin/icons/settings.svg"); + } + #select-translations-panel-about-translations-menuitem { + --menuitem-image: url("chrome://global/skin/icons/info.svg"); + } + } + @media -moz-pref("userChrome.icon.global_menubar") { + /*= main-menubar =============================================================*/ + #file-menu { + --menuitem-image: url("../icons/mail-inbox-all.svg"); + } + #edit-menu { + --menuitem-image: url("../icons/edit-active.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"); + } + #profiles-menu:is(menu) { + fill: transparent !important; + --menuitem-image: url("chrome://browser/content/profiles/assets/16_heart.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"); + } + /*= Others ===================================================================*/ + #alltabs-button { + list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; + } + #alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon { + /* Original + width: 20px; + margin: -2px; + */ + width: 16px !important; + margin: 0 !important; + } + } + @media -moz-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_close { + --menuitem-image: var(--uc-tab-close-icon); + } + @media -moz-pref("userChrome.icon.menu.full") { + #menu_closeWindow { + --menuitem-image: url("../icons/close-window.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"); + } + @media -moz-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"); + } + @media -moz-pref("userChrome.icon.menu.full") { + #menu_findAgain { + --menuitem-image: url("../icons/find-again.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_ProfilesPopup =======================================================*/ + #menu_manageProfiles { + --menuitem-image: url("chrome://global/skin/icons/settings.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("../icons/firefox-view.svg"); + } + #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"); + } + } + @media -moz-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"); + } + @media -moz-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"); + } + @media -moz-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 ***********************************************/ + @media -moz-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; + } + .tabbrowser-tab:is([image="chrome://global/skin/icons/performance.svg"], + [image="chrome://devtools/skin/images/tool-profiler.svg"]) .tab-icon-image + { + content: url("../icons/performance.svg") !important; + } + .tabbrowser-tab:is([image="chrome://global/skin/icons/developer.svg"]) .tab-icon-image + { + content: url("../icons/developer.svg") !important; + } + .tabbrowser-tab:is([image="chrome://browser/skin/controlcenter/dashboard.svg"]) .tab-icon-image + { + content: url("../icons/dashboard.svg") !important; + } + } + /** Icons for fork browsers ***************************************************/ + /*= Waterfox =================================================================*/ + @media -moz-pref("userChrome.icon.panel") { + #appMenu-restart-button { + list-style-image: url("../icons/refresh-cw.svg") !important; + } + } + @media -moz-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"); + } + #sidebar_waterfox_net-menuitem-_openAllBookmarksWithStructure { + --menuitem-image: url("../icons/organization-horizontal.svg"); + } + } + /*= Tor Browser ==============================================================*/ + @media -moz-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 -moz-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"); + } + @media -moz-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 -moz-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("../icons/edit-active.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"); + } + } +} +/*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ +/** 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:is([tabsintitlebar="true"], [customtitlebar="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 ================================================*/ + /*= Tabpreviw transparent #890 ===============================================*/ + /*= Design token =============================================================*/ +} +@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") { + #main-window { + background-color: WindowFrame !important; + } +} +@media (-moz-bool-pref: "userChrome.compatibility.theme") { + :root[lwtheme][lwtheme-image] #customization-container { + background-image: none !important; + } +} +@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") { + :root:not([lwtheme]) #customization-container { + background-color: var(--toolbar-non-lwt-bgcolor) !important; + } +} +@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:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .toolbarbutton-icon, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .toolbarbutton-icon, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive .toolbarbutton-icon { + fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1); + } +} +@media (-moz-bool-pref: "userChrome.compatibility.theme") { + #tab-preview-panel { + --panel-background: var( + --arrowpanel-background + ) !important; /* Original: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) */ + --panel-color: var( + --arrowpanel-color + ) !important; /* Original: var(--tab-selected-textcolor, var(--toolbar-color)) */ + } +} +@media (-moz-bool-pref: "userChrome.compatibility.theme") { + :root, + :host { + --button-color: var(--button-text-color); + --button-bgcolor: var(--button-background-color); + --button-hover-bgcolor: var(--button-background-color-hover); + --button-active-bgcolor: var(--button-background-color-active); + --button-primary-color: var(--button-text-color-primary); + --button-primary-bgcolor: var(--button-background-color-primary); + --button-primary-hover-bgcolor: var(--button-background-color-primary-hover); + --button-primary-active-bgcolor: var(--button-background-color-primary-active); + } +} +/*= 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 =============================================*/ + /*= MacOS Fullscreen clipping #1045 ==========================================*/ +} +@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-platform: windows) { + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox { + border-top: 0.5px solid rgb(47, 47, 47) !important; + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]):-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"]:is([tabsintitlebar], [customtitlebar]) #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"]:is([tabsintitlebar], [customtitlebar]) #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 */ + } +} +@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:is([tabsintitlebar], [customtitlebar]) #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:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #titlebar { + appearance: none !important; + padding-top: 8px; + } +} +@media (-moz-bool-pref: "userChrome.compatibility.os") { + :root[sizemode="fullscreen"][macOSNativeFullscreen]:not([inDOMFullscreen="true"]) #TabsToolbar { + min-height: var(--tab-min-height, fit-content) !important; + } +} +/*= 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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { + --focus-outline-color: AccentColor !important; + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #urlbar[open] + > #urlbar-background, + :root:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { + --focus-outline-color: -moz-accent-color !important; + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #urlbar[open] + > #urlbar-background, + :root:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root[lwt-default-theme-in-dark-mode] #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar, + :root[lwt-default-theme-in-dark-mode] #TabsToolbar { + --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, + .unified-extensions-item-menu-button + ):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, + .unified-extensions-item-menu-button + ):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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + :root[lwtheme-mozlightdark] + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + :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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .browser-titlebar, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .browser-titlebar { + color: AccentColorText !important; + background-color: AccentColor !important; + } +} +@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .browser-titlebar, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .browser-titlebar { + color: -moz-accent-color-foreground !important; + background-color: -moz-accent-color !important; + } +} +@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .toolbar-items, + :root:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .toolbar-items, + :root:is([tabsintitlebar], [customtitlebar])[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%, Field); + --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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar { + --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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root[lwt-default-theme-in-dark-mode] #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar, + :root[lwt-default-theme-in-dark-mode] #TabsToolbar { + --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]) + > #pinned-tabs-container + > .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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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, + .menu-iconic-left .menu-icon, + menuitem[type="checkbox"] .menu-iconic-icon, + menuitem[type="checkbox"] .menu-icon, + menuitem[type="radio"] .menu-iconic-icon, + menuitem[type="radio"] .menu-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, + menuitem[checked="true"] > .menu-icon { + -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; + /* 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, + #context-navigation > .menuitem-iconic > .menu-icon { + 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, + #context-navigation > .menuitem-iconic > .menu-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, + #context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-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, + #context-navigation > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] > .menu-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"][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"][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") { + .notification-button.primary { + background-color: var(--button-primary-bgcolor) !important; + } + .notification-button.primary:hover { + background-color: var(--button-primary-hover-bgcolor) !important; + } + .notification-button.primary:hover:active { + background-color: var(--button-primary-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") { + #editBookmarkPanel #editBMPanel_namePicker, + #editBookmarkPanel #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, + #toolbar-menubar, + #TabsToolbar { + --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, + #toolbar-menubar, + #TabsToolbar { + --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, + #toolbar-menubar .toolbarbutton-1, + #TabsToolbar .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("../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 > :is(.menubar-text, .menu-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 > :is(.menubar-text, .menu-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 { + transition: border-color 1s var(--animation-easing-function), background-color 0.5s var(--animation-easing-function) !important; + } + #urlbar-background:hover { + transition: border-color 0.5s var(--animation-easing-function), + background-color 0.5s var(--animation-easing-function) !important; + } +} +@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { + #searchbar { + transition: border-color 1s var(--animation-easing-function), background-color 1.5s var(--animation-easing-function) !important; + } + #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), visibility 0s linear !important; + will-change: margin-inline-start, visibility; + } + #sidebar-box[hidden="true"] { + display: flex !important; + display: -moz-box !important; + margin-inline-start: -18em; + visibility: collapse; + transition-delay: 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 not (-moz-bool-pref: "userChrome.rounding.square_tab") { + :root { + --tab-border-radius: 4px !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]):not([customtitlebar]) #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]):not([customtitlebar]) #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"]) #pinned-tabs-container, + :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 */ + } + #tabbrowser-tabs[orient="vertical"][expanded] .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { + max-width: none !important; + } + #tabbrowser-tabs[orient="horizontal"] + tab-group[collapsed] + > .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { + min-width: 0 !important; + max-width: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow-clip-margin: 0; + } +} +@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { + :root[customizing="true"] #tabbrowser-arrowscrollbox-periphery, + #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #pinned-tabs-container + > #tabbrowser-arrowscrollbox-periphery, + #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #tabbrowser-arrowscrollbox + > #tabbrowser-arrowscrollbox-periphery { + min-width: 3px; + } +} +@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { + #tabbrowser-tabs[orient="horizontal"] .tab-group-label-container { + margin-inline-start: 4px !important; + } +} +@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:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar])[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]) #pinned-tabs-container, + #TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"], + #TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack, + #TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content, + :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]) #pinned-tabs-container, + :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { + height: var(--tab-min-height) !important; + } +} +@media (-moz-bool-pref: "userChrome.padding.tabbar_height") { + :root #pinned-tabs-container, + :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:is([tabsintitlebar], [customtitlebar]):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: 0 !important; /* Original: 4px */ + } + :root:not([uidensity="compact"]) #urlbar-container, + :root:not([uidensity="compact"]) #search-container { + padding-block: 0 !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; + } + /* 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-container-height) * 2 - var(--urlbar-height)) !important; + width: var(--urlbar-width) !important; + position: relative !important; + margin: 0 !important; + } + #urlbar[breakout][breakout-extend] > #urlbar-input-container, + #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"] #toolbar-menubar, + :root[sizemode="fullscreen"] #TabsToolbar, + :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, + #TabsToolbar { + 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:is([tabsintitlebar], [customtitlebar]) #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, + #TabsToolbar { + 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:is([tabsintitlebar], [customtitlebar]) #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, + #toolbar-menubar, + #TabsToolbar { + 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, + #toolbar-menubar, + #TabsToolbar { + 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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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:is([tabsintitlebar], [customtitlebar]) { + --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"], [customtitlebar][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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]):not([customtitlebar="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] > #pinned-tabs-container > .tabbrowser-tab[pinned][selected="true"], + #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")) { + #pinned-tabs-container, + #tabbrowser-arrowscrollbox { + margin-inline: 2px !important; + } + :root[sizemode="normal"] #pinned-tabs-container, + :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") { + #pinned-tabs-container, + #tabbrowser-arrowscrollbox { + margin-inline: 2px !important; + } + :root[sizemode="normal"] #pinned-tabs-container, + :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"]):not([customtitlebar="true"]) + #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) + ~ #alltabs-button, + :root:not([tabsintitlebar="true"]):not([customtitlebar="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"], + #pinned-tabs-container, + #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"] #pinned-tabs-container, + #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") { + #TabsToolbar #tabbrowser-tabs:not([orient="vertical"]) { + max-height: var(--tab-min-height); + } + #TabsToolbar #tabbrowser-tabs:not([orient="vertical"])[movingtab] { + padding-bottom: unset !important; + margin-bottom: unset !important; + } + #TabsToolbar[multibar] #tabbrowser-tabs:not([orient="vertical"]) { + max-height: var(--tab-min-height_mlt); + } + #tabbrowser-tabs:not([orient="vertical"]) { + min-height: unset !important; /* Original: var(--tabstrip-min-height) */ + } + #tabbrowser-tabs:not([orient="vertical"]) .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; + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-content { + margin-top: 0px; + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + #tabbrowser-tabs:not([orient="vertical"]) tab-group .tabbrowser-tab:is([selected], [multiselected]) .tab-group-line { + transform: translateY(calc(var(--tab-group-line-thickness) * -1)); + } + #tabbrowser-tabs[orient="vertical"] { + --uc-tab-border-bottom-radius: var(--tab-border-radius); + } + /* Remove line at Toolbar's top */ + #tabbrowser-tabs { + z-index: 1 !important; + } + /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */ + /* Border top #889 */ +} +@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] > #pinned-tabs-container > .tabbrowser-tab[pinned], + #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] { + z-index: 0 !important; + } + #tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned] .tab-stack, + #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] .tab-stack { + /* Temporary solution for compatibility #513 */ + overflow-y: clip; + } +} +@media (-moz-bool-pref: "userChrome.tab.connect_to_window") { + #nav-bar { + border-top: none !important; + box-shadow: 0 -0.01px 0 ThreeDShadow; + } +} +@media (-moz-bool-pref: "userChrome.tab.connect_to_window") and (-moz-gtk-csd-available) { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #nav-bar { + box-shadow: 0 -0.01px 0 ThreeDShadow; + } +} +/*= Selected Tab =============================================================*/ +/*= Selected Tab - Bold ======================================================*/ +@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]) #pinned-tabs-container > .tabbrowser-tab > .tab-stack > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-arrowscrollbox + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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]) + #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-arrowscrollbox + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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, + #vertical-tabs { + --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 28%, var(--toolbar-bgcolor, transparent)); + } + #TabsToolbar[brighttext], + #vertical-tabs[brighttext] { + --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 16%, var(--toolbar-bgcolor, transparent)); + } + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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; + } +} +/*= Selected Tab - Supernova like contextline ===================================*/ +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") { + /* context line styles */ + tabs tab.tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line { + display: inline-flex !important; + display: -moz-inline-box !important; + } + tabs tab.tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line::before { + content: ""; + height: 1px !important; + border-radius: 9999px !important; + transform: translateY(5px); + margin-top: -1px !important; + margin-left: 5px; + margin-right: 5px; + width: 100%; + } + /* Override container-tab style */ + tabs tab.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + margin: unset !important; + } + /* selected tab style */ + :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: #45a1ff; + } + .tabbrowser-tab:is([selected], [multiselected]) .tab-context-line::before { + background-color: var(--tab-line-color, var(--lwt-tab-line-color, #45a1ff)) !important; + } + /* Set the active effect */ + .tabbrowser-tab:active > .tab-stack > .tab-background > .tab-context-line::before { + filter: brightness(70%); + margin-left: 6px; + margin-right: 6px; + } + /* Set the hover effect */ + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + background-color: rgba(0, 0, 0, 0.4) !important; + opacity: 1 !important; + } + #TabsToolbar[brighttext] + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + background-color: rgba(255, 255, 255, 0.4) !important; + } + /* Animation */ + /* Animation for hover effect */ + /* --- copied (not modified) from _photon_like_contextline.scss --- */ + /* Prevent identity color flashing */ + /* Remove side's background color border */ +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") and (prefers-reduced-motion: no-preference) { + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + animation: toWide 0.2s cubic-bezier(0, 0.9, 0.15, 1); + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") { + @keyframes toWide { + 0% { + opacity: 0.8; + margin-left: 40%; + margin-right: 40%; + } + 100% { + opacity: 1; + margin-left: 5px; + margin-right: 5px; + } + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") { + .tabbrowser-tab[usercontextid] .tab-context-line { + --identity-icon-color: none; + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") { + :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; + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_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 (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_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 (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") and (-moz-bool-pref: "userChrome.tab.contextline_blue_accent") { + #tabbrowser-tabs .tab-context-line { + --tab-line-color: #45a1ff !important; + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") and (not (-moz-bool-pref: "userChrome.tab.contextline_blue_accent")) and (-moz-gtk-csd-available) { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs .tab-context-line { + --tab-line-color: AccentColor !important; /* -moz-accent-color */ + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") and (not (-moz-bool-pref: "userChrome.tab.contextline_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-context-line { + --tab-line-color: Highlight !important; /* -moz-accent-color */ + } +} +/*= Unselected Tab - Divide line =============================================*/ +/*= Unselected Tab - Dynamic Separator =======================================*/ +@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") { + #pinned-tabs-container, + #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); + } + #pinned-tabs-container:-moz-locale-dir(rtl), + #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") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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")) { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + #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") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + #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")) { + #tabbrowser-tabs:not([orient="vertical"]) .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-tabs:not([orient="vertical"]) .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") { + #pinned-tabs-container:not([orient="vertical"]):not(:empty):not( + :has(.tabbrowser-tab[pinned]:is([visuallyselected], [multiselected], :hover):last-of-type) + ) + ~ #tabbrowser-arrowscrollbox:not([orient="vertical"]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type + .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + .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") { + #tabbrowser-tabs:not([orient="vertical"]) #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-tabs:not([orient="vertical"]) + #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") { + #tabbrowser-tabs:not([orient="vertical"]) + tab-group:has(.tabbrowser-tab:last-child:is(:hover, [selected])) + + .tabbrowser-tab + .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) tab-group[collapsed] + .tabbrowser-tab .tab-stack::before { + opacity: 0 !important; + } +} +@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") { + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + #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-tabs:not([orient="vertical"]) + .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + + .tabbrowser-tab + .tab-stack::before, + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) + ~ #tabs-newtab-button::before, + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + + .tabbrowser-tab:not([visuallyselected]) + .tab-stack::before { + opacity: 0 !important; + } + :root:not([uidensity="compact"]) #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button > .toolbarbutton-icon { + margin-left: 2px; + } + :root[uidensity="compact"] #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button > .toolbarbutton-icon { + margin-left: 1px; + } +} +@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (prefers-reduced-motion: no-preference) { + #tabbrowser-tabs:not([orient="vertical"]) .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") { + #tabbrowser-tabs:not([orient="vertical"]) #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-tabs:not([orient="vertical"]) + #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-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover { + fill: color-mix(in srgb, AccentColorText 10%, transparent) !important; /* Hardcoded for compatibility */ + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover { + fill: color-mix( + in srgb, + -moz-accent-color-foreground 10%, + transparent + ) !important; /* Hardcoded for compatibility */ + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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"]) + > #pinned-tabs-container + > .tabbrowser-tab:not([visuallyselected], [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"] + > #pinned-tabs-container + > .tabbrowser-tab:not([pinned]) + > .tab-stack + > .tab-content + > .tab-close-button:not([selected]), + #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([crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + -moz-context-properties: fill, fill-opacity, stroke !important; + fill: currentColor !important; + border: none !important; + } + .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + stroke: var(--tab-icon-overlay-stroke, light-dark(white, black)); + color: var(--tab-icon-overlay-fill, light-dark(black, white)); + } + .tab-icon-overlay:not([crashed])[soundplaying] { + list-style-image: url("./icons/tab-audio-playing-small.svg"); + } + .tab-icon-overlay:not([crashed])[muted] { + list-style-image: url("./icons/tab-audio-muted-small.svg"); + } + .tab-icon-overlay:not([crashed])[activemedia-blocked] { + list-style-image: url("./icons/tab-audio-blocked-small.svg"); + } +} +@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") { + .tab-audio-button:not([crashed]), + .tab-audio-button[pinned][crashed][selected] { + /* Position */ + margin-inline-start: -8px !important; + margin-inline-end: -4px !important; + z-index: 1 !important; + transform: translateX(var(--uc-sound-tab-icon-position-x)) translateY(var(--uc-sound-tab-icon-position-y)); + /* Shape */ + --button-size-icon-small: 17px !important; + --button-min-height-small: 17px !important; + --button-border-radius: 100% !important; + width: 17px !important; + height: 17px !important; + border-radius: 100%; + overflow: clip; + --button-text-color-ghost-hover: light-dark(white, black); + --button-background-color-ghost-hover: light-dark(black, white); + } +} +@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { + .tab-audio-button:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + display: flex !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: calc(100% - 30px); + opacity: 0.75; + } +} +@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { + .tabbrowser-tab[visuallyselected] .tab-content::before { + opacity: 1; + } +} +@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (not (-moz-bool-pref: "userChrome.tab.container.always_long")) { + .tab-content::before { + width: 25%; + } + .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { + width: calc(100% - 30px); + } + #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")) { + .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected])::before, + .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected])::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]) #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] { + 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])) #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]) #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: var(--browser-area-z-index-sidebar-splitter, 3) !important; + position: relative !important; + box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color); + } + #sidebar-box[positionend] { + --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] { + 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"]:not([inDOMFullscreen="true"]) #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"]:not([inDOMFullscreen="true"]) #navigator-toolbox:is(:hover, :focus-within) { + margin-top: 0 !important; + } + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) + :-moz-any(#navigator-toolbox, #titlebar, #toolbar-menubar, #TabsToolbar, #nav-bar, #PersonalToolbar) { + width: 100%; /* Makes the UI take up the entire width */ + } + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #urlbar:popover-open { + position: fixed !important; + } +} +@media (-moz-bool-pref: "userChrome.fullscreen.overlap") and (-moz-bool-pref: "browser.fullscreen.autohide") and (-moz-gtk-csd-available) { + /* Fix transparent background */ + :root:is([tabsintitlebar], [customtitlebar])[sizemode="fullscreen"]:not([inDOMFullscreen="true"]):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ) + #TabsToolbar { + appearance: auto !important; + } +} +@media (-moz-bool-pref: "userChrome.fullscreen.show_bookmarkbar") { + :root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized]:not([collapsed="true"]), + :root[sizemode="fullscreen"] #PersonalToolbar[initialized] { + 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]):not([customtitlebar]):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:is([tabsintitlebar], [customtitlebar]):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:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="true"]) { + --uc-menubar-height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)); + } + } + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="false"]) { + --uc-menubar-height: var(--uc-titlebar-buttonbox-height); + } + :root:not([tabsintitlebar]):not([customtitlebar]):has(#toolbar-menubar[autohide="true"][inactive="true"]), + :root:is([tabsintitlebar], [customtitlebar]):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, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + 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, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + 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, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + 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, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + 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, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + 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, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + 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); + } + #nav-bar:not([customizing]), + #nav-bar:not([customizing]) #urlbar { + opacity: 0; + will-change: margin-bottom, opacity; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { + margin-bottom: 0; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + opacity: 1; + } + #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + pointer-events: none; + } +} +@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); + } + #nav-bar:not([customizing]), + #nav-bar:not([customizing]) #urlbar { + opacity: 0; + will-change: margin-bottom, opacity; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { + margin-bottom: 0; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + opacity: 1; + } + #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + pointer-events: none; + } +} +@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), + (-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.navbar"), + (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") { + #mainPopupSet:not(:hover) ~ #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) { + -moz-window-dragging: no-drag; + } +} +@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) { + #nav-bar:not([customizing]) #urlbar { + 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.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]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + 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]) { + margin-inline-start: var(--uc-sidebar-fullscreen-margin) !important; + will-change: margin-inline-start; + } + :root[inFullscreen="true"] #sidebar-box:not([positionend]):is(:hover, :focus-within) { + margin-inline-start: 0 !important; + } + :root[inFullscreen="true"] #sidebar-box[positionend] { + margin-inline-end: var(--uc-sidebar-fullscreen-margin) !important; + will-change: margin-inline-end; + } + :root[inFullscreen="true"] #sidebar-box[positionend]: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] { + 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-tab-close-icon: url("../icons/close-tab.svg"); + --uc-tab-close-duplicate-icon: url("../icons/close-duplicate-tabs.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-tab-close-icon: url("../icons/close-tab-photon.svg"); + --uc-tab-close-duplicate-icon: url("../icons/close-duplicate-tabs-photon.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]) { + --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 ========================================================*/ + /*= sidebar-context-menu =====================================================*/ + /*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/ + /*= 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"], + #appMenu_historyMenu .subviewbutton[disabled="true"] { + margin-inline-start: 0 !important; + 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-addon-banners > .addon-banner-item > .toolbarbutton-icon { + display: inline-flex !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #appMenu-update-banner::before, + #appMenu-proton-update-banner::before { + content: url("../icons/whatsnew.svg"); + margin-inline-end: 0px !important; + } +} +@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") { + #appMenu-profiles-button > image, + #appMenu-empty-profiles-button > image { + fill: transparent !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #appMenu-empty-profiles-button, + #PanelUI-fxa-menu-empty-profiles-button { + list-style-image: url("chrome://browser/content/profiles/assets/16_heart.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #profiles-manage-profiles-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") { + #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") and (prefers-reduced-motion: reduce) { + #PanelUI-fxa-menu-syncnow-button[syncstatus="active"] > .toolbarbutton-icon, + #PanelUI-remotetabs-syncnow[syncstatus="active"] > .toolbarbutton-icon, + .syncNowBtn[syncstatus="active"] { + list-style-image: url("chrome://browser/skin/tabbrowser/hourglass.svg") !important; + } +} +@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-signedin-panel[hidden="true"] + #PanelUI-fxa-cta-menu #PanelUI-products-separator { + display: none; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #PanelUI-fxa-menu > :first-child, + #fxa-manage-account-button { + 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") { + .sendToDevice-device[clientType="phone"] { + list-style-image: url("../icons/device-phone.svg") !important; + } + .sendToDevice-device[clientType="tablet"] { + list-style-image: url("../icons/device-tablet.svg") !important; + } + .sendToDevice-device[clientType="desktop"] { + list-style-image: url("../icons/device-desktop.svg") !important; + } + .sendToDevice-device[clientType="tv"] { + list-style-image: url("../icons/device-tv.svg") !important; + } + .sendToDevice-device[clientType="vr"] { + list-style-image: url("../icons/device-vr.svg") !important; + } +} +@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-syncedTabs { + list-style-image: url("../icons/synced-tabs.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #allTabsMenu-closeDuplicateTabs { + list-style-image: var(--uc-tab-close-duplicate-icon); + } +} +@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-report-broken-site-button { + 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") { + #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-switcher-genai-chat.subviewbutton { + list-style-image: url("chrome://mozapps/skin/extensions/category-discover.svg"); + } + #sidebar-switcher-genai-chat:is(menuitem) { + --menuitem-image: url("chrome://mozapps/skin/extensions/category-discover.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") { + #sidebar-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.panel") { + #sidebar-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.panel") { + #sidebar-context-menu-report-extension { + --menuitem-image: url("../icons/send.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #sidebar-context-menu-unpin-extension { + --menuitem-image: url("../icons/unpin-tab.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #sidebar-context-menu-hide-sidebar { + --menuitem-image: url("../icons/eye-hide.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #sidebar-context-menu-customize-sidebar { + --menuitem-image: url("chrome://browser/skin/customize.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #sidebar-context-menu-enable-vertical-tabs { + --menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="phone"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-phone.svg") !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="tablet"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-tablet.svg") !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="desktop"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-desktop.svg") !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="tv"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-tv.svg") !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="vr"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-vr.svg") !important; + } +} +@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 menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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 (-moz-platform: windows) { + #main-menubar > menu > :is(.menubar-text, .menu-text) { + transform: translateY(-1px) !important; /* Fix menu top padding position */ + padding-inline-start: 0.3em !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menubar") and (-moz-gtk-csd-available) { + #main-menubar > menu > :is(.menubar-text, .menu-text) { + padding-inline-start: 3px; + } +} +@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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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; */ + } + menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon { + display: none !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; + } + :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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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; */ + } + menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon { + display: none !important; + } +} +@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; + } + .menu-icon { + display: unset !important; + } + #main-menubar > menu > .menu-icon { + display: none !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") { + :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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + 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"]):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + .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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 3px) !important; + } + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 1px) !important; + } + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + > .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_playTab, + #context_playSelectedTabs { + --menuitem-image: url("../icons/play-fill.svg"); + } + #context_toggleMuteTab, + #context_toggleMuteSelectedTabs, + #treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab[label="Mute Tab"], + #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[label="Unmute Tab"], + #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"); + } + #treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Stick Tab to Edges"] { + --menuitem-image: url("../icons/align-distribute-top.svg"); + } + #treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Unstick Tab to Edges"] { + --menuitem-image: url("../icons/align-space-evenly-vertical.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 ===================================================*/ + /*= context-ask-chat =========================================================*/ + /*= 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 ===================================================*/ + /*= full-page-translations-panel-settings-menupopup ==========================*/ + /*= select-translations-panel-settings-menupopup =============================*/ +} +@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") { + #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeDuplicatedTabs, + #context_closeDuplicateTabs { + --menuitem-image: var(--uc-tab-close-duplicate-icon); + } +} +@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") { + #toolbar-context-customize-sidebar { + --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") { + #toolbar-context-toggle-vertical-tabs { + --menuitem-image: url("chrome://browser/skin/sidebar-collapsed.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("../icons/edit-active.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-pdfjs-highlight-selection { + --menuitem-image: url("../icons/toolbarButton-editorHighlight.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") { + #context-translate-selection { + --menuitem-image: url("../icons/translations.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-ask-chat { + --menuitem-image: url("../icons/chat-sparkle.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") { + #ask-chat-shortcuts .toolbarbutton-icon { + order: -1; + margin-inline-end: 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.context_menu") { + #ask-chat-shortcuts .subviewbutton:nth-child(1) { + list-style-image: url("../icons/apps-list-detail.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { + #ask-chat-shortcuts .subviewbutton:nth-child(2) { + list-style-image: url("../icons/code-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") { + #ask-chat-shortcuts .subviewbutton:nth-child(3) { + list-style-image: url("../icons/tetris-app.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { + #ask-chat-shortcuts .subviewbutton:nth-child(4) { + list-style-image: url("../icons/arrow-up-exclamation.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-ask-chat menuitem:nth-child(1) { + --menuitem-image: url("../icons/apps-list-detail.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-ask-chat menuitem:nth-child(2) { + --menuitem-image: url("../icons/code-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-ask-chat menuitem:nth-child(3) { + --menuitem-image: url("../icons/tetris-app.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-ask-chat menuitem:nth-child(4) { + --menuitem-image: url("../icons/arrow-up-exclamation.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("../icons/edit-active.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("../icons/edit-active.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-move-widget-up { + --menuitem-image: url("chrome://global/skin/icons/arrow-up.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-move-widget-down { + --menuitem-image: url("chrome://global/skin/icons/arrow-down.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="trendingblock"] { + --menuitem-image: url("../icons/eye-hide.svg"); + } + .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.context_menu") { + .manage-languages-menuitem { + --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") { + #full-page-translations-panel-settings-menupopup > menuitem[data-l10n-id="translations-panel-settings-about2"] { + --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") { + #select-translations-panel-open-settings-page-menuitem { + --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") { + #select-translations-panel-about-translations-menuitem { + --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("../icons/edit-active.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"); + } + #profiles-menu:is(menu) { + fill: transparent !important; + --menuitem-image: url("chrome://browser/content/profiles/assets/16_heart.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"); + } + /*= Others ===================================================================*/ + #alltabs-button { + list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; + } + #alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon { + /* Original + width: 20px; + margin: -2px; + */ + width: 16px !important; + margin: 0 !important; + } +} +@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_close { + --menuitem-image: var(--uc-tab-close-icon); + } + /* Mange Containers */ + /*= menu_EditPopup ===========================================================*/ + /*= menu_viewPopup ===========================================================*/ + /* view-menu-popup sub menu */ + /* viewSidebarMenu sub menu */ + /* viewFullZoomMenu sub menu */ + /*= goPopup ==================================================================*/ + /* sub menu */ + /*= bookmarksMenuPopup =======================================================*/ + /*= menu_ProfilesPopup =======================================================*/ + /*= 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_closeWindow { + --menuitem-image: url("../icons/close-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") { + #menu_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.global_menu") { + #menu_sendLink { + --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.global_menu") { + menu.share-tab-url-item { + --menuitem-image: url("chrome://browser/skin/share.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_print { + --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.global_menu") { + #menu_importFromAnotherBrowser { + --menuitem-image: url("chrome://browser/skin/import.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { + #goOfflineMenuitem { + /* checkbox */ + --menuitem-image: url("../icons/plug-disconnected.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_FileQuitItem { + --menuitem-image: url("../icons/quit.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_newUserContext menupopup menuitem:last-child { + --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") { + #menu_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.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") and (-moz-bool-pref: "userChrome.icon.menu.full") { + #menu_findAgain { + --menuitem-image: url("../icons/find-again.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_manageProfiles { + --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") { + #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("../icons/firefox-view.svg"); + } +} +@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; + } + .tabbrowser-tab:is([image="chrome://global/skin/icons/performance.svg"], + [image="chrome://devtools/skin/images/tool-profiler.svg"]) .tab-icon-image + { + content: url("../icons/performance.svg") !important; + } + .tabbrowser-tab:is([image="chrome://global/skin/icons/developer.svg"]) .tab-icon-image + { + content: url("../icons/developer.svg") !important; + } + .tabbrowser-tab:is([image="chrome://browser/skin/controlcenter/dashboard.svg"]) .tab-icon-image + { + content: url("../icons/dashboard.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"); + } + #sidebar_waterfox_net-menuitem-_openAllBookmarksWithStructure { + --menuitem-image: url("../icons/organization-horizontal.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("../icons/edit-active.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/.librewolf/hibiki.default/chrome/lepton.userChrome.css.orig b/.librewolf/hibiki.default/chrome/lepton.userChrome.css.orig new file mode 100644 index 0000000..2fbb895 --- /dev/null +++ b/.librewolf/hibiki.default/chrome/lepton.userChrome.css.orig @@ -0,0 +1,30770 @@ +@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 **************************************************/ +@media -moz-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; + } + } + @media -moz-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 ====================================================*/ +@media -moz-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:is([tabsintitlebar="true"], [customtitlebar="true"])[sizemode="maximized"] #TabsToolbar { + margin-left: -1px; + } + /*= Disabled menu background color ===========================================*/ + menuitem[disabled="true"], + menu[disabled="true"] { + background-color: transparent !important; + } + /*= Remove Tab Border ========================================================*/ + @media -moz-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; + } + @media -moz-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); + } + #main-window { + background-color: WindowFrame !important; + } + :root[lwtheme][lwtheme-image] #customization-container { + background-image: none !important; + } + #customization-container { + background-color: transparent !important; /* Original: color-mix(in srgb, -moz-dialog 85%, white) */ + } + :root:not([lwtheme]) #customization-container { + background-color: var(--toolbar-non-lwt-bgcolor) !important; + } + /*= 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; + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .toolbarbutton-icon, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .toolbarbutton-icon, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive .toolbarbutton-icon { + fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1); + } + /*= Tabpreviw transparent #890 ===============================================*/ + #tab-preview-panel { + --panel-background: var( + --arrowpanel-background + ) !important; /* Original: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) */ + --panel-color: var( + --arrowpanel-color + ) !important; /* Original: var(--tab-selected-textcolor, var(--toolbar-color)) */ + } + /*= Design token =============================================================*/ + :root, + :host { + --button-color: var(--button-text-color); + --button-bgcolor: var(--button-background-color); + --button-hover-bgcolor: var(--button-background-color-hover); + --button-active-bgcolor: var(--button-background-color-active); + --button-primary-color: var(--button-text-color-primary); + --button-primary-bgcolor: var(--button-background-color-primary); + --button-primary-hover-bgcolor: var(--button-background-color-primary-hover); + --button-primary-active-bgcolor: var(--button-background-color-primary-active); + } +} +/*= OS - Compatibility =======================================================*/ +@media -moz-pref("userChrome.compatibility.os") { + /*= Windows 10 - Top border of accent color at ESR #358 ======================*/ + @media (-moz-platform: windows) { + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox { + border-top: 0.5px solid rgb(47, 47, 47) !important; + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]):-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox { + border-top-color: ActiveBorder !important; + } + @media -moz-pref("userChrome.compatibility.accent_color") { + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #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 - 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) { + @media not -moz-pref("userChrome.compatibility.os.windows_maximized") { + :root:is([tabsintitlebar], [customtitlebar]) #titlebar { + /* -moz-default-appearance: -moz-window-titlebar */ + appearance: none !important; + } + } + @media -moz-pref("userChrome.compatibility.os.windows_maximized") { + :root:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #titlebar { + appearance: none !important; + padding-top: 8px; + } + } + } + /*= Windows - Classic Theme #734 =============================================*/ + /*= MacOS Fullscreen clipping #1045 ==========================================*/ + :root[sizemode="fullscreen"][macOSNativeFullscreen]:not([inDOMFullscreen="true"]) #TabsToolbar { + min-height: var(--tab-min-height, fit-content) !important; + } +} +/*= Others - Compatibility ===================================================*/ +@media -moz-pref("userChrome.compatibility.panel_cutoff") { + #appMenu-popup panelview { + width: 24.5em !important; /* can modify panel width, Original: 22.5em */ + } +} +@media -moz-pref("userChrome.compatibility.navbar_top_border") { + #nav-bar { + box-shadow: none !important; + } +} +/** Theme *********************************************************************/ +/*= System Default Theme =====================================================*/ +@media -moz-pref("userChrome.theme.system_default") { + /*= Common - URL Bar focus color =============================================*/ + @media (-moz-windows-accent-color-in-titlebar), (-moz-gtk-csd-available) { + /* URL Bar */ + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { + --focus-outline-color: AccentColor !important; + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #urlbar[open] + > #urlbar-background, + :root:is([tabsintitlebar], [customtitlebar])[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-pref("userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { + --focus-outline-color: -moz-accent-color !important; + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #urlbar[open] + > #urlbar-background, + :root:is([tabsintitlebar], [customtitlebar])[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; + } + @media -moz-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-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; + } + @media -moz-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-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; + } + @media -moz-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) { + @media -moz-pref("userChrome.theme.system_default") { + @media (-moz-platform: windows) and (-moz-windows-accent-color-in-titlebar) { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ), + :root:is([tabsintitlebar], [customtitlebar])[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) { + @media -moz-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) { + @media not -moz-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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root[lwt-default-theme-in-dark-mode] #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar, + :root[lwt-default-theme-in-dark-mode] #TabsToolbar { + --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, + .unified-extensions-item-menu-button + ):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, + .unified-extensions-item-menu-button + ):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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + :root[lwtheme-mozlightdark] + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + :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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .browser-titlebar, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .browser-titlebar { + color: AccentColorText !important; + background-color: AccentColor !important; + } + @media -moz-pref("userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .browser-titlebar, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .browser-titlebar { + color: -moz-accent-color-foreground !important; + background-color: -moz-accent-color !important; + } + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .toolbar-items, + :root:is([tabsintitlebar], [customtitlebar])[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-pref("userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .toolbar-items, + :root:is([tabsintitlebar], [customtitlebar])[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; + } + @media -moz-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 =================================================*/ + @media -moz-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%, Field); + --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; + } + @media -moz-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 ----------------------------------------------------*/ + @media not -moz-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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar { + --mac-hover-bgcolor: ButtonFace; + } + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #titlebar, + :root[lwt-default-theme-in-dark-mode] #titlebar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root[lwt-default-theme-in-dark-mode] #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar, + :root[lwt-default-theme-in-dark-mode] #TabsToolbar { + --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 */ + @media -moz-pref("userChrome.tab.color_like_toolbar") { + :root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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 =========================================================*/ +@media -moz-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, + .menu-iconic-left .menu-icon, + menuitem[type="checkbox"] .menu-iconic-icon, + menuitem[type="checkbox"] .menu-icon, + menuitem[type="radio"] .menu-iconic-icon, + menuitem[type="radio"] .menu-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, + menuitem[checked="true"] > .menu-icon { + -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; + /* 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; + } + @media -moz-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, + #context-navigation > .menuitem-iconic > .menu-icon { + margin: 0 !important; + padding: 0 !important; + } + } + @media (-moz-gtk-csd-available) { + #context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon, + #context-navigation > .menuitem-iconic > .menu-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, + #context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-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, + #context-navigation > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] > .menu-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 =========================================================*/ +@media -moz-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); + } + } + @media -moz-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); + } + } + } + @media -moz-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 */ + } + @media -moz-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-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-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"][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; + } + } + @media -moz-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"][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; + } + .notification-button.primary { + background-color: var(--button-primary-bgcolor) !important; + } + .notification-button.primary:hover { + background-color: var(--button-primary-hover-bgcolor) !important; + } + .notification-button.primary:hover:active { + background-color: var(--button-primary-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; + } + #editBookmarkPanel #editBMPanel_namePicker, + #editBookmarkPanel #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; + } + @media -moz-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 ==========================================================*/ +@media -moz-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 ==============================================================*/ +@media -moz-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, + #toolbar-menubar, + #TabsToolbar { + --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, + #toolbar-menubar, + #TabsToolbar { + --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, + #toolbar-menubar .toolbarbutton-1, + #TabsToolbar .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-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-pref("userChrome.theme.transparent.menu") { + .menupopup-arrowscrollbox[part*="content"] { + background: color-mix(in srgb, var(--menu-background-color, Menu) 90%, transparent) !important; + } + @media not -moz-pref("userChrome.theme.non_native_menu") { + @media (-moz-gtk-csd-available) { + html#main-window #mainPopupSet menupopup:not(.in-menulist) { + --menu-background-color: Menu !important; + } + } + } +} +@media -moz-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-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("../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-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-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-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-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-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-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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-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; + } + } + @media -moz-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 not -moz-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-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-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; + } + @media -moz-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 > :is(.menubar-text, .menu-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; + } + @media -moz-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 > :is(.menubar-text, .menu-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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 ================================================================*/ +@media -moz-pref("userChrome.theme.monospace") { + * { + font-family: -moz-fixed; + } +} +/** Decoration ****************************************************************/ +/*= Cursor Types =============================================================*/ +@media -moz-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-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-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 ===========================================================*/ + @media -moz-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); + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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); + } + @media -moz-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 ========================================================*/ + @media -moz-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 ================================================================*/ + @media -moz-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 { + transition: border-color 1s var(--animation-easing-function), + background-color 0.5s var(--animation-easing-function) !important; + } + #urlbar-background:hover { + transition: border-color 0.5s var(--animation-easing-function), + background-color 0.5s var(--animation-easing-function) !important; + } + #searchbar { + transition: border-color 1s var(--animation-easing-function), + background-color 1.5s var(--animation-easing-function) !important; + } + #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; + } + @media -moz-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 ----------------------------------------------------------------*/ + @media not -moz-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), visibility 0s linear !important; + will-change: margin-inline-start, visibility; + } + #sidebar-box[hidden="true"] { + display: flex !important; + display: -moz-box !important; + margin-inline-start: -18em; + visibility: collapse; + transition-delay: 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); + } + } + @media -moz-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-pref("userChrome.rounding.square_tab") { + :root { + --tab-border-radius: 0 !important; /* Original: 4px */ + } +} +@media not -moz-pref("userChrome.rounding.square_tab") { + :root { + --tab-border-radius: 4px !important; /* Original: 4px */ + } +} +@media -moz-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-pref("userChrome.rounding.square_tab") or -moz-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-pref("userChrome.rounding.square_panel") { + :root { + --arrowpanel-border-radius: 0 !important; + } +} +@media -moz-pref("userChrome.rounding.square_panelitem") { + :root { + --arrowpanel-menuitem-border-radius: 0 !important; + --subviewbutton-border-radius: 0 !important; + } +} +@media -moz-pref("userChrome.rounding.square_menupopup") { + menupopup { + --panel-border-radius: 0px !important; + border-radius: 0 !important; + } +} +@media -moz-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-pref("userChrome.rounding.square_infobox") { + #sanitizeEverythingWarningBox { + border-radius: 0 !important; + } +} +@media -moz-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-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-pref("userChrome.rounding.square_urlView_item") { + .urlbarView-row, + .urlbarView-row-inner { + --toolbarbutton-border-radius: 0; + } +} +@media -moz-pref("userChrome.rounding.square_checklabel") { + input[type="checkbox"], + .checkbox-check { + border-radius: 0 !important; + } +} +@media -moz-pref("userChrome.rounding.square_dialog") { + dialog, + .dialogBox { + border-radius: 0 !important; + } +} +/*= Library ==============================================================*/ +@media -moz-pref("userChrome.rounding.square_button") { + #placesToolbar > toolbarbutton, + #placesMenu > menu, + #editBookmarkPanelRows .expander-up, + #editBookmarkPanelRows .expander-down { + border-radius: 0 !important; + } +} +@media -moz-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-pref("userChrome.tab.lepton_like_padding") or -moz-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-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-pref("userChrome.tab.photon_like_padding") { + :root { + --tab-block-margin: 0px !important; + } +} +/*= Tab Bar - Reduce Width, Show more tabs ===================================*/ +@media -moz-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 not -moz-pref("userChrome.padding.first_tab.always") { + :root:not([tabsintitlebar]):not([customtitlebar]) #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-pref("userChrome.padding.first_tab.always") { + :root:not([tabsintitlebar]):not([customtitlebar]) #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-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; + } + @media -moz-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; + } + @media not -moz-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-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"]) #pinned-tabs-container, + :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 */ + @media not -moz-pref("userChrome.tab.photon_like_padding") { + :root { + --tab-max-width: 240px; + } + } + @media -moz-pref("userChrome.tab.photon_like_padding") { + :root { + --tab-max-width: 225px; + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + :root { + --tab-max-width: 180px; + } + } + @media -moz-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 */ + } + #tabbrowser-tabs[orient="vertical"][expanded] .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { + max-width: none !important; + } + #tabbrowser-tabs[orient="horizontal"] + tab-group[collapsed] + > .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { + min-width: 0 !important; + max-width: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow-clip-margin: 0; + } + /* neighbouring tabs should "pinch" together */ + :root[customizing="true"] #tabbrowser-arrowscrollbox-periphery, + #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #pinned-tabs-container + > #tabbrowser-arrowscrollbox-periphery, + #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #tabbrowser-arrowscrollbox + > #tabbrowser-arrowscrollbox-periphery { + min-width: 3px; + } + #tabbrowser-tabs[orient="horizontal"] .tab-group-label-container { + margin-inline-start: 4px !important; + } + @media not -moz-pref("userChrome.tab.photon_like_padding") { + @media -moz-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 not -moz-pref("userChrome.tabbar.multi_row") { + #TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) { + margin-inline-end: -2px !important; + } + } + } + @media -moz-pref("userChrome.tab.photon_like_padding") { + .tabbrowser-tab { + padding-inline: 0 !important; + } + } +} +/*= Tab Bar - Reduce Height, Show more contents ==============================*/ +@media -moz-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:is([tabsintitlebar], [customtitlebar])[sizemode="normal"] #toolbar-menubar[autohide="true"] { + height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar) - var(--tabs-navbar-shadow-size)); + } + @media -moz-pref("userChrome.padding.drag_space.maximized") { + :root:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar])[sizemode="normal"] #toolbar-menubar[autohide="true"] { + height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar)); + } + @media -moz-pref("userChrome.padding.drag_space.maximized") { + :root:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #toolbar-menubar[autohide="true"] { + height: calc(var(--tab-min-height) + var(--uc-space-above-tabbar)); + } + } + } + @media -moz-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; + } + @media -moz-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-pref("userChrome.padding.tabbar_height") { + /* Toolbar Height */ + @media -moz-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-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 not -moz-pref("userChrome.tab.lepton_like_padding") { + @media not -moz-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) */ + } + @media -moz-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 not -moz-pref("userChrome.tabbar.multi_row") { + :root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #pinned-tabs-container, + #TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"], + #TabsToolbar:not([multibar]) + #pinned-tabs-container[overflowing="true"] + > .tabbrowser-tab[pinned="true"] + .tab-stack, + #TabsToolbar:not([multibar]) + #pinned-tabs-container[overflowing="true"] + > .tabbrowser-tab[pinned="true"] + .tab-content, + :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]) #pinned-tabs-container, + :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { + height: var(--tab-min-height) !important; + } + } + } + /* Scroll Button - Size Fix */ + :root #pinned-tabs-container, + :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:is([tabsintitlebar], [customtitlebar]):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-pref("userChrome.padding.toolbar_button") or -moz-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-pref("userChrome.padding.toolbar_button") { + :root[uidensity="compact"] { + --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */ + } + @media -moz-pref("userChrome.padding.toolbar_button.compact") { + :root { + --toolbarbutton-inner-padding: var(--uc-small-toolbarbutton-inner-padding) !important; + } + } +} +/*= Nav Bar - Reduce Width ===================================================*/ +@media -moz-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-pref("userChrome.urlView.as_commandbar") { + @media -moz-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; + } + /* 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-pref("userChrome.padding.urlView_expanding") or -moz-pref("userChrome.urlView.as_commandbar") { + #urlbar[breakout][breakout-extend] { + top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important; + width: var(--urlbar-width) !important; + position: relative !important; + margin: 0 !important; + } + #urlbar[breakout][breakout-extend] > #urlbar-input-container, + #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-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-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-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-pref("userChrome.padding.infobar") or -moz-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-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-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; + } + @media -moz-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; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #ContentSelectDropdown > menupopup > menucaption, + #ContentSelectDropdown > menupopup > menuitem { + padding-block: var(--menu-padding) !important; + } + } + @media -moz-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 ===========================================*/ +@media -moz-pref("userChrome.padding.bookmark_menu") { + :root { + --bookmark-menu-padding: 3px; + } + :root[uidensity="compact"] { + --bookmark-menu-padding: 1.5px; + } + @media -moz-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; + } + @media -moz-pref("userChrome.padding.menu_compact") or -moz-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-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-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-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 not -moz-pref("userChrome.icon.disabled") { + @media not -moz-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) */ + } + @media -moz-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; + } +} +@media -moz-pref("userChrome.padding.panel_header") { + .panel-header { + padding: unset !important; + padding-top: 4px !important; + } +} +/*= Popup Panel - Reduce padding =============================================*/ +@media -moz-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-pref("userChrome.tabbar.on_bottom") or -moz-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"] #toolbar-menubar, + :root[sizemode="fullscreen"] #TabsToolbar, + :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-pref("userChrome.tabbar.on_bottom") { + @media not -moz-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, + #TabsToolbar { + 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); + } + @media -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") { + #PersonalToolbar { + order: 2; + -moz-box-ordinal-group: 2; + } + } + @media not -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") { + @media -moz-pref("userChrome.tab.connect_to_window") { + @media -moz-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 ===========================================*/ + @media -moz-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 ==================================================*/ + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #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 -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-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, + #TabsToolbar { + 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); + } + @media -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") { + #PersonalToolbar { + order: 2; + -moz-box-ordinal-group: 2; + } + } + @media not -moz-pref("userChrome.tabbar.on_bottom.above_bookmark") { + @media -moz-pref("userChrome.tab.connect_to_window") { + @media -moz-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 ===========================================*/ + @media -moz-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 ==================================================*/ + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #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-pref("userChrome.tabbar.one_liner") { + @media not -moz-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-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, + #toolbar-menubar, + #TabsToolbar { + 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; + } + @media not -moz-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-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; + } + @media not -moz-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-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 -moz-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)); + } + @media -moz-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, + #toolbar-menubar, + #TabsToolbar { + 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; + } + @media not -moz-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-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; + } + @media not -moz-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-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-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.tabbar.one_liner") or -moz-pref("userChrome.hidden.tabbar") or -moz-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], [customtitlebar], [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], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-width: 138px; + } + } + @media (-moz-gtk-csd-available) { + :root:is([tabsintitlebar], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-width: 84px; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + :root:is([tabsintitlebar], [customtitlebar]) { + --uc-window-control-width: 72px; + } + :root[sizemode="fullscreen"] { + --uc-window-control-space: 0px; + } + } + :root:is([tabsintitlebar][sizemode="maximized"], [customtitlebar][sizemode="maximized"], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + } + } + @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + @media -moz-pref("userChrome.tabbar.as_titlebar") { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { + --uc-window-control-space: 0px; + } + } + } + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.as_titlebar") { + @media (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + @media (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + @media (not -moz-pref("userChrome.tabbar.on_bottom")) or (not -moz-pref("userChrome.hidden.tabbar")) { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + --uc-window-control-space: 0px; + } + } + } + @media screen and (min-width: 1100px) { + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media screen and (min-width: 1100px) and (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar], [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], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-drag-space-pre: 0px; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + :root:is([tabsintitlebar], [customtitlebar], [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], [customtitlebar], [sizemode="fullscreen"]) { + --uc-window-control-space: 0px; + } + } + @media -moz-pref("userChrome.tabbar.as_titlebar") { + :root:is([tabsintitlebar], [customtitlebar], [sizemode="fullscreen"]) #tabbrowser-tabs { + --uc-window-control-space: 0px; + } + } + } + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.as_titlebar") { + @media screen and (min-width: 1100px) and (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar], [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], [customtitlebar], [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; + } + } +} +@media -moz-pref("userChrome.tabbar.on_bottom") or -moz-pref("userChrome.tabbar.one_liner") or -moz-pref("userChrome.hidden.tabbar") { + @media not -moz-pref("userChrome.hidden.titlebar_container") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + @media -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + } + @media screen and (max-width: 1100px) { + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media screen and (max-width: 1100px) { + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + } + @media screen and (max-width: 1100px) { + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + } + @media screen and (max-width: 1100px) { + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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) { + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + @media screen and (max-width: 1100px) { + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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) { + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) + #toolbar-menubar:not([autohide="true"]) + .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + } + @media screen and (min-width: 1100px) { + @media -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) + #toolbar-menubar:not([autohide="true"]) + .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + @media -moz-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; + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + @media -moz-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%; + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + .titlebar-buttonbox-container > .titlebar-buttonbox { + margin-block: 10px; + } + } + @media -moz-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + background-clip: border-box !important; + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + #toolbar-menubar:not([autohide="true"]) { + visibility: visible !important; + height: 0; + } + } + @media not -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 1; + visibility: visible; + } + @media -moz-pref("userChrome.autohide.navbar") { + #toolbar-menubar[inactive] > .titlebar-buttonbox-container { + opacity: 0; + visibility: collapse; + } + } + } + @media -moz-pref("userChrome.hidden.tabbar") { + @media -moz-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; + } + } + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container { + visibility: hidden; + } + } + @media -moz-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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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; + } + @media not -moz-pref("userChrome.hidden.tabbar") { + :root:not([chromehidden~="menubar"]) + #toolbar-menubar:not([autohide="true"]) + .titlebar-buttonbox-container { + visibility: hidden; + } + } + } + } + } + } + @media not -moz-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) { + @media not -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-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 not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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); + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-drag-space-pre) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-control-space) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (-moz-platform: windows) and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-drag-space-pre) !important; + } + } + @media -moz-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) { + @media not -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-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 not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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); + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-drag-space-pre) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-control-space) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement: 0) and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-drag-space-pre) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-control-space) !important; + } + } + } + } + } + } + } + @media -moz-pref("layout.css.osx-font-smoothing.enabled") { + @media not -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-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 not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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); + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-control-space, 0px) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-control-space, 0px) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #TabsToolbar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #TabsToolbar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + #TabsToolbar { + margin-inline-start: var(--uc-window-control-width, 0px) !important; + } + } + @media -moz-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) { + @media not -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-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 not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media -moz-pref("userChrome.tabbar.on_bottom") or -moz-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); + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-control-space, 0px) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-start: var(--uc-window-control-space, 0px) !important; + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #nav-bar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.combine_navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #TabsToolbar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (-moz-gtk-csd-available) and (-moz-gtk-csd-reversed-placement) and (min-width: 1100px) { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + #TabsToolbar { + margin-inline-end: var(--uc-window-drag-space-pre, 0px) !important; + } + } + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + #TabsToolbar { + margin-inline-start: var(--uc-window-control-width, 0px) !important; + } + } + @media -moz-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; + } + } + } + } + } + } + @media -moz-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-pref("userChrome.tabbar.as_titlebar") { + :root:not([tabsintitlebar="true"]):not([customtitlebar="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] > #pinned-tabs-container > .tabbrowser-tab[pinned][selected="true"], + #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 not -moz-pref("userChrome.centered.tab") { + #pinned-tabs-container, + #tabbrowser-arrowscrollbox { + margin-inline: 2px !important; + } + :root[sizemode="normal"] #pinned-tabs-container, + :root[sizemode="normal"] #tabbrowser-arrowscrollbox { + margin-inline: 6px !important; + } + } + @media -moz-pref("userChrome.centered.tab") { + @media -moz-pref("userChrome.centered.tab.label") { + #pinned-tabs-container, + #tabbrowser-arrowscrollbox { + margin-inline: 2px !important; + } + :root[sizemode="normal"] #pinned-tabs-container, + :root[sizemode="normal"] #tabbrowser-arrowscrollbox { + margin-inline: 6px !important; + } + } + } + @media -moz-pref("browser.tabs.tabmanager.enabled") { + :root:not([tabsintitlebar="true"]):not([customtitlebar="true"]) + #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) + ~ #alltabs-button, + :root:not([tabsintitlebar="true"]):not([customtitlebar="true"]) + #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) + ~ #new-tab-button { + display: flex !important; + display: -moz-box !important; + } + } +} +/*= Tab Bar - Multi Row ======================================================*/ +@media -moz-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"], + #pinned-tabs-container, + #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-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"] #pinned-tabs-container, + #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-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-pref("userChrome.tab.connect_to_window") { + #TabsToolbar #tabbrowser-tabs:not([orient="vertical"]) { + max-height: var(--tab-min-height); + } + #TabsToolbar #tabbrowser-tabs:not([orient="vertical"])[movingtab] { + padding-bottom: unset !important; + margin-bottom: unset !important; + } + #TabsToolbar[multibar] #tabbrowser-tabs:not([orient="vertical"]) { + max-height: var(--tab-min-height_mlt); + } + #tabbrowser-tabs:not([orient="vertical"]) { + min-height: unset !important; /* Original: var(--tabstrip-min-height) */ + } + #tabbrowser-tabs:not([orient="vertical"]) .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; + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-content { + margin-top: 0px; + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + #tabbrowser-tabs:not([orient="vertical"]) tab-group .tabbrowser-tab:is([selected], [multiselected]) .tab-group-line { + transform: translateY(calc(var(--tab-group-line-thickness) * -1)); + } + #tabbrowser-tabs[orient="vertical"] { + --uc-tab-border-bottom-radius: var(--tab-border-radius); + } + /* Remove line at Toolbar's top */ + #tabbrowser-tabs { + z-index: 1 !important; + } + @media not -moz-pref("userChrome.tabbar.multi_row") { + #TabsToolbar:not([multibar]) { + overflow: clip; /* Prevent toolbar area over */ + } + } + /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */ + #tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned], + #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] { + z-index: 0 !important; + } + #tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned] .tab-stack, + #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] .tab-stack { + /* Temporary solution for compatibility #513 */ + overflow-y: clip; + } + /* Border top #889 */ + #nav-bar { + border-top: none !important; + box-shadow: 0 -0.01px 0 ThreeDShadow; + } + @media (-moz-gtk-csd-available) { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #nav-bar { + box-shadow: 0 -0.01px 0 ThreeDShadow; + } + } +} +/*= Selected Tab =============================================================*/ +/*= Selected Tab - Bold ======================================================*/ +@media -moz-pref("userChrome.tab.selected_bold") { + .tab-label:is([selected], [attention]) { + font-weight: 600; + } +} + +/*= Selected Tab - Color like toolbar ========================================*/ +@media -moz-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]) #pinned-tabs-container > .tabbrowser-tab > .tab-stack > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-arrowscrollbox + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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-pref("userChrome.theme.transparent.frame") { + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-arrowscrollbox + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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-pref("userChrome.tab.multi_selected") { + #TabsToolbar, + #vertical-tabs { + --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 28%, var(--toolbar-bgcolor, transparent)); + } + #TabsToolbar[brighttext], + #vertical-tabs[brighttext] { + --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 16%, var(--toolbar-bgcolor, transparent)); + } + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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-pref("userChrome.tab.connect_to_window") { + .tab-background[multiselected="true"] { + outline: none !important; + } + } + @media not -moz-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-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-pref("userChrome.tab.bottom_rounded_corner") { + @media not -moz-pref("userChrome.tab.bottom_rounded_corner.wave") { + @media not -moz-pref("userChrome.tab.bottom_rounded_corner.australis") { + @media not -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") { + @media not -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") { + @media not -moz-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-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 not -moz-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))); + } + @media not -moz-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); + } + @media -moz-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; + } + } + } + } + } + } + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-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-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-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-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-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-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-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 not -moz-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; + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner.all") { + .tabbrowser-tab .tab-background::before, + .tabbrowser-tab .tab-background::after { + content: ""; + } + } + @media not -moz-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); + } + @media -moz-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 */ + @media -moz-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); + } + @media not -moz-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 ===================================*/ +@media -moz-pref("userChrome.tab.photon_like_contextline") or -moz-pref("userChrome.tab.static_separator") or -moz-pref("userChrome.tab.bar_separator") { + @media -moz-pref("userChrome.tab.blue_accent") { + :root, + #tabbrowser-tabs { + --tab-line-color: rgb(10, 132, 255) !important; + } + } + @media not -moz-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 */ + } + @media -moz-pref("userChrome.compatibility.accent_color") { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs { + --tab-line-color: Highlight !important; /* -moz-accent-color */ + } + } + } + } +} +@media -moz-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; + } +} +/*= Selected Tab - Supernova like contextline ===================================*/ +@media not -moz-pref("userChrome.tab.photon_like_contextline") { + @media -moz-pref("userChrome.tab.supernova_like_contextline") { + /* context line styles */ + tabs tab.tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line { + display: inline-flex !important; + display: -moz-inline-box !important; + } + tabs tab.tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line::before { + content: ""; + height: 1px !important; + border-radius: 9999px !important; + transform: translateY(5px); + margin-top: -1px !important; + margin-left: 5px; + margin-right: 5px; + width: 100%; + } + /* Override container-tab style */ + tabs tab.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + margin: unset !important; + } + /* selected tab style */ + :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: #45a1ff; + } + .tabbrowser-tab:is([selected], [multiselected]) .tab-context-line::before { + background-color: var(--tab-line-color, var(--lwt-tab-line-color, #45a1ff)) !important; + } + /* Set the active effect */ + .tabbrowser-tab:active > .tab-stack > .tab-background > .tab-context-line::before { + filter: brightness(70%); + margin-left: 6px; + margin-right: 6px; + } + /* Set the hover effect */ + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + background-color: rgba(0, 0, 0, 0.4) !important; + opacity: 1 !important; + } + #TabsToolbar[brighttext] + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + background-color: rgba(255, 255, 255, 0.4) !important; + } + /* Animation */ + @media (prefers-reduced-motion: no-preference) { + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + animation: toWide 0.2s cubic-bezier(0, 0.9, 0.15, 1); + } + } + /* Animation for hover effect */ + @keyframes toWide { + 0% { + opacity: 0.8; + margin-left: 40%; + margin-right: 40%; + } + 100% { + opacity: 1; + margin-left: 5px; + margin-right: 5px; + } + } + /* --- copied (not modified) from _photon_like_contextline.scss --- */ + /* 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; + } + /* 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) */ + } + @media -moz-pref("userChrome.tab.contextline_blue_accent") { + #tabbrowser-tabs .tab-context-line { + --tab-line-color: #45a1ff !important; + } + } + @media not -moz-pref("userChrome.tab.contextline_blue_accent") { + @media (-moz-gtk-csd-available) { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs .tab-context-line { + --tab-line-color: AccentColor !important; /* -moz-accent-color */ + } + @media -moz-pref("userChrome.compatibility.accent_color") { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs .tab-context-line { + --tab-line-color: Highlight !important; /* -moz-accent-color */ + } + } + } + } + } +} +/*= Unselected Tab - Divide line =============================================*/ +/*= Unselected Tab - Dynamic Separator =======================================*/ +@media -moz-pref("userChrome.tab.dynamic_separator") { + #pinned-tabs-container, + #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); + } + #pinned-tabs-container:-moz-locale-dir(rtl), + #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; + } + @media -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) #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-pref("userChrome.compatibility.dynamic_separator") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button::before { + background-color: var(--tabs-border-color); + } + } + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button::before { + left: calc(50% - (8px + var(--toolbarbutton-inner-padding))); + } + } + @media not -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + #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-pref("userChrome.compatibility.dynamic_separator") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + #tabbrowser-arrowscrollbox:not([overflowing]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type + .tab-stack::after { + background-color: var(--tabs-border-color); + } + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before { + transform: translateX(var(--tab-separator-position-x)) translateY(var(--tab-separator-position-y)) !important; + } + #tabbrowser-tabs:not([orient="vertical"]) .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; + } + } + #pinned-tabs-container:not([orient="vertical"]):not(:empty):not( + :has(.tabbrowser-tab[pinned]:is([visuallyselected], [multiselected], :hover):last-of-type) + ) + ~ #tabbrowser-arrowscrollbox:not([orient="vertical"]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type + .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-of-type) + .tab-stack::before { + opacity: var(--tab-separator-opacity); + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.tabbar_first") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + #tabbrowser-tabs:not([orient="vertical"]) + .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-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (min-width: 1100px) { + #tabbrowser-tabs:not([orient="vertical"]) + .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-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button:not(:hover, [open])::before { + opacity: var(--tab-separator-opacity); + } + } + @media not -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) + #tabbrowser-arrowscrollbox:not([overflowing]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):last-of-type + .tab-stack::after { + opacity: var(--tab-separator-opacity); + } + } + #tabbrowser-tabs:not([orient="vertical"]) + tab-group:has(.tabbrowser-tab:last-child:is(:hover, [selected])) + + .tabbrowser-tab + .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) tab-group[collapsed] + .tabbrowser-tab .tab-stack::before { + opacity: 0 !important; + } + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + #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-pref("userChrome.tab.newtab_button_like_tab") { + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + + .tabbrowser-tab + .tab-stack::before, + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) + ~ #tabs-newtab-button::before, + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) + ~ #tabbrowser-arrowscrollbox-periphery + #tabs-newtab-button::before { + opacity: 0 !important; + } + } + @media not -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + + .tabbrowser-tab:not([visuallyselected]) + .tab-stack::before { + opacity: 0 !important; + } + :root:not([uidensity="compact"]) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button + > .toolbarbutton-icon { + margin-left: 2px; + } + :root[uidensity="compact"] #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button > .toolbarbutton-icon { + margin-left: 1px; + } + } + /* Animate */ + @media (prefers-reduced-motion: no-preference) { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before { + transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ + } + @media -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button::before { + transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ + } + } + @media not -moz-pref("userChrome.tab.newtab_button_like_tab") { + #tabbrowser-tabs:not([orient="vertical"]) + #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-tabs:not([orient="vertical"]) #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:last-of-type { + margin-inline-end: 1px !important; + } +} +/*= Unselected Tab - Static Separator ========================================*/ +@media -moz-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; + } + @media -moz-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 not -moz-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 ===========================================*/ +@media -moz-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); + } + @media -moz-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-pref("userChrome.tab.newtab_button_like_tab") { + @media -moz-pref("userChrome.tab.connect_to_window") { + #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button { + /* Size */ + align-items: stretch !important; + -moz-box-align: stretch !important; + padding-top: var(--tab-block-margin) !important; + } + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner") { + #tabbrowser-tabs:not([orient="vertical"]) #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-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + #tabbrowser-tabs:not([orient="vertical"]) #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-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + #tabbrowser-tabs:not([orient="vertical"]) #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover { + fill: color-mix(in srgb, AccentColorText 10%, transparent) !important; /* Hardcoded for compatibility */ + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active { + fill: color-mix(in srgb, AccentColorText 15%, transparent) !important; /* Hardcoded for compatibility */ + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner") { + @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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-pref("userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover { + fill: color-mix( + in srgb, + -moz-accent-color-foreground 10%, + transparent + ) !important; /* Hardcoded for compatibility */ + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active { + fill: color-mix( + in srgb, + -moz-accent-color-foreground 15%, + transparent + ) !important; /* Hardcoded for compatibility */ + } + @media -moz-pref("userChrome.tab.bottom_rounded_corner") { + @media -moz-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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 */ + #tabbrowser-tabs:not([orient="vertical"]) #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-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-pref("userChrome.tab.bottom_rounded_corner.australis") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") or -moz-pref("userChrome.tab.bottom_rounded_corner.chrome") or -moz-pref("userChrome.tab.bottom_rounded_corner.edge") { + #tabbrowser-tabs:not([orient="vertical"]) #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 */ + @media -moz-pref("userChrome.tab.bottom_rounded_corner") { + tab:where([visuallyselected]) { + z-index: 1; + } + } +} +/*= New tab button - Smaller button ==========================================*/ +@media -moz-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-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-pref("userChrome.tab.unloaded") { + .tabbrowser-tab[pending] .tab-content { + opacity: 0.7; + } +} +/*= Clipped tabs =============================================================*/ +/** Clipped tabs - Letters cleary *********************************************/ +@media -moz-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"]) + > #pinned-tabs-container + > .tabbrowser-tab:not([visuallyselected], [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-pref("userChrome.tab.close_button_at_hover") { + #tabbrowser-tabs[closebuttons="activetab"] + > #pinned-tabs-container + > .tabbrowser-tab:not([pinned]) + > .tab-stack + > .tab-content + > .tab-close-button:not([selected]), + #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; + } + @media -moz-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-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-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 ****************************/ +@media -moz-pref("userChrome.tab.close_button_at_pinned") { + @media not -moz-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-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-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 ***************************************/ +@media -moz-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-pref("userChrome.tab.sound_hide_label") { + @media not -moz-pref("userChrome.tab.sound_show_label") { + .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) { + display: none !important; + } + } +} +/*= Sound Tab - Show Label ===================================================*/ +@media -moz-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-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)); + } + @media -moz-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([crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + -moz-context-properties: fill, fill-opacity, stroke !important; + fill: currentColor !important; + border: none !important; + } + .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + stroke: var(--tab-icon-overlay-stroke, light-dark(white, black)); + color: var(--tab-icon-overlay-fill, light-dark(black, white)); + } + .tab-icon-overlay:not([crashed])[soundplaying] { + list-style-image: url("./icons/tab-audio-playing-small.svg"); + } + .tab-icon-overlay:not([crashed])[muted] { + list-style-image: url("./icons/tab-audio-muted-small.svg"); + } + .tab-icon-overlay:not([crashed])[activemedia-blocked] { + list-style-image: url("./icons/tab-audio-blocked-small.svg"); + } + .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; + } + .tab-audio-button:not([crashed]), + .tab-audio-button[pinned][crashed][selected] { + /* Position */ + margin-inline-start: -8px !important; + margin-inline-end: -4px !important; + z-index: 1 !important; + transform: translateX(var(--uc-sound-tab-icon-position-x)) translateY(var(--uc-sound-tab-icon-position-y)); + /* Shape */ + --button-size-icon-small: 17px !important; + --button-min-height-small: 17px !important; + --button-border-radius: 100% !important; + width: 17px !important; + height: 17px !important; + border-radius: 100%; + overflow: clip; + --button-text-color-ghost-hover: light-dark(white, black); + --button-background-color-ghost-hover: light-dark(black, white); + } + .tab-audio-button:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + display: flex !important; + fill-opacity: 0.8 !important; + opacity: 1 !important; + } + /* Label */ + @media not -moz-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-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)); + } + } + @media -moz-pref("userChrome.hidden.tab_icon") { + @media not -moz-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-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 */ + @media not -moz-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 not -moz-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-pref("userChrome.hidden.tab_icon") { + @media not -moz-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 =====================================*/ +@media -moz-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-pref("userChrome.tab.container") { + @media not -moz-pref("userChrome.tabbar.as_titlebar") { + @media not -moz-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; + } + @media -moz-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: calc(100% - 30px); + opacity: 0.75; + } + .tabbrowser-tab[visuallyselected] .tab-content::before { + opacity: 1; + } + @media not -moz-pref("userChrome.tab.container.always_long") { + .tab-content::before { + width: 25%; + } + .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { + width: calc(100% - 30px); + } + #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; + } + @media -moz-pref("userChrome.tab.close_button_at_pinned") { + .tabbrowser-tab[pinned][visuallyselected]:not([busy]):hover .tab-content::before { + opacity: 0; + } + } + @media not -moz-pref("userChrome.tab.container.on_top") { + .tabbrowser-tab:is([image], [pinned])[usercontextid] + > .tab-stack + > .tab-content[attention]:not([selected])::before, + .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected])::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-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-pref("userChrome.tab.crashed") { + .tab-icon-image[crashed] { + display: none !important; + } +} +/** Nav Bar UI ****************************************************************/ +/*= Nav Bar - Navbar comabine with sidebar===================================*/ +@media -moz-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]) #nav-bar { + right: 0; + } + } + @media (prefers-reduced-motion: no-preference) { + @media -moz-pref("userChrome.decoration.animate") { + @media not -moz-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-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] { + 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-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])) #customization-container { + margin-inline-start: var(--uc-sidebar-activate-width); + } + :root[customizing="true"]:has(#sidebar-box[positionend]) #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 ************************************************************/ +@media -moz-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-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 ==================================================*/ +@media -moz-pref("userChrome.urlView.as_commandbar") or -moz-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-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); + } + @media not -moz-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 ============================================*/ +@media -moz-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 not -moz-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 ======================================*/ +@media -moz-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-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-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-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-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-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-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-pref("userChrome.sidebar.overlap") or -moz-pref("userChrome.autohide.sidebar") or -moz-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-pref("userChrome.sidebar.overlap") or -moz-pref("userChrome.autohide.sidebar") { + #sidebar-box { + --uc-sidebar-shadow-color: #28282f; + z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important; + position: relative !important; + box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color); + } + #sidebar-box[positionend] { + --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-pref("userChrome.sidebar.overlap") { + #sidebar-box[positionend] { + 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 not -moz-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 ====================================================*/ +@media -moz-pref("userChrome.combined.nav_button") or -moz-pref("userChrome.combined.nav_button.home_button") or -moz-pref("userChrome.combined.urlbar.nav_button") or -moz-pref("userChrome.combined.urlbar.home_button") or -moz-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-pref("userChrome.combined.urlbar.nav_button") or -moz-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-pref("userChrome.combined.urlbar.nav_button") { + #nav-bar-customization-target > #urlbar-container { + --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size); + } + } + @media not -moz-pref("userChrome.combined.urlbar.nav_button") { + #nav-bar-customization-target > #urlbar-container { + --uc-urlbar-combined-margin: var(--uc-toolbarbutton-halfsize); + } + @media -moz-pref("userChrome.combined.nav_button") { + @media -moz-pref("userChrome.combined.nav_button.home_button") { + @media -moz-pref("userChrome.combined.urlbar.home_button") { + #nav-bar-customization-target > #urlbar-container { + --uc-urlbar-combined-margin: var(--uc-toolbarbutton-size); + } + } + } + } + } + @media -moz-pref("userChrome.combined.urlbar.nav_button") { + @media -moz-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); + } + } + } +} +@media -moz-pref("userChrome.combined.nav_button") or -moz-pref("userChrome.combined.urlbar.nav_button") { + @media -moz-pref("userChrome.combined.urlbar.nav_button") or ((not -moz-pref("userChrome.combined.sub_button.as_normal")) or (-moz-pref("userChrome.combined.nav_button") and -moz-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-pref("userChrome.combined.urlbar.nav_button") { + #nav-bar-customization-target > #forward-button { + padding-inline-end: 0px !important; /* Original: var(--toolbarbutton-outer-padding) */ + } + } + @media not -moz-pref("userChrome.combined.urlbar.nav_button") { + @media not -moz-pref("userChrome.combined.sub_button.none_background") { + @media -moz-pref("userChrome.combined.urlbar.home_button") { + @media not -moz-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 not -moz-pref("userChrome.autohide.forward_button") { + #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] { + opacity: 1 !important; /* Original: 0.4 */ + } + } + } + } + @media not -moz-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 not -moz-pref("userChrome.autohide.forward_button") { + #nav-bar-customization-target > #forward-button[disabled="true"][disabled="true"] { + opacity: 1 !important; /* Original: 0.4 */ + } + } + } + } + } + @media not -moz-pref("userChrome.autohide.forward_button") { + #nav-bar-customization-target > #forward-button { + margin-inline-start: var(--uc-forward-button-margin) !important; + } + } + @media -moz-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; + } + @media not -moz-pref("userChrome.combined.urlbar.home_button") { + @media not -moz-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 not -moz-pref("userChrome.autohide.back_button") { + #nav-bar-customization-target > #back-button[disabled="true"][disabled="true"] { + opacity: 1 !important; /* Original: 0.4 */ + } + } + } + } + @media -moz-pref("userChrome.combined.nav_button.home_button") or -moz-pref("userChrome.combined.urlbar.home_button") { + #nav-bar-customization-target > #back-button { + z-index: 2; + } + @media not -moz-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 not -moz-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 not -moz-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; + } + } + } + @media not -moz-pref("userChrome.combined.nav_button.home_button") { + @media -moz-pref("userChrome.combined.urlbar.nav_button") { + @media not -moz-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-pref("userChrome.padding.toolbar_button") { + @media -moz-pref("userChrome.padding.toolbar_button.compact") { + #nav-bar-customization-target > #back-button { + --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); + } + } + } + @media not -moz-pref("userChrome.autohide.back_button") { + #nav-bar-customization-target > #back-button { + padding-inline-end: 0 !important; + } + } + @media -moz-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; + } + } + } + @media not -moz-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-pref("userChrome.padding.toolbar_button") { + @media -moz-pref("userChrome.padding.toolbar_button.compact") { + #nav-bar-customization-target > #back-button { + --toolbarbutton-inner-padding: var(--uc-toolbarbutton-inner-padding-default); + } + } + } + @media not -moz-pref("userChrome.autohide.back_button") { + #nav-bar-customization-target > #back-button { + padding-inline-end: 0 !important; + } + } + @media -moz-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; + } + } + } +} +@media -moz-pref("userChrome.combined.nav_button") { + @media -moz-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-pref("userChrome.padding.toolbar_button") { + @media -moz-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); + } + } +} +@media -moz-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-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 not -moz-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-pref("userChrome.combined.urlbar.home_button") { + #nav-bar-customization-target > #home-button { + order: 3; + -moz-box-ordinal-group: 3; + } + @media not -moz-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; + } + @media -moz-pref("userChrome.padding.toolbar_button") { + @media -moz-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); + } +} +@media -moz-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-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-pref("userChrome.centered.tab") { + @media not -moz-pref("userChrome.centered.tab.label") { + .tabbrowser-tab:not([hidden="true"]) .tab-label-container { + justify-content: start; + justify-items: start; + } + } + } + @media not -moz-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; + } + @media -moz-pref("userChrome.tab.sound_with_favicons") { + @media not -moz-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-pref("userChrome.hidden.tab_icon") { + @media not -moz-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 ================================================*/ +@media -moz-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-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-pref("userChrome.fullscreen.overlap") { + @media -moz-pref("browser.fullscreen.autohide") { + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #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"]:not([inDOMFullscreen="true"]) #navigator-toolbox:is(:hover, :focus-within) { + margin-top: 0 !important; + } + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) + :-moz-any(#navigator-toolbox, #titlebar, #toolbar-menubar, #TabsToolbar, #nav-bar, #PersonalToolbar) { + width: 100%; /* Makes the UI take up the entire width */ + } + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #urlbar:popover-open { + position: fixed !important; + } + @media (-moz-gtk-csd-available) { + /* Fix transparent background */ + :root:is([tabsintitlebar], [customtitlebar])[sizemode="fullscreen"]:not([inDOMFullscreen="true"]):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ) + #TabsToolbar { + appearance: auto !important; + } + } + } +} +@media -moz-pref("userChrome.fullscreen.show_bookmarkbar") { + :root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized]:not([collapsed="true"]), + :root[sizemode="fullscreen"] #PersonalToolbar[initialized] { + visibility: unset !important; /* Makes the bookmarks toolbar visible if enabled */ + } +} +/** Centered ******************************************************************/ +/*= Centered - Tab ===========================================================*/ +@media -moz-pref("userChrome.centered.tab") { + @media -moz-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-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 not -moz-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-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-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-pref("userChrome.centered.urlbar") { + #urlbar:not([focused]) #urlbar-input, + #urlbar:not([focused]) .urlbar-input { + text-align: center !important; + } +} +/*= Centered - Bookmark Bar ==================================================*/ +@media -moz-pref("userChrome.centered.bookmarkbar") { + #PlacesToolbarItems { + display: flex !important; + justify-content: safe center !important; + } +} +/** Auto Hide *****************************************************************/ +@media -moz-pref("userChrome.autohide.back_button") or -moz-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-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; + } + } + } + @media -moz-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; + } + } + } +} +@media -moz-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; + } + @media -moz-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; + } + } +} +@media -moz-pref("userChrome.autohide.tab") { + @media not -moz-pref("userChrome.autohide.tab.opacity") { + @media not -moz-pref("userChrome.autohide.tab.blur") { + .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { + margin-bottom: -64px; + } + } + } + @media -moz-pref("userChrome.autohide.tab.opacity") { + .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { + opacity: 0%; + } + } + @media -moz-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; + } + @media not -moz-pref("userChrome.autohide.tab.opacity") { + @media not -moz-pref("userChrome.autohide.tab.blur") { + .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { + transition-property: margin-bottom; + } + } + } + @media -moz-pref("userChrome.autohide.tab.opacity") { + .tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) { + transition-property: opacity; + } + } + @media -moz-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-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.autohide.bookmarkbar") or -moz-pref("userChrome.tabbar.one_liner") or -moz-pref("userChrome.tabbar.on_bottom.menubar_on_top") or -moz-pref("userChrome.hidden.tabbar") or -moz-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-pref("userChrome.hidden.tabbar") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + :root { + --uc-tabbar-height: 0px; + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + :root { + --uc-tabbar-height: 0px; + } + } + } + } + } + @media -moz-pref("userChrome.hidden.navbar") { + :root { + --uc-navbar-height: 0px; + } + } + @supports selector(:has(a)) { + :root:not([tabsintitlebar]):not([customtitlebar]):has(#toolbar-menubar) { + --uc-menubar-height: var(--uc-menubar-height-default); + } + @media (-moz-gtk-csd-available) { + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="true"]) { + --uc-menubar-height: calc(var(--tab-min-height) + 2 * var(--tab-block-margin)); + } + } + @media (-moz-platform: windows) { + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="true"]) { + --uc-menubar-height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)); + } + } + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="false"]) { + --uc-menubar-height: var(--uc-titlebar-buttonbox-height); + } + :root:not([tabsintitlebar]):not([customtitlebar]):has(#toolbar-menubar[autohide="true"][inactive="true"]), + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="true"][inactive="true"]) { + --uc-menubar-height: 0px; + } + #navigator-toolbox:has(#PersonalToolbar[collapsed="true"]) { + --uc-bm-height: 0px; + } + @media -moz-pref("userChrome.navbar.as_sidebar") { + #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]) #nav-bar { + --uc-bm-height: var(--uc-bm-height-default); + } + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:has(#PersonalToolbar[collapsed="false"]):not(:hover) #nav-bar { + --uc-bm-height: 0px; + } + } + } + } +} +@media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.autohide.bookmarkbar") or -moz-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-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) { + @media -moz-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 not -moz-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-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") { + @media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.tabbar.one_liner") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: var(--uc-tabbar-height); + } + @media not -moz-pref("userChrome.autohide.navbar") { + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-bm-height)); + } + } + } + @media -moz-pref("userChrome.autohide.navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height)); + } + } + @media -moz-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-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + @media not -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height)); + } + } + @media -moz-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 not -moz-pref("userChrome.autohide.tabbar") { + @media not -moz-pref("userChrome.autohide.navbar") { + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: var(--uc-bm-height); + } + } + } + @media -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.autohide.navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: var(--uc-navbar-height); + } + } + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height)); + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + @media not -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: var(--uc-navbar-height); + } + } + @media -moz-pref("userChrome.autohide.bookmarkbar") { + #navigator-toolbox:is(:hover, :focus-within) { + --uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height)); + } + } + } + } + } + } + } + } + } +} +@media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.autohide.navbar") { + @media -moz-pref("userChrome.autohide.tabbar") or -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-pref("userChrome.tabbar.one_liner.responsive") { + :root:not([customizing]) #titlebar, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + margin-bottom: var(--uc-tabbar-hide-height); + will-change: margin-bottom; + } + #TabsToolbar:not([customizing]) { + will-change: opacity; + } + @media not -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]), + #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { + opacity: 0; + } + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { + opacity: 0; + } + } + #navigator-toolbox:is(:hover, :focus-within) > #titlebar, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + margin-bottom: 0px; + } + @media not -moz-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-pref("userChrome.tabbar.on_bottom") { + #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { + opacity: 1; + } + } + } + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (min-width: 1100px) { + :root:not([customizing]) #titlebar, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + margin-bottom: var(--uc-tabbar-hide-height); + will-change: margin-bottom; + } + #TabsToolbar:not([customizing]) { + will-change: opacity; + } + @media not -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]), + #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { + opacity: 0; + } + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { + opacity: 0; + } + } + #navigator-toolbox:is(:hover, :focus-within) > #titlebar, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + margin-bottom: 0px; + } + @media not -moz-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-pref("userChrome.tabbar.on_bottom") { + #navigator-toolbox:is(:hover, :focus-within) #TabsToolbar > *:not(.titlebar-buttonbox-container) { + opacity: 1; + } + } + } + @media -moz-pref("userChrome.autohide.tabbar") { + :root:not([customizing]) #titlebar, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + margin-bottom: var(--uc-tabbar-hide-height); + will-change: margin-bottom; + } + #TabsToolbar:not([customizing]) { + will-change: opacity; + } + @media not -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]), + #TabsToolbar:not([customizing]) .titlebar-buttonbox-container { + opacity: 0; + } + } + @media -moz-pref("userChrome.tabbar.on_bottom") { + #TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) { + opacity: 0; + } + } + #navigator-toolbox:is(:hover, :focus-within) > #titlebar, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + margin-bottom: 0px; + } + @media not -moz-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-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; + } + @media not -moz-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-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; + } + @media not -moz-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-pref("userChrome.tabbar.on_bottom") { + #navigator-toolbox:is(:hover, :focus-within) + #TabsToolbar:not([customizing]) + > *:not(.titlebar-buttonbox-container) { + transition-delay: 0s !important; + } + } + } + } + @media -moz-pref("userChrome.autohide.navbar") or -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.autohide.navbar") { + @media not -moz-pref("userChrome.tabbar.one_liner") { + #nav-bar:not([customizing]) { + margin-bottom: var(--uc-navbar-hide-height); + } + #nav-bar:not([customizing]), + #nav-bar:not([customizing]) #urlbar { + opacity: 0; + will-change: margin-bottom, opacity; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { + margin-bottom: 0; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + opacity: 1; + } + #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + pointer-events: none; + } + } + @media -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + #nav-bar:not([customizing]) { + margin-bottom: var(--uc-navbar-hide-height); + } + #nav-bar:not([customizing]), + #nav-bar:not([customizing]) #urlbar { + opacity: 0; + will-change: margin-bottom, opacity; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { + margin-bottom: 0; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + opacity: 1; + } + #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + pointer-events: none; + } + } + } + } + } + #mainPopupSet:not(:hover) ~ #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) { + -moz-window-dragging: no-drag; + } + @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; + } + @media -moz-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; + } + } + #nav-bar:not([customizing]) #urlbar { + transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) + var(--uc-autohide-toolbar-delay) !important; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + transition-delay: 0s !important; + } + } + } +} +@media -moz-pref("userChrome.autohide.bookmarkbar") { + #PersonalToolbar:not([customizing]) { + margin-bottom: var(--uc-bm-hide-height); + opacity: 0; + will-change: margin-bottom, opacity; + } + @media -moz-pref("userChrome.autohide.toolbar_overlap") { + @media not -moz-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; + } + } +} +@media -moz-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-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; + } + } +} +@media -moz-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-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; + } + } + } + @media not -moz-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]) { + margin-inline-start: var(--uc-sidebar-fullscreen-margin) !important; + will-change: margin-inline-start; + } + :root[inFullscreen="true"] #sidebar-box:not([positionend]):is(:hover, :focus-within) { + margin-inline-start: 0 !important; + } + :root[inFullscreen="true"] #sidebar-box[positionend] { + margin-inline-end: var(--uc-sidebar-fullscreen-margin) !important; + will-change: margin-inline-end; + } + :root[inFullscreen="true"] #sidebar-box[positionend]: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] { + 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-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-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) { + @media -moz-pref("userChrome.tabbar.one_liner") { + @media not -moz-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 -moz-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; + } + } + } + } + @media not -moz-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 -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-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 ********************************************************************/ +@media not -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.hidden.tabbar") { + #TabsToolbar { + display: none !important; + } + } + @media -moz-pref("userChrome.hidden.navbar") { + #nav-bar { + visibility: collapse; /* display: none is not work */ + } + } +} +@media -moz-pref("userChrome.tabbar.one_liner") { + @media -moz-pref("userChrome.tabbar.one_liner.responsive") { + @media screen and (max-width: 1100px) { + @media -moz-pref("userChrome.hidden.tabbar") { + #TabsToolbar { + display: none !important; + } + } + @media -moz-pref("userChrome.hidden.navbar") { + #nav-bar { + visibility: collapse; /* display: none is not work */ + } + } + } + } +} +@media -moz-pref("userChrome.hidden.tab_icon") { + @media not -moz-pref("userChrome.hidden.tab_icon.always") { + .tabbrowser-tab:not([pinned="true"]) .tab-icon-image { + display: none; + } + } + @media -moz-pref("userChrome.hidden.tab_icon.always") { + .tabbrowser-tab:not([pinned="true"]) .tab-icon-stack { + display: none; + } + } +} +@media -moz-pref("userChrome.hidden.private_indicator") { + .private-browsing-indicator, + #private-browsing-indicator-with-label { + display: none; + } +} +@media -moz-pref("userChrome.hidden.titlebar_container") { + .titlebar-buttonbox-container { + display: none !important; + } +} +@media -moz-pref("userChrome.hidden.sidebar_header") { + @media not -moz-pref("userChrome.hidden.sidebar_header.vertical_tab_only") { + #sidebar-header { + display: none !important; + } + } + @media -moz-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-pref("userChrome.hidden.urlbar_iconbox") { + @media not -moz-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-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 not -moz-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; + } + } +} +@media -moz-pref("userChrome.hidden.bookmarkbar_icon") { + #PlacesToolbarItems .bookmark-item > .toolbarbutton-icon { + display: none; + } +} +@media -moz-pref("userChrome.hidden.bookmarkbar_label") { + #PlacesToolbarItems .bookmark-item > .toolbarbutton-text { + visibility: collapse; /* display: none is not work */ + } +} + +@media -moz-pref("userChrome.hidden.disabled_menu") { + menu[disabled="true"], + menuitem:not(#context-back, #context-forward)[disabled="true"] { + visibility: collapse !important; + } + @media -moz-pref("widget.macos.native-context-menus") or -moz-pref("widget.gtk.native-context-menus") { + #context-back[disabled="true"], + #context-forward[disabled="true"] { + visibility: collapse !important; + } + } +} +/** Icons *********************************************************************/ +@media not -moz-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-tab-close-icon: url("../icons/close-tab.svg"); + --uc-tab-close-duplicate-icon: url("../icons/close-duplicate-tabs.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"); + } + @media -moz-pref("userChrome.icon.library") { + :root { + --uc-folder-icon: url("../icons/folder.svg"); + } + } + @media -moz-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-tab-close-icon: url("../icons/close-tab-photon.svg"); + --uc-tab-close-duplicate-icon: url("../icons/close-duplicate-tabs-photon.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]) { + --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 ***************************************************/ + @media -moz-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 *************************************************************/ + @media -moz-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; + } + @media not -moz-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"], + #appMenu_historyMenu .subviewbutton[disabled="true"] { + margin-inline-start: 0 !important; + 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-addon-banners > .addon-banner-item > .toolbarbutton-icon { + display: inline-flex !important; + } + #appMenu-update-banner::before, + #appMenu-proton-update-banner::before { + content: url("../icons/whatsnew.svg"); + margin-inline-end: 0px !important; + } + #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; + } + #appMenu-profiles-button > image, + #appMenu-empty-profiles-button > image { + fill: transparent !important; + } + #appMenu-empty-profiles-button, + #PanelUI-fxa-menu-empty-profiles-button { + list-style-image: url("chrome://browser/content/profiles/assets/16_heart.svg"); + } + #profiles-manage-profiles-button { + list-style-image: url("chrome://global/skin/icons/settings.svg"); + } + #new-tab-button { + list-style-image: var(--uc-new-tab-icon) !important; + } + @media -moz-pref("userChrome.icon.panel_full") or -moz-pref("userChrome.icon.panel_photon") { + #appMenu-new-tab-button2 { + list-style-image: var(--uc-new-tab-icon); + } + } + @media -moz-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-pref("userChrome.icon.panel_photon") { + @media not -moz-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"); + } + @media -moz-pref("userChrome.icon.panel_full") or -moz-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"); + } + @media -moz-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"); + } + @media -moz-pref("userChrome.icon.panel_full") { + #appMenu-more-button2 { + list-style-image: url("../icons/ion.svg"); + } + } + @media -moz-pref("userChrome.icon.panel_full") or -moz-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); + } + @media -moz-pref("userChrome.icon.account_image_to_right") { + #fxa-manage-account-button::before { + order: 2 !important; + -moz-box-ordinal-group: 2 !important; + } + } + @media -moz-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"); + } + @media (prefers-reduced-motion: reduce) { + #PanelUI-fxa-menu-syncnow-button[syncstatus="active"] > .toolbarbutton-icon, + #PanelUI-remotetabs-syncnow[syncstatus="active"] > .toolbarbutton-icon, + .syncNowBtn[syncstatus="active"] { + list-style-image: url("chrome://browser/skin/tabbrowser/hourglass.svg") !important; + } + } + #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-signedin-panel[hidden="true"] + #PanelUI-fxa-cta-menu #PanelUI-products-separator { + display: none; + } + #PanelUI-fxa-menu > :first-child, + #fxa-manage-account-button { + 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"); + } + .sendToDevice-device[clientType="phone"] { + list-style-image: url("../icons/device-phone.svg") !important; + } + .sendToDevice-device[clientType="tablet"] { + list-style-image: url("../icons/device-tablet.svg") !important; + } + .sendToDevice-device[clientType="desktop"] { + list-style-image: url("../icons/device-desktop.svg") !important; + } + .sendToDevice-device[clientType="tv"] { + list-style-image: url("../icons/device-tv.svg") !important; + } + .sendToDevice-device[clientType="vr"] { + list-style-image: url("../icons/device-vr.svg") !important; + } + /*= 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-syncedTabs { + list-style-image: url("../icons/synced-tabs.svg"); + } + #allTabsMenu-closeDuplicateTabs { + list-style-image: var(--uc-tab-close-duplicate-icon); + } + #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"); + } + @media -moz-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-report-broken-site-button { + list-style-image: url("chrome://global/skin/icons/lightbulb.svg"); + } + #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-switcher-genai-chat.subviewbutton { + list-style-image: url("chrome://mozapps/skin/extensions/category-discover.svg"); + } + #sidebar-switcher-genai-chat:is(menuitem) { + --menuitem-image: url("chrome://mozapps/skin/extensions/category-discover.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"); + } + /*= sidebar-context-menu =====================================================*/ + #sidebar-context-menu-manage-extension { + --menuitem-image: url("chrome://global/skin/icons/settings.svg"); + } + #sidebar-context-menu-remove-extension { + --menuitem-image: url("chrome://global/skin/icons/delete.svg"); + } + #sidebar-context-menu-report-extension { + --menuitem-image: url("../icons/send.svg"); + } + #sidebar-context-menu-unpin-extension { + --menuitem-image: url("../icons/unpin-tab.svg"); + } + #sidebar-context-menu-hide-sidebar { + --menuitem-image: url("../icons/eye-hide.svg"); + } + #sidebar-context-menu-customize-sidebar { + --menuitem-image: url("chrome://browser/skin/customize.svg"); + } + #sidebar-context-menu-enable-vertical-tabs { + --menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg"); + } + /*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/ + .item.client[clientType="phone"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-phone.svg") !important; + } + .item.client[clientType="tablet"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-tablet.svg") !important; + } + .item.client[clientType="desktop"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-desktop.svg") !important; + } + .item.client[clientType="tv"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-tv.svg") !important; + } + .item.client[clientType="vr"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-vr.svg") !important; + } + /*= 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 *******************************************************/ + @media -moz-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 menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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 */ + @media -moz-pref("widget.macos.native-context-menus") or -moz-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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 */ + @media -moz-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 (-moz-platform: windows) { + #main-menubar > menu > :is(.menubar-text, .menu-text) { + transform: translateY(-1px) !important; /* Fix menu top padding position */ + padding-inline-start: 0.3em !important; + } + } + @media (-moz-gtk-csd-available) { + #main-menubar > menu > :is(.menubar-text, .menu-text) { + padding-inline-start: 3px; + } + } + @media not -moz-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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; */ + } + menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon { + display: none !important; + } + } + @media (-moz-platform: windows), (-moz-gtk-csd-available) { + @media -moz-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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; */ + } + menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon { + display: none !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; + } + .menu-icon { + display: unset !important; + } + #main-menubar > menu > .menu-icon { + display: none !important; + } + } + /* Padding - Mac */ + @media -moz-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 */ + @media -moz-pref("userChrome.icon.global_menu.mac") { + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--context-menu-background-padding) + 2px) !important; + } + @media -moz-pref("userChrome.theme.non_native_menu") { + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + margin-inline: var(--arrowpanel-menuitem-margin-inline) !important; + } + } + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text { + margin-inline-start: var(--context-menu-text-padding) !important; + } + } + @media -moz-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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 3px) !important; + } + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 1px) !important; + } + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text { + padding-inline-start: var(--context-menu-mac-padding) !important; + } + } + @media -moz-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_playTab, + #context_playSelectedTabs { + --menuitem-image: url("../icons/play-fill.svg"); + } + #context_toggleMuteTab, + #context_toggleMuteSelectedTabs, + #treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab[label="Mute Tab"], + #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[label="Unmute Tab"], + #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"); + } + #treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Stick Tab to Edges"] { + --menuitem-image: url("../icons/align-distribute-top.svg"); + } + #treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Unstick Tab to Edges"] { + --menuitem-image: url("../icons/align-space-evenly-vertical.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"); + } + @media -moz-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"); + } + @media -moz-pref("userChrome.icon.menu.full") { + #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeDuplicatedTabs, + #context_closeDuplicateTabs { + --menuitem-image: var(--uc-tab-close-duplicate-icon); + } + } + @media -moz-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"); + } + #toolbar-context-customize-sidebar { + --menuitem-image: url("chrome://browser/skin/customize.svg"); + } + #toolbar-context-toggle-vertical-tabs { + --menuitem-image: url("chrome://browser/skin/sidebar-collapsed.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; + } + } + @media -moz-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("../icons/edit-active.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"); + } + @media -moz-pref("userChrome.icon.menu.full") { + #context_reloadTabOptions { + --menuitem-image: url("../icons/filter-reload.svg"); + } + } + @media not -moz-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"); + } + @media -moz-pref("userChrome.icon.menu.full") { + #tm-lockTab { + --menuitem-image: url("../icons/lock-closed.svg"); + } + } + @media -moz-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"); + } + @media -moz-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-pdfjs-highlight-selection { + --menuitem-image: url("../icons/toolbarButton-editorHighlight.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"); + } + #context-translate-selection { + --menuitem-image: url("../icons/translations.svg"); + } + #context-ask-chat { + --menuitem-image: url("../icons/chat-sparkle.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 */ + } + @media -moz-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"); + } + } + /*= context-ask-chat =========================================================*/ + #ask-chat-shortcuts .toolbarbutton-icon { + order: -1; + margin-inline-end: var(--arrowpanel-menuitem-margin-inline) !important; + } + #ask-chat-shortcuts .subviewbutton:nth-child(1) { + list-style-image: url("../icons/apps-list-detail.svg"); + } + #ask-chat-shortcuts .subviewbutton:nth-child(2) { + list-style-image: url("../icons/code-text.svg"); + } + #ask-chat-shortcuts .subviewbutton:nth-child(3) { + list-style-image: url("../icons/tetris-app.svg"); + } + #ask-chat-shortcuts .subviewbutton:nth-child(4) { + list-style-image: url("../icons/arrow-up-exclamation.svg"); + } + #context-ask-chat menuitem:nth-child(1) { + --menuitem-image: url("../icons/apps-list-detail.svg"); + } + #context-ask-chat menuitem:nth-child(2) { + --menuitem-image: url("../icons/code-text.svg"); + } + #context-ask-chat menuitem:nth-child(3) { + --menuitem-image: url("../icons/tetris-app.svg"); + } + #context-ask-chat menuitem:nth-child(4) { + --menuitem-image: url("../icons/arrow-up-exclamation.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("../icons/edit-active.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("../icons/edit-active.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"); + } + @media -moz-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"); + } + @media -moz-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"); + } + @media -moz-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"); + } + @media -moz-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 */ + @media -moz-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-move-widget-up { + --menuitem-image: url("chrome://global/skin/icons/arrow-up.svg"); + } + .unified-extensions-context-menu-move-widget-down { + --menuitem-image: url("chrome://global/skin/icons/arrow-down.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="trendingblock"] { + --menuitem-image: url("../icons/eye-hide.svg"); + } + .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"); + } + /*= full-page-translations-panel-settings-menupopup ==========================*/ + .manage-languages-menuitem { + --menuitem-image: url("chrome://global/skin/icons/settings.svg"); + } + #full-page-translations-panel-settings-menupopup > menuitem[data-l10n-id="translations-panel-settings-about2"] { + --menuitem-image: url("chrome://global/skin/icons/info.svg"); + } + /*= select-translations-panel-settings-menupopup =============================*/ + #select-translations-panel-open-settings-page-menuitem { + --menuitem-image: url("chrome://global/skin/icons/settings.svg"); + } + #select-translations-panel-about-translations-menuitem { + --menuitem-image: url("chrome://global/skin/icons/info.svg"); + } + } + @media -moz-pref("userChrome.icon.global_menubar") { + /*= main-menubar =============================================================*/ + #file-menu { + --menuitem-image: url("../icons/mail-inbox-all.svg"); + } + #edit-menu { + --menuitem-image: url("../icons/edit-active.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"); + } + #profiles-menu:is(menu) { + fill: transparent !important; + --menuitem-image: url("chrome://browser/content/profiles/assets/16_heart.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"); + } + /*= Others ===================================================================*/ + #alltabs-button { + list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; + } + #alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon { + /* Original + width: 20px; + margin: -2px; + */ + width: 16px !important; + margin: 0 !important; + } + } + @media -moz-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_close { + --menuitem-image: var(--uc-tab-close-icon); + } + @media -moz-pref("userChrome.icon.menu.full") { + #menu_closeWindow { + --menuitem-image: url("../icons/close-window.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"); + } + @media -moz-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"); + } + @media -moz-pref("userChrome.icon.menu.full") { + #menu_findAgain { + --menuitem-image: url("../icons/find-again.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_ProfilesPopup =======================================================*/ + #menu_manageProfiles { + --menuitem-image: url("chrome://global/skin/icons/settings.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("../icons/firefox-view.svg"); + } + #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"); + } + } + @media -moz-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"); + } + @media -moz-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"); + } + @media -moz-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 ***********************************************/ + @media -moz-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; + } + .tabbrowser-tab:is([image="chrome://global/skin/icons/performance.svg"], + [image="chrome://devtools/skin/images/tool-profiler.svg"]) .tab-icon-image + { + content: url("../icons/performance.svg") !important; + } + .tabbrowser-tab:is([image="chrome://global/skin/icons/developer.svg"]) .tab-icon-image + { + content: url("../icons/developer.svg") !important; + } + .tabbrowser-tab:is([image="chrome://browser/skin/controlcenter/dashboard.svg"]) .tab-icon-image + { + content: url("../icons/dashboard.svg") !important; + } + } + /** Icons for fork browsers ***************************************************/ + /*= Waterfox =================================================================*/ + @media -moz-pref("userChrome.icon.panel") { + #appMenu-restart-button { + list-style-image: url("../icons/refresh-cw.svg") !important; + } + } + @media -moz-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"); + } + #sidebar_waterfox_net-menuitem-_openAllBookmarksWithStructure { + --menuitem-image: url("../icons/organization-horizontal.svg"); + } + } + /*= Tor Browser ==============================================================*/ + @media -moz-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 -moz-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"); + } + @media -moz-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 -moz-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("../icons/edit-active.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"); + } + } +} +/*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ +/** 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:is([tabsintitlebar="true"], [customtitlebar="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 ================================================*/ + /*= Tabpreviw transparent #890 ===============================================*/ + /*= Design token =============================================================*/ +} +@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") { + #main-window { + background-color: WindowFrame !important; + } +} +@media (-moz-bool-pref: "userChrome.compatibility.theme") { + :root[lwtheme][lwtheme-image] #customization-container { + background-image: none !important; + } +} +@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") { + :root:not([lwtheme]) #customization-container { + background-color: var(--toolbar-non-lwt-bgcolor) !important; + } +} +@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:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .toolbarbutton-icon, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .toolbarbutton-icon, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive .toolbarbutton-icon { + fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1); + } +} +@media (-moz-bool-pref: "userChrome.compatibility.theme") { + #tab-preview-panel { + --panel-background: var( + --arrowpanel-background + ) !important; /* Original: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) */ + --panel-color: var( + --arrowpanel-color + ) !important; /* Original: var(--tab-selected-textcolor, var(--toolbar-color)) */ + } +} +@media (-moz-bool-pref: "userChrome.compatibility.theme") { + :root, + :host { + --button-color: var(--button-text-color); + --button-bgcolor: var(--button-background-color); + --button-hover-bgcolor: var(--button-background-color-hover); + --button-active-bgcolor: var(--button-background-color-active); + --button-primary-color: var(--button-text-color-primary); + --button-primary-bgcolor: var(--button-background-color-primary); + --button-primary-hover-bgcolor: var(--button-background-color-primary-hover); + --button-primary-active-bgcolor: var(--button-background-color-primary-active); + } +} +/*= 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 =============================================*/ + /*= MacOS Fullscreen clipping #1045 ==========================================*/ +} +@media (-moz-bool-pref: "userChrome.compatibility.os") and (-moz-platform: windows) { + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox { + border-top: 0.5px solid rgb(47, 47, 47) !important; + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]):-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"]:is([tabsintitlebar], [customtitlebar]) #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"]:is([tabsintitlebar], [customtitlebar]) #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 */ + } +} +@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:is([tabsintitlebar], [customtitlebar]) #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:is([tabsintitlebar], [customtitlebar])[sizemode="maximized"] #titlebar { + appearance: none !important; + padding-top: 8px; + } +} +@media (-moz-bool-pref: "userChrome.compatibility.os") { + :root[sizemode="fullscreen"][macOSNativeFullscreen]:not([inDOMFullscreen="true"]) #TabsToolbar { + min-height: var(--tab-min-height, fit-content) !important; + } +} +/*= 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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { + --focus-outline-color: AccentColor !important; + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #urlbar[open] + > #urlbar-background, + :root:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { + --focus-outline-color: -moz-accent-color !important; + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #urlbar[open] + > #urlbar-background, + :root:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)), + :root:is([tabsintitlebar], [customtitlebar])[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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root[lwt-default-theme-in-dark-mode] #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar, + :root[lwt-default-theme-in-dark-mode] #TabsToolbar { + --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, + .unified-extensions-item-menu-button + ):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, + .unified-extensions-item-menu-button + ):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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + :root[lwtheme-mozlightdark] + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + :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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .browser-titlebar, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .browser-titlebar { + color: AccentColorText !important; + background-color: AccentColor !important; + } +} +@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) and (-moz-bool-pref: "userChrome.compatibility.accent_color") { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .browser-titlebar, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .titlebar-color, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + .browser-titlebar { + color: -moz-accent-color-foreground !important; + background-color: -moz-accent-color !important; + } +} +@media (-moz-bool-pref: "userChrome.theme.system_default") and (-moz-windows-accent-color-in-titlebar) { + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .toolbar-items, + :root:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + .toolbar-items, + :root:is([tabsintitlebar], [customtitlebar])[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%, Field); + --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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar { + --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, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #toolbar-menubar, + :root[lwt-default-theme-in-dark-mode] #toolbar-menubar, + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar, + :root[lwt-default-theme-in-dark-mode] #TabsToolbar { + --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]) + > #pinned-tabs-container + > .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]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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, + .menu-iconic-left .menu-icon, + menuitem[type="checkbox"] .menu-iconic-icon, + menuitem[type="checkbox"] .menu-icon, + menuitem[type="radio"] .menu-iconic-icon, + menuitem[type="radio"] .menu-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, + menuitem[checked="true"] > .menu-icon { + -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; + /* 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, + #context-navigation > .menuitem-iconic > .menu-icon { + 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, + #context-navigation > .menuitem-iconic > .menu-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, + #context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-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, + #context-navigation > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] > .menu-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"][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"][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") { + .notification-button.primary { + background-color: var(--button-primary-bgcolor) !important; + } + .notification-button.primary:hover { + background-color: var(--button-primary-hover-bgcolor) !important; + } + .notification-button.primary:hover:active { + background-color: var(--button-primary-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") { + #editBookmarkPanel #editBMPanel_namePicker, + #editBookmarkPanel #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, + #toolbar-menubar, + #TabsToolbar { + --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, + #toolbar-menubar, + #TabsToolbar { + --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, + #toolbar-menubar .toolbarbutton-1, + #TabsToolbar .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("../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 > :is(.menubar-text, .menu-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 > :is(.menubar-text, .menu-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 { + transition: border-color 1s var(--animation-easing-function), background-color 0.5s var(--animation-easing-function) !important; + } + #urlbar-background:hover { + transition: border-color 0.5s var(--animation-easing-function), + background-color 0.5s var(--animation-easing-function) !important; + } +} +@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") { + #searchbar { + transition: border-color 1s var(--animation-easing-function), background-color 1.5s var(--animation-easing-function) !important; + } + #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), visibility 0s linear !important; + will-change: margin-inline-start, visibility; + } + #sidebar-box[hidden="true"] { + display: flex !important; + display: -moz-box !important; + margin-inline-start: -18em; + visibility: collapse; + transition-delay: 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 not (-moz-bool-pref: "userChrome.rounding.square_tab") { + :root { + --tab-border-radius: 4px !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]):not([customtitlebar]) #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]):not([customtitlebar]) #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"]) #pinned-tabs-container, + :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 */ + } + #tabbrowser-tabs[orient="vertical"][expanded] .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { + max-width: none !important; + } + #tabbrowser-tabs[orient="horizontal"] + tab-group[collapsed] + > .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { + min-width: 0 !important; + max-width: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow-clip-margin: 0; + } +} +@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { + :root[customizing="true"] #tabbrowser-arrowscrollbox-periphery, + #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #pinned-tabs-container + > #tabbrowser-arrowscrollbox-periphery, + #tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"]) + > #tabbrowser-arrowscrollbox + > #tabbrowser-arrowscrollbox-periphery { + min-width: 3px; + } +} +@media (-moz-bool-pref: "userChrome.padding.tabbar_width") { + #tabbrowser-tabs[orient="horizontal"] .tab-group-label-container { + margin-inline-start: 4px !important; + } +} +@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:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar])[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:is([tabsintitlebar], [customtitlebar])[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]) #pinned-tabs-container, + #TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"], + #TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack, + #TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content, + :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]) #pinned-tabs-container, + :root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox { + height: var(--tab-min-height) !important; + } +} +@media (-moz-bool-pref: "userChrome.padding.tabbar_height") { + :root #pinned-tabs-container, + :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:is([tabsintitlebar], [customtitlebar]):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; + } + /* 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-container-height) * 2 - var(--urlbar-height)) !important; + width: var(--urlbar-width) !important; + position: relative !important; + margin: 0 !important; + } + #urlbar[breakout][breakout-extend] > #urlbar-input-container, + #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"] #toolbar-menubar, + :root[sizemode="fullscreen"] #TabsToolbar, + :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, + #TabsToolbar { + 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:is([tabsintitlebar], [customtitlebar]) #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, + #TabsToolbar { + 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:is([tabsintitlebar], [customtitlebar]) #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, + #toolbar-menubar, + #TabsToolbar { + 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, + #toolbar-menubar, + #TabsToolbar { + 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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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:is([tabsintitlebar], [customtitlebar]) { + --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"], [customtitlebar][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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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], [customtitlebar], [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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]:is([tabsintitlebar], [customtitlebar]) #navigator-toolbox-background { + margin-top: calc(-1 * var(--uc-titlebar-padding)); + } + :root[sizemode="normal"]:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root[sizemode="maximized"]:is([tabsintitlebar], [customtitlebar]) #titlebar { + appearance: none !important; + } + .browser-toolbar:not(.titlebar-color):not(.browser-titlebar) { + 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:is([tabsintitlebar], [customtitlebar]) #titlebar, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar { + z-index: 1; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-moz-window-inactive { + opacity: 1 !important; + } + :root:is([tabsintitlebar], [customtitlebar]) #titlebar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #toolbar-menubar:-moz-window-inactive .titlebar-buttonbox, + :root:is([tabsintitlebar], [customtitlebar]) #TabsToolbar:-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"]):not([customtitlebar="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] > #pinned-tabs-container > .tabbrowser-tab[pinned][selected="true"], + #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")) { + #pinned-tabs-container, + #tabbrowser-arrowscrollbox { + margin-inline: 2px !important; + } + :root[sizemode="normal"] #pinned-tabs-container, + :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") { + #pinned-tabs-container, + #tabbrowser-arrowscrollbox { + margin-inline: 2px !important; + } + :root[sizemode="normal"] #pinned-tabs-container, + :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"]):not([customtitlebar="true"]) + #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) + ~ #alltabs-button, + :root:not([tabsintitlebar="true"]):not([customtitlebar="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"], + #pinned-tabs-container, + #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"] #pinned-tabs-container, + #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") { + #TabsToolbar #tabbrowser-tabs:not([orient="vertical"]) { + max-height: var(--tab-min-height); + } + #TabsToolbar #tabbrowser-tabs:not([orient="vertical"])[movingtab] { + padding-bottom: unset !important; + margin-bottom: unset !important; + } + #TabsToolbar[multibar] #tabbrowser-tabs:not([orient="vertical"]) { + max-height: var(--tab-min-height_mlt); + } + #tabbrowser-tabs:not([orient="vertical"]) { + min-height: unset !important; /* Original: var(--tabstrip-min-height) */ + } + #tabbrowser-tabs:not([orient="vertical"]) .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; + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-content { + margin-top: 0px; + } + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + #tabbrowser-tabs:not([orient="vertical"]) tab-group .tabbrowser-tab:is([selected], [multiselected]) .tab-group-line { + transform: translateY(calc(var(--tab-group-line-thickness) * -1)); + } + #tabbrowser-tabs[orient="vertical"] { + --uc-tab-border-bottom-radius: var(--tab-border-radius); + } + /* Remove line at Toolbar's top */ + #tabbrowser-tabs { + z-index: 1 !important; + } + /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */ + /* Border top #889 */ +} +@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] > #pinned-tabs-container > .tabbrowser-tab[pinned], + #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] { + z-index: 0 !important; + } + #tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned] .tab-stack, + #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] .tab-stack { + /* Temporary solution for compatibility #513 */ + overflow-y: clip; + } +} +@media (-moz-bool-pref: "userChrome.tab.connect_to_window") { + #nav-bar { + border-top: none !important; + box-shadow: 0 -0.01px 0 ThreeDShadow; + } +} +@media (-moz-bool-pref: "userChrome.tab.connect_to_window") and (-moz-gtk-csd-available) { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #nav-bar { + box-shadow: 0 -0.01px 0 ThreeDShadow; + } +} +/*= Selected Tab =============================================================*/ +/*= Selected Tab - Bold ======================================================*/ +@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]) #pinned-tabs-container > .tabbrowser-tab > .tab-stack > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-arrowscrollbox + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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]) + #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :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], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-arrowscrollbox + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected], + :root:not([lwtheme-image]):is(:-moz-lwtheme, [lwtheme]) + #tabbrowser-tabs[orient="horizontal"]:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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, + #vertical-tabs { + --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 28%, var(--toolbar-bgcolor, transparent)); + } + #TabsToolbar[brighttext], + #vertical-tabs[brighttext] { + --uc-multiselected-tab-bgcolor: color-mix(in srgb, currentColor 16%, var(--toolbar-bgcolor, transparent)); + } + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #pinned-tabs-container + > tab-group + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]), + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > tab-group + > .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; + } +} +/*= Selected Tab - Supernova like contextline ===================================*/ +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") { + /* context line styles */ + tabs tab.tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line { + display: inline-flex !important; + display: -moz-inline-box !important; + } + tabs tab.tabbrowser-tab > .tab-stack > .tab-background > .tab-context-line::before { + content: ""; + height: 1px !important; + border-radius: 9999px !important; + transform: translateY(5px); + margin-top: -1px !important; + margin-left: 5px; + margin-right: 5px; + width: 100%; + } + /* Override container-tab style */ + tabs tab.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + margin: unset !important; + } + /* selected tab style */ + :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: #45a1ff; + } + .tabbrowser-tab:is([selected], [multiselected]) .tab-context-line::before { + background-color: var(--tab-line-color, var(--lwt-tab-line-color, #45a1ff)) !important; + } + /* Set the active effect */ + .tabbrowser-tab:active > .tab-stack > .tab-background > .tab-context-line::before { + filter: brightness(70%); + margin-left: 6px; + margin-right: 6px; + } + /* Set the hover effect */ + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + background-color: rgba(0, 0, 0, 0.4) !important; + opacity: 1 !important; + } + #TabsToolbar[brighttext] + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + background-color: rgba(255, 255, 255, 0.4) !important; + } + /* Animation */ + /* Animation for hover effect */ + /* --- copied (not modified) from _photon_like_contextline.scss --- */ + /* Prevent identity color flashing */ + /* Remove side's background color border */ +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") and (prefers-reduced-motion: no-preference) { + .tabbrowser-tab:hover:not([selected="true"], [multiselected]) + > .tab-stack + > .tab-background + > .tab-context-line::before { + animation: toWide 0.2s cubic-bezier(0, 0.9, 0.15, 1); + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") { + @keyframes toWide { + 0% { + opacity: 0.8; + margin-left: 40%; + margin-right: 40%; + } + 100% { + opacity: 1; + margin-left: 5px; + margin-right: 5px; + } + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") { + .tabbrowser-tab[usercontextid] .tab-context-line { + --identity-icon-color: none; + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") { + :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; + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_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 (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_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 (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") and (-moz-bool-pref: "userChrome.tab.contextline_blue_accent") { + #tabbrowser-tabs .tab-context-line { + --tab-line-color: #45a1ff !important; + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") and (not (-moz-bool-pref: "userChrome.tab.contextline_blue_accent")) and (-moz-gtk-csd-available) { + :root:is(:not([lwtheme]), :not(:-moz-lwtheme)) #tabbrowser-tabs .tab-context-line { + --tab-line-color: AccentColor !important; /* -moz-accent-color */ + } +} +@media (not (-moz-bool-pref: "userChrome.tab.photon_like_contextline")) and (-moz-bool-pref: "userChrome.tab.supernova_like_contextline") and (not (-moz-bool-pref: "userChrome.tab.contextline_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-context-line { + --tab-line-color: Highlight !important; /* -moz-accent-color */ + } +} +/*= Unselected Tab - Divide line =============================================*/ +/*= Unselected Tab - Dynamic Separator =======================================*/ +@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") { + #pinned-tabs-container, + #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); + } + #pinned-tabs-container:-moz-locale-dir(rtl), + #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") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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")) { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + #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") { + #tabbrowser-tabs:not([orient="vertical"]) .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + #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")) { + #tabbrowser-tabs:not([orient="vertical"]) .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-tabs:not([orient="vertical"]) .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") { + #pinned-tabs-container:not([orient="vertical"]):not(:empty):not( + :has(.tabbrowser-tab[pinned]:is([visuallyselected], [multiselected], :hover):last-of-type) + ) + ~ #tabbrowser-arrowscrollbox:not([orient="vertical"]) + .tabbrowser-tab:not([visuallyselected], [multiselected], :hover):first-of-type + .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + .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") { + #tabbrowser-tabs:not([orient="vertical"]) #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-tabs:not([orient="vertical"]) + #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") { + #tabbrowser-tabs:not([orient="vertical"]) + tab-group:has(.tabbrowser-tab:last-child:is(:hover, [selected])) + + .tabbrowser-tab + .tab-stack::before, + #tabbrowser-tabs:not([orient="vertical"]) tab-group[collapsed] + .tabbrowser-tab .tab-stack::before { + opacity: 0 !important; + } +} +@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") { + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + #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-tabs:not([orient="vertical"]) + .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + + .tabbrowser-tab + .tab-stack::before, + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .tabbrowser-tab:last-of-type:is([visuallyselected], [multiselected], :hover) + ~ #tabs-newtab-button::before, + #navigator-toolbox:not([movingtab]) + #tabbrowser-tabs:not([orient="vertical"]) + .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-tabs:not([orient="vertical"]) + .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + + .tabbrowser-tab:not([visuallyselected]) + .tab-stack::before { + opacity: 0 !important; + } + :root:not([uidensity="compact"]) #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button > .toolbarbutton-icon { + margin-left: 2px; + } + :root[uidensity="compact"] #tabbrowser-tabs:not([orient="vertical"]) #tabs-newtab-button > .toolbarbutton-icon { + margin-left: 1px; + } +} +@media (-moz-bool-pref: "userChrome.tab.dynamic_separator") and (prefers-reduced-motion: no-preference) { + #tabbrowser-tabs:not([orient="vertical"]) .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") { + #tabbrowser-tabs:not([orient="vertical"]) #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-tabs:not([orient="vertical"]) + #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-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover { + fill: color-mix(in srgb, AccentColorText 10%, transparent) !important; /* Hardcoded for compatibility */ + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover { + fill: color-mix( + in srgb, + -moz-accent-color-foreground 10%, + transparent + ) !important; /* Hardcoded for compatibility */ + } + :root:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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:is([tabsintitlebar], [customtitlebar]):not(:-moz-window-inactive):is(:not([lwtheme]), :not(:-moz-lwtheme)) + #tabbrowser-tabs:not([orient="vertical"]) + #tabs-newtab-button:hover:active, + :root:is([tabsintitlebar], [customtitlebar])[lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) + #tabbrowser-tabs:not([orient="vertical"]) + #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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") { + #tabbrowser-tabs:not([orient="vertical"]) #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"]) + > #pinned-tabs-container + > .tabbrowser-tab:not([visuallyselected], [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"] + > #pinned-tabs-container + > .tabbrowser-tab:not([pinned]) + > .tab-stack + > .tab-content + > .tab-close-button:not([selected]), + #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([crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + -moz-context-properties: fill, fill-opacity, stroke !important; + fill: currentColor !important; + border: none !important; + } + .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + stroke: var(--tab-icon-overlay-stroke, light-dark(white, black)); + color: var(--tab-icon-overlay-fill, light-dark(black, white)); + } + .tab-icon-overlay:not([crashed])[soundplaying] { + list-style-image: url("./icons/tab-audio-playing-small.svg"); + } + .tab-icon-overlay:not([crashed])[muted] { + list-style-image: url("./icons/tab-audio-muted-small.svg"); + } + .tab-icon-overlay:not([crashed])[activemedia-blocked] { + list-style-image: url("./icons/tab-audio-blocked-small.svg"); + } +} +@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") { + .tab-audio-button:not([crashed]), + .tab-audio-button[pinned][crashed][selected] { + /* Position */ + margin-inline-start: -8px !important; + margin-inline-end: -4px !important; + z-index: 1 !important; + transform: translateX(var(--uc-sound-tab-icon-position-x)) translateY(var(--uc-sound-tab-icon-position-y)); + /* Shape */ + --button-size-icon-small: 17px !important; + --button-min-height-small: 17px !important; + --button-border-radius: 100% !important; + width: 17px !important; + height: 17px !important; + border-radius: 100%; + overflow: clip; + --button-text-color-ghost-hover: light-dark(white, black); + --button-background-color-ghost-hover: light-dark(black, white); + } +} +@media (-moz-bool-pref: "userChrome.tab.sound_with_favicons") { + .tab-audio-button:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { + display: flex !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: calc(100% - 30px); + opacity: 0.75; + } +} +@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) { + .tabbrowser-tab[visuallyselected] .tab-content::before { + opacity: 1; + } +} +@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (not (-moz-bool-pref: "userChrome.tab.container.always_long")) { + .tab-content::before { + width: 25%; + } + .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { + width: calc(100% - 30px); + } + #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")) { + .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected])::before, + .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected])::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]) #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] { + 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])) #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]) #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: var(--browser-area-z-index-sidebar-splitter, 3) !important; + position: relative !important; + box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color); + } + #sidebar-box[positionend] { + --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] { + 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"]:not([inDOMFullscreen="true"]) #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"]:not([inDOMFullscreen="true"]) #navigator-toolbox:is(:hover, :focus-within) { + margin-top: 0 !important; + } + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) + :-moz-any(#navigator-toolbox, #titlebar, #toolbar-menubar, #TabsToolbar, #nav-bar, #PersonalToolbar) { + width: 100%; /* Makes the UI take up the entire width */ + } + :root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #urlbar:popover-open { + position: fixed !important; + } +} +@media (-moz-bool-pref: "userChrome.fullscreen.overlap") and (-moz-bool-pref: "browser.fullscreen.autohide") and (-moz-gtk-csd-available) { + /* Fix transparent background */ + :root:is([tabsintitlebar], [customtitlebar])[sizemode="fullscreen"]:not([inDOMFullscreen="true"]):is( + :not([lwtheme]), + :not(:-moz-lwtheme) + ) + #TabsToolbar { + appearance: auto !important; + } +} +@media (-moz-bool-pref: "userChrome.fullscreen.show_bookmarkbar") { + :root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized]:not([collapsed="true"]), + :root[sizemode="fullscreen"] #PersonalToolbar[initialized] { + 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]):not([customtitlebar]):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:is([tabsintitlebar], [customtitlebar]):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:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="true"]) { + --uc-menubar-height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)); + } + } + :root:is([tabsintitlebar], [customtitlebar]):has(#toolbar-menubar[autohide="false"]) { + --uc-menubar-height: var(--uc-titlebar-buttonbox-height); + } + :root:not([tabsintitlebar]):not([customtitlebar]):has(#toolbar-menubar[autohide="true"][inactive="true"]), + :root:is([tabsintitlebar], [customtitlebar]):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, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + 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, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + 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, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + 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, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + 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, + :root:not([customizing]) #navigator-toolbox > #TabsToolbar { + 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, + #navigator-toolbox:is(:hover, :focus-within) > #TabsToolbar { + 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); + } + #nav-bar:not([customizing]), + #nav-bar:not([customizing]) #urlbar { + opacity: 0; + will-change: margin-bottom, opacity; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { + margin-bottom: 0; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + opacity: 1; + } + #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + pointer-events: none; + } +} +@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); + } + #nav-bar:not([customizing]), + #nav-bar:not([customizing]) #urlbar { + opacity: 0; + will-change: margin-bottom, opacity; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) { + margin-bottom: 0; + } + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + opacity: 1; + } + #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + pointer-events: none; + } +} +@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), + (-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.navbar"), + (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") { + #mainPopupSet:not(:hover) ~ #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) { + -moz-window-dragging: no-drag; + } +} +@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) { + #nav-bar:not([customizing]) #urlbar { + 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.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]), + #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { + 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]) { + margin-inline-start: var(--uc-sidebar-fullscreen-margin) !important; + will-change: margin-inline-start; + } + :root[inFullscreen="true"] #sidebar-box:not([positionend]):is(:hover, :focus-within) { + margin-inline-start: 0 !important; + } + :root[inFullscreen="true"] #sidebar-box[positionend] { + margin-inline-end: var(--uc-sidebar-fullscreen-margin) !important; + will-change: margin-inline-end; + } + :root[inFullscreen="true"] #sidebar-box[positionend]: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] { + 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-tab-close-icon: url("../icons/close-tab.svg"); + --uc-tab-close-duplicate-icon: url("../icons/close-duplicate-tabs.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-tab-close-icon: url("../icons/close-tab-photon.svg"); + --uc-tab-close-duplicate-icon: url("../icons/close-duplicate-tabs-photon.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]) { + --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 ========================================================*/ + /*= sidebar-context-menu =====================================================*/ + /*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/ + /*= 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"], + #appMenu_historyMenu .subviewbutton[disabled="true"] { + margin-inline-start: 0 !important; + 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-addon-banners > .addon-banner-item > .toolbarbutton-icon { + display: inline-flex !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #appMenu-update-banner::before, + #appMenu-proton-update-banner::before { + content: url("../icons/whatsnew.svg"); + margin-inline-end: 0px !important; + } +} +@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") { + #appMenu-profiles-button > image, + #appMenu-empty-profiles-button > image { + fill: transparent !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #appMenu-empty-profiles-button, + #PanelUI-fxa-menu-empty-profiles-button { + list-style-image: url("chrome://browser/content/profiles/assets/16_heart.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #profiles-manage-profiles-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") { + #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") and (prefers-reduced-motion: reduce) { + #PanelUI-fxa-menu-syncnow-button[syncstatus="active"] > .toolbarbutton-icon, + #PanelUI-remotetabs-syncnow[syncstatus="active"] > .toolbarbutton-icon, + .syncNowBtn[syncstatus="active"] { + list-style-image: url("chrome://browser/skin/tabbrowser/hourglass.svg") !important; + } +} +@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-signedin-panel[hidden="true"] + #PanelUI-fxa-cta-menu #PanelUI-products-separator { + display: none; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #PanelUI-fxa-menu > :first-child, + #fxa-manage-account-button { + 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") { + .sendToDevice-device[clientType="phone"] { + list-style-image: url("../icons/device-phone.svg") !important; + } + .sendToDevice-device[clientType="tablet"] { + list-style-image: url("../icons/device-tablet.svg") !important; + } + .sendToDevice-device[clientType="desktop"] { + list-style-image: url("../icons/device-desktop.svg") !important; + } + .sendToDevice-device[clientType="tv"] { + list-style-image: url("../icons/device-tv.svg") !important; + } + .sendToDevice-device[clientType="vr"] { + list-style-image: url("../icons/device-vr.svg") !important; + } +} +@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-syncedTabs { + list-style-image: url("../icons/synced-tabs.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #allTabsMenu-closeDuplicateTabs { + list-style-image: var(--uc-tab-close-duplicate-icon); + } +} +@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-report-broken-site-button { + 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") { + #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-switcher-genai-chat.subviewbutton { + list-style-image: url("chrome://mozapps/skin/extensions/category-discover.svg"); + } + #sidebar-switcher-genai-chat:is(menuitem) { + --menuitem-image: url("chrome://mozapps/skin/extensions/category-discover.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") { + #sidebar-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.panel") { + #sidebar-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.panel") { + #sidebar-context-menu-report-extension { + --menuitem-image: url("../icons/send.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #sidebar-context-menu-unpin-extension { + --menuitem-image: url("../icons/unpin-tab.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #sidebar-context-menu-hide-sidebar { + --menuitem-image: url("../icons/eye-hide.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #sidebar-context-menu-customize-sidebar { + --menuitem-image: url("chrome://browser/skin/customize.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + #sidebar-context-menu-enable-vertical-tabs { + --menuitem-image: url("chrome://browser/skin/sidebar-collapsed.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="phone"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-phone.svg") !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="tablet"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-tablet.svg") !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="desktop"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-desktop.svg") !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="tv"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-tv.svg") !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") { + .item.client[clientType="vr"] > .item-title-container > .item-icon-container { + background-image: url("../icons/device-vr.svg") !important; + } +} +@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 menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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 (-moz-platform: windows) { + #main-menubar > menu > :is(.menubar-text, .menu-text) { + transform: translateY(-1px) !important; /* Fix menu top padding position */ + padding-inline-start: 0.3em !important; + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menubar") and (-moz-gtk-csd-available) { + #main-menubar > menu > :is(.menubar-text, .menu-text) { + padding-inline-start: 3px; + } +} +@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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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; */ + } + menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon { + display: none !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; + } + :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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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, + #context-ask-chat > menupopup + ) + > 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; */ + } + menupopup[needsgutter] > :is(menu, menuitem) > .menu-icon { + display: none !important; + } +} +@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; + } + .menu-icon { + display: unset !important; + } + #main-menubar > menu > .menu-icon { + display: none !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") { + :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_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + menuitem:not(.menuitem-iconic, .bookmark-item), + menupopup:is( + #menu_FilePopup, + #menu_EditPopup, + #menu_viewPopup, + #goPopup, + #historyMenuPopup, + #bookmarksMenuPopup, + #menu_ProfilesPopup, + #menu_ToolsPopup, + #windowPopup, + #menu_HelpPopup, + #usercssloader-menupopup, + #sidebar-context-menu + ) + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + 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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + 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"]):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + .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"]):not(:has(.menu-icon[aria-hidden="true"])), + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 3px) !important; + } + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])), + #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) { + padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 1px) !important; + } + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + menupopup:is(#BMB_bookmarksPopup)[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menuitem:not(.menuitem-iconic, [disabled="true"]):not(:has(.menu-icon[aria-hidden="true"])) + > .menu-text, + #PersonalToolbar + menupopup[placespopup="true"] + menu:not(.menu-iconic):not(:has(.menu-icon[aria-hidden="true"])) + > .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_playTab, + #context_playSelectedTabs { + --menuitem-image: url("../icons/play-fill.svg"); + } + #context_toggleMuteTab, + #context_toggleMuteSelectedTabs, + #treestyletab_piro_sakura_ne_jp-menuitem-_context_toggleMuteTab[label="Mute Tab"], + #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[label="Unmute Tab"], + #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"); + } + #treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Stick Tab to Edges"] { + --menuitem-image: url("../icons/align-distribute-top.svg"); + } + #treestyletab_piro_sakura_ne_jp-menuitem-_context_topLevel_toggleSticky[label="Unstick Tab to Edges"] { + --menuitem-image: url("../icons/align-space-evenly-vertical.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 ===================================================*/ + /*= context-ask-chat =========================================================*/ + /*= 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 ===================================================*/ + /*= full-page-translations-panel-settings-menupopup ==========================*/ + /*= select-translations-panel-settings-menupopup =============================*/ +} +@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") { + #treestyletab_piro_sakura_ne_jp-menuitem-_context_closeDuplicatedTabs, + #context_closeDuplicateTabs { + --menuitem-image: var(--uc-tab-close-duplicate-icon); + } +} +@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") { + #toolbar-context-customize-sidebar { + --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") { + #toolbar-context-toggle-vertical-tabs { + --menuitem-image: url("chrome://browser/skin/sidebar-collapsed.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("../icons/edit-active.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-pdfjs-highlight-selection { + --menuitem-image: url("../icons/toolbarButton-editorHighlight.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") { + #context-translate-selection { + --menuitem-image: url("../icons/translations.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-ask-chat { + --menuitem-image: url("../icons/chat-sparkle.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") { + #ask-chat-shortcuts .toolbarbutton-icon { + order: -1; + margin-inline-end: 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.context_menu") { + #ask-chat-shortcuts .subviewbutton:nth-child(1) { + list-style-image: url("../icons/apps-list-detail.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { + #ask-chat-shortcuts .subviewbutton:nth-child(2) { + list-style-image: url("../icons/code-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") { + #ask-chat-shortcuts .subviewbutton:nth-child(3) { + list-style-image: url("../icons/tetris-app.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.context_menu") { + #ask-chat-shortcuts .subviewbutton:nth-child(4) { + list-style-image: url("../icons/arrow-up-exclamation.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-ask-chat menuitem:nth-child(1) { + --menuitem-image: url("../icons/apps-list-detail.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-ask-chat menuitem:nth-child(2) { + --menuitem-image: url("../icons/code-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-ask-chat menuitem:nth-child(3) { + --menuitem-image: url("../icons/tetris-app.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-ask-chat menuitem:nth-child(4) { + --menuitem-image: url("../icons/arrow-up-exclamation.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("../icons/edit-active.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("../icons/edit-active.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-move-widget-up { + --menuitem-image: url("chrome://global/skin/icons/arrow-up.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-move-widget-down { + --menuitem-image: url("chrome://global/skin/icons/arrow-down.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="trendingblock"] { + --menuitem-image: url("../icons/eye-hide.svg"); + } + .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.context_menu") { + .manage-languages-menuitem { + --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") { + #full-page-translations-panel-settings-menupopup > menuitem[data-l10n-id="translations-panel-settings-about2"] { + --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") { + #select-translations-panel-open-settings-page-menuitem { + --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") { + #select-translations-panel-about-translations-menuitem { + --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("../icons/edit-active.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"); + } + #profiles-menu:is(menu) { + fill: transparent !important; + --menuitem-image: url("chrome://browser/content/profiles/assets/16_heart.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"); + } + /*= Others ===================================================================*/ + #alltabs-button { + list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; + } + #alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon { + /* Original + width: 20px; + margin: -2px; + */ + width: 16px !important; + margin: 0 !important; + } +} +@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_close { + --menuitem-image: var(--uc-tab-close-icon); + } + /* Mange Containers */ + /*= menu_EditPopup ===========================================================*/ + /*= menu_viewPopup ===========================================================*/ + /* view-menu-popup sub menu */ + /* viewSidebarMenu sub menu */ + /* viewFullZoomMenu sub menu */ + /*= goPopup ==================================================================*/ + /* sub menu */ + /*= bookmarksMenuPopup =======================================================*/ + /*= menu_ProfilesPopup =======================================================*/ + /*= 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_closeWindow { + --menuitem-image: url("../icons/close-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") { + #menu_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.global_menu") { + #menu_sendLink { + --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.global_menu") { + menu.share-tab-url-item { + --menuitem-image: url("chrome://browser/skin/share.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_print { + --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.global_menu") { + #menu_importFromAnotherBrowser { + --menuitem-image: url("chrome://browser/skin/import.svg"); + } +} +@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.menu") and (-moz-bool-pref: "userChrome.icon.global_menu") { + #goOfflineMenuitem { + /* checkbox */ + --menuitem-image: url("../icons/plug-disconnected.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_FileQuitItem { + --menuitem-image: url("../icons/quit.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_newUserContext menupopup menuitem:last-child { + --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") { + #menu_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.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") and (-moz-bool-pref: "userChrome.icon.menu.full") { + #menu_findAgain { + --menuitem-image: url("../icons/find-again.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_manageProfiles { + --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") { + #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("../icons/firefox-view.svg"); + } +} +@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; + } + .tabbrowser-tab:is([image="chrome://global/skin/icons/performance.svg"], + [image="chrome://devtools/skin/images/tool-profiler.svg"]) .tab-icon-image + { + content: url("../icons/performance.svg") !important; + } + .tabbrowser-tab:is([image="chrome://global/skin/icons/developer.svg"]) .tab-icon-image + { + content: url("../icons/developer.svg") !important; + } + .tabbrowser-tab:is([image="chrome://browser/skin/controlcenter/dashboard.svg"]) .tab-icon-image + { + content: url("../icons/dashboard.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"); + } + #sidebar_waterfox_net-menuitem-_openAllBookmarksWithStructure { + --menuitem-image: url("../icons/organization-horizontal.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("../icons/edit-active.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/.librewolf/hibiki.default/chrome/lepton.userContent.css b/.librewolf/hibiki.default/chrome/lepton.userContent.css new file mode 100644 index 0000000..d8e968d --- /dev/null +++ b/.librewolf/hibiki.default/chrome/lepton.userContent.css @@ -0,0 +1,7622 @@ +@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; + } + .translations-manage-language:first-child { + padding-block: 4px !important; + margin-bottom: 4px !important; + } + .translations-manage-language button { + min-height: var(--size-item-medium, 28px) !important; + max-height: var(--size-item-medium, 28px) !important; + } + #firefoxExperimentalCategory:not([hidden="true"]) { + display: inline-block; + } + #firefoxExperimentalCategory > label { + float: left; + } + #firefoxExperimentalCategory > hbox { + transform: translateY(5px); + } + #firefoxExperimentalCategory .description-deemphasized { + display: none; + } + #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; + } + button[data-l10n-id="addon-updates-manual-updates-found"] { + height: 100%; + } + #categories { + padding-inline-end: 1px !important; /* Original: 4px */ + } +} +@-moz-document url-prefix("about:policies") { + #categories > .category { + box-sizing: border-box; + } +} +/** Video player **************************************************************/ +/* Control Bar Size */ +@media -moz-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-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 */ + } + @media -moz-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-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-pref("userContent.player.noaudio") { + #controlsContainer .muteButton[noAudio] { + /* Remove volume button at noAudio */ + display: none !important; + } +} +/* Click to play UI */ +@media -moz-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-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 *************************/ + @media -moz-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-pref("userContent.page.proton_color") { + @media -moz-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-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("../icons/edit-active.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-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 ******************************/ + @media -moz-pref("userContent.newTab.full_icon") { + .top-site-outer { + width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */ + } + .top-site-outer .tile { + width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */ + height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */ + 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 */ + right: 0px !important; + width: 22px !important; + height: 22px !important; + } + .top-site-outer .context-menu { + top: 16.75px !important; /* Original: 6.75px */ + } + } + /** Activity Stream - Animate ***********************************************/ + @media -moz-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); + } + @media -moz-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-pref("userContent.newTab.pocket_to_last") { + .body-wrapper.on { + display: flex; + flex-wrap: wrap !important; + flex-direction: row !important; + } + .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-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 ***********************************/ + @media -moz-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-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 ****************************************/ +@media -moz-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 =======================================*/ +@media -moz-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); + } + } + @media -moz-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); + } + } + } + @media -moz-pref("userContent.page.proton_color.dark_blue_accent") or -moz-pref("userContent.page.proton_color.system_accent") { + :root, + :host(.anonymous-content-host) { + --color-accent-primary: var(--in-content-primary-button-background) !important; + --color-accent-primary-hover: var(--in-content-primary-button-background-hover) !important; + --color-accent-primary-active: light-dark(var(--color-blue-70), var(--color-cyan-20)); + } + } + @media -moz-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; + } + } + } + @media -moz-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-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-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, + .SearchResult-note, + .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); + --color-dark-gray-10: var(--in-content-deemphasized-text) !important; + } + .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, + img:is(.pencil, .thumbsup, .syncing.icon), + #step-indicator li:not([status="done"])::before { + 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, + .nav-active, + .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, + .card-base, + .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; + } + .nav-active, + .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; + } + div[data-testid="settings-connected-service"] + svg:is( + [data-testid="mobile-icon"], + [data-testid="desktop-icon"], + [data-testid="tablet-icon"], + [data-testid="vr-icon"], + [data-testid="addon-icon"] + ), + header button svg, + header .rounded svg, + #service svg { + filter: brightness(15) !important; + } + button.relative, + #fxa-settings nav svg { + filter: brightness(2) !important; + } + /* Others */ + .border-grey-100, + .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; + } + .border-grey-100:hover, + .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-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-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-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-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 =============================================================*/ + @media -moz-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); + } + } + @-moz-document url-prefix("about:preferences") { + .privacy-extra-information > .custom-option:not(:first-child) { + margin-block: 2px !important; /* Original: 10px */ + } + .extra-information-label:not(:first-child) { + margin-top: 4px !important; /* Original: 19px */ + } + } + /*= about:processes ==========================================================*/ + @-moz-document url-prefix("about:processes"), url-prefix("about:performance") { + td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");'] + { + background-image: url("../icons/link.svg") !important; + } + .profiler-icon { + cursor: pointer; + background-image: url("../icons/performance.svg") !important; + background-repeat: no-repeat !important; + background-position: center !important; + color: inherit !important; + } + @media not -moz-pref("userChrome.rounding.square_button") { + .profiler-icon { + border-radius: 8px !important; + } + } + } + @-moz-document url-prefix("about:profiling") { + .perf-intro-icon { + background-image: url("../icons/performance.svg") !important; + } + } + /*= about:processes ==========================================================*/ + @-moz-document url-prefix("about:support") { + #reset-box-button { + --in-content-focus-outline-color: var(--in-content-danger-button-background) !important; + background-color: var(--in-content-danger-button-background) !important; + color: var(--in-content-primary-button-text-color) !important; + border-color: var(--in-content-primary-button-border-color) !important; + } + #reset-box-button:enabled:hover { + background-color: var(--in-content-danger-button-background-hover) !important; + color: var(--in-content-primary-button-text-color-hover) !important; + border-color: var(--in-content-primary-button-border-hover) !important; + } + #reset-box-button:enabled:hover:active { + background-color: var(--in-content-danger-button-background-active) !important; + color: var(--in-content-primary-button-text-color-active) !important; + border-color: var(--in-content-primary-button-border-active) !important; + } + } + /*= chrome://browser/content/places/places.xhtml =============================*/ + @-moz-document url("chrome://browser/content/places/places.xhtml") + { + /** Library - Icons Replace *************************************************/ + @media -moz-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 ===============================================================*/ + @media -moz-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; + } + @media -moz-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 > :is(.menubar-text, .menu-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; + } + @media -moz-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 > :is(.menubar-text, .menu-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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("../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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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; + } + @media -moz-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 ******************************************************************/ +@media -moz-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-pref("userChrome.rounding.square_dialog") { + @-moz-document url("about:home"), url("about:newtab") { + .modal { + border-radius: 0 !important; + } + } +} +@media -moz-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-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-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-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-pref("userChrome.rounding.square_dialog") { + dialog, + .dialogBox { + border-radius: 0 !important; + } + } +} +@-moz-document url("chrome://browser/content/places/places.xhtml") +{ + /*= Library ==============================================================*/ + @media -moz-pref("userChrome.rounding.square_button") { + #placesToolbar > toolbarbutton, + #placesMenu > menu, + #editBookmarkPanelRows .expander-up, + #editBookmarkPanelRows .expander-down { + border-radius: 0 !important; + } + } + @media -moz-pref("userChrome.rounding.square_field") { + #searchFilter, + #detailsPane html|input, + #places input #editBMPanel_tagsSelectorRow > richlistbox { + border-radius: 0 !important; + } + } +} +/** Monospace *****************************************************************/ +@media -moz-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-pref("userChrome.icon.disabled") { + @media -moz-pref("userChrome.icon.menu") { + @-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$") + { + :root { + --uc-folder-icon: url("chrome://global/skin/icons/folder.svg"); + } + @media -moz-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 menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-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 -moz-pref("widget.macos.native-context-menus") or -moz-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) { + @media -moz-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; + } + .menu-icon { + display: unset !important; + } + #main-menubar > menu > .menu-icon { + display: none !important; + } + /* 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, + menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) + menuitem[type="checkbox"] + > .menu-icon { + margin-inline-end: 0 !important; + } + menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) + menuitem[type="checkbox"]:not([checked="true"]) + > .menu-iconic-left + > .menu-iconic-icon, + menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) + menuitem[type="checkbox"]:not([checked="true"]) + > .menu-icon { + border: none !important; + background-color: unset !important; + } + } + /* Padding - Mac */ + @media -moz-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 -moz-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("../icons/edit-active.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 -moz-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"); + } + @media -moz-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"); + } + @media -moz-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") { + @media -moz-pref("userChrome.icon.context_menu") { + button:is([role="menuitem"], [role="menuitemcheckbox"]) { + 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") { + @media -moz-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) { + @media -moz-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; + } + } + } +} /*@ DEPRECATED @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ +/** 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; + } + .translations-manage-language:first-child { + padding-block: 4px !important; + margin-bottom: 4px !important; + } + .translations-manage-language button { + min-height: var(--size-item-medium, 28px) !important; + max-height: var(--size-item-medium, 28px) !important; + } + #firefoxExperimentalCategory:not([hidden="true"]) { + display: inline-block; + } + #firefoxExperimentalCategory > label { + float: left; + } + #firefoxExperimentalCategory > hbox { + transform: translateY(5px); + } + #firefoxExperimentalCategory .description-deemphasized { + display: none; + } + #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; + } + button[data-l10n-id="addon-updates-manual-updates-found"] { + height: 100%; + } + #categories { + padding-inline-end: 1px !important; /* Original: 4px */ + } +} +@-moz-document url-prefix("about:policies") { + #categories > .category { + box-sizing: border-box; + } +} +/** 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("../icons/edit-active.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 { + width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */ + } + .top-site-outer .tile { + width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */ + height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */ + 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 */ + right: 0px !important; + width: 22px !important; + height: 22px !important; + } + .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 !important; + flex-direction: row !important; + } + .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"), + (-moz-bool-pref: "userContent.page.proton_color") and (-moz-bool-pref: "userContent.page.proton_color.system_accent") { + :root, + :host(.anonymous-content-host) { + --color-accent-primary: var(--in-content-primary-button-background) !important; + --color-accent-primary-hover: var(--in-content-primary-button-background-hover) !important; + --color-accent-primary-active: light-dark(var(--color-blue-70), var(--color-cyan-20)); + } + } + @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, + .SearchResult-note, + .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); + --color-dark-gray-10: var(--in-content-deemphasized-text) !important; + } + .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, + img:is(.pencil, .thumbsup, .syncing.icon), + #step-indicator li:not([status="done"])::before { + 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, + .nav-active, + .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, + .card-base, + .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; + } + .nav-active, + .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; + } + div[data-testid="settings-connected-service"] + svg:is( + [data-testid="mobile-icon"], + [data-testid="desktop-icon"], + [data-testid="tablet-icon"], + [data-testid="vr-icon"], + [data-testid="addon-icon"] + ), + header button svg, + header .rounded svg, + #service svg { + filter: brightness(15) !important; + } + button.relative, + #fxa-settings nav svg { + filter: brightness(2) !important; + } + /* Others */ + .border-grey-100, + .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; + } + .border-grey-100:hover, + .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 ========================================================*/ + /*= about:processes ==========================================================*/ + /*= about:processes ==========================================================*/ + /*= 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-prefix("about:preferences") { + .privacy-extra-information > .custom-option:not(:first-child) { + margin-block: 2px !important; /* Original: 10px */ + } + .extra-information-label:not(:first-child) { + margin-top: 4px !important; /* Original: 19px */ + } + } +} +@media (-moz-bool-pref: "userContent.page.proton") { + @-moz-document url-prefix("about:processes"), url-prefix("about:performance") { + td.type.favicon[style*='background-image: url("chrome://global/skin/icons/link.svg");'] + { + background-image: url("../icons/link.svg") !important; + } + .profiler-icon { + cursor: pointer; + background-image: url("../icons/performance.svg") !important; + background-repeat: no-repeat !important; + background-position: center !important; + color: inherit !important; + } + @media (-moz-bool-pref: "userContent.page.proton") and (not (-moz-bool-pref: "userChrome.rounding.square_button")) { + .profiler-icon { + border-radius: 8px !important; + } + } + } +} +@media (-moz-bool-pref: "userContent.page.proton") { + @-moz-document url-prefix("about:profiling") { + .perf-intro-icon { + background-image: url("../icons/performance.svg") !important; + } + } +} +@media (-moz-bool-pref: "userContent.page.proton") { + @-moz-document url-prefix("about:support") { + #reset-box-button { + --in-content-focus-outline-color: var(--in-content-danger-button-background) !important; + background-color: var(--in-content-danger-button-background) !important; + color: var(--in-content-primary-button-text-color) !important; + border-color: var(--in-content-primary-button-border-color) !important; + } + #reset-box-button:enabled:hover { + background-color: var(--in-content-danger-button-background-hover) !important; + color: var(--in-content-primary-button-text-color-hover) !important; + border-color: var(--in-content-primary-button-border-hover) !important; + } + #reset-box-button:enabled:hover:active { + background-color: var(--in-content-danger-button-background-active) !important; + color: var(--in-content-primary-button-text-color-active) !important; + border-color: var(--in-content-primary-button-border-active) !important; + } + } +} +@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 > :is(.menubar-text, .menu-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 > :is(.menubar-text, .menu-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("../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") { + @-moz-document url-prefix("about:"), url-prefix("chrome://"), regexp("^((jar:)?file:///).*/$") + { + :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"); + } + } + } + @-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 menuitem:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-iconic-left > .menu-iconic-icon, + menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]) > .menu-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; + } + .menu-icon { + display: unset !important; + } + #main-menubar > menu > .menu-icon { + display: none !important; + } + /* 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, + menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) + menuitem[type="checkbox"] + > .menu-icon { + margin-inline-end: 0 !important; + } + menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) + menuitem[type="checkbox"]:not([checked="true"]) + > .menu-iconic-left + > .menu-iconic-icon, + menupopup:is(#placesContext, #placesColumnsContext, #downloadsContextMenu) + menuitem[type="checkbox"]:not([checked="true"]) + > .menu-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("../icons/edit-active.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"); + } + } + } + @-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:is([role="menuitem"], [role="menuitemcheckbox"]) { + 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") { + @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/.librewolf/hibiki.default/chrome/lorekernel.userContent.css b/.librewolf/hibiki.default/chrome/lorekernel.userContent.css new file mode 100644 index 0000000..ed4b457 --- /dev/null +++ b/.librewolf/hibiki.default/chrome/lorekernel.userContent.css @@ -0,0 +1,71 @@ +/* + * Firefox users: this goes in $PROFILE_FOLDER/chrome/userContent.css + * where $PROFILE_FOLDER is platform-specific + * + * cf. http://kb.mozillazine.org/UserContent.css + * http://kb.mozillazine.org/Profile_folder_-_Firefox + * + * Users of dillo can remove the entire lines with "moz-only" + * in them and place the resulting file in ~/.dillo/style.css + */ +@-moz-document url-prefix(https://lore.kernel.org/all/) { /* moz-only */ + /* + * CC0-1.0 + * Dark color scheme using 216 web-safe colors, inspired + * somewhat by the default color scheme in mutt. + * It reduces eyestrain for me, and energy usage for all: + * https://en.wikipedia.org/wiki/Light-on-dark_color_scheme + */ + @media (prefers-color-scheme: dark) { + * { font-size: 100% !important; + font-family: monospace !important; + background:#000 !important; + color:#ccc !important } + pre { white-space: pre-wrap !important } + } + + /* + * Underlined links add visual noise which make them hard-to-read. + * Use colors to make them stand out, instead. + */ + a:link { color:#69f !important; + text-decoration:none !important } + a:visited { color:#96f !important } + + /* quoted text in emails gets a different color */ + *.q { color:#09f !important } + + /* + * these may be used with cgit , too. + * (cgit uses
, public-inbox uses ) + */ + *.add { color:#0ff !important } /* diff post-image lines */ + *.del { color:#f0f !important } /* diff pre-image lines */ + *.head { color:#fff !important } /* diff header (metainformation) */ + *.hunk { color:#c93 !important } /* diff hunk-header */ + + /* + * highlight 3.x colors (tested 3.18) for displaying blobs. + * This doesn't use most of the colors available, as I find too + * many colors overwhelming, so the default is commented out. + */ + .hl.num { color:#f30 !important } /* number */ + .hl.esc { color:#f0f !important } /* escape character */ + .hl.str { color:#f30 !important } /* string */ + .hl.ppc { color:#f0f !important } /* preprocessor */ + .hl.pps { color:#f30 !important } /* preprocessor string */ + .hl.slc { color:#09f !important } /* single-line comment */ + .hl.com { color:#09f !important } /* multi-line comment */ + /* .hl.opt { color:#ccc !important } */ /* operator */ + /* .hl.ipl { color:#ccc !important } */ /* interpolation */ + + /* keyword groups kw[a-z] */ + .hl.kwa { color:#ff0 !important } + .hl.kwb { color:#0f0 !important } + .hl.kwc { color:#ff0 !important } + /* .hl.kwd { color:#ccc !important } */ + + /* line-number (unused by public-inbox) */ + /* .hl.lin { color:#ccc !important } */ + +} /* moz-only */ diff --git a/.librewolf/hibiki.default/chrome/user.sidebar.css b/.librewolf/hibiki.default/chrome/user.sidebar.css new file mode 100644 index 0000000..a8927d1 --- /dev/null +++ b/.librewolf/hibiki.default/chrome/user.sidebar.css @@ -0,0 +1,49 @@ +/* = SIDEBAR STUFF ========================================================== */ + +/* sidebar that collapses when not hovered */ +:root { + --thin-tab-width: 28px; + --wide-tab-width: 280px; +} + +@media (-moz-bool-pref:"sidebar.revamp") { + #sidebar-box { + padding: 0 !important; + } + + #sidebar { + border-radius: 0 !important; + } +} + +/* [sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] */ +#sidebar-box { + &:not([hidden]) { + width: var(--thin-tab-width) !important; + min-width: unset !important; + z-index: 9999 !important; + border-right: 1px solid var(--chrome-content-separator-color); + background-color: var(--toolbar-bgcolor) !important; + opacity: 1 !important; + /* animate transition */ + transition: all .2s ease-in-out !important; + } + + &#sidebar { + } + + &:hover #sidebar { + width: var(--wide-tab-width) !important; + border-right: 1px solid var(--chrome-content-separator-color); + } +} + +/* hide sidebar header */ +#sidebar-header { + visibility: collapse; +} + +/* hide sidebar shadow */ +#sidebar-splitter { + display: none !important; +} diff --git a/.librewolf/hibiki.default/chrome/user.urlbar.css b/.librewolf/hibiki.default/chrome/user.urlbar.css new file mode 100644 index 0000000..2a5297c --- /dev/null +++ b/.librewolf/hibiki.default/chrome/user.urlbar.css @@ -0,0 +1,28 @@ +/* = URLBAR STUFF =========================================================== */ + +#urlbar-container { + --urlbar-container-height: 29px !important; + --urlbar-container-padding: 0 !important; + --urlbar-padding-block: 0 !important; + --urlbar-margin-inline: 0 !important; +} + +#urlbar-background { + background-color: var(--toolbar-bgcolor) !important; +} + +#urlbar[breakout][breakout-extend] { + width: var(--urlbar-width) !important; +} + +#urlbar[breakout][breakout-extend]>.urlbar-input-container { + padding-block: var(--urlbar-padding-block) !important; + padding-inline: var(--urlbar-padding-block) !important; +} + +#urlbar-results { + --urlbarView-results-padding: 2px !important; + + padding-top: 0 !important; + border-top: none !important; +} diff --git a/.librewolf/hibiki.default/chrome/userChrome.css b/.librewolf/hibiki.default/chrome/userChrome.css new file mode 100644 index 0000000..070df8f --- /dev/null +++ b/.librewolf/hibiki.default/chrome/userChrome.css @@ -0,0 +1,111 @@ +/* vim: foldmethod=marker shiftwidth=4 expandtab + */ + +@import url(lepton.userChrome.css); +@import url(csshacks.hide_tabs_toolbar_v2.css); +@import url(user.urlbar.css); +@import url(user.sidebar.css); + +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; +@namespace html "http://www.w3.org/1999/xhtml"; + +* { + font-family: monospace !important; +} + +@media (-moz-toolbar-prefers-color-scheme: dark), +(prefers-color-scheme: dark) { + :root { + --toolbar-non-lwt-bgcolor: #040405 !important; + --toolbar-bgcolor: #040405 !important; + --toolbar-color: #fffffb !important; + } +} + +:root { + --urlbar-box-bgcolor: var(--toolbar-bgcolor) !important; + --urlbar-icon-fill-opacity: 0.8 !important; + --arrowpanel-background: var(--toolbar-bgcolor) !important; + + --chrome-content-separator-color: #70649ab0 !important; +} + +/* prevent pre-load flash bang */ +.browserContainer { + background-color: var(--toolbar-bgcolor) !important; +} + +.tabbrowser tabpanels { + background-color: var(--toolbar-bgcolor) !important; +} + +#titlebar { + display: none !important; +} + +.titlebar-spacer[type="pre-tabs"], +.titlebar-spacer[type="post-tabs"] { + width: 0 !important; +} + +/* = RADIUS STUFF ========================================================== */ + +/* Makes urlbar and many other things sharper on the edges */ +:root { + --any-border-radius: 0; + --button-border-radius: var(--any-border-radius) !important; + --urlbar-border-radius: var(--any-border-radius) !important; + --urlbarview-border-radius: var(--any-border-radius) !important; + --toolbarbutton-border-radius: var(--any-border-radius) !important; + --urlbar-icon-border-radius: var(--any-border-radius) !important; + --arrowpanel-menuitem-border-radius: var(--any-border-radius) !important; + --arrowpanel-border-radius: var(--any-border-radius) !important; +} + +menupopup, +panel { + --panel-border-radius: var(--any-border-radius) !important; +} + +.dialogBox { + border-radius: var(--any-border-radius) !important; +} + +/* Hide the back and forward buttons */ +#main-window :-moz-any(#back-button, #forward-button) { + display: none !important; +} + +/* Disable statuspanel completely, remove this if you want to keep the statuspanel */ +statuspanel { + display: none !important; +} + +/* = PANEL STUFF =========================================================== */ + +:root { + /* --panel-padding: 0 !important; */ + /*removes any excess space at start/end of toolbar*/ + --toolbarbutton-outer-padding: 0 !important; + --toolbar-start-end-padding: 0 !important; + --toolbar-padding-inline: 0 !important; +} + +#TabsToolbar { + display: none !important; +} + +#nav-bar { + /*removes thin space at the top of window*/ + border-top: none !important; +} + +/*spacer cannot be removed via customize, do this instead*/ +#nav-bar toolbarspring { + min-width: 0 !important; + flex-grow: 0 !important; +} + +.titlebar-spacer { + width: 0 !important; +} diff --git a/.librewolf/hibiki.default/chrome/userContent.css b/.librewolf/hibiki.default/chrome/userContent.css new file mode 100644 index 0000000..eca26d7 --- /dev/null +++ b/.librewolf/hibiki.default/chrome/userContent.css @@ -0,0 +1,22 @@ + +@import url(lepton.userContent.css); +@import url(lorekernel.userContent.css); + +/* + dark background in new tabs without a white flash (with tridactyl newtab) + @see: https://github.com/tridactyl/tridactyl/issues/2510 +*/ +:root { + --toolbar-bgcolor: #040405 !important; +} + +/* + set the background color of the new tab page (without tridactyl or with tridactyl without newtab) +*/ +@-moz-document url("about:home"), url("about:newtab"), url("about:blank") { + @media (prefers-color-scheme: dark) { + body { + background: var(--toolbar-bgcolor); + } + } +} diff --git a/.librewolf/hibiki.default/user.js b/.librewolf/hibiki.default/user.js new file mode 100644 index 0000000..234c8b3 --- /dev/null +++ b/.librewolf/hibiki.default/user.js @@ -0,0 +1,146 @@ +// librewolf overrides +user_pref("webgl.disabled", false); +user_pref("privacy.fingerprintingProtection", true); +user_pref("privacy.fingerprintingProtection.overrides", "+AllTargets,-CSSPrefersColorScheme"); +// user_pref("privacy.resistFingerprinting", false); +// user_pref("privacy.resistFingerprinting.autoDeclineNoUserInputCanvasPrompts", false); +// user_pref("privacy.resistFingerprinting.exemptedDomains", "localhost,meet.google.com"); +user_pref("geo.provider.network.url", "https://api.positon.xyz/v1/geolocate?key=test"); +user_pref("media.peerconnection.ice.no_host", false); +user_pref("identity.fxaccounts.enabled", false); +// see: https://codeberg.org/librewolf/issues/issues/2459 +// https://codeberg.org/librewolf/issues/issues/2235 +//defaultPref("general.useragent.compatMode.firefox", true); +//defaultPref("general.useragent.override", undefined); + +user_pref("image.jxl.enable", true); +user_pref("browser.taskbarTabs.enabled", true); + +// pipewire camera +user_pref("media.webrtc.camera.allow-pipewire", true); + +// captiveportal detection +user_pref("captivedetect.canonicalURL", "https://l.gzr.im/"); +user_pref("network.captive-portal-service.enabled", true); +user_pref("network.connectivity-service.enabled", true); + +// new sidebar +// both revamp AND verticalTabs need to be set to false to avoid the new +// sidebar popping up on start +user_pref("sidebar.visibility", "hide-sidebar"); // "expand-on-hover" +user_pref("sidebar.expandOnHover", false); +user_pref("sidebar.revamp", false); +user_pref("sidebar.revamp.round-content-area", false); +user_pref("sidebar.verticalTabs", false); +user_pref("sidebar.animation.enabled", false); +user_pref("sidebar.main.tools", "aichat,syncedtabs,history"); + +// required for my custom userChrome +user_pref("extensions.webextensions.tabhide.enabled", true); +user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); + +// customize looks +user_pref("browser.display.use_document_fonts", 1); +user_pref("browser.uidensity", 1); +user_pref("browser.theme.native-theme", false); +user_pref("devtools.theme", "auto"); +user_pref("devtools.toolbox.host", "window"); +user_pref("widget.gtk.native-context-menus", false); + +// reduce motion for ui +user_pref("toolkit.cosmeticAnimations.enabled", false); +// reduce motion for web content +user_pref("ui.prefersReducedMotion", 1); + +// force dark mode via `prefers-color-scheme` media query +user_pref("browser.in-content.dark-mode", true); +// user_pref("layout.css.prefers-color-scheme.content-override", 2); // https://github.com/darkreader/darkreader/issues/7593#issuecomment-992195153 +// user_pref("ui.systemUsesDarkTheme", 2); +user_pref("widget.chrome.allow-gtk-dark-theme", false); +user_pref("widget.content.allow-gtk-dark-theme", false); + +// fix some annoyances +user_pref("browser.aboutConfig.showWarning", false); +user_pref("browser.autofocus", false); +user_pref("browser.download.alwaysOpenPanel", true); +user_pref("extensions.pocket.enabled", false); +user_pref("extensions.update.enabled", true); +user_pref("general.smoothScroll", false); +user_pref("network.standard-url.escape-utf8", false); +user_pref("pdfjs.disabled", false); +user_pref("accessibility.typeaheadfind", false); + +// force pocket off +// ref: https://www.reddit.com/r/firefox/comments/za67tu/large_huge_performance_boost_by_completely/ +user_pref("extensions.pocket.enabled", false); +user_pref("extensions.pocket.api", "0.0.0.0"); +user_pref("extensions.pocket.loggedOutVariant", ""); +user_pref("extensions.pocket.oAuthConsumerKey", ""); +user_pref("extensions.pocket.onSaveRecs", false); +user_pref("extensions.pocket.onSaveRecs.locales", ""); +user_pref("extensions.pocket.showHome", false); +user_pref("extensions.pocket.site", "0.0.0.0"); +user_pref("browser.newtabpage.activity-stream.pocketCta", ""); +user_pref("browser.newtabpage.activity-stream.section.highlights.includePocket", false); +user_pref("browser.newtabpage.activity-stream.feeds.section.topstories", false); +user_pref("services.sync.prefs.sync.browser.newtabpage.activity-stream.section.highlights.includePocket", false); +user_pref("services.sync.prefs.sync-seen.services.sync.prefs.sync.browser.newtabpage.activity-stream.section.highlights.includePocket", false); +user_pref("services.sync.prefs.sync.browser.newtabpage.activity-stream.feeds.section.topstories", false); + +// force proton +user_pref("browser.proton.enabled", true); +user_pref("browser.proton.tabs.enabled", true); +user_pref("browser.proton.appmenu.enabled", false); +user_pref("browser.proton.newtabpage.activity-stream.newNewtabExperience.enabled", true); +user_pref("browser.proton.contextmenus.enabled", true); +user_pref("browser.proton.doorhangers.enabled", true); +user_pref("browser.proton.modals.enabled", true); +user_pref("browser.proton.places-tooltip.enabled", true); +user_pref("browser.compactmode.show", true); + +user_pref("gfx.missing_fonts.notify", true); +// disable; default: 2 +// user_pref("network.http.sendRefererHeader", 0); + +// user_pref("browser.newtabpage.activity-stream.showSearch", false); +// user_pref("browser.newtabpage.activity-stream.showSponsoredTopSites", false); +// user_pref("browser.newtabpage.activity-stream.topSitesRows", 2); +// user_pref("browser.newtabpage.activity-stream.section.highlights.includePocket", +// false); +// user_pref("browser.newtabpage.activity-stream.feeds.section.topstories", false); + +// user_pref("font.name.monospace.x-western", "monospace"); +// user_pref("font.name.sans-serif.x-western", "FiraGO"); +// user_pref("font.name.serif.x-western", "Noto Serif"); +// user_pref("font.name.serif.x-western", "Rosario"); +// user_pref("font.name.sans-serif.x-western", "Noto Sans"); +// user_pref("font.name.sans-serif.ja", "Noto Sans CJK JP"); +// user_pref("font.name.serif.ja", "Noto Serif CJK JP"); +// user_pref("font.name.sans-serif.ko", "Noto Sans CJK KR"); +// user_pref("font.name.serif.ko", "Noto Serif CJK KR"); +// user_pref("font.name.sans-serif.zh-CN", "Noto Sans CJK SC"); +// user_pref("font.name.serif.zh-CN", "Noto Serif CJK SC"); + +// user_pref("gfx.webrender.all", true); +// user_pref("gfx.webrender.compositor", true); +// user_pref("gfx.webrender.compositor.force-enabled", true); +// user_pref("media.ffmpeg.dmabuf-textures.enabled", true); +// user_pref("media.ffmpeg.vaapi.enabled", true); +// user_pref("media.ffvpx.enabled", true); + +// fix broken hwaccel when fullscreen +// user_pref("widget.wayland.opaque-region.enabled", false); + +// this would disable vaapi if enabled +// see: https://utcc.utoronto.ca/~cks/space/blog/web/Firefox93MyVideoAcceleration +// user_pref("media.rdd-process.enabled", false); + +//user_pref("xpinstall.signatures.required", true); + +// disable global legacy sharing indicator +user_pref("privacy.webrtc.legacyGlobalIndicator", false); +user_pref("privacy.webrtc.globalMuteToggles", false); +user_pref("privacy.webrtc.sharedTabWarning", true); + +// setup fxaccounts +user_pref("services.sync.engine.passwords", false); diff --git a/.librewolf/hibiki.work/chrome b/.librewolf/hibiki.work/chrome new file mode 120000 index 0000000..274c29e --- /dev/null +++ b/.librewolf/hibiki.work/chrome @@ -0,0 +1 @@ +../hibiki.default/chrome \ No newline at end of file diff --git a/.librewolf/hibiki.work/user.js b/.librewolf/hibiki.work/user.js new file mode 120000 index 0000000..9a05026 --- /dev/null +++ b/.librewolf/hibiki.work/user.js @@ -0,0 +1 @@ +../hibiki.default/user.js \ No newline at end of file diff --git a/.local/share/applications/desktop-actions.desktop b/.local/share/applications/desktop-actions.desktop index f74ef69..b187953 100644 --- a/.local/share/applications/desktop-actions.desktop +++ b/.local/share/applications/desktop-actions.desktop @@ -4,7 +4,7 @@ Name=Actions Exec=true Terminal=false Type=Application -Actions=play-music-shuffle;play-music-select;play-music-skip;screenrec-start;screenrec-stop; +Actions=play-music-shuffle;play-music-select;play-music-playlists;play-music-skip;screenrec-start;screenrec-stop; [Desktop Action play-music-shuffle] Icon=play-music @@ -16,6 +16,11 @@ Icon=play-music Name=play-music select Exec=play-music select +[Desktop Action play-music-playlists] +Icon=play-music +Name=play-music playlists +Exec=play-music playlists + [Desktop Action play-music-skip] Icon=play-music Name=play-music skip diff --git a/.profile b/.profile new file mode 100644 index 0000000..cb1181c --- /dev/null +++ b/.profile @@ -0,0 +1,63 @@ +#!/bin/sh + +# path +export PATH=${PATH}:${HOME}/bin:${HOME}/.local/bin + +# set sessions vars +export XDG_SESSION_TYPE=wayland +export XDG_SESSION_DESKTOP=river +export XDG_CURRENT_DESKTOP=river + +# wlroots config +export WLR_RENDERER=vulkan + +# xcursor +export XCURSOR_SIZE=16 +export XCURSOR_THEME=Adwaita + +# set misc wayland vars +export MOZ_ENABLE_WAYLAND=1 +export QT_QPA_PLATFORM=wayland +export SDL_VIDEODRIVER=wayland +export _JAVA_AWT_WM_NONREPARENTING=1 + +# session bus address, check /etc/user/init.d/dbus +export DBUS_SESSION_BUS_ADDRESS=unix:path=${XDG_RUNTIME_DIR}/bus + +# xdg base dirs +export XDG_DATA_HOME=$HOME/.local/share +export XDG_STATE_HOME=$HOME/.local/state +export XDG_CONFIG_HOME=$HOME/.config +export XDG_CACHE_HOME=$HOME/.cache + +# xdg user dirs +while read -r decl; do + eval "export $decl" +done <$XDG_CONFIG_HOME/user-dirs.dirs + +# im +# export XMODIFIERS='@im=ibus' +# export GTK_IM_MODULE=ibus +# export QT_IM_MODULE=ibus +# export QT_IM_MODULES='wayland;ibus' # qt6.7 +# export XMODIFIERS='@im=ibus' +export GTK_IM_MODULE=wayland +export QT_IM_MODULE=wayland +export QT_IM_MODULES='wayland' # qt6.7 + +# ssh +export SSH_AUTH_SOCK=$XDG_RUNTIME_DIR/rbw/ssh-agent-socket + +# mesa/mpv +export ANV_DEBUG=video-decode + +# misc +export GOPATH=$XDG_DATA_HOME/go +export CARGO_HOME=$XDG_DATA_HOME/cargo +export MSMTPQ_LOG=$XDG_STATE_HOME/msmtpq.log +export OLLAMA_HOST=kiso +export npm_config_cache=$XDG_DATA_HOME/npm + +# zk +export ZK_NOTEBOOK_DIR=$HOME/zettelkasten +export PATH=$PATH:$HOME/zettelkasten/bin diff --git a/bin/2av1 b/bin/2av1 index 19ace0b..287323a 100755 --- a/bin/2av1 +++ b/bin/2av1 @@ -3,8 +3,13 @@ set -eu [ -n "${DEBUG:-}" ] && set -x [ -z "${DEBUG:-}" ] && export SVT_LOG=1 -BITRATE=${BITRATE:-128000} -EXT=${EXT:-webm} +: ${KEEP:=} +: ${OUTDIR:=} +: ${BITRATE:=128k} +: ${EXT:=webm} + +# expand +BITRATE=${BITRATE%k*}000 case "${VCODEC:-av1}" in vp9) vcodec_args=(-c:v libvpx-vp9 -crf "${CRF:-31}" -b:v 0) ;; @@ -76,6 +81,10 @@ for f in "$@"; do awk -v fs="$in_size" -v os="$out_size" \ 'BEGIN{p=((100/fs) * (fs-os)); printf("♻️ %.2f%% reduction\n", p);}' + if [ -n "$KEEP" ]; then + return + fi + if [ $in_size -gt $out_size ]; then trash-put -v "${f}" else diff --git a/bin/audm b/bin/audm index 58a5a91..33abb34 100755 --- a/bin/audm +++ b/bin/audm @@ -17,7 +17,9 @@ main() { source=$(inspect_node '@DEFAULT_SOURCE@' | awk -F\\t '{print $2}') fuzl_action_add 'change_source' "󰍰" "$source" - fuzl_action_add 'change_profile' "󰔡" "Change profile" + fuzl_action_add 'change_profile' "󱟲" "Change profile" + + fuzl_action_add 'mixsource' "󱡫" "Mix source into sink" fuzl_action_menu || exit 1 } @@ -67,11 +69,11 @@ audm_change_profile() { device=$(pw-dump | jq -rc --arg class "Audio/Device" \ '.[]|select((.info.props["media.class"]//"")|test($class))|.info.props|[.["object.id"],.["device.description"],.["device.nick"]]|join("\t")' | - FUZL_PROMPT='device' fuzl_menu $FUZL_MENU_FILTER --with-nth='{2} {3}' --accept-nth='{1}\t{2}') + FUZL_PROMPT='device' fuzl_menu $FUZL_MENU_FILTER --with-nth='{2} {3}') test -n "$device" || main - did=$(printf %s "$device" | awk -F\\t '{print $1}') - dname=$(printf %s "$device" | awk -F\\t '{print $2}') + did=$(awk -F\\t '{print $1}' <<<"$device") + dname=$(awk -F\\t '{print $2}' <<<"$device") profile=$(pw-dump | jq -r --argjson did "$did" \ '.[]|select(.id==$did)|.info.params.EnumProfile[]|[.index,.description]|join("\t")' | @@ -81,4 +83,25 @@ audm_change_profile() { fuzl_try -- wpctl set-profile "$did" "$profile" } +audm_mixsource() { + sink=$(inspect_node '@DEFAULT_SINK@' | awk -F\\t '{print $1}') + sink_json=$(pw-dump -R "$sink" | jq -rc --argjson id "$sink" '.[]|select(.id==$id)') + sink_node=$(jq -rc '.info.props["node.name"]' <<<$sink_json) + sink_ports=$(jq -r '.info.params.PortConfig[]|select(.direction=="Input")|.format.position[]' <<<$sink_json) + + source=$(inspect_node '@DEFAULT_SOURCE@' | awk -F\\t '{print $1}') + source_json=$(pw-dump -R "$source" | jq -rc --argjson id "$source" '.[]|select(.id==$id)') + source_node=$(jq -rc '.info.props["node.name"]' <<<$source_json) + source_ports=$(jq -rc '.info.params.PortConfig[]|select(.direction=="Output")|.format.position[]' <<<$source_json) + + for source_port in $source_ports; do + for sink_port in $sink_ports; do + ( + pw-link --passive "$source_node":capture_"$source_port" "$sink_node":playback_"$sink_port" || + pw-link --disconnect "$source_node":capture_"$source_port" "$sink_node":playback_"$sink_port" + ) & + done + done +} + main diff --git a/bin/blum b/bin/blum index 19c2aef..6f65f55 100755 --- a/bin/blum +++ b/bin/blum @@ -13,7 +13,8 @@ main() { if ! bt_enabled; then fuzl_action_add "enable" "󰷗" "Enable Bluetooth" else - connected=$(bt_devices Connected | bt_devices_getname) + # XXX: handle multiple + connected=$(bt_devices Connected | tail -1 | bt_devices_getname) if [ -n "$connected" ]; then fuzl_action_add "disconnect" "󰂱" "Connected to $connected" fi @@ -35,7 +36,6 @@ bt_devices() { echo "devices" "${1:-}" | bluetoothctl | awk '/^Device /{match($0, /[0-9A-F:]{17}/); mac=substr($0,RSTART,RLENGTH); name=substr($0,RSTART+RLENGTH+1); print mac "\t" name}' } - bt_devices_getmac() { awk -F '\t' '{print $1}' } @@ -44,19 +44,40 @@ bt_devices_getname() { awk -F '\t' '{print $2}' } +amagiri_mac='3C:38:F4:5D:3D:49' +bt_tether_amagiri_connected() { + nmcli device show "$amagiri_mac" | + grep -i '^general.state' | + grep -q 'connected' +} +bt_tether_amagiri_up() { + echo "connect" "$amagiri_mac" | + fuzl_try -- bluetoothctl + fuzl_try -- nmcli device connect "$amagiri_mac" + fuzl_try -- nmcli radio wifi off + fuzl_notification "tethered" "amagiri" +} +bt_tether_amagiri_down() { + fuzl_try -- nmcli device disconnect "$amagiri_mac" + echo "disconnect" "$amagiri_mac" | + fuzl_try -- bluetoothctl + fuzl_try -- nmcli radio wifi on + fuzl_notification "untethered" "amagiri" +} + # # actions # blum_enable() { fuzl_try -- doas -n rc-service bluetooth start - fuzl_notification "enabled" "-" + fuzl_notification "enabled" "service started" main } blum_disable() { fuzl_try -- doas -n rc-service bluetooth stop - fuzl_notification "disabled" "-" + fuzl_notification "disabled" "service stopped" } blum_disconnect() { @@ -89,12 +110,11 @@ blum_repl() { } blum_tether_amagiri() { - local amagiri_mac='3C:38:F4:5D:3D:49' - local amagiri_net='e4e75ff7-b907-43b7-98b7-e0bf94a56d08' - echo "connect" "$amagiri_mac" | fuzl_try -- bluetoothctl - fuzl_notification "connected" "amagiri" - fuzl_try -- nmcli connection up "$amagiri_net" - fuzl_notification "network up" "amagiri" + if ! bt_tether_amagiri_connected; then + bt_tether_amagiri_up + else + bt_tether_amagiri_down + fi } main diff --git a/bin/dots b/bin/dots index 7076ece..c455f58 100755 --- a/bin/dots +++ b/bin/dots @@ -7,7 +7,7 @@ git) exec /usr/bin/git --git-dir=$HOME/.dotfiles --work-tree=$HOME $* ;; st | status) - exec $0 git status -sb --untracked-files=no + exec $0 git status -sb --untracked-files=yes ;; add) shift @@ -29,4 +29,12 @@ untracked) shift exec $0 git ls-files -o $* ;; +edit) + $0 git ls-files --full-name $HOME | + fzf --layout=reverse --height='~60%' \ + --bind=enter:replace-query+become:"nvim $HOME/{q}" + ;; +*) + echo "dots has its own subcommands, if you want git, run dots git [git command]" + ;; esac diff --git a/bin/genup b/bin/genup index c759a10..ad8d621 100755 --- a/bin/genup +++ b/bin/genup @@ -68,7 +68,7 @@ ebegin updating @world ebegin updating unstable [ -n "${dolive:-}" ] && - _ emerge -a1 --keep-going @live-rebuild && + _ emerge -a1 --keep-going "$@" $eargs @live-rebuild && eend ebegin depcleaning @@ -85,7 +85,7 @@ ebegin updating @preserved-rebuild ebegin updating flatpaks [ -x "$(command -v flatpak)" ] && [ -n "${doflatpak:-}" ] && - _ flatpak upgrade && - _ flatpak uninstall --unused && - _ flatpak repair && + _ doas -u robert flatpak upgrade && + _ doas -u robert flatpak uninstall --unused && + _ doas -u robert flatpak repair && eend diff --git a/bin/git-sync b/bin/git-sync index b18c94d..9a41c5c 100755 --- a/bin/git-sync +++ b/bin/git-sync @@ -2,37 +2,45 @@ set -eu [ -n "${DEBUG:-}" ] && set -x -# use cli arg -base_branch=${1:-} +sync() { + local this_branch="${1:?}" + local base_branch="" + local upstream="" -# detect base branch (when git-new was used) -[ -n "$base_branch" ] || base_branch=$(git symbolic-ref --short refs/bases/"$(git symbolic-ref --short HEAD)" 2>/dev/null || :) + # detect base branch (when git-new was used) + [ -n "$base_branch" ] || base_branch=$(git symbolic-ref --short refs/baseof/"$this_branch" 2>/dev/null || :) -# detect trunk via origin/HEAD -[ -n "$base_branch" ] || base_branch=$(git symbolic-ref --short refs/remotes/origin/HEAD 2>/dev/null || :) + # recursive + [ -n "$base_branch" ] && sync "$base_branch" && git switch "$this_branch" -# fallback to base branch => current branch -[ -n "$base_branch" ] || base_branch=$(git symbolic-ref --short HEAD 2>/dev/null || :) + # detect trunk via origin/HEAD + [ -n "$base_branch" ] || base_branch=$(git symbolic-ref --short refs/remotes/origin/HEAD 2>/dev/null || :) -# resolve upstream -if [[ "$base_branch" = "origin/"* ]]; then - upstream=$base_branch -else - upstream=$(git rev-parse --abbrev-ref --symbolic-full-name "$base_branch"'@{u}') -fi + # fallback to base branch == current branch + [ -n "$base_branch" ] || base_branch=$this_branch -[ -n "${base_branch:?}" ] || exit 1 -[ -n "${upstream:?}" ] || exit 1 + # resolve upstream + if [[ "$base_branch" != "origin/"* ]]; then + upstream=$(git rev-parse --abbrev-ref --symbolic-full-name "$base_branch"'@{u}') + else + upstream=origin + fi -echo "Syncing with $upstream (base: $base_branch)" + echo "Syncing $this_branch with $base_branch from $upstream" -# fetch upstream -git fetch ${upstream/\// } + [ -n "${base_branch:?}" ] || exit 1 + [ -n "${upstream:?}" ] || exit 1 -# check if base and upstream have diverged -if ! git diff --quiet "$upstream" "$base_branch"; then - git diff --stat "$upstream" "$base_branch" -fi + # fetch upstream + git fetch ${upstream/\// } -# rebase -git rebase --interactive "$upstream" + # check if base and upstream have diverged + if ! git diff --quiet "$upstream" "$base_branch"; then + git diff --stat "$upstream" "$base_branch" + fi + + # rebase + git rebase --interactive "$upstream" "$this_branch" +} + +sync "$(git symbolic-ref --short HEAD)" diff --git a/bin/libfuzl.sh b/bin/libfuzl.sh index a28c861..c53a71f 100644 --- a/bin/libfuzl.sh +++ b/bin/libfuzl.sh @@ -4,9 +4,12 @@ set -eu +# TODO: use custom-1 somehow + # pick up configuration FUZL_PROMPT=${FUZL_PROMPT:-fuzl} FUZL_ICON=${FUZL_ICON:-󰈲} +FUZL_CLI_ARGS=${FUZL_CLI_ARGS:-$@} fuzl_try() { [ "$1" == "--" ] && shift 1 @@ -89,6 +92,11 @@ fuzl_loading_cancel() { FUZL_ACTIONS=() +fuzl_action_reset() { + # reset actions + FUZL_ACTIONS=() +} + fuzl_action_add() { local action="${1:?}" icon="${2:?}" shift 2 @@ -97,17 +105,36 @@ fuzl_action_add() { FUZL_ACTIONS+=("${action}\t${icon}\t${*}") } +fuzl_action_help() { + echo "usage: $FUZL_PROMPT [action]" + echo + for action in "${FUZL_ACTIONS[@]}"; do + echo -e " $action" + done + echo + exit 0 +} + fuzl_action_menu() { local action - action=$(printf '%s\n' "${FUZL_ACTIONS[@]}" | - FUZL_PROMPT="$FUZL_PROMPT: $*" fuzl_menu $FUZL_MENU_FILTER --with-nth='{2} {3..}' --accept-nth=1) + # only actually ask if action wasn't provided on cli + action=${FUZL_CLI_ARGS} + if [[ "$action" == "--help" ]]; then + fuzl_action_help + fi + if test -z "$action"; then + action=$(printf '%s\n' "${FUZL_ACTIONS[@]}" | + FUZL_PROMPT="$FUZL_PROMPT: $*" fuzl_menu $FUZL_MENU_FILTER --with-nth='{2} {3..}' --accept-nth=1) + fi - # reset actions - FUZL_ACTIONS=() + fuzl_action_reset - test -n "$action" || return - eval "${FUZL_PROMPT}_${action}" "'$*'" + if declare -f "${FUZL_PROMPT}_${action}" >/dev/null; then + eval "${FUZL_PROMPT}_${action}" "'$*'" + else + return 1 + fi } # setup common debug helper diff --git a/bin/netm b/bin/netm index fab7e95..0ea9d2e 100755 --- a/bin/netm +++ b/bin/netm @@ -1327,39 +1327,12 @@ show_qrcode() { fi local qr_string="WIFI:T:${security};S:${ssid};P:${password};;" - local qr_file="/tmp/hyprltm-net-qr-${ssid}.png" - show_loading_notification "$tr_qrcode_generating" - qrencode -o "$qr_file" -s 10 -m 2 "$qr_string" - kill_loading_notification - - # Display QR code inside Rofi - # -i: Enable icons - # -theme-str: Override theme to show large icon and no text input - # Display QR code inside Rofi - # -i: Enable icons - # -show-icons: Required to show icons in dmenu mode - # -theme-str: Override theme to show large icon and no text input - - # We use the successful configuration from the test script - local rofi_override=" - window { width: 500px; } - listview { lines: 1; scrollbar: false; } - element { orientation: vertical; padding: 20px; children: [ element-icon, element-text ]; } - element-icon { enabled: true; size: 300px; horizontal-align: 0.5; } - element-text { horizontal-align: 0.5; } - entry { enabled: false; } - inputbar { enabled: false; } - " - - # We pass an entry with the icon set to the QR file path - # Format: Valid Text \0icon\x1f/path/to/image.png - # We use "Scan to Connect" as the text under the QR code - echo -e "Scan to Connect\0icon\x1f${qr_file}" | - fuzzel --dmenu -i -show-icons -p "$tr_qrcode_message" - - # Cleanup after Rofi closes - rm -f "$qr_file" 2>/dev/null + { + echo "" # spacer + qrencode -t UTF8i -s 10 -m 2 "$qr_string" + } | + display_menu 4 "Scan to connect..." "" '-l 18' } # Get password for a known Wi-Fi connection diff --git a/bin/pasm b/bin/pasm index 7555167..60c0394 100755 --- a/bin/pasm +++ b/bin/pasm @@ -16,12 +16,33 @@ main() { local eid eid=$(rbw_select_entry) + case "$eid" in + cards) + eid=$(rbw list --raw | + jq -r '.[]|select(.type=="Card")|"\(.id)\t\(.name)"' | + fuzl_menu $FUZL_MENU_FILTER --with-nth=2 --accept-nth=1) - fuzl_action_add "copy" "󰀄" "copy username/password" - rbw_has_totp "$eid" && fuzl_action_add "totp" "󰎃" "copy totp code" - fuzl_action_add "url" "󰌹" "copy url" + fuzl_action_add "raw" "󱃖" "view json" + fuzl_action_menu "$eid" || exit 1 + ;; + identities) + eid=$(rbw list --raw | + jq -r '.[]|select(.type=="Identity")|"\(.id)\t\(.name)"' | + fuzl_menu $FUZL_MENU_FILTER --with-nth=2 --accept-nth=1) + + fuzl_action_add "raw" "󱃖" "view json" + fuzl_action_menu "$eid" || exit 1 + ;; + *) + fuzl_action_add "copy" "󰀄" "copy username/password" + rbw_has_totp "$eid" && fuzl_action_add "totp" "󰎃" "copy totp code" + fuzl_action_add "url" "󰌹" "copy url" + fuzl_action_add "raw" "󱃖" "view json" + + fuzl_action_menu "$eid" || exit 1 + ;; + esac - fuzl_action_menu "$eid" || exit 1 } # @@ -29,9 +50,15 @@ main() { # rbw_select_entry() { - rbw list --raw | - jq -r '.[] | select(.type=="Login") | [.id,.name,.user,(.uris[0]//"-")]|join("%")' | - awk -F% '{print $1 "\t" ($2 " →") "\t" ("󰀄 " $3) "\t" ("󰌹 " $4)}' | + ( + rbw list --raw | + jq -r '.[] | select(.type=="Login") | [.id,.name,.user,(.uris[0]//"-")]|join("%")' | + awk -F% '{print $1 "\t" ($2 " →") "\t" ("󰀄 " $3) "\t" ("󰌹 " $4)}' + printf 'cards\t~> C\tcards\n' + printf 'identities\t~> I\tidentities\n' + printf 'keys\t~> K\tkeys\n' + printf 'notes\t~> N\tnotes\n' + ) | fuzl_menu $FUZL_MENU_FILTER --with-nth='{2} {3..}' --accept-nth=1 -w 80 } @@ -68,4 +95,11 @@ pasm_url() { fuzl_notification "$(rbw_entry "$eid")" "copied url to clipboard" } +pasm_raw() { + local eid=${1:?missing eid} + local tmpfile="/tmp/$(printf '%s' "$eid" | sha1sum | cut -d\ -f1).json" + fuzl_try -- rbw get --raw "$eid" >"$tmpfile" + fuzl_try -- urlopen open "$tmpfile" +} + main diff --git a/bin/play-mpv b/bin/play-mpv index 21f20c6..bb85c02 100755 --- a/bin/play-mpv +++ b/bin/play-mpv @@ -35,15 +35,9 @@ import sys from collections.abc import Iterable from typing import BinaryIO -from itertools import tee def notify(files: Iterable[str]) -> None: - for f in files: - subprocess.Popen([ - 'fyi', - 'play-mpv', - f, - ], start_new_session=True) + for f in files: subprocess.Popen(['fyi', 'play-mpv', f], start_new_session=True) def is_url(filename: str) -> bool: parts = filename.split("://", 1) @@ -67,25 +61,22 @@ def get_socket_path() -> str: "Ensure that one of the following environment variables is set: " "UMPV_SOCKET_DIR, XDG_RUNTIME_DIR, HOME or TMPDIR.") - return os.path.join(base_dir, ".umpv") + sockid = "0" + return os.path.join(base_dir, "umpv-" + os.getenv("SOCKID", sockid)) def send_files_to_mpv(conn: socket.socket | BinaryIO, files: Iterable[str]) -> None: - notify(tee(files)[0]) - try: send = conn.send if isinstance(conn, socket.socket) else conn.write for f in files: f = f.replace("\\", "\\\\").replace('"', '\\"').replace("\n", "\\n") - send(f'raw loadfile "{f}" append-play\n'.encode()) + opt = os.getenv("LOADFILE", "append-play") + send(f'raw loadfile "{f}" {opt}\n'.encode()) except Exception: print("mpv is terminating or the connection was lost.", file=sys.stderr) sys.exit(1) def start_mpv(files: Iterable[str], socket_path: str) -> None: - [files, files_copy] = tee(files, 2) - notify(files_copy) - mpv = "mpv" mpv_command = shlex.split(os.getenv("MPV", mpv)) mpv_command.extend([ @@ -94,13 +85,14 @@ def start_mpv(files: Iterable[str], socket_path: str) -> None: "--", ]) mpv_command.extend(files) - print(mpv_command) - # subprocess.Popen(mpv_command, start_new_session=True) + subprocess.Popen(mpv_command, start_new_session=True) def main() -> None: - files = (os.path.abspath(f) if not is_url(f) else f for f in sys.argv[1:]) + files = list(os.path.abspath(f) if not is_url(f) else f for f in sys.argv[1:]) socket_path = get_socket_path() + os.getenv("NONOTIFY") or notify(files) + try: with socket.socket(socket.AF_UNIX) as sock: sock.connect(socket_path) diff --git a/bin/play-music b/bin/play-music index 14e91f1..554d93f 100755 --- a/bin/play-music +++ b/bin/play-music @@ -20,4 +20,13 @@ select) subdir=$(find . -type d -printf "%P\n" | shuf | fuzzel -d -w 80) mpa "$subdir" ;; +playlists) + cd $music_dir + playlist=$(find . -maxdepth 1 -name '*.m3u' -printf "%P\n" | shuf | fuzzel -d -w 80) + mpa "$playlist" + ;; +*) + shift + mpa "$@" + ;; esac diff --git a/bin/screenrec b/bin/screenrec index 5324ead..3b221c5 100755 --- a/bin/screenrec +++ b/bin/screenrec @@ -1,5 +1,6 @@ #!/bin/sh set -eu +[ -n "${DEBUG:-}" ] && set -x update_waybar() { sleep .5 diff --git a/bin/svcm b/bin/svcm index b7daf39..1c818fe 100755 --- a/bin/svcm +++ b/bin/svcm @@ -37,6 +37,7 @@ select_service() { return fi + fuzl_action_reset fuzl_action_add "restart" "󰜉" "Restart" fuzl_action_add "start" "󰈸" "Start" fuzl_action_add "stop" "" "Stop" diff --git a/bin/todo b/bin/todo index 7436779..51f60c0 100755 --- a/bin/todo +++ b/bin/todo @@ -52,9 +52,9 @@ function link(uri) { // support todotxt files if (filename() == "todo.txt") { status = "TODO" - if ($1 ~ /^x/) { + if ($1 == "x") { status = "DONE" - $0 = gensub(/^[x] /, "", "1") + $0 = gensub(/^x /, "", "1") $0 = strike($0) } @@ -66,7 +66,7 @@ function link(uri) { } // support TODO files - if ($1 ~ /^(-|*)/) { + if ($1 == "*" || $1 == "-") { // detect status strings match($0, /\s(TODO|WIP|WAITING|DONE)\s/, arr) diff --git a/bin/urlopen b/bin/urlopen index 2b0479c..0f2e6dd 100755 --- a/bin/urlopen +++ b/bin/urlopen @@ -14,7 +14,7 @@ main() { fuzl_action_add "ask" "󰮫" "ask" fuzl_action_add "clipboard" "󰅌" "clipboard" fuzl_action_add "primary" "󱊁" "primary" - fuzl_action_menu "$(get_text "$*")" + fuzl_action_menu "$(get_text "$*")" || open_default "$(get_text "$*")" ;; 2) local action @@ -30,6 +30,8 @@ main() { # helpers # +DEFAULT_BROWSER=librewolf.desktop + get_text() { local text="$*" [ -z "$text" ] && read -r text @@ -40,25 +42,30 @@ get_mimetype() { local text=${1:?missing url} case "$text" in http*) printf %s 'x-scheme-handler/http' ;; - *) file -bdE --mime-type "$text" ;; + *) xdg-mime query filetype "$text" 2>/dev/null || file -bE --mime-type "$text" ;; + esac +} +get_x-scheme-handler_override() { + case "$1" in + slack.com) printf %s 'workfox.desktop' ;; + *) return 1 ;; esac } open_default() { local text=${1:?missing url} local application case "$(get_mimetype "$text")" in - x-scheme-handler/http*) application=librewolf ;; + x-scheme-handler/http*) application=$DEFAULT_BROWSER ;; esac - case "$text" in - *linear.app*) application=linear ;; - *) application=librewolf ;; - esac - if [ -z "$application" ]; then - gio open "$text" - else - desktop_file=$(rg -Lil -e "$application" -- /usr/share/applications/ /var/lib/flatpak/exports/share/applications/ ~/.local/share/applications/ | tail -1) - gio launch "$desktop_file" "$text" + application_override=$(get_x-scheme-handler_override "$text" || :) + if [ -n "${application_override}" ]; then + application=$application_override + fi + if [ -n "${application:-}" ]; then + desktop_file=$(rg -Lil -g "$application" . -- /usr/share/applications/ /var/lib/flatpak/exports/share/applications/ ~/.local/share/applications/ | head -1) + exec gio launch "$desktop_file" "$text" fi + exec gio open "$text" } # # actions diff --git a/bin/vpnm b/bin/vpnm index f09b41a..0fe1224 100755 --- a/bin/vpnm +++ b/bin/vpnm @@ -12,9 +12,17 @@ main() { local conn conn=$(get_current_connection) - [ -n "$conn" ] && fuzl_action_add "down" "󰦝" "Connected to $conn" + [ -n "$conn" ] && fuzl_action_add "exitnode_down" "󰦝" "Connected to $conn" fuzl_action_add "networks" "󰾰" "Available networks" - fuzl_action_add "profile" "󱗼" "Switch profile" + + profile=$(ts_profile_current) + fuzl_action_add "profile" "󱗼" "Profile: $profile" + + if ts_state; then + fuzl_action_add "down" "" "Disable tailscale" + else + fuzl_action_add "up" "" "Enable tailscale" + fi fuzl_action_menu || return } @@ -23,6 +31,23 @@ main() { # helpers # +ts_state() { + tailscale wait --timeout=1s +} +ts_profile_list() { + fuzl_try -- tailscale switch --list --json +} +ts_profile_current() { + ts_profile_list | jq -rc '.[]|select(.selected)|.nickname' +} +ts_profile_switch() { + local profile=${1?} + fuzl_try -- tailscale switch "$profile" + sleep 2 + fuzl_try -- pkill -SIGRTMIN+2 waybar + +} + get_emoji_flag() { code= # TODO: calc flag @@ -68,18 +93,17 @@ get_vpn_connections() { get_current_connection() { tailscale exit-node list | grep -e selected | - grep -v -e Any | ( - awk '/.tail2d6ce.ts.net/{print $2, $1}' - awk -F '[ ]{2,}' '/.mullvad.ts.net/{print $2, $1, ($3 "/" $4)}' - ) | while read -r conn ip location; do - printf '%s' "$(get_emoji_flag "$conn")" - printf ' ' - if grep -q 'mullvad.ts.net' <<<"$conn"; then - printf '%s' "$location" - else - printf '%s' "$conn" - fi - done + grep -v -e Any | + awk -F '[ ]{2,}' '/.mullvad.ts.net/{print $2, $1, ($3 "/" $4)} /.tail2d6ce.ts.net/{print $2, $1}' | + while read -r conn ip location; do + printf '%s' "$(get_emoji_flag "$conn")" + printf ' ' + if grep -q 'mullvad.ts.net' <<<"$conn"; then + printf '%s' "$location" + else + printf '%s' "$conn" + fi + done } vpnup() { @@ -96,7 +120,7 @@ vpndown() { # actions # -vpnm_down() { +vpnm_exitnode_down() { fuzl_try -- vpndown } @@ -110,15 +134,21 @@ vpnm_networks() { } vpnm_profile() { - profile=$(tailscale switch --list 2>/dev/null | - tail -n+2 | - awk '{printf "%s\t%s\n", $3, $2}' | - fuzl_menu $FUZL_MENU_FILTER --accept-nth=1) + profile=$( + ts_profile_list | + jq -rc '.[]|"\(.nickname)\t\(.tailnet)\t\(if .selected then "*" else "" end)"' | + fuzl_menu $FUZL_MENU_FILTER --accept-nth=1 + ) [ -n "$profile" ] || main - fuzl_try -- tailscale switch "$profile" - sleep 2 - fuzl_try -- pkill -SIGRTMIN+2 waybar + ts_profile_switch "$profile" +} + +vpnm_up() { + fuzl_try -- tailscale up +} +vpnm_down() { + fuzl_try -- tailscale down } main -- cgit 1.4.1