From f9cab004186edb425a9b88ad649726605080a17c Mon Sep 17 00:00:00 2001 From: Thomas Groman Date: Mon, 20 Apr 2020 20:49:37 -0700 Subject: move browser to webbrowser/ --- webbrowser/themes/shared/browser.inc | 8 + webbrowser/themes/shared/newtab/controls.png | Bin 0 -> 4180 bytes webbrowser/themes/shared/newtab/newTab.css.inc | 203 +++++++++++++++++++++ webbrowser/themes/shared/newtab/noise.png | Bin 0 -> 2118 bytes webbrowser/themes/shared/newtab/pinned.png | Bin 0 -> 307 bytes webbrowser/themes/shared/plugin-doorhanger.inc.css | 53 ++++++ .../shared/plugins/notification-pluginAlert.png | Bin 0 -> 648 bytes .../shared/plugins/notification-pluginAlert@2x.png | Bin 0 -> 1189 bytes .../shared/plugins/notification-pluginBlocked.png | Bin 0 -> 968 bytes .../plugins/notification-pluginBlocked@2x.png | Bin 0 -> 2067 bytes .../shared/plugins/notification-pluginNormal.png | Bin 0 -> 340 bytes .../plugins/notification-pluginNormal@2x.png | Bin 0 -> 469 bytes webbrowser/themes/shared/statusbar/dynamic.css | 25 +++ webbrowser/themes/shared/statusbar/overlay.css | 169 +++++++++++++++++ webbrowser/themes/shared/statusbar/pms16.png | Bin 0 -> 604 bytes webbrowser/themes/shared/statusbar/pms24.png | Bin 0 -> 774 bytes webbrowser/themes/shared/statusbar/prefs.css | 38 ++++ webbrowser/themes/shared/statusbar/pulse.png | Bin 0 -> 2775 bytes .../themes/shared/statusbar/throbber-idle.png | Bin 0 -> 713 bytes .../themes/shared/statusbar/throbberStatic.png | Bin 0 -> 1736 bytes .../themes/shared/tabbrowser/tab-audio-small.svg | 58 ++++++ webbrowser/themes/shared/tabbrowser/tab-audio.svg | 18 ++ 22 files changed, 572 insertions(+) create mode 100644 webbrowser/themes/shared/browser.inc create mode 100644 webbrowser/themes/shared/newtab/controls.png create mode 100644 webbrowser/themes/shared/newtab/newTab.css.inc create mode 100644 webbrowser/themes/shared/newtab/noise.png create mode 100644 webbrowser/themes/shared/newtab/pinned.png create mode 100644 webbrowser/themes/shared/plugin-doorhanger.inc.css create mode 100644 webbrowser/themes/shared/plugins/notification-pluginAlert.png create mode 100644 webbrowser/themes/shared/plugins/notification-pluginAlert@2x.png create mode 100644 webbrowser/themes/shared/plugins/notification-pluginBlocked.png create mode 100644 webbrowser/themes/shared/plugins/notification-pluginBlocked@2x.png create mode 100644 webbrowser/themes/shared/plugins/notification-pluginNormal.png create mode 100644 webbrowser/themes/shared/plugins/notification-pluginNormal@2x.png create mode 100644 webbrowser/themes/shared/statusbar/dynamic.css create mode 100644 webbrowser/themes/shared/statusbar/overlay.css create mode 100644 webbrowser/themes/shared/statusbar/pms16.png create mode 100644 webbrowser/themes/shared/statusbar/pms24.png create mode 100644 webbrowser/themes/shared/statusbar/prefs.css create mode 100644 webbrowser/themes/shared/statusbar/pulse.png create mode 100644 webbrowser/themes/shared/statusbar/throbber-idle.png create mode 100644 webbrowser/themes/shared/statusbar/throbberStatic.png create mode 100644 webbrowser/themes/shared/tabbrowser/tab-audio-small.svg create mode 100644 webbrowser/themes/shared/tabbrowser/tab-audio.svg (limited to 'webbrowser/themes/shared') diff --git a/webbrowser/themes/shared/browser.inc b/webbrowser/themes/shared/browser.inc new file mode 100644 index 0000000..18e69ad --- /dev/null +++ b/webbrowser/themes/shared/browser.inc @@ -0,0 +1,8 @@ +%filter substitution + +%ifndef MOZ_WEBRTC +%define primaryToolbarButtons #back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #downloads-indicator, #history-button, #history-menu-button, #bookmarks-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button, #feed-button, #alltabs-button +%else +%define primaryToolbarButtons #back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #downloads-indicator, #history-button, #history-menu-button, #bookmarks-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button, #feed-button, #alltabs-button, #webrtc-status-button +%endif + diff --git a/webbrowser/themes/shared/newtab/controls.png b/webbrowser/themes/shared/newtab/controls.png new file mode 100644 index 0000000..14f382f Binary files /dev/null and b/webbrowser/themes/shared/newtab/controls.png differ diff --git a/webbrowser/themes/shared/newtab/newTab.css.inc b/webbrowser/themes/shared/newtab/newTab.css.inc new file mode 100644 index 0000000..3341ba7 --- /dev/null +++ b/webbrowser/themes/shared/newtab/newTab.css.inc @@ -0,0 +1,203 @@ +/* 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/. */ + +:root { + -moz-appearance: none; + font-size: 75%; + background-color: transparent; +} + +body { + background: linear-gradient(to top,#DFF3FF,#F9F9F9) fixed; +} + +/* SCROLLBOX */ +#newtab-scrollbox:not([page-disabled]) { + background-color: rgb(229,229,229); + background-image: url(chrome://browser/skin/newtab/noise.png), + linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.2)); + background-attachment: fixed; +} + +/* UNDO */ +#newtab-undo-container { + padding: 4px 3px; + border: 1px solid; + border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16); + background-color: rgba(255,255,255,.4); + color: #525e69; +} + +#newtab-undo-label { + margin-top: 0; + margin-bottom: 0; +} + + +.newtab-undo-button:hover { + text-decoration: underline; +} + +.newtab-undo-button:-moz-focusring { + outline: 1px dotted; +} + + +#newtab-undo-close-button > .toolbarbutton-text { + display: none; +} + +#newtab-undo-close-button:-moz-focusring { + outline: 1px dotted; +} + +/* TOGGLE */ +#newtab-toggle { + width: 16px; + height: 16px; + padding: 0; + border: none; + background: -216px 0 transparent url(chrome://browser/skin/newtab/controls.png); +} + +#newtab-toggle[page-disabled] { + background-position: -232px 0; +} + +/* ROWS */ +.newtab-row { + margin-bottom: 20px; +} + +.newtab-row:last-child { + margin-bottom: 0; +} + +/* CELLS */ +.newtab-cell { + -moz-margin-end: 20px; + background-color: rgba(255,255,255,.2); + border: 1px solid; + border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16); + border-radius: 1px; + transition: border-color 100ms ease-out; +} + +.newtab-cell:empty { + border: 1px dashed; + border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19); +} + +.newtab-cell:last-child { + -moz-margin-end: 0; +} + +.newtab-cell:hover:not(:empty):not([dragged]) { + border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3); +} + +/* SITES */ +.newtab-site { + text-decoration: none; + transition-property: top, left, opacity, box-shadow, background-color; +} + +.newtab-site:hover, +.newtab-site[dragged] { + box-shadow: 0 3px 6px 1px rgba(8,20,37,.6); +} + +.newtab-site[dragged] { + transition-property: box-shadow, background-color; + background-color: rgb(242,242,242); +} + +/* THUMBNAILS */ +.newtab-thumbnail { + background-origin: padding-box; + background-clip: padding-box; + background-repeat: no-repeat; + background-size: cover; +} + +/* TITLES */ +.newtab-title { + padding: 0 8px 1px; + background-color: rgba(248,249,251,.95); + color: #1f364c; + line-height: 24px; +} + +.newtab-site[pinned] .newtab-title { + padding-inline-start: 16px; +} + +.newtab-site[pinned] .newtab-title::before { + background-image: url(chrome://browser/skin/newtab/pinned.png); + content: ""; + left: 2px; + top: 2px; + position: absolute; + width: 12px; + height: 20px; +} + +.newtab-site[pinned] .newtab-title:dir(rtl)::before { + left: auto; + right: 2px; +} + +/* CONTROLS */ +.newtab-control { + background-color: transparent; + background-size: 24px; + border: none; + height: 24px; + width: 24px; + top: 4px; + background: transparent url(chrome://browser/skin/newtab/controls.png); +} + +.newtab-control-pin:dir(ltr), +.newtab-control-block:dir(rtl) { + left: 4px; +} + +.newtab-control-block:dir(ltr), +.newtab-control-pin:dir(rtl) { + right: 4px; +} + +.newtab-control-pin:hover { + background-position: -24px 0; +} + +.newtab-control-pin:active { + background-position: -48px 0; +} + +.newtab-site[pinned] .newtab-control-pin { + background-position: -72px 0; +} + +.newtab-site[pinned] .newtab-control-pin:hover { + background-position: -96px 0; +} + +.newtab-site[pinned] .newtab-control-pin:active { + background-position: -120px 0; +} + +.newtab-control-block { + background-position: -144px 0; +} + +.newtab-control-block:hover { + background-position: -168px 0; +} + +.newtab-control-block:active { + background-position: -192px 0; +} + diff --git a/webbrowser/themes/shared/newtab/noise.png b/webbrowser/themes/shared/newtab/noise.png new file mode 100644 index 0000000..01d340a Binary files /dev/null and b/webbrowser/themes/shared/newtab/noise.png differ diff --git a/webbrowser/themes/shared/newtab/pinned.png b/webbrowser/themes/shared/newtab/pinned.png new file mode 100644 index 0000000..ddd731b Binary files /dev/null and b/webbrowser/themes/shared/newtab/pinned.png differ diff --git a/webbrowser/themes/shared/plugin-doorhanger.inc.css b/webbrowser/themes/shared/plugin-doorhanger.inc.css new file mode 100644 index 0000000..bda08e4 --- /dev/null +++ b/webbrowser/themes/shared/plugin-doorhanger.inc.css @@ -0,0 +1,53 @@ +#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0px; +} + +.click-to-play-plugins-notification-content { + width: 28em; +} + +.click-to-play-plugins-notification-center-box { + border: 1px solid ThreeDShadow; + margin: 10px; +} + +.plugin-popupnotification-centeritem:nth-child(odd) { + background-color: rgba(0,0,0,0.1); +} + +.center-item-label { + -moz-margin-start: 6px; + margin-bottom: 0; + text-overflow: ellipsis; +} + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + -moz-margin-start: 6px; +} + +.click-to-play-plugins-notification-button-container { + background: linear-gradient(rgba(0,0,0,0.04) 60%, transparent); + padding: 10px; + margin-top: 5px; +} + +.click-to-play-popup-button { + width: 50%; +} + +.click-to-play-plugins-notification-description-box { + padding: 10px; +} + +.click-to-play-plugins-outer-description { + margin-top: 8px; +} + +.click-to-play-plugins-notification-link, +.center-item-link { + margin: 0; +} diff --git a/webbrowser/themes/shared/plugins/notification-pluginAlert.png b/webbrowser/themes/shared/plugins/notification-pluginAlert.png new file mode 100644 index 0000000..7492fdd Binary files /dev/null and b/webbrowser/themes/shared/plugins/notification-pluginAlert.png differ diff --git a/webbrowser/themes/shared/plugins/notification-pluginAlert@2x.png b/webbrowser/themes/shared/plugins/notification-pluginAlert@2x.png new file mode 100644 index 0000000..f335996 Binary files /dev/null and b/webbrowser/themes/shared/plugins/notification-pluginAlert@2x.png differ diff --git a/webbrowser/themes/shared/plugins/notification-pluginBlocked.png b/webbrowser/themes/shared/plugins/notification-pluginBlocked.png new file mode 100644 index 0000000..e2e9489 Binary files /dev/null and b/webbrowser/themes/shared/plugins/notification-pluginBlocked.png differ diff --git a/webbrowser/themes/shared/plugins/notification-pluginBlocked@2x.png b/webbrowser/themes/shared/plugins/notification-pluginBlocked@2x.png new file mode 100644 index 0000000..5126be0 Binary files /dev/null and b/webbrowser/themes/shared/plugins/notification-pluginBlocked@2x.png differ diff --git a/webbrowser/themes/shared/plugins/notification-pluginNormal.png b/webbrowser/themes/shared/plugins/notification-pluginNormal.png new file mode 100644 index 0000000..979e92b Binary files /dev/null and b/webbrowser/themes/shared/plugins/notification-pluginNormal.png differ diff --git a/webbrowser/themes/shared/plugins/notification-pluginNormal@2x.png b/webbrowser/themes/shared/plugins/notification-pluginNormal@2x.png new file mode 100644 index 0000000..c081bbb Binary files /dev/null and b/webbrowser/themes/shared/plugins/notification-pluginNormal@2x.png differ diff --git a/webbrowser/themes/shared/statusbar/dynamic.css b/webbrowser/themes/shared/statusbar/dynamic.css new file mode 100644 index 0000000..2c53cb2 --- /dev/null +++ b/webbrowser/themes/shared/statusbar/dynamic.css @@ -0,0 +1,25 @@ +/* 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 url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* Progress bar/line styles */ + +#status4evar-progress-bar[s4estyle="true"] > .progress-bar +{ + -moz-appearance: none; + background: #333399; + border-radius: 3px; +} + +#status4evar-download-progress-bar[pmType^="active"] > .progress-bar +{ + background-color: #333399; +} + +#status4evar-download-progress-bar[pmType^="paused"] > .progress-bar +{ + background-color: gray; +} + diff --git a/webbrowser/themes/shared/statusbar/overlay.css b/webbrowser/themes/shared/statusbar/overlay.css new file mode 100644 index 0000000..89b3dac --- /dev/null +++ b/webbrowser/themes/shared/statusbar/overlay.css @@ -0,0 +1,169 @@ +/* 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 url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* + * General styles + */ + +#status4evar-status-widget, +#status4evar-progress-widget +{ + -moz-box-align: center; +} + +[forcevisible="true"] +{ + visibility: visible !important; +} + +#wrapper-status4evar-progress-widget progressmeter, +#wrapper-status4evar-download-button toolbarbutton +{ + visibility: visible; +} + +#wrapper-status4evar-status-widget toolbaritem label +{ + background-color: rgba(0,0,0,0.2); + padding: 2px 4px; +} + +/* + * Options button + */ + +#status4evar-options-button +{ + list-style-image: url("chrome://browser/skin/statusbar/pms24.png"); +} + +toolbar[iconsize="small"] #status4evar-options-button +{ + list-style-image: url("chrome://browser/skin/statusbar/pms16.png"); +} + +/* + * Download status + */ + +toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"], +toolbar[mode="text"] #status4evar-download-button +{ + -moz-box-orient: horizontal !important; +} + +toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label +{ + display: -moz-box !important; +} + +#status4evar-download-progress-bar +{ + border: 1px solid gray; + -moz-appearance: none; + margin: 0px; + min-height: 0px; + min-width: 0px; +} + +#status4evar-download-progress-bar > * +{ + -moz-appearance: none; + background: #FFFFFF; +} + +#status4evar-download-progress-bar[pmType$="unknown"] > .progress-bar +{ + background-image: url("chrome://browser/skin/statusbar/pulse.png"); +} + +#status4evar-download-notification-container +{ + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + position: relative; + z-index: 5; +} + +#status4evar-download-notification-icon +{ + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; +} + +@keyframes status4evar-download-notification-finish +{ + from { opacity: 0; transform: scale(1); } + 20% { opacity: .65; animation-timing-function: ease-in; } + to { opacity: 0; transform: scale(8); } +} + +#status4evar-download-notification-anchor[notification="finish"][forcevisible="true"] #status4evar-download-notification-icon +{ + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: status4evar-download-notification-finish; + animation-duration: 1s; +} + +/* + * Splitter + */ + +splitter.status4evar-status-splitter +{ + -moz-appearance: splitter; + border: none; + background: transparent; + position: relative; +} + +splitter.status4evar-status-splitter:not(:hover) +{ + -moz-appearance: none; +} + +/* + * General progress + */ + +#status4evar-progress-bar[s4estyle="true"] > * +{ + border: none; +} + +#status4evar-progress-bar > .progress-remainder +{ + background-image: none; + background-color: transparent; +} + +#status4evar-progress-bar[s4estyle="true"] > .progress-bar +{ + border-right: 1px solid rgba(0,0,0,.2); +} + +#status4evar-progress-bar[s4estyle="true"][value="0"] > .progress-bar, +#status4evar-progress-bar[s4estyle="true"][value="100"] > .progress-bar +{ + border-right: none; +} + +/* + * Status bar + */ + +#status-bar > .statusbar-resizerpanel +{ + display: none !important; +} + diff --git a/webbrowser/themes/shared/statusbar/pms16.png b/webbrowser/themes/shared/statusbar/pms16.png new file mode 100644 index 0000000..830c586 Binary files /dev/null and b/webbrowser/themes/shared/statusbar/pms16.png differ diff --git a/webbrowser/themes/shared/statusbar/pms24.png b/webbrowser/themes/shared/statusbar/pms24.png new file mode 100644 index 0000000..cdc69b9 Binary files /dev/null and b/webbrowser/themes/shared/statusbar/pms24.png differ diff --git a/webbrowser/themes/shared/statusbar/prefs.css b/webbrowser/themes/shared/statusbar/prefs.css new file mode 100644 index 0000000..45b138f --- /dev/null +++ b/webbrowser/themes/shared/statusbar/prefs.css @@ -0,0 +1,38 @@ +/* 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 url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#status4evar-prefs > prefpane > vbox.content-box +{ + min-height: 18em !important; +} + +radio[pane="status4evar-pane-status"] +{ + list-style-image: url("chrome://global/skin/icons/information-32.png"); +} + +radio[pane="status4evar-pane-progress"] +{ + list-style-image: url("chrome://browser/skin/statusbar/throbberStatic.png"); +} + +radio[pane="status4evar-pane-download"] +{ + list-style-image: url("chrome://mozapps/skin/downloads/downloadIcon.png"); +} + +radio[pane="status4evar-pane-addonbar"] +{ + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); +} + +radio[pane="status4evar-pane-advanced"] +{ + list-style-image: url("chrome://browser/skin/preferences/Options.png"); + -moz-image-region: rect(0px, 224px, 32px, 192px); +} + + diff --git a/webbrowser/themes/shared/statusbar/pulse.png b/webbrowser/themes/shared/statusbar/pulse.png new file mode 100644 index 0000000..374369c Binary files /dev/null and b/webbrowser/themes/shared/statusbar/pulse.png differ diff --git a/webbrowser/themes/shared/statusbar/throbber-idle.png b/webbrowser/themes/shared/statusbar/throbber-idle.png new file mode 100644 index 0000000..bcdd65b Binary files /dev/null and b/webbrowser/themes/shared/statusbar/throbber-idle.png differ diff --git a/webbrowser/themes/shared/statusbar/throbberStatic.png b/webbrowser/themes/shared/statusbar/throbberStatic.png new file mode 100644 index 0000000..e2bf274 Binary files /dev/null and b/webbrowser/themes/shared/statusbar/throbberStatic.png differ diff --git a/webbrowser/themes/shared/tabbrowser/tab-audio-small.svg b/webbrowser/themes/shared/tabbrowser/tab-audio-small.svg new file mode 100644 index 0000000..abfe712 --- /dev/null +++ b/webbrowser/themes/shared/tabbrowser/tab-audio-small.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/webbrowser/themes/shared/tabbrowser/tab-audio.svg b/webbrowser/themes/shared/tabbrowser/tab-audio.svg new file mode 100644 index 0000000..274e10c --- /dev/null +++ b/webbrowser/themes/shared/tabbrowser/tab-audio.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + -- cgit v1.2.3