From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sun, 7 Apr 2024 19:32:43 +0200 Subject: Adding upstream version 1:115.7.0. Signed-off-by: Daniel Baumann --- browser/themes/shared/ctrlTab.css | 123 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 123 insertions(+) create mode 100644 browser/themes/shared/ctrlTab.css (limited to 'browser/themes/shared/ctrlTab.css') diff --git a/browser/themes/shared/ctrlTab.css b/browser/themes/shared/ctrlTab.css new file mode 100644 index 0000000000..645467864d --- /dev/null +++ b/browser/themes/shared/ctrlTab.css @@ -0,0 +1,123 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* Ctrl-Tab */ + +#ctrlTab-panel { + appearance: none; + --panel-background: hsla(0,0%,40%,.85); + --panel-color: white; + --panel-border-color: transparent; + --panel-padding: 20px 10px 10px; +} + +@media (-moz-platform: macos) { + #ctrlTab-panel { + -moz-window-shadow: none; + } +} + +@media not (-moz-platform: macos) { + #ctrlTab-panel { + font-weight: bold; + } +} + +.ctrlTab-preview, +#ctrlTab-showAll { + appearance: none; + color: inherit; + /* remove the :-moz-focusring outline from button.css on Windows */ + outline: none !important; + margin: 0; + text-shadow: 0 0 1px hsl(0,0%,12%), 0 0 2px hsl(0,0%,12%); + border: none; + background-color: transparent; +} + +.ctrlTab-preview > .button-box { + display: none; +} + +.ctrlTab-canvas > html|img, +.ctrlTab-canvas > html|canvas { + min-width: inherit; + max-width: inherit; + min-height: inherit; + max-height: inherit; +} + +.ctrlTab-favicon-container { + position: relative; + justify-content: flex-end; +} + +.ctrlTab-favicon[src] { + width: 42px; + height: 42px; + margin-top: -44px; + margin-bottom: 2px; + margin-inline-end: -6px; + padding: 5px; + background-color: #F9F9FA; + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); +} + +.ctrlTab-canvas { + color-scheme: light; + background-color: Canvas; + color: CanvasText; + box-shadow: 1px 1px 2px hsl(0,0%,12%); + margin-bottom: 8px; +} + +@media (-moz-content-prefers-color-scheme: dark) { + .ctrlTab-canvas { + /* Make the blank canvas match the default content background. */ + color-scheme: dark; + } +} + +.ctrlTab-preview:not([hidden]) .ctrlTab-canvas:empty::before { + content: ""; + display: block; + width: 100%; + height: 100%; + background: url("chrome://global/skin/icons/defaultFavicon.svg") center/20% no-repeat; + -moz-context-properties: fill; + fill: currentColor; + filter: drop-shadow(0 0 2px hsla(0,0%,0%,0.5)); +} + +.ctrlTab-preview-inner, +#ctrlTab-showAll { + padding: 8px; + border: 2px solid transparent; + border-radius: .5em; +} + +.ctrlTab-preview-inner { + margin-top: -10px; +} + +#ctrlTab-showAll { + background-color: rgba(255,255,255,.2); + margin-top: .5em; +} + +.ctrlTab-preview:focus > .ctrlTab-preview-inner, +#ctrlTab-showAll:focus { + background-color: rgba(0,0,0,.75); + text-shadow: none; + border-color: #45a1ff; +} + +.ctrlTab-label { + flex: 1; + justify-content: center; + contain: inline-size; +} -- cgit v1.2.3