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 .downloadTarget {
  50   margin-bottom: 3px;
  51   cursor: inherit;
  52 }
  53
  54 .downloadDetails {
  55   opacity: 0.7;
  56   font-size: 95%;
  57   cursor: inherit;
  58 }
  59
  60 .downloadButton {
  61   background: transparent;
  62   min-width: 0;
  63   min-height: 0;
  64   margin: 3px;
  65   border: none;
  66   padding: 5px;
  67   list-style-image: url("chrome://browser/skin/downloads/buttons.png");
  68 }
  69
  70 /* === END allDownloadsViewOverlay.inc.css === */
  71
  72 /*** List items ***/
  73
  74 :root {
  75   --downloads-item-height: 6em;
  76 }
  77
  78 /*** Highlighted list items ***/
  79
  80 richlistitem.download:not([selected]):hover {
  81   border-radius: 3px;
  82   background-color: #794900;
  83   color: #FFCF00;
  84   cursor: pointer;
  85 }
  86
  87 /*** Button icons ***/
  88
  89 .downloadButton.downloadIconCancel {
  90   -moz-image-region: rect(0px, 16px, 16px, 0px);
  91 }
  92
  93 richlistitem.download:hover > .downloadButton.downloadIconCancel,
  94 richlistitem.download:hover > .downloadButton.downloadIconCancel:hover,
  95 richlistitem.download:hover > .downloadButton.downloadIconCancel:active {
  96    -moz-image-region: rect(0px, 32px, 16px, 16px);
  97 }
  98
  99 .downloadButton.downloadIconShow {
 100   -moz-image-region: rect(16px, 16px, 32px, 0px);
 101 }
 102
 103 richlistitem.download:hover > .downloadButton.downloadIconShow,
 104 richlistitem.download:hover > .downloadButton.downloadIconShow:hover,
 105 richlistitem.download:hover > .downloadButton.downloadIconShow:active {
 106    -moz-image-region: rect(16px, 32px, 32px, 16px);
 107 }
 108
 109 .downloadButton.downloadIconRetry {
 110   -moz-image-region: rect(32px, 16px, 48px, 0px);
 111 }
 112
 113 richlistitem.download:hover > .downloadButton.downloadIconRetry,
 114 richlistitem.download:hover > .downloadButton.downloadIconRetry:hover,
 115 richlistitem.download:hover > .downloadButton.downloadIconRetry:active {
 116    -moz-image-region: rect(32px, 32px, 48px, 16px);
 117 }
 118
 119 richlistitem.download[selected] > .downloadButton.downloadIconCancel,
 120 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel,
 121 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover,
 122 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active {
 123   -moz-image-region: rect(0px, 32px, 16px, 16px);
 124 }
 125
 126 richlistitem.download[selected] > .downloadButton.downloadIconShow,
 127 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow,
 128 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover,
 129 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active {
 130   -moz-image-region: rect(16px, 32px, 32px, 16px);
 131 }
 132
 133 richlistitem.download[selected] > .downloadButton.downloadIconRetry,
 134 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry,
 135 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover,
 136 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active {
 137   -moz-image-region: rect(32px, 32px, 48px, 16px);
 138 }