Home | History | Annotate | Download | only in downloads
      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 .progress {
    130   height: 48px;
    131   left: 0;
    132   position: absolute;
    133   top: -6px;
    134   width: 48px;
    135 }
    136 
    137 html[dir=rtl] .progress {
    138   left: auto;
    139   right: 0;
    140 }
    141 
    142 .progress.background {
    143   background: url('chrome://theme/IDR_DOWNLOAD_PROGRESS_BACKGROUND_32');
    144   background-size: 48px;
    145 }
    146 
    147 .name {
    148   -webkit-padding-end: 16px;
    149   display: none;
    150   max-width: 450px;
    151   word-break: break-all;
    152 }
    153 
    154 .interrupted {
    155   color: red;
    156 }
    157 
    158 .download .status {
    159   color: #999;
    160   white-space: nowrap;
    161 }
    162 
    163 .download .src-url {
    164   color: rgb(85, 102, 221);
    165   display: inline-block;
    166   max-width: 500px;
    167   overflow: hidden;
    168   padding-bottom: 1px;
    169   padding-top: 4px;
    170   text-decoration: none;
    171   text-overflow: ellipsis;
    172   white-space: nowrap;
    173 }
    174 
    175 .controls a {
    176   -webkit-margin-end: 16px;
    177   color: #777;
    178 }
    179 
    180 #downloads-pagination {
    181   -webkit-margin-start: 18px;
    182   padding-top: 24px;
    183 }
    184