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 > :-webkit-any(.safe, .dangerous) {
  70   -webkit-transition: opacity 150ms;
  71   background: url(../../../../ui/webui/resources/images/otr_icon_standalone.png)
  72               no-repeat right bottom;
  73   opacity: .66;
  74 }
  75
  76 html[dir=rtl] .download.otr > :-webkit-any(.safe, .dangerous) {
  77   background-position: left bottom;
  78 }
  79
  80 .download.otr > :-webkit-any(.safe, .dangerous):hover {
  81   opacity: 1;
  82 }
  83
  84 .description.malware {
  85   color: rgb(196, 42, 23);
  86 }
  87
  88 .progress {
  89   height: 48px;
  90   left: 0;
  91   position: absolute;
  92   top: -6px;
  93   width: 48px;
  94 }
  95
  96 html[dir=rtl] .progress {
  97   left: auto;
  98   right: 0;
  99 }
 100
 101 .progress.background {
 102   background: url(chrome://theme/IDR_DOWNLOAD_PROGRESS_BACKGROUND_32);
 103   background-size: 48px;
 104 }
 105
 106 .title-area {
 107   align-items: baseline;
 108   display: flex;
 109 }
 110
 111 .title-area > * {
 112   flex-shrink: 0;
 113 }
 114
 115 .name,
 116 .src-url,
 117 .controls a,
 118 .description {
 119   -webkit-padding-end: 4px;
 120   -webkit-padding-start: 4px;
 121 }
 122
 123 .name {
 124   -webkit-padding-end: 16px;
 125   display: inline-block;
 126   max-width: 450px;
 127   word-break: break-all;
 128 }
 129
 130 .interrupted {
 131   color: red;
 132 }
 133
 134 .download .status {
 135   color: #999;
 136   white-space: nowrap;
 137 }
 138
 139 .download .src-url {
 140   color: rgb(85, 102, 221);
 141   display: inline-block;
 142   max-width: 500px;
 143   overflow: hidden;
 144   padding-bottom: 1px;
 145   padding-top: 4px;
 146   text-decoration: none;
 147   text-overflow: ellipsis;
 148   white-space: nowrap;
 149 }
 150
 151 .controls a {
 152   -webkit-margin-end: 12px;
 153   color: #777;
 154 }
 155
 156 .safe .controls a {
 157   display: inline;
 158 }
 159
 160 #downloads-pagination {
 161   -webkit-margin-start: 18px;
 162   padding-top: 24px;
 163 }