tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

allDownloadsView.inc.css (2172B)

      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
      3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
      4 
      5 @import "chrome://browser/skin/downloads/progressmeter.css";
      6 @import "chrome://browser/skin/downloads/download-blockedStates.css";
      7 
      8 /*** View and outer controls ***/
      9 
     10 #downloadsListBox {
     11  margin: 0;
     12 }
     13 
     14 /*** List items ***/
     15 
     16 #downloadsListBox > richlistitem {
     17  min-height: 4.5em;
     18 }
     19 
     20 .downloadTypeIcon {
     21  margin: 8px 13px;
     22  width: 32px;
     23  height: 32px;
     24 }
     25 
     26 .downloadTarget {
     27  margin: 0;
     28 }
     29 
     30 .downloadDetails {
     31  opacity: 0.7;
     32  font-size: 95%;
     33  /* Use calc() to keep the height consistent with .downloadTarget, so that the
     34     progress bar can be vertically centered. */
     35  margin: 4px 0 calc(1em / 0.95 - 1em);
     36 }
     37 
     38 .downloadDetailsHover,
     39 .downloadDetailsButtonHover {
     40  display: none;
     41 }
     42 
     43 .downloadButton {
     44  appearance: none;
     45  align-items: center;
     46  background: transparent;
     47  min-width: 0;
     48  min-height: 0;
     49  margin: 0;
     50  border: none;
     51  color: inherit;
     52  padding: 0 12px;
     53 }
     54 
     55 .downloadButton > .button-box {
     56  padding: 8px;
     57  border-radius: var(--border-radius-small);
     58 }
     59 
     60 .downloadButton > .button-box > .button-icon {
     61  width: 16px;
     62  height: 16px;
     63  margin: 0;
     64  -moz-context-properties: fill;
     65  fill: currentColor;
     66 }
     67 
     68 .downloadButton > .button-box > .button-text {
     69  display: none;
     70 }
     71 
     72 .downloadButton:hover > .button-box {
     73  background-color: color-mix(in srgb, currentColor 15%, transparent);
     74 }
     75 
     76 .downloadButton:hover:active > .button-box {
     77  background-color: color-mix(in srgb, currentColor 30%, transparent);
     78 }
     79 
     80 /*** Button icons ***/
     81 
     82 .downloadIconCancel > .button-box > .button-icon {
     83  list-style-image: url("chrome://global/skin/icons/close.svg");
     84 }
     85 
     86 .downloadIconShow > .button-box > .button-icon {
     87  list-style-image: url("chrome://global/skin/icons/folder.svg");
     88 }
     89 
     90 @media (-moz-platform: macos) {
     91  .downloadIconShow > .button-box > .button-icon {
     92    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
     93  }
     94 }
     95 
     96 .downloadIconRetry > .button-box > .button-icon {
     97  list-style-image: url("chrome://global/skin/icons/reload.svg");
     98 }