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