src/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 body {
   6   margin: 10px 10px 34px 10px;
   7 }
   8
   9 .header {
  10   clear: both;
  11   overflow: auto;
  12 }
  13
  14 .header .logo {
  15   float: left;
  16 }
  17
  18 html[dir='rtl'] .logo,
  19 html[dir='rtl'] .form {
  20   float: right;
  21 }
  22
  23 .header .form {
  24   -webkit-margin-start: 12px;
  25   float: left;
  26   margin-top: 4px;
  27 }
  28
  29 #downloads-summary {
  30   background-color: rgb(235, 239, 249);
  31   border-top: 1px solid rgb(156, 194, 239);
  32   margin-bottom: 6px;
  33   margin-top: 12px;
  34   padding: 3px;
  35 }
  36
  37 #downloads-summary-text {
  38   font-weight: bold;
  39 }
  40
  41 #downloads-actions {
  42   float: right;
  43 }
  44
  45 html[dir=rtl] #downloads-actions {
  46   float: left;
  47 }
  48
  49 .disabled-link {
  50   color: #999;
  51   text-decoration: none;
  52 }
  53
  54 #downloads-actions > a,
  55 #downloads-actions > .disabled-link {
  56   -webkit-margin-start: 10px;
  57 }
  58
  59 #downloads-actions > a:first-child {
  60   -webkit-margin-start: 0;
  61 }
  62
  63 #open-downloads-folder {
  64   -webkit-margin-end: 16px;
  65 }
  66
  67 #downloads-display {
  68   max-width: 740px;
  69 }
  70
  71 .download {
  72   -webkit-margin-start: 114px;
  73   -webkit-padding-start: 56px;
  74   margin-bottom: 15px;
  75   margin-top: 6px;
  76   position: relative;
  77 }
  78
  79 .date-container {
  80   left: -110px;
  81   position: absolute;
  82   width: 110px;
  83 }
  84
  85 html[dir=rtl] .date-container {
  86   left: auto;
  87   right: -110px;
  88 }
  89
  90 .date-container .since {
  91   color: black;
  92 }
  93
  94 .date-container .date {
  95   color: #666;
  96 }
  97
  98 .download .icon {
  99   height: 32px;
 100   left: 9px;
 101   position: absolute;
 102   top: 2px;
 103   width: 32px;
 104 }
 105
 106 html[dir=rtl] .icon {
 107   left: auto;
 108   right: 9px;
 109 }
 110
 111 .download.otr > .safe,
 112 .download.otr > .show-dangerous {
 113   -webkit-transition: opacity 150ms;
 114   background: url('../../../../ui/webui/resources/images/otr_icon_standalone.png')
 115               no-repeat right bottom;
 116   opacity: .66;
 117 }
 118
 119 html[dir=rtl] .download.otr > .safe,
 120 html[dir=rtl] .download.otr > .show-dangerous {
 121   background-position: left bottom;
 122 }
 123
 124 .download.otr > .safe:hover,
 125 .download.otr > .show-dangerous:hover {
 126   opacity: 1;
 127 }
 128
 129 .malware-description {
 130   color: rgb(196, 42, 23);
 131 }
 132
 133 .progress {
 134   height: 48px;
 135   left: 0;
 136   position: absolute;
 137   top: -6px;
 138   width: 48px;
 139 }
 140
 141 html[dir=rtl] .progress {
 142   left: auto;
 143   right: 0;
 144 }
 145
 146 .progress.background {
 147   background: url('chrome://theme/IDR_DOWNLOAD_PROGRESS_BACKGROUND_32');
 148   background-size: 48px;
 149 }
 150
 151 .name {
 152   -webkit-padding-end: 16px;
 153   display: none;
 154   max-width: 450px;
 155   word-break: break-all;
 156 }
 157
 158 .interrupted {
 159   color: red;
 160 }
 161
 162 .download .status {
 163   color: #999;
 164   white-space: nowrap;
 165 }
 166
 167 .download .src-url {
 168   color: rgb(85, 102, 221);
 169   display: inline-block;
 170   max-width: 500px;
 171   overflow: hidden;
 172   padding-bottom: 1px;
 173   padding-top: 4px;
 174   text-decoration: none;
 175   text-overflow: ellipsis;
 176   white-space: nowrap;
 177 }
 178
 179 .controls a {
 180   -webkit-margin-end: 16px;
 181   color: #777;
 182 }
 183
 184 #downloads-pagination {
 185   -webkit-margin-start: 18px;
 186   padding-top: 24px;
 187 }