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 /*** View and outer controls ***/
   8
   9 #downloadsRichListBox {
  10   /** The default listbox appearance comes with an unwanted margin. **/
  11   -moz-appearance: none;
  12   margin: 0;
  13   border: none;
  14 }
  15
  16 /*** List items ***/
  17
  18 #downloadsRichListBox > richlistitem.download {
  19   height: var(--downloads-item-height);
  20   padding: 5px 8px;
  21 }
  22
  23 .downloadTypeIcon {
  24   margin-top: 8px;
  25   margin-inline-end: 12px;
  26   margin-bottom: 8px;
  27   margin-inline-start: 0;
  28   width: 32px;
  29   height: 32px;
  30 }
  31
  32 .downloadBlockedBadge {
  33   margin: 0 4px;
  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-bottom: 3px;
  55   cursor: inherit;
  56 }
  57
  58 .downloadDetails {
  59   opacity: 0.7;
  60   font-size: 95%;
  61   cursor: inherit;
  62 }
  63
  64 .downloadButton {
  65   -moz-box-align: center;
  66   background: transparent;
  67   min-width: 0;
  68   min-height: 0;
  69   margin: 3px;
  70   border: none;
  71   padding: 5px;
  72   color: inherit;
  73 }
  74
  75 .downloadButton > .button-box {
  76   -moz-appearance: none;
  77   padding: 2px !important;
  78   border-radius: 50%;
  79   color: graytext;
  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 > .button-box {
 104   color: inherit;
 105 }
 106
 107 richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover > .button-box {
 108   background-color: #FFCF00;
 109   color: #000000;
 110 }
 111
 112 richlistitem.download[selected] > .downloadButtonArea > .downloadButton:hover:active > .button-box {
 113   background-color: #FF9F00;
 114   color: #000000;
 115 }
 116
 117 /*** Button icons ***/
 118
 119 .downloadIconCancel > .button-box > .button-icon {
 120   list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel");
 121 }
 122
 123 .downloadIconShow > .button-box > .button-icon {
 124   list-style-image: url("chrome://browser/skin/panel-icons.svg#folder");
 125 }
 126
 127 .downloadIconRetry > .button-box > .button-icon {
 128   list-style-image: url("chrome://browser/skin/panel-icons.svg#retry");
 129 }
 130
 131 /* === END allDownloadsViewOverlay.inc.css === */
 132
 133 /*** List items ***/
 134
 135 :root {
 136   --downloads-item-height: 6em;
 137 }
 138
 139 /*** Highlighted list items ***/
 140
 141 richlistitem.download:not([selected]):hover {
 142   border-radius: 3px;
 143   background-color: #794900;
 144   color: #FFCF00;
 145   cursor: pointer;
 146 }
 147
 148 /*** Button icons ***/
 149
 150 .downloadButton.downloadIconCancel {
 151   -moz-image-region: rect(0px, 16px, 16px, 0px);
 152 }
 153
 154 richlistitem.download:hover > .downloadButton.downloadIconCancel,
 155 richlistitem.download:hover > .downloadButton.downloadIconCancel:hover,
 156 richlistitem.download:hover > .downloadButton.downloadIconCancel:active {
 157    -moz-image-region: rect(0px, 32px, 16px, 16px);
 158 }
 159
 160 .downloadButton.downloadIconShow {
 161   -moz-image-region: rect(16px, 16px, 32px, 0px);
 162 }
 163
 164 richlistitem.download:hover > .downloadButton.downloadIconShow,
 165 richlistitem.download:hover > .downloadButton.downloadIconShow:hover,
 166 richlistitem.download:hover > .downloadButton.downloadIconShow:active {
 167    -moz-image-region: rect(16px, 32px, 32px, 16px);
 168 }
 169
 170 .downloadButton.downloadIconRetry {
 171   -moz-image-region: rect(32px, 16px, 48px, 0px);
 172 }
 173
 174 richlistitem.download:hover > .downloadButton.downloadIconRetry,
 175 richlistitem.download:hover > .downloadButton.downloadIconRetry:hover,
 176 richlistitem.download:hover > .downloadButton.downloadIconRetry:active {
 177    -moz-image-region: rect(32px, 32px, 48px, 16px);
 178 }
 179
 180 richlistitem.download[selected] > .downloadButton.downloadIconCancel,
 181 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel,
 182 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover,
 183 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active {
 184   -moz-image-region: rect(0px, 32px, 16px, 16px);
 185 }
 186
 187 richlistitem.download[selected] > .downloadButton.downloadIconShow,
 188 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow,
 189 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover,
 190 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active {
 191   -moz-image-region: rect(16px, 32px, 32px, 16px);
 192 }
 193
 194 richlistitem.download[selected] > .downloadButton.downloadIconRetry,
 195 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry,
 196 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover,
 197 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active {
 198   -moz-image-region: rect(32px, 32px, 48px, 16px);
 199 }