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 .malware-description {
  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   -webkit-padding-end: 4px;
 113   -webkit-padding-start: 4px;
 114 }
 115
 116 .name {
 117   -webkit-padding-end: 16px;
 118   display: inline-block;
 119   max-width: 450px;
 120   word-break: break-all;
 121 }
 122
 123 .interrupted {
 124   color: red;
 125 }
 126
 127 .download .status {
 128   color: #999;
 129   white-space: nowrap;
 130 }
 131
 132 .download .src-url {
 133   color: rgb(85, 102, 221);
 134   display: inline-block;
 135   max-width: 500px;
 136   overflow: hidden;
 137   padding-bottom: 1px;
 138   padding-top: 4px;
 139   text-decoration: none;
 140   text-overflow: ellipsis;
 141   white-space: nowrap;
 142 }
 143
 144 .controls a {
 145   -webkit-margin-end: 12px;
 146   color: #777;
 147 }
 148
 149 .safe .controls a {
 150   display: inline;
 151 }
 152
 153 #downloads-pagination {
 154   -webkit-margin-start: 18px;
 155   padding-top: 24px;
 156 }