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