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
  10 #downloadsRichListBox {
  11   /** The default listbox appearance comes with an unwanted margin. **/
  12   -moz-appearance: none;
  13   margin: 0;
  14   border: none;
  15 }
  16
  17 /*** List items ***/
  18
  19 #downloadsRichListBox > richlistitem.download {
  20   height: var(--downloads-item-height);
  21   padding: 5px 8px;
  22 }
  23
  24 .downloadTypeIcon {
  25   margin-inline-end: 8px;
  26   margin-inline-start: 8px;
  27   /* explicitly size the icon, so size doesn't vary on hidpi systems */
  28   height: 32px;
  29   width: 32px;
  30 }
  31
  32 .blockedIcon {
  33   list-style-image: url("chrome://global/skin/icons/alert-error.gif");
  34 }
  35
  36 .downloadTarget {
  37   margin-bottom: 3px;
  38   cursor: inherit;
  39 }
  40
  41 .downloadDetails {
  42   opacity: 0.7;
  43   font-size: 95%;
  44   cursor: inherit;
  45 }
  46
  47 .downloadButton {
  48   background: transparent;
  49   min-width: 0;
  50   min-height: 0;
  51   margin: 3px;
  52   border: none;
  53   padding: 5px;
  54   list-style-image: url("chrome://browser/skin/downloads/buttons.png");
  55 }
  56
  57 /* === END allDownloadsViewOverlay.inc.css === */
  58
  59 /*** List items ***/
  60
  61 :root {
  62   --downloads-item-height: 6em;
  63 }
  64
  65 /*** Highlighted list items ***/
  66
  67 richlistitem.download:not([selected]):hover {
  68   border-radius: 3px;
  69   background-color: #794900;
  70   color: #FFCF00;
  71   cursor: pointer;
  72 }
  73
  74 /*** Button icons ***/
  75
  76 .downloadButton.downloadIconCancel {
  77   -moz-image-region: rect(0px, 16px, 16px, 0px);
  78 }
  79
  80 richlistitem.download:hover > .downloadButton.downloadIconCancel,
  81 richlistitem.download:hover > .downloadButton.downloadIconCancel:hover,
  82 richlistitem.download:hover > .downloadButton.downloadIconCancel:active {
  83    -moz-image-region: rect(0px, 32px, 16px, 16px);
  84 }
  85
  86 .downloadButton.downloadIconShow {
  87   -moz-image-region: rect(16px, 16px, 32px, 0px);
  88 }
  89
  90 richlistitem.download:hover > .downloadButton.downloadIconShow,
  91 richlistitem.download:hover > .downloadButton.downloadIconShow:hover,
  92 richlistitem.download:hover > .downloadButton.downloadIconShow:active {
  93    -moz-image-region: rect(16px, 32px, 32px, 16px);
  94 }
  95
  96 .downloadButton.downloadIconRetry {
  97   -moz-image-region: rect(32px, 16px, 48px, 0px);
  98 }
  99
 100 richlistitem.download:hover > .downloadButton.downloadIconRetry,
 101 richlistitem.download:hover > .downloadButton.downloadIconRetry:hover,
 102 richlistitem.download:hover > .downloadButton.downloadIconRetry:active {
 103    -moz-image-region: rect(32px, 32px, 48px, 16px);
 104 }
 105
 106 richlistitem.download[selected] > .downloadButton.downloadIconCancel,
 107 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel,
 108 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover,
 109 richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active {
 110   -moz-image-region: rect(0px, 32px, 16px, 16px);
 111 }
 112
 113 richlistitem.download[selected] > .downloadButton.downloadIconShow,
 114 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow,
 115 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover,
 116 richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active {
 117   -moz-image-region: rect(16px, 32px, 32px, 16px);
 118 }
 119
 120 richlistitem.download[selected] > .downloadButton.downloadIconRetry,
 121 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry,
 122 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover,
 123 richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active {
 124   -moz-image-region: rect(32px, 32px, 48px, 16px);
 125 }