diff options
author | wolfbeast <mcwerewolf@gmail.com> | 2018-06-04 15:50:03 +0200 |
---|---|---|
committer | wolfbeast <mcwerewolf@gmail.com> | 2018-06-04 15:50:03 +0200 |
commit | e3b7744bee37c3d4a026d2193bed5e9439c40ff3 (patch) | |
tree | f3f7b07ca9bd78bf7ac2d76dd55b61b2a8bb549e /application/basilisk/themes/osx/downloads | |
parent | cbce4f0b6a337f8250b62cae028f1c6d4cce51df (diff) | |
parent | 031afcafe288bf0f46c0c5caae20dd3db8bd0297 (diff) | |
download | UXP-e3b7744bee37c3d4a026d2193bed5e9439c40ff3.tar UXP-e3b7744bee37c3d4a026d2193bed5e9439c40ff3.tar.gz UXP-e3b7744bee37c3d4a026d2193bed5e9439c40ff3.tar.lz UXP-e3b7744bee37c3d4a026d2193bed5e9439c40ff3.tar.xz UXP-e3b7744bee37c3d4a026d2193bed5e9439c40ff3.zip |
Merge branch 'move-basilisk'
Diffstat (limited to 'application/basilisk/themes/osx/downloads')
-rw-r--r-- | application/basilisk/themes/osx/downloads/allDownloadsViewOverlay.css | 19 | ||||
-rw-r--r-- | application/basilisk/themes/osx/downloads/download-glow-menuPanel.png | bin | 0 -> 2067 bytes | |||
-rw-r--r-- | application/basilisk/themes/osx/downloads/download-glow-menuPanel@2x.png | bin | 0 -> 3082 bytes | |||
-rw-r--r-- | application/basilisk/themes/osx/downloads/download-notification-finish.png | bin | 0 -> 4066 bytes | |||
-rw-r--r-- | application/basilisk/themes/osx/downloads/download-notification-finish@2x.png | bin | 0 -> 9224 bytes | |||
-rw-r--r-- | application/basilisk/themes/osx/downloads/download-notification-start.png | bin | 0 -> 3166 bytes | |||
-rw-r--r-- | application/basilisk/themes/osx/downloads/download-notification-start@2x.png | bin | 0 -> 19510 bytes | |||
-rw-r--r-- | application/basilisk/themes/osx/downloads/downloads.css | 49 | ||||
-rw-r--r-- | application/basilisk/themes/osx/downloads/indicator.css | 250 |
9 files changed, 318 insertions, 0 deletions
diff --git a/application/basilisk/themes/osx/downloads/allDownloadsViewOverlay.css b/application/basilisk/themes/osx/downloads/allDownloadsViewOverlay.css new file mode 100644 index 000000000..dbdced970 --- /dev/null +++ b/application/basilisk/themes/osx/downloads/allDownloadsViewOverlay.css @@ -0,0 +1,19 @@ +/* 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/. */ + +%include ../../shared/downloads/allDownloadsViewOverlay.inc.css + +/*** List items ***/ + +:root { + --downloads-item-height: 6em; +} + +.downloadProgress > .progress-bar { + background-color: #3c9af8; +} + +.downloadProgress[paused="true"] > .progress-bar { + background-color: #a6a6a6; +} diff --git a/application/basilisk/themes/osx/downloads/download-glow-menuPanel.png b/application/basilisk/themes/osx/downloads/download-glow-menuPanel.png Binary files differnew file mode 100644 index 000000000..583dac86e --- /dev/null +++ b/application/basilisk/themes/osx/downloads/download-glow-menuPanel.png diff --git a/application/basilisk/themes/osx/downloads/download-glow-menuPanel@2x.png b/application/basilisk/themes/osx/downloads/download-glow-menuPanel@2x.png Binary files differnew file mode 100644 index 000000000..9b48fbd12 --- /dev/null +++ b/application/basilisk/themes/osx/downloads/download-glow-menuPanel@2x.png diff --git a/application/basilisk/themes/osx/downloads/download-notification-finish.png b/application/basilisk/themes/osx/downloads/download-notification-finish.png Binary files differnew file mode 100644 index 000000000..139bf0b53 --- /dev/null +++ b/application/basilisk/themes/osx/downloads/download-notification-finish.png diff --git a/application/basilisk/themes/osx/downloads/download-notification-finish@2x.png b/application/basilisk/themes/osx/downloads/download-notification-finish@2x.png Binary files differnew file mode 100644 index 000000000..4a2512181 --- /dev/null +++ b/application/basilisk/themes/osx/downloads/download-notification-finish@2x.png diff --git a/application/basilisk/themes/osx/downloads/download-notification-start.png b/application/basilisk/themes/osx/downloads/download-notification-start.png Binary files differnew file mode 100644 index 000000000..bd548b183 --- /dev/null +++ b/application/basilisk/themes/osx/downloads/download-notification-start.png diff --git a/application/basilisk/themes/osx/downloads/download-notification-start@2x.png b/application/basilisk/themes/osx/downloads/download-notification-start@2x.png Binary files differnew file mode 100644 index 000000000..1d6278050 --- /dev/null +++ b/application/basilisk/themes/osx/downloads/download-notification-start@2x.png diff --git a/application/basilisk/themes/osx/downloads/downloads.css b/application/basilisk/themes/osx/downloads/downloads.css new file mode 100644 index 000000000..af78dcfe9 --- /dev/null +++ b/application/basilisk/themes/osx/downloads/downloads.css @@ -0,0 +1,49 @@ +/* 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/. */ + +%include ../../shared/downloads/downloads.inc.css + +/*** Panel and outer controls ***/ + +#downloadsPanel { + margin-top: -1px; +} + +@keyfocus@ #downloadsSummary:focus, +@keyfocus@ .downloadsPanelFooterButton:focus { + outline: 2px -moz-mac-focusring solid; + outline-offset: -2px; +} + +/*** List items and similar elements in the summary ***/ + +:root { + --downloads-item-height: 6em; + --downloads-item-font-size-factor: 0.95; + --downloads-item-details-opacity: 0.7; +} + +.downloadButton:focus > .button-box { + outline: 2px -moz-mac-focusring solid; + outline-offset: -2px; +} + +@item@[verdict="Malware"] { + color: #aa1b08; +} + +.downloadProgress > .progress-bar { + background-color: #3c9af8; +} + +.downloadProgress[paused="true"] > .progress-bar { + background-color: #a6a6a6; +} + +/*** Highlighted list items ***/ + +@keyfocus@ @itemFocused@ { + outline: 2px -moz-mac-focusring solid; + outline-offset: -2px; +} diff --git a/application/basilisk/themes/osx/downloads/indicator.css b/application/basilisk/themes/osx/downloads/indicator.css new file mode 100644 index 000000000..eb88f074e --- /dev/null +++ b/application/basilisk/themes/osx/downloads/indicator.css @@ -0,0 +1,250 @@ +/* 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/. */ + +/*** Status and progress indicator ***/ + +#downloads-indicator-anchor { + min-width: 18px; + min-height: 18px; +} + +#downloads-animation-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + /* Makes the outermost animation container element positioned, so that its + contents are rendered over the main browser window in the Z order. + This is required by the animated event notification. */ + position: relative; + /* The selected tab may overlap #downloads-indicator-notification */ + z-index: 5; +} + +/*** Main indicator icon ***/ + +#downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), + 0, 198, 18, 180) center no-repeat; +} + +toolbar[brighttext] #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180); +} + +#downloads-button[attention="warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge, +#downloads-button[attention="severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + display: -moz-box; + height: 8px; + width: 8px; + min-width: 0; + border-radius: 50%; + /* "!important" is necessary to override the rule in toolbarbutton.css */ + margin-top: -1px !important; + margin-right: -2px !important; +} + +#downloads-button[cui-areatype="toolbar"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + height: 7px; + width: 7px; +} + +#downloads-button[attention="severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + background: #D90000; +} + +#downloads-button[attention="warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + background: #FFBF00; +} + +#downloads-button[attention="severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive, +#downloads-button[attention="warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive { + filter: none; +} + +#downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 36, 198, 54, 180); +} + +toolbar[brighttext] #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 36, 198, 54, 180); +} + +#downloads-button[cui-areatype="menu-panel"][attention="success"] { + list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png"); + -moz-image-region: auto; +} + +/* In the next few rules, we use :not([counter]) as a shortcut that is + equivalent to -moz-any([progress], [paused]). */ + +#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), + 0, 198, 18, 180) center no-repeat; + background-size: 12px; +} + +toolbar[brighttext] #downloads-button:not([counter]):not([attention="success"]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180); +} + +#downloads-button:not([counter])[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 36, 198, 54, 180); +} + +toolbar[brighttext] #downloads-button:not([counter])[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 36, 198, 54, 180); +} + +@media (min-resolution: 2dppx) { + #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 0, 396, 36, 360); + background-size: 18px; + } + + toolbar[brighttext] #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 0, 396, 36, 360); + } + + #downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 0, 396, 36, 360); + } + + toolbar[brighttext] #downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), + 0, 396, 36, 360); + } + + #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 72, 396, 108, 360); + } + + toolbar[brighttext] #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 72, 396, 108, 360); + } + + #downloads-button[cui-areatype="menu-panel"][attention="success"] { + list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel@2x.png"); + } + + #downloads-button:not([counter])[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar@2x.png"), 72, 396, 108, 360); + } + + toolbar[brighttext] #downloads-button:not([counter])[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted@2x.png"), 72, 396, 108, 360); + } +} + +/*** Download notifications ***/ + +#downloads-indicator-notification { + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; +} + +@keyframes downloadsIndicatorNotificationStartRight { + from { opacity: 0; transform: translate(-128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +@keyframes downloadsIndicatorNotificationStartLeft { + from { opacity: 0; transform: translate(128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); + animation-name: downloadsIndicatorNotificationStartRight; + animation-duration: 1s; +} + +@media (min-resolution: 2dppx) { + #downloads-notification-anchor[notification="start"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start@2x.png"); + } +} + +#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification { + animation-name: downloadsIndicatorNotificationStartLeft; +} + +@keyframes downloadsIndicatorNotificationFinish { + from { opacity: 0; transform: scale(1); } + 20% { opacity: .65; animation-timing-function: ease-in; } + to { opacity: 0; transform: scale(8); } +} + +#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: downloadsIndicatorNotificationFinish; + animation-duration: 1s; +} + +@media (min-resolution: 2dppx) { + #downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish@2x.png"); + } +} + +/*** Progress bar and text ***/ + +#downloads-indicator-counter { + height: 9px; + margin: -3px 0 0; + color: hsl(0,0%,30%); + text-shadow: 0 1px 0 hsla(0,0%,100%,.5); + font-size: 9px; + line-height: 9px; + text-align: center; +} + +#downloads-indicator-progress { + width: 16px; + height: 5px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + box-shadow: 0 1px 0 hsla(0,0%,100%,.4); +} + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */ + background-clip: padding-box, border-box; + background-color: rgb(90, 185, 255); + background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none; + border: 1px solid; + border-color: rgba(0,43,86,.6) rgba(0,43,86,.4) rgba(0,43,86,.4); + border-radius: 2px 0 0 2px; +} + +#downloads-indicator-progress > .progress-remainder { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-image: linear-gradient(#505050, #575757); + border: 1px solid; + border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4); + border-inline-start: none; + border-radius: 0 2px 2px 0; +} + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: rgb(220, 230, 81); +} + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-image: linear-gradient(#4b5000, #515700); +} |