first (largest) part of sync for both themes with toolkit windows theme changes in...

[themes.git] / LCARStrek / browser / downloads / allDownloadsViewOverlay.css

diff --git a/LCARStrek/browser/downloads/allDownloadsViewOverlay.css b/LCARStrek/browser/downloads/allDownloadsViewOverlay.css
index 1534b699d78c753f1318f8caacbaaba9469533e8..b14c62e5a166123ba3390a2952be76edffd721ff 100644 (file)
--- a/LCARStrek/browser/downloads/allDownloadsViewOverlay.css
+++ b/LCARStrek/browser/downloads/allDownloadsViewOverlay.css
@@ -2,6 +2,11 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+/* === BEGIN allDownloadsViewOverlay.inc.css === */
+
+/*** View and outer controls ***/
+
+
 #downloadsRichListBox {
   /** The default listbox appearance comes with an unwanted margin. **/
   -moz-appearance: none;
@@ -9,14 +14,16 @@
   border: none;
 }
 
+/*** List items ***/
+
 #downloadsRichListBox > richlistitem.download {
-  height: 6em;
+  height: var(--downloads-item-height);
   padding: 5px 8px;
 }
 
 .downloadTypeIcon {
-  -moz-margin-end: 8px;
-  -moz-margin-start: 8px;
+  margin-inline-end: 8px;
+  margin-inline-start: 8px;
   /* explicitly size the icon, so size doesn't vary on hidpi systems */
   height: 32px;
   width: 32px;
@@ -47,6 +54,14 @@
   list-style-image: url("chrome://browser/skin/downloads/buttons.png");
 }
 
+/* === END allDownloadsViewOverlay.inc.css === */
+
+/*** List items ***/
+
+:root {
+  --downloads-item-height: 6em;
+}
+
 /*** Highlighted list items ***/
 
 richlistitem.download:not([selected]):hover {
@@ -58,61 +73,53 @@ richlistitem.download:not([selected]):hover {
 
 /*** Button icons ***/
 
-.downloadButton.downloadConfirmBlock,
-.downloadButton.downloadCancel {
+.downloadButton.downloadIconCancel {
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 
-richlistitem.download:hover > .downloadButton.downloadConfirmBlock,
-richlistitem.download:hover > .downloadButton.downloadConfirmBlock:hover,
-richlistitem.download:hover > .downloadButton.downloadConfirmBlock:active,
-richlistitem.download:hover > .downloadButton.downloadCancel,
-richlistitem.download:hover > .downloadButton.downloadCancel:hover,
-richlistitem.download:hover > .downloadButton.downloadCancel:active {
+richlistitem.download:hover > .downloadButton.downloadIconCancel,
+richlistitem.download:hover > .downloadButton.downloadIconCancel:hover,
+richlistitem.download:hover > .downloadButton.downloadIconCancel:active {
    -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
-.downloadButton.downloadShow {
+.downloadButton.downloadIconShow {
   -moz-image-region: rect(16px, 16px, 32px, 0px);
 }
 
-richlistitem.download:hover > .downloadButton.downloadShow,
-richlistitem.download:hover > .downloadButton.downloadShow:hover,
-richlistitem.download:hover > .downloadButton.downloadShow:active {
+richlistitem.download:hover > .downloadButton.downloadIconShow,
+richlistitem.download:hover > .downloadButton.downloadIconShow:hover,
+richlistitem.download:hover > .downloadButton.downloadIconShow:active {
    -moz-image-region: rect(16px, 32px, 32px, 16px);
 }
 
-.downloadButton.downloadRetry {
+.downloadButton.downloadIconRetry {
   -moz-image-region: rect(32px, 16px, 48px, 0px);
 }
 
-richlistitem.download:hover > .downloadButton.downloadRetry,
-richlistitem.download:hover > .downloadButton.downloadRetry:hover,
-richlistitem.download:hover > .downloadButton.downloadRetry:active {
+richlistitem.download:hover > .downloadButton.downloadIconRetry,
+richlistitem.download:hover > .downloadButton.downloadIconRetry:hover,
+richlistitem.download:hover > .downloadButton.downloadIconRetry:active {
    -moz-image-region: rect(32px, 32px, 48px, 16px);
 }
 
-richlistitem.download[selected] > .downloadButton.downloadConfirmBlock,
-richlistitem.download[selected]:hover > .downloadButton.downloadConfirmBlock,
-richlistitem.download[selected]:hover > .downloadButton.downloadConfirmBlock:hover,
-richlistitem.download[selected]:hover > .downloadButton.downloadConfirmBlock:active,
-richlistitem.download[selected] > .downloadButton.downloadCancel,
-richlistitem.download[selected]:hover > .downloadButton.downloadCancel,
-richlistitem.download[selected]:hover > .downloadButton.downloadCancel:hover,
-richlistitem.download[selected]:hover > .downloadButton.downloadCancel:active {
+richlistitem.download[selected] > .downloadButton.downloadIconCancel,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:hover,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconCancel:active {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
-richlistitem.download[selected] > .downloadButton.downloadShow,
-richlistitem.download[selected]:hover > .downloadButton.downloadShow,
-richlistitem.download[selected]:hover > .downloadButton.downloadShow:hover,
-richlistitem.download[selected]:hover > .downloadButton.downloadShow:active {
+richlistitem.download[selected] > .downloadButton.downloadIconShow,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconShow,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:hover,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconShow:active {
   -moz-image-region: rect(16px, 32px, 32px, 16px);
 }
 
-richlistitem.download[selected] > .downloadButton.downloadRetry,
-richlistitem.download[selected]:hover > .downloadButton.downloadRetry,
-richlistitem.download[selected]:hover > .downloadButton.downloadRetry:hover,
-richlistitem.download[selected]:hover > .downloadButton.downloadRetry:active {
+richlistitem.download[selected] > .downloadButton.downloadIconRetry,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:hover,
+richlistitem.download[selected]:hover > .downloadButton.downloadIconRetry:active {
   -moz-image-region: rect(32px, 32px, 48px, 16px);
 }