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