From 64897c3a854fb98e44c6d36c851ac49d72b25c5b Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Fri, 1 Jun 2012 18:58:47 +0200 Subject: [PATCH] add download panel 14+ work fine --- LCARStrek/browser/downloads/buttons.png | Bin 0 -> 293 bytes LCARStrek/browser/downloads/download-glow.png | Bin 0 -> 194 bytes .../downloads/download-notification.png | Bin 0 -> 455 bytes LCARStrek/browser/downloads/downloads.css | 269 ++++++++++++++++++ 4 files changed, 269 insertions(+) create mode 100644 LCARStrek/browser/downloads/buttons.png create mode 100644 LCARStrek/browser/downloads/download-glow.png create mode 100644 LCARStrek/browser/downloads/download-notification.png create mode 100644 LCARStrek/browser/downloads/downloads.css diff --git a/LCARStrek/browser/downloads/buttons.png b/LCARStrek/browser/downloads/buttons.png new file mode 100644 index 0000000000000000000000000000000000000000..9850f25d365462d66b078b086f93532129b70de6 GIT binary patch literal 293 zcmeAS@N?(olHy`uVBq!ia0vp^GC*v>#0(@S#}%jpDaPU;cPEB*=VV?2Ih+ALA+8Jz z=|JZH^9=SKDaS!7N`m}?862M7NCR<_yxmuE+np$<z4I>im7r|9@4Uj#{2*^pV-SVqO&ApS|{iLg#C)-+Fr+1oyvu|Gn+& zU#`1mD<02z_*=<-qw|``|9Z31lF}_YSMuCl`2OdnPjZ*@l$Sl3xaWpP|G8it@n3&7 fKQG^3ypLgSy9DFqN|}8?H!*m+`njxgN@xNA9$aiK literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/downloads/download-glow.png b/LCARStrek/browser/downloads/download-glow.png new file mode 100644 index 0000000000000000000000000000000000000000..fb6f1f08709ae829783cde57de7ee34952f3f01d GIT binary patch literal 194 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDH3?y^UWFG-ijKx9jP7LeL$-D$|*aCb)T!A!0 zON&74;+-Jrk|4ie28U-i(mmdKI;Vst08)4}5dZ)H literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/downloads/download-notification.png b/LCARStrek/browser/downloads/download-notification.png new file mode 100644 index 0000000000000000000000000000000000000000..093b92bc89a769315650fe11463c7ebb2cbf4b12 GIT binary patch literal 455 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?K3?%mjbVdLv#^NA%Cx&(BWL^R}oB=)|t_%$6 z3@t7H&of9~4gLvIQ4-`A%;50sMjD8d?D>e2FaaSVw#{Py}r-WCHM)(ahz0ypvN**GoxAoRt=Lnb)R z@qp)#Z*$jK1RhcS=_Pl!oTGm3j^{T&{M-<)Y+$f1ST61Z_hr)`z0=u*c-BZgkbBVx zMHP7oXO=GHdE)OKYLmtr5bD|$b-^#|eqQ_j-HNvw4;!4jW+_{5ID=!_1LaG5Zu1)iLd5S|HyzE{ zv*Wwl`~vrY+k2x~x`THYe(kec=z3xAzv~=g+kZd)CSU8+tFWbU3dgkhViWqcdz3iz z9lH*+Fil+JdsbcJkb=e`rI?PC_1$(4U1qchCkh)WRa&q1w-Dfa=upuj@GbM!-=mdJ l&+_tIJGLe~=V9e%wsoiSCivb|j{ycGgQu&X%Q~loCIEb0uMPkJ literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/downloads/downloads.css b/LCARStrek/browser/downloads/downloads.css new file mode 100644 index 00000000..e91d6f23 --- /dev/null +++ b/LCARStrek/browser/downloads/downloads.css @@ -0,0 +1,269 @@ +/* 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/. */ + +/*** Panel and outer controls ***/ + +#downloadsHistory, +#downloadsHistory:-moz-focusring > .button-box { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +#downloadsPanel:not([hasdownloads]) > #downloadsHistory, +#downloadsPanel:not([hasdownloads]) > #downloadsHistory:-moz-focusring > .button-box { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { + /* Avoid that the arrow overlaps the selection on first item */ + padding-top: 5px; +} + +#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +#downloadsListBox { + width: 60ch; + background-color: transparent; + padding: 4px; + color: inherit; +} + +#downloadsHistory { + background: inherit; + color: #9C9CFF; + cursor: pointer; +} + +#downloadsHistory > .button-box { + margin: 1em; +} + +/*** List items ***/ + +richlistitem[type="download"] { + height: 7em; + margin: 0; + border-bottom: 1px dotted #9C9CFF; + background: transparent; + padding: 0; + color: inherit; +} + +richlistitem[type="download"]:first-child { +/* border-top: 1px solid transparent;*/ +} + +#downloadsListBox:-moz-focusring > richlistitem[type="download"][selected] { + outline: 1px #008484 dotted; + outline-offset: -1px; + -moz-outline-radius: 3px; +} + +.downloadInfo { + padding: 8px; + -moz-padding-end: 0; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* Prevent flickering when changing states. */ + min-height: 32px; + min-width: 32px; +} + +.blockedIcon { + list-style-image: url("chrome://global/skin/icons/alert-error.gif"); +} + +.downloadTarget { + margin-bottom: 6px; + cursor: inherit; +} + +.downloadDetails { + opacity: 0.6; + font-size: 90%; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + min-width: 0; + min-height: 0; + margin: 6px; + border: none; + background: transparent; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +.downloadButton > .button-box { + padding: 0; +} + +/*** Highlighted list items ***/ + +richlistitem[type="download"][state="1"] > .downloadInfo { + -moz-padding-end: 8px; +} + +richlistitem[type="download"][state="1"] > .downloadInfo:hover { + background-color: #794900; + color: #FFCF00; + cursor: pointer; +} + +/*** Button icons ***/ + +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 14px, 14px, 0px); +} +.downloadButton.downloadCancel:hover, +.downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 28px, 14px, 14px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(14px, 14px, 28px, 0px); +} +.downloadButton.downloadShow:hover, +.downloadButton.downloadShow:active { + -moz-image-region: rect(14px, 28px, 28px, 14px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(28px, 14px, 42px, 0px); +} +.downloadButton.downloadRetry:hover, +.downloadButton.downloadRetry:active { + -moz-image-region: rect(28px, 28px, 42px, 14px); +} + +/*** Status and progress indicator ***/ + +#downloads-indicator { + width: 35px; +} + +#downloads-indicator-anchor { + min-width: 18px; + min-height: 18px; + /* Makes the outermost stack 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; +} + +/*** Main indicator icon ***/ + +#downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), + 0, 108, 18, 90) center no-repeat; +} + +#downloads-indicator:hover > #downloads-indicator-anchor > #downloads-indicator-icon, +#downloads-indicator[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), + 18, 108, 36, 90) center no-repeat; +} + +#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/downloads/download-glow.png"), + 15, 33, 33, 15) center no-repeat; +} + +#downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), + 0, 108, 18, 90) center no-repeat; + background-size: 12px; +} + +#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/downloads/download-glow.png"), + 16, 32, 32, 16); +} + +#downloads-indicator:not([counter]):hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, +#downloads-indicator:not([counter])[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), + 18, 108, 36, 90) center no-repeat; +} + +/*** Event notification ***/ + +#downloads-indicator-notification { + opacity: 0; + background: url("chrome://browser/skin/downloads/download-notification.png") + center no-repeat; + background-size: 16px; +} + +@-moz-keyframes downloadsIndicatorNotificationRight { + from { opacity: 0; -moz-transform: translate(-128px, 128px) scale(8); } + 20% { opacity: .85; -moz-animation-timing-function: ease-out; } + to { opacity: 0; -moz-transform: translate(0) scale(1); } +} + +@-moz-keyframes downloadsIndicatorNotificationLeft { + from { opacity: 0; -moz-transform: translate(128px, 128px) scale(8); } + 20% { opacity: .85; -moz-animation-timing-function: ease-out; } + to { opacity: 0; -moz-transform: translate(0) scale(1); } +} + +#downloads-indicator[notification] > #downloads-indicator-anchor > #downloads-indicator-notification { + -moz-animation-name: downloadsIndicatorNotificationRight; + -moz-animation-duration: 1s; +} + +#downloads-indicator[notification]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification { + -moz-animation-name: downloadsIndicatorNotificationLeft; +} + +/*** Progress bar and text ***/ + +#downloads-indicator-counter { + height: 12px; + margin: 0; + color: #FFCF00; + font-size: 10px; + line-height: 10px; + text-align: center; +} + +#downloads-indicator-progress { + width: 24px; + height: 4px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + border: 1px solid #FFCF00; +} + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-color: #008484; + border-radius: 2px 0 0 2px; +} + +#downloads-indicator-progress > .progress-remainder { + min-width: 0; + min-height: 0; + background-color: #000000; + border-radius: 0 2px 2px 0; +} + +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: #8050B0; +} + +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-color: #000000; +} -- 2.35.3