LCARStrek/browser/downloads/downloads.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 /*** Panel and outer controls ***/
   6
   7 #downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent {
   8   padding: 0;
   9 }
  10
  11 #downloadsListBox {
  12   background-color: transparent;
  13   padding: 4px;
  14   color: inherit;
  15 }
  16
  17 #downloadsPanel:not([hasdownloads]) > #downloadsListBox {
  18   display: none;
  19 }
  20
  21 #downloadsPanel[hasdownloads] > #emptyDownloads {
  22   display: none;
  23 }
  24
  25 #emptyDownloads {
  26   padding: 10px 20px;
  27   max-width: 40ch;
  28 }
  29
  30 #downloadsHistory {
  31   cursor: pointer;
  32   margin: 4px !important;
  33   color: #3333FF;
  34 }
  35
  36 #downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus {
  37   outline: 1px #008484 dotted;
  38   outline-offset: -1px;
  39 }
  40
  41 #downloadsHistory > .button-box {
  42   border: none;
  43 }
  44
  45 #downloadsFooter {
  46 }
  47
  48 #downloadsFooter:hover {
  49 }
  50
  51 #downloadsFooter:hover:active {
  52 }
  53
  54 /*** Downloads Summary and List items ***/
  55
  56 #downloadsSummary,
  57 richlistitem[type="download"] {
  58   height: 7em;
  59   -moz-padding-end: 0;
  60   color: inherit;
  61 }
  62
  63 #downloadsSummary {
  64   padding: 8px 38px 8px 12px;
  65   cursor: pointer;
  66   -moz-user-focus: normal;
  67 }
  68
  69 #downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus {
  70   outline: 1px #008484 dotted;
  71   outline-offset: -5px;
  72 }
  73
  74 #downloadsSummary > .downloadTypeIcon {
  75   list-style-image: url("chrome://browser/skin/downloads/download-summary.png");
  76 }
  77
  78 #downloadsSummaryDescription {
  79   color: #3333FF;
  80 }
  81
  82 richlistitem[type="download"] {
  83   margin: 0;
  84   border-bottom: 1px dotted #9C9CFF;
  85   background: transparent;
  86   padding: 8px;
  87 }
  88
  89 richlistitem[type="download"]:first-child {
  90 /*  border-top: 1px solid transparent;*/
  91 }
  92
  93 #downloadsListBox:-moz-focusring > richlistitem[type="download"][selected] {
  94   outline: 1px #008484 dotted;
  95   outline-offset: -1px;
  96   /*-moz-outline-radius: 3px;*/
  97 }
  98
  99 .downloadTypeIcon {
 100   -moz-margin-end: 8px;
 101   /* Prevent flickering when changing states. */
 102   height: 32px;
 103   width: 32px;
 104 }
 105
 106 .blockedIcon {
 107   list-style-image: url("chrome://global/skin/icons/alert-error.gif");
 108 }
 109
 110 /* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of
 111    a vbox with class .downloadContainer. We set the font-size of the entire
 112    container to 90% because:
 113
 114    1) This is the size that we want .downloadDetails to be
 115    2) The container's width is set by localizers by &downloadDetails.width;,
 116       which is a ch unit. Since this is the value that should control the
 117       panel width, we apply it to the outer container to constrain
 118       .downloadTarget and .downloadProgress.
 119
 120    Finally, since we want .downloadTarget's font-size to be at 100% of the
 121    font-size of .downloadContainer's parent, we use calc to go from the
 122    smaller font-size back to the original font-size.
 123  */
 124 #downloadsSummaryDetails,
 125 .downloadContainer {
 126   font-size: 90%;
 127 }
 128
 129 #downloadsSummaryDescription,
 130 .downloadTarget {
 131   margin-bottom: 6px;
 132   cursor: inherit;
 133 }
 134
 135 .downloadTarget {
 136   font-size: calc(100%/0.9);
 137 }
 138
 139 #downloadsSummaryDetails,
 140 .downloadDetails {
 141   opacity: 0.6;
 142   cursor: inherit;
 143 }
 144
 145 .downloadButton {
 146   min-width: 0;
 147   min-height: 0;
 148   margin: 3px;
 149 /*  border: none; */
 150   background: transparent;
 151   padding: 5px;
 152   list-style-image: url("chrome://browser/skin/downloads/buttons.png");
 153 }
 154
 155 .downloadButton > .button-box {
 156   border: 1px solid transparent;
 157   padding: 0;
 158 }
 159
 160 #downloadsPanel[keyfocus] .downloadButton:focus > .button-box {
 161   border: 1px dotted #008484;
 162 }
 163
 164 /*** Highlighted list items ***/
 165
 166 /* #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover { */
 167 #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"]:hover {
 168   border-radius: 3px;
 169   background-color: #794900;
 170   color: #FFCF00;
 171   cursor: pointer;
 172 }
 173
 174 #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover:active {
 175 }
 176
 177 /*** Button icons ***/
 178
 179 .downloadButton.downloadConfirmBlock,
 180 .downloadButton.downloadCancel {
 181   -moz-image-region: rect(0px, 16px, 16px, 0px);
 182 }
 183 richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock,
 184 richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:hover,
 185 richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:active,
 186 richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel,
 187 richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover,
 188 richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active {
 189   -moz-image-region: rect(0px, 32px, 16px, 16px);
 190 }
 191
 192 .downloadButton.downloadShow {
 193   -moz-image-region: rect(16px, 16px, 32px, 0px);
 194 }
 195 richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow,
 196 richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:hover,
 197 richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:active {
 198   -moz-image-region: rect(16px, 32px, 32px, 16px);
 199 }
 200
 201 .downloadButton.downloadRetry {
 202   -moz-image-region: rect(32px, 16px, 48px, 0px);
 203 }
 204 richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry,
 205 richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover,
 206 richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active {
 207   -moz-image-region: rect(32px, 32px, 48px, 16px);
 208 }