LCARStrek/browser/downloads/allDownloadsViewOverlay.css

   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   padding: 5px 8px;
  24 }
  25
  26 .downloadTypeIcon {
  27   margin: 8px 13px;
  28   width: 32px;
  29   height: 32px;
  30 }
  31
  32 .downloadBlockedBadge {
  33   margin: 0 5px;
  34   background: url("chrome://browser/skin/downloads/download-blocked.svg") top right / 16px no-repeat;
  35 }
  36
  37 .downloadBlockedBadge:-moz-locale-dir(rtl) {
  38   background-position-x: left;
  39 }
  40
  41 richlistitem.download[verdict="PotentiallyUnwanted"] .downloadBlockedBadge {
  42   background-image: url("chrome://browser/skin/warning.svg");
  43 }
  44
  45 richlistitem.download[verdict="Uncommon"] .downloadBlockedBadge {
  46   background-image: url("chrome://browser/skin/info.svg");
  47 }
  48
  49 richlistitem.download > toolbarseparator {
  50   display: none;
  51 }
  52
  53 .downloadTarget {
  54   margin: 0;
  55 }
  56
  57 .downloadDetails {
  58   opacity: 0.7;
  59   font-size: 95%;
  60   /* Use calc() to keep the height consistent with .downloadTarget, so that the
  61      progress bar can be vertically centered. */
  62   margin: 4px 0 calc(1em / 0.95 - 1em);
  63 }
  64
  65 .downloadButton {
  66   -moz-box-align: center;
  67   background: transparent;
  68   min-width: 0;
  69   min-height: 0;
  70   margin: 0;
  71   border: none;
  72   padding: 0 18px;
  73   color: inherit;
  74 }
  75
  76 .downloadButton > .button-box {
  77   -moz-appearance: none;
  78   padding: 2px !important;
  79   border-radius: 50%;
  80 }
  81
  82 .downloadButton > .button-box > .button-icon {
  83   width: 16px;
  84   height: 16px;
  85   margin: 0;
  86   filter: url("chrome://browser/skin/filters.svg#fill");
  87   fill: currentColor;
  88 }
  89
  90 .downloadButton > .button-box > .button-text {
  91   display: none;
  92 }
  93
  94 .downloadButton:hover > .button-box {
  95   background-color: #A09090;
  96   color: #000000;
  97 }
  98
  99 .downloadButton:hover:active > .button-box {
 100   background-color: #FF9F00;
 101 }
 102
 103 richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover > .button-box {
 104   background-color: #FFCF00;
 105   color: #000000;
 106 }
 107
 108 richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover:active > .button-box {
 109   background-color: #FF9F00;
 110   color: #000000;
 111 }
 112
 113 /*** Button icons ***/
 114
 115 .downloadIconCancel > .button-box > .button-icon {
 116   list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel");
 117 }
 118
 119 .downloadIconShow > .button-box > .button-icon {
 120   list-style-image: url("chrome://browser/skin/panel-icons.svg#folder");
 121 }
 122
 123 .downloadIconRetry > .button-box > .button-icon {
 124   list-style-image: url("chrome://browser/skin/panel-icons.svg#retry");
 125 }
 126
 127 /*** Progressmeter ***/
 128 /* %include progressmeter.inc.css - this happens as @import at the start of the file */
 129
 130 /* === END allDownloadsViewOverlay.inc.css === */
 131
 132 /*** List items ***/
 133
 134 :root {
 135   --downloads-item-height: 6em;
 136 }
 137
 138 /*** Highlighted list items ***/
 139
 140 richlistitem.download:not([selected]):hover {
 141   border-radius: 3px;
 142   background-color: #794900;
 143   color: #FFCF00;
 144   cursor: pointer;
 145 }
 146
 147 /*** Button icons ***/
 148
 149 .downloadButton.downloadIconCancel {
 150   -moz-image-region: rect(0px, 16px, 16px, 0px);
 151 }
 152
 153 richlistitem.download:hover > .downloadButton.downloadIconCancel,
 154 richlistitem.download:hover > .downloadButton.downloadIconCancel:hover,
 155 richlistitem.download:hover > .downloadButton.downloadIconCancel:active {
 156    -moz-image-region: rect(0px, 32px, 16px, 16px);
 157 }
 158
 159 .downloadButton.downloadIconShow {
 160   -moz-image-region: rect(16px, 16px, 32px, 0px);
 161 }
 162
 163 richlistitem.download:hover > .downloadButton.downloadIconShow,
 164 richlistitem.download:hover > .downloadButton.downloadIconShow:hover,
 165 richlistitem.download:hover > .downloadButton.downloadIconShow:active {
 166    -moz-image-region: rect(16px, 32px, 32px, 16px);
 167 }
 168
 169 .downloadButton.downloadIconRetry {
 170   -moz-image-region: rect(32px, 16px, 48px, 0px);
 171 }
 172
 173 richlistitem.download:hover > .downloadButton.downloadIconRetry,
 174 richlistitem.download:hover > .downloadButton.downloadIconRetry:hover,
 175 richlistitem.download:hover > .downloadButton.downloadIconRetry:active {
 176    -moz-image-region: rect(32px, 32px, 48px, 16px);
 177 }
 178
 179 richlistitem.download[selected] > .downloadButton.downloadIconCancel,
 180 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel,
 181 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover,
 182 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active {
 183   -moz-image-region: rect(0px, 32px, 16px, 16px);
 184 }
 185
 186 richlistitem.download[selected] > .downloadButton.downloadIconShow,
 187 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow,
 188 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover,
 189 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active {
 190   -moz-image-region: rect(16px, 32px, 32px, 16px);
 191 }
 192
 193 richlistitem.download[selected] > .downloadButton.downloadIconRetry,
 194 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry,
 195 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover,
 196 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active {
 197   -moz-image-region: rect(32px, 32px, 48px, 16px);
 198 }