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   -moz-margin-end: 8px;
  26   -moz-margin-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.downloadConfirmBlock,
  77 .downloadButton.downloadCancel {
  78   -moz-image-region: rect(0px, 16px, 16px, 0px);
  79 }
  80
  81 richlistitem.download:hover > .downloadButton.downloadConfirmBlock,
  82 richlistitem.download:hover > .downloadButton.downloadConfirmBlock:hover,
  83 richlistitem.download:hover > .downloadButton.downloadConfirmBlock:active,
  84 richlistitem.download:hover > .downloadButton.downloadCancel,
  85 richlistitem.download:hover > .downloadButton.downloadCancel:hover,
  86 richlistitem.download:hover > .downloadButton.downloadCancel:active {
  87    -moz-image-region: rect(0px, 32px, 16px, 16px);
  88 }
  89
  90 .downloadButton.downloadShow {
  91   -moz-image-region: rect(16px, 16px, 32px, 0px);
  92 }
  93
  94 richlistitem.download:hover > .downloadButton.downloadShow,
  95 richlistitem.download:hover > .downloadButton.downloadShow:hover,
  96 richlistitem.download:hover > .downloadButton.downloadShow:active {
  97    -moz-image-region: rect(16px, 32px, 32px, 16px);
  98 }
  99
 100 .downloadButton.downloadRetry {
 101   -moz-image-region: rect(32px, 16px, 48px, 0px);
 102 }
 103
 104 richlistitem.download:hover > .downloadButton.downloadRetry,
 105 richlistitem.download:hover > .downloadButton.downloadRetry:hover,
 106 richlistitem.download:hover > .downloadButton.downloadRetry:active {
 107    -moz-image-region: rect(32px, 32px, 48px, 16px);
 108 }
 109
 110 richlistitem.download[selected] > .downloadButton.downloadConfirmBlock,
 111 richlistitem.download[selected]:hover > .downloadButton.downloadConfirmBlock,
 112 richlistitem.download[selected]:hover > .downloadButton.downloadConfirmBlock:hover,
 113 richlistitem.download[selected]:hover > .downloadButton.downloadConfirmBlock:active,
 114 richlistitem.download[selected] > .downloadButton.downloadCancel,
 115 richlistitem.download[selected]:hover > .downloadButton.downloadCancel,
 116 richlistitem.download[selected]:hover > .downloadButton.downloadCancel:hover,
 117 richlistitem.download[selected]:hover > .downloadButton.downloadCancel:active {
 118   -moz-image-region: rect(0px, 32px, 16px, 16px);
 119 }
 120
 121 richlistitem.download[selected] > .downloadButton.downloadShow,
 122 richlistitem.download[selected]:hover > .downloadButton.downloadShow,
 123 richlistitem.download[selected]:hover > .downloadButton.downloadShow:hover,
 124 richlistitem.download[selected]:hover > .downloadButton.downloadShow:active {
 125   -moz-image-region: rect(16px, 32px, 32px, 16px);
 126 }
 127
 128 richlistitem.download[selected] > .downloadButton.downloadRetry,
 129 richlistitem.download[selected]:hover > .downloadButton.downloadRetry,
 130 richlistitem.download[selected]:hover > .downloadButton.downloadRetry:hover,
 131 richlistitem.download[selected]:hover > .downloadButton.downloadRetry:active {
 132   -moz-image-region: rect(32px, 32px, 48px, 16px);
 133 }