From 1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 19 Aug 2015 19:38:44 +0200 Subject: add firefox theme --- .../browser/downloads/allDownloadsViewOverlay.css | 133 +++++++++++++ .../chrome/browser/downloads/buttons.png | Bin 0 -> 5091 bytes .../browser/downloads/contentAreaDownloadsView.css | 30 +++ .../browser/downloads/download-glow-menuPanel.png | Bin 0 -> 898 bytes .../downloads/download-notification-finish.png | Bin 0 -> 3887 bytes .../downloads/download-notification-start.png | Bin 0 -> 3166 bytes .../chrome/browser/downloads/download-summary.png | Bin 0 -> 691 bytes .../chrome/browser/downloads/downloads.css | 220 +++++++++++++++++++++ 8 files changed, 383 insertions(+) create mode 100644 arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css create mode 100644 arc-firefox-theme/chrome/browser/downloads/buttons.png create mode 100644 arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css create mode 100644 arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png create mode 100644 arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png create mode 100644 arc-firefox-theme/chrome/browser/downloads/download-notification-start.png create mode 100644 arc-firefox-theme/chrome/browser/downloads/download-summary.png create mode 100644 arc-firefox-theme/chrome/browser/downloads/downloads.css (limited to 'arc-firefox-theme/chrome/browser/downloads') diff --git a/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css new file mode 100644 index 0000000..473e401 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css @@ -0,0 +1,133 @@ +/* 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/. */ + +#downloadsRichListBox { + /** The default listbox appearance comes with an unwanted margin. **/ + -moz-appearance: none; + margin: 0; +} + +#downloadsRichListBox > richlistitem.download { + height: 5em; + padding: 5px 8px; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* Prevent flickering when changing states. */ + min-height: 32px; + min-width: 32px; +} + +.blockedIcon { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog"); +} + +.downloadTarget { + margin-bottom: 3px; + cursor: inherit; +} + +.downloadDetails { + opacity: 0.7; + font-size: 95%; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + background: transparent; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +/*** Button icons ***/ + +.downloadButton.downloadConfirmBlock, +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +richlistitem.download:hover > .downloadButton.downloadConfirmBlock, +richlistitem.download:hover > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +richlistitem.download:hover > .downloadButton.downloadConfirmBlock:hover, +richlistitem.download:hover > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +richlistitem.download:hover > .downloadButton.downloadConfirmBlock:active, +richlistitem.download:hover > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} +richlistitem.download[selected] > .downloadButton.downloadConfirmBlock, +richlistitem.download[selected] > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 80px, 16px, 64px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadConfirmBlock, +richlistitem.download:hover[selected] > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 96px, 16px, 80px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadConfirmBlock:hover, +richlistitem.download:hover[selected] > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 112px, 16px, 96px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadConfirmBlock:active, +richlistitem.download:hover[selected] > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 128px, 16px, 112px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} +richlistitem.download:hover > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} +richlistitem.download:hover > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} +richlistitem.download:hover > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 64px, 32px, 48px); +} +richlistitem.download[selected] > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 80px, 32px, 64px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 96px, 32px, 80px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 112px, 32px, 96px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 128px, 32px, 112px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} +richlistitem.download:hover > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} +richlistitem.download:hover > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} +richlistitem.download:hover > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} +richlistitem.download[selected] > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 80px, 48px, 64px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 96px, 48px, 80px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 112px, 48px, 96px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 128px, 48px, 112px); +} + diff --git a/arc-firefox-theme/chrome/browser/downloads/buttons.png b/arc-firefox-theme/chrome/browser/downloads/buttons.png new file mode 100644 index 0000000..071f7f7 Binary files /dev/null and b/arc-firefox-theme/chrome/browser/downloads/buttons.png differ diff --git a/arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css b/arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css new file mode 100644 index 0000000..73e42fb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css @@ -0,0 +1,30 @@ +/* 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/. */ + +@import url("chrome://global/skin/in-content/common.css"); + +#contentAreaDownloadsView { + padding: 18px; +} + +#downloadsRichListBox:not(:-moz-focusring) { + border-color: transparent; +} + +.downloadButton:not([disabled="true"]):hover, +.downloadButton:not([disabled="true"]):hover:active, +.downloadButton:not([disabled]):hover:active { + background: transparent; + border: none; +} + +.downloadButton > .button-box { + padding-bottom: 0; +} + +#downloadsListEmptyDescription { + margin: 1em; + text-align: center; + color: GrayText; +} diff --git a/arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png b/arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png new file mode 100644 index 0000000..b8443f0 Binary files /dev/null and b/arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png differ diff --git a/arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png b/arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png new file mode 100644 index 0000000..f5fa120 Binary files /dev/null and b/arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png differ diff --git a/arc-firefox-theme/chrome/browser/downloads/download-notification-start.png b/arc-firefox-theme/chrome/browser/downloads/download-notification-start.png new file mode 100644 index 0000000..bd548b1 Binary files /dev/null and b/arc-firefox-theme/chrome/browser/downloads/download-notification-start.png differ diff --git a/arc-firefox-theme/chrome/browser/downloads/download-summary.png b/arc-firefox-theme/chrome/browser/downloads/download-summary.png new file mode 100644 index 0000000..c5d4754 Binary files /dev/null and b/arc-firefox-theme/chrome/browser/downloads/download-summary.png differ diff --git a/arc-firefox-theme/chrome/browser/downloads/downloads.css b/arc-firefox-theme/chrome/browser/downloads/downloads.css new file mode 100644 index 0000000..78c2f42 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/downloads.css @@ -0,0 +1,220 @@ +/* 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 ***/ + +#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +#downloadsListBox { + background: transparent; + padding: 4px; + color: inherit; +} + +#downloadsPanel:not([hasdownloads]) > #downloadsListBox { + display: none; +} + +#downloadsPanel[hasdownloads] > #emptyDownloads { + display: none; +} + +#emptyDownloads { + padding: 10px 20px; + max-width: 40ch; +} + +#downloadsHistory { + background: transparent; + color: -moz-nativehyperlinktext; + cursor: pointer; +} + +#downloadsFooter { + border-top: 1px solid ThreeDShadow; + background-image: linear-gradient(hsla(0,0%,0%,.15), hsla(0,0%,0%,.08) 6px); +} + +#downloadsHistory > .button-box { + margin: 1em; +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus > .button-box { + outline: 1px -moz-dialogtext dotted; +} + +/*** Downloads Summary and List items ***/ + +#downloadsSummary, +richlistitem[type="download"] { + height: 6em; + -moz-padding-end: 0; + color: inherit; +} + +#downloadsSummary { + padding: 8px 38px 8px 12px; + cursor: pointer; + -moz-user-focus: normal; +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus { + outline: 1px -moz-dialogtext dotted; + outline-offset: -5px; +} + +#downloadsSummary > .downloadTypeIcon { + list-style-image: url("chrome://browser/skin/downloads/download-summary.png"); +} + +#downloadsSummaryDescription { + color: -moz-nativehyperlinktext; +} + +richlistitem[type="download"] { + margin: 0; + border-top: 1px solid hsla(0,0%,100%,.2); + border-bottom: 1px solid hsla(0,0%,0%,.15); + background: transparent; + padding: 8px; +} + +richlistitem[type="download"]:first-child { + border-top: 1px solid transparent; +} + +richlistitem[type="download"]:last-child { + border-bottom: 1px solid transparent; +} + +#downloadsPanel[keyfocus] > #downloadsListBox:focus > richlistitem[type="download"][selected] { + outline: 1px -moz-dialogtext dotted; + outline-offset: -1px; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* Prevent flickering when changing states. */ + min-height: 32px; + min-width: 32px; +} + +.blockedIcon { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog"); +} + +/* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of + a vbox with class .downloadContainer. We set the font-size of the entire + container to 90% because: + + 1) This is the size that we want .downloadDetails to be + 2) The container's width is set by localizers by &downloadDetails.width;, + which is a ch unit. Since this is the value that should control the + panel width, we apply it to the outer container to constrain + .downloadTarget and .downloadProgress. + + Finally, since we want .downloadTarget's font-size to be at 100% of the + font-size of .downloadContainer's parent, we use calc to go from the + smaller font-size back to the original font-size. + */ + +#downloadsSummaryDetails, +.downloadContainer { + font-size: 90%; +} + +#downloadsSummaryDescription, +.downloadTarget { + margin-bottom: 7px; + cursor: inherit; +} + +.downloadTarget { + font-size: calc(100%/0.9); +} + +#downloadsSummaryDetails, +.downloadDetails { + margin-top: 1px; + opacity: 0.6; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + background: transparent; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +.downloadButton > .button-box { + padding: 0; +} + +.downloadButton:focus > .button-box { + outline: 1px -moz-dialogtext dotted; +} + +/*** Highlighted list items ***/ + +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover { + border-radius: 3px; + border-top: 1px solid hsla(0,0%,100%,.3); + border-bottom: 1px solid hsla(0,0%,0%,.2); + background-color: Highlight; + background-image: linear-gradient(hsla(0,0%,100%,.1), transparent); + color: HighlightText; + cursor: pointer; +} + +/*** Button icons ***/ + +.downloadButton.downloadConfirmBlock, +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock, +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:hover, +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:active, +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 96px, 32px, 80px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 112px, 32px, 96px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 128px, 32px, 112px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} -- cgit v1.2.3