chrome/browser/resources/downloads/downloads.css

   1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2  * Use of this source code is governed by a BSD-style license that can be
   3  * found in the LICENSE file. */
   4
   5 <include src="../search_header.css">
   6
   7 #downloads-summary-text {
   8   font-weight: bold;
   9 }
  10
  11 #download-actions {
  12   -webkit-margin-start: 16px;
  13 }
  14
  15 #downloads-actions > * ~ * {
  16   -webkit-margin-start: 10px;
  17 }
  18
  19 #downloads-display,
  20 #no-downloads-or-results {
  21   max-width: 740px;
  22   padding: 0 10px 34px;
  23 }
  24
  25 .download {
  26   -webkit-margin-start: 114px;
  27   -webkit-padding-start: 52px;
  28   margin-bottom: 15px;
  29   position: relative;
  30 }
  31
  32 .download,
  33 #no-downloads-or-results {
  34   margin-top: 6px;
  35 }
  36
  37 .date-container {
  38   left: -110px;
  39   position: absolute;
  40   width: 110px;
  41 }
  42
  43 html[dir=rtl] .date-container {
  44   left: auto;
  45   right: -110px;
  46 }
  47
  48 .date-container .since {
  49   color: black;
  50 }
  51
  52 .date-container .date {
  53   color: #666;
  54 }
  55
  56 .download .icon {
  57   height: 32px;
  58   left: 9px;
  59   position: absolute;
  60   top: 2px;
  61   width: 32px;
  62 }
  63
  64 html[dir=rtl] .icon {
  65   left: auto;
  66   right: 9px;
  67 }
  68
  69 .download.otr > .safe,
  70 .download.otr > .show-dangerous {
  71   -webkit-transition: opacity 150ms;
  72   background: url(../../../../ui/webui/resources/images/otr_icon_standalone.png)
  73               no-repeat right bottom;
  74   opacity: .66;
  75 }
  76
  77 html[dir=rtl] .download.otr > .safe,
  78 html[dir=rtl] .download.otr > .show-dangerous {
  79   background-position: left bottom;
  80 }
  81
  82 .download.otr > .safe:hover,
  83 .download.otr > .show-dangerous:hover {
  84   opacity: 1;
  85 }
  86
  87 .description.malware {
  88   color: rgb(196, 42, 23);
  89 }
  90
  91 .progress {
  92   height: 48px;
  93   left: 0;
  94   position: absolute;
  95   top: -6px;
  96   width: 48px;
  97 }
  98
  99 html[dir=rtl] .progress {
 100   left: auto;
 101   right: 0;
 102 }
 103
 104 .progress.background {
 105   background: url(chrome://theme/IDR_DOWNLOAD_PROGRESS_BACKGROUND_32);
 106   background-size: 48px;
 107 }
 108
 109 .name,
 110 .src-url,
 111 .controls a,
 112 .description {
 113   -webkit-padding-end: 4px;
 114   -webkit-padding-start: 4px;
 115 }
 116
 117 .name {
 118   -webkit-padding-end: 16px;
 119   display: inline-block;
 120   max-width: 450px;
 121   word-break: break-all;
 122 }
 123
 124 .interrupted {
 125   color: red;
 126 }
 127
 128 .download .status {
 129   color: #999;
 130   white-space: nowrap;
 131 }
 132
 133 .download .src-url {
 134   color: rgb(85, 102, 221);
 135   display: inline-block;
 136   max-width: 500px;
 137   overflow: hidden;
 138   padding-bottom: 1px;
 139   padding-top: 4px;
 140   text-decoration: none;
 141   text-overflow: ellipsis;
 142   white-space: nowrap;
 143 }
 144
 145 .controls a {
 146   -webkit-margin-end: 12px;
 147   color: #777;
 148 }
 149
 150 .safe .controls a {
 151   display: inline;
 152 }
 153
 154 #downloads-pagination {
 155   -webkit-margin-start: 18px;
 156   padding-top: 24px;
 157 }