| OLD | NEW |
|---|
| (Empty) |
| 1 <!DOCTYPE HTML> | |
| 2 <html i18n-values="dir:textdirection;"> | |
| 3 <head> | |
| 4 <meta charset="utf-8"> | |
| 5 <title i18n-content="title"></title> | |
| 6 <link rel="icon" href="../../app/theme/downloads_favicon.png"> | |
| 7 <link rel="stylesheet" href="old_webui.css"> | |
| 8 <link rel="stylesheet" href="shared/css/chrome_shared.css"> | |
| 9 <link rel="stylesheet" href="shared/css/widgets.css"> | |
| 10 <style> | |
| 11 | |
| 12 #downloads-summary { | |
| 13 background-color: rgb(235, 239, 249); | |
| 14 border-top: 1px solid rgb(156, 194, 239); | |
| 15 margin-bottom: 6px; | |
| 16 margin-top: 12px; | |
| 17 padding: 3px; | |
| 18 } | |
| 19 | |
| 20 #downloads-summary-text { | |
| 21 font-weight: bold; | |
| 22 } | |
| 23 | |
| 24 #downloads-actions { | |
| 25 float: right; | |
| 26 } | |
| 27 | |
| 28 html[dir=rtl] #downloads-actions { | |
| 29 float: left; | |
| 30 } | |
| 31 | |
| 32 #downloads-actions > a { | |
| 33 margin-left: 10px; | |
| 34 } | |
| 35 | |
| 36 #downloads-actions > a:first-child { | |
| 37 margin-left: 0; | |
| 38 } | |
| 39 | |
| 40 #downloads-display { | |
| 41 max-width: 740px; | |
| 42 } | |
| 43 | |
| 44 .download { | |
| 45 -webkit-margin-start: 114px; | |
| 46 -webkit-padding-start: 56px; | |
| 47 margin-bottom: 15px; | |
| 48 margin-top: 6px; | |
| 49 position: relative; | |
| 50 } | |
| 51 | |
| 52 .date-container { | |
| 53 left: -110px; | |
| 54 position: absolute; | |
| 55 width: 110px; | |
| 56 } | |
| 57 | |
| 58 html[dir=rtl] .date-container { | |
| 59 left: auto; | |
| 60 right: -110px; | |
| 61 } | |
| 62 | |
| 63 .date-container .since { | |
| 64 color: black; | |
| 65 } | |
| 66 | |
| 67 .date-container .date { | |
| 68 color: #666; | |
| 69 } | |
| 70 | |
| 71 .download .icon { | |
| 72 height: 32px; | |
| 73 left: 9px; | |
| 74 position: absolute; | |
| 75 top: 2px; | |
| 76 width: 32px; | |
| 77 } | |
| 78 | |
| 79 html[dir=rtl] .icon { | |
| 80 left: auto; | |
| 81 right: 9px; | |
| 82 } | |
| 83 | |
| 84 .download.otr > .safe, | |
| 85 .download.otr > .show-dangerous { | |
| 86 -webkit-transition: opacity 150ms; | |
| 87 background: url('shared/images/otr_icon_standalone.png') no-repeat 100% 100%; | |
| 88 opacity: .66; | |
| 89 } | |
| 90 | |
| 91 html[dir=rtl] .download.otr > .safe, | |
| 92 html[dir=rtl] .download.otr > .show-dangerous { | |
| 93 background-position: 0% 100%; | |
| 94 } | |
| 95 | |
| 96 .download.otr > .safe:hover, | |
| 97 .download.otr > .show-dangerous:hover { | |
| 98 opacity: 1; | |
| 99 } | |
| 100 | |
| 101 .progress { | |
| 102 height: 48px; | |
| 103 left: 0; | |
| 104 position: absolute; | |
| 105 top: -6px; | |
| 106 width: 48px; | |
| 107 } | |
| 108 | |
| 109 html[dir=rtl] .progress { | |
| 110 left: auto; | |
| 111 right: 0; | |
| 112 } | |
| 113 | |
| 114 .progress.background { | |
| 115 background: url('../../app/theme/download_progress_background32.png'); | |
| 116 } | |
| 117 | |
| 118 .progress.foreground { | |
| 119 background: url('../../app/theme/download_progress_foreground32.png'); | |
| 120 } | |
| 121 | |
| 122 .name { | |
| 123 -webkit-padding-end: 16px; | |
| 124 display: none; | |
| 125 max-width: 450px; | |
| 126 word-break: break-all; | |
| 127 } | |
| 128 | |
| 129 .download .status { | |
| 130 display: inline; | |
| 131 color: #999; | |
| 132 white-space: nowrap; | |
| 133 } | |
| 134 | |
| 135 .download .src-url { | |
| 136 color: rgb(85, 102, 221); | |
| 137 display: inline-block; | |
| 138 max-width: 500px; | |
| 139 overflow: hidden; | |
| 140 padding-bottom: 1px; | |
| 141 padding-top: 4px; | |
| 142 text-decoration: none; | |
| 143 text-overflow: ellipsis; | |
| 144 white-space: nowrap; | |
| 145 } | |
| 146 | |
| 147 .controls a { | |
| 148 color: #777; | |
| 149 margin-right: 16px; | |
| 150 } | |
| 151 | |
| 152 #downloads-pagination { | |
| 153 padding-top: 24px; | |
| 154 margin-left: 18px; | |
| 155 } | |
| 156 | |
| 157 </style> | |
| 158 <script src="chrome://resources/js/local_strings.js"></script> | |
| 159 </head> | |
| 160 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> | |
| 161 <div class="header"> | |
| 162 <a id="search-link" href=""> | |
| 163 <img src="shared/images/downloads_section.png" | |
| 164 width="67" height="67" class="logo" border="0" /></a> | |
| 165 <form id="search-form" method="post" action="" class="form"> | |
| 166 <input type="text" name="term" id="term" /> | |
| 167 <input id="search-submit" | |
| 168 type="submit" name="submit" i18n-values="value:searchbutton" /> | |
| 169 </form> | |
| 170 </div> | |
| 171 <div class="main"> | |
| 172 <div id="downloads-summary"> | |
| 173 <span id="downloads-summary-text" i18n-content="downloads">Downloads</span> | |
| 174 <span id="downloads-actions"> | |
| 175 <a id="open-downloads-folder" href="" | |
| 176 i18n-content="open_downloads_folder">Open downloads folder</a> | |
| 177 <a id="clear-all" href="" i18n-content="clear_all">Clear All</a> | |
| 178 </span> | |
| 179 </div> | |
| 180 <div id="downloads-display"></div> | |
| 181 </div> | |
| 182 <script src="chrome://downloads/downloads.js"></script> | |
| 183 <script src="chrome://downloads/strings.js"></script> | |
| 184 <script src="chrome://resources/js/i18n_template.js"></script> | |
| 185 <script src="chrome://resources/js/i18n_process.js"></script> | |
| 186 </body> | |
| 187 </html> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 9689007:
Downloads: First pass at a cleanup to match webdev style. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src