some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / LCARStrek / browser / downloads / allDownloadsViewOverlay.css
... / ...
CommitLineData
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
3 * You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5/* === BEGIN allDownloadsViewOverlay.inc.css === */
6
7/* In the original, this is at the end of the file as a preprocessor-include */
8@import url("progressmeter.inc.css");
9
10/*** View and outer controls ***/
11
12#downloadsRichListBox {
13 /** The default listbox appearance comes with an unwanted margin. **/
14 -moz-appearance: none;
15 margin: 0;
16 border: none;
17}
18
19/*** List items ***/
20
21#downloadsRichListBox > richlistitem.download {
22 height: var(--downloads-item-height);
23}
24
25.downloadTypeIcon {
26 margin: 8px 13px;
27 width: 32px;
28 height: 32px;
29}
30
31.downloadBlockedBadge {
32 margin: 0 5px;
33 background: url("chrome://browser/skin/downloads/download-blocked.svg") top right / 16px no-repeat;
34}
35
36.downloadBlockedBadge:-moz-locale-dir(rtl) {
37 background-position-x: left;
38}
39
40richlistitem.download[verdict="PotentiallyUnwanted"] .downloadBlockedBadge {
41 background-image: url("chrome://browser/skin/warning.svg");
42}
43
44richlistitem.download[verdict="Uncommon"] .downloadBlockedBadge {
45 background-image: url("chrome://browser/skin/info.svg");
46}
47
48richlistitem.download > toolbarseparator {
49 display: none;
50}
51
52.downloadTarget {
53 margin: 0;
54}
55
56.downloadDetails {
57 opacity: 0.7;
58 font-size: 95%;
59 /* Use calc() to keep the height consistent with .downloadTarget, so that the
60 progress bar can be vertically centered. */
61 margin: 4px 0 calc(1em / 0.95 - 1em);
62}
63
64.downloadDetailsNormal,
65.downloadDetailsHover,
66.downloadOpenFile,
67.downloadShowMoreInfo,
68.downloadButtonLabels {
69 display: none;
70}
71
72.downloadButton {
73 -moz-box-align: center;
74 background: transparent;
75 min-width: 0;
76 min-height: 0;
77 margin: 0;
78 border: none;
79 color: inherit;
80 padding: 0 18px;
81}
82
83.downloadButton > .button-box {
84 -moz-appearance: none;
85 padding: 2px !important;
86 border-radius: 50%;
87}
88
89.downloadButton > .button-box > .button-icon {
90 width: 16px;
91 height: 16px;
92 margin: 0;
93 -moz-context-properties: fill;
94 fill: currentColor;
95}
96
97.downloadButton > .button-box > .button-text {
98 display: none;
99}
100
101.downloadButton:hover > .button-box {
102 background-color: #A09090;
103 color: #000000;
104}
105
106.downloadButton:hover:active > .button-box {
107 background-color: #FF9F00;
108}
109
110richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover > .button-box {
111 background-color: #FFCF00;
112 color: #000000;
113}
114
115richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover:active > .button-box {
116 background-color: #FF9F00;
117 color: #000000;
118}
119
120/*** Button icons ***/
121
122.downloadIconCancel > .button-box > .button-icon {
123 list-style-image: url("chrome://browser/skin/panel-icon-cancel.svg");
124}
125
126.downloadIconShow > .button-box > .button-icon {
127 list-style-image: url("chrome://browser/skin/panel-icon-folder.svg");
128}
129
130.downloadIconRetry > .button-box > .button-icon {
131 list-style-image: url("chrome://browser/skin/panel-icon-retry.svg");
132}
133
134/*** Progressmeter ***/
135/* %include progressmeter.inc.css - this happens as @import at the start of the file */
136
137/* === END allDownloadsViewOverlay.inc.css === */
138
139/*** List items ***/
140
141:root {
142 --downloads-item-height: 6em;
143}