Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(609)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/downloads/downloads.css

Issue 9689007: Downloads: First pass at a cleanup to match webdev style. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Review fixes 2. Created 8 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « chrome/browser/resources/downloads.js ('k') | chrome/browser/resources/downloads/downloads.html » ('j') | chrome/browser/resources/downloads/downloads.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 <html i18n-values="dir:textdirection;"> 2 * Use of this source code is governed by a BSD-style license that can be
3 <head> 3 * found in the LICENSE file.
4 <meta charset="utf-8"> 4 */
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 5
12 #downloads-summary { 6 #downloads-summary {
13 background-color: rgb(235, 239, 249); 7 background-color: rgb(235, 239, 249);
14 border-top: 1px solid rgb(156, 194, 239); 8 border-top: 1px solid rgb(156, 194, 239);
15 margin-bottom: 6px; 9 margin-bottom: 6px;
16 margin-top: 12px; 10 margin-top: 12px;
17 padding: 3px; 11 padding: 3px;
18 } 12 }
19 13
20 #downloads-summary-text { 14 #downloads-summary-text {
21 font-weight: bold; 15 font-weight: bold;
22 } 16 }
23 17
24 #downloads-actions { 18 #downloads-actions {
25 float: right; 19 float: right;
26 } 20 }
27 21
28 html[dir=rtl] #downloads-actions { 22 html[dir=rtl] #downloads-actions {
29 float: left; 23 float: left;
30 } 24 }
31 25
32 #downloads-actions > a { 26 #downloads-actions > a {
33 margin-left: 10px; 27 -webkit-margin-start: 10px;
34 } 28 }
35 29
36 #downloads-actions > a:first-child { 30 #downloads-actions > a:first-child {
37 margin-left: 0; 31 -webkit-margin-start: 0;
38 } 32 }
39 33
40 #downloads-display { 34 #downloads-display {
41 max-width: 740px; 35 max-width: 740px;
42 } 36 }
43 37
44 .download { 38 .download {
45 -webkit-margin-start: 114px; 39 -webkit-margin-start: 114px;
46 -webkit-padding-start: 56px; 40 -webkit-padding-start: 56px;
47 margin-bottom: 15px; 41 margin-bottom: 15px;
(...skipping 29 matching lines...) Expand all
77 } 71 }
78 72
79 html[dir=rtl] .icon { 73 html[dir=rtl] .icon {
80 left: auto; 74 left: auto;
81 right: 9px; 75 right: 9px;
82 } 76 }
83 77
84 .download.otr > .safe, 78 .download.otr > .safe,
85 .download.otr > .show-dangerous { 79 .download.otr > .show-dangerous {
86 -webkit-transition: opacity 150ms; 80 -webkit-transition: opacity 150ms;
87 background: url('shared/images/otr_icon_standalone.png') no-repeat 100% 100%; 81 background: url('../shared/images/otr_icon_standalone.png')
82 no-repeat 100% 100%;
88 opacity: .66; 83 opacity: .66;
89 } 84 }
90 85
91 html[dir=rtl] .download.otr > .safe, 86 html[dir=rtl] .download.otr > .safe,
92 html[dir=rtl] .download.otr > .show-dangerous { 87 html[dir=rtl] .download.otr > .show-dangerous {
93 background-position: 0% 100%; 88 background-position: 0% 100%;
94 } 89 }
95 90
96 .download.otr > .safe:hover, 91 .download.otr > .safe:hover,
97 .download.otr > .show-dangerous:hover { 92 .download.otr > .show-dangerous:hover {
98 opacity: 1; 93 opacity: 1;
99 } 94 }
100 95
101 .progress { 96 .progress {
102 height: 48px; 97 height: 48px;
103 left: 0; 98 left: 0;
104 position: absolute; 99 position: absolute;
105 top: -6px; 100 top: -6px;
106 width: 48px; 101 width: 48px;
107 } 102 }
108 103
109 html[dir=rtl] .progress { 104 html[dir=rtl] .progress {
110 left: auto; 105 left: auto;
111 right: 0; 106 right: 0;
112 } 107 }
113 108
114 .progress.background { 109 .progress.background {
115 background: url('../../app/theme/download_progress_background32.png'); 110 background: url('chrome://theme/IDR_DOWNLOAD_PROGRESS_BACKGROUND_32');
116 } 111 }
117 112
118 .progress.foreground { 113 .progress.foreground {
119 background: url('../../app/theme/download_progress_foreground32.png'); 114 background: url('chrome://theme/IDR_DOWNLOAD_PROGRESS_FOREGROUND_32');
120 } 115 }
121 116
122 .name { 117 .name {
123 -webkit-padding-end: 16px; 118 -webkit-padding-end: 16px;
124 display: none; 119 display: none;
125 max-width: 450px; 120 max-width: 450px;
126 word-break: break-all; 121 word-break: break-all;
127 } 122 }
128 123
129 .download .status { 124 .download .status {
130 display: inline;
131 color: #999; 125 color: #999;
132 white-space: nowrap; 126 white-space: nowrap;
133 } 127 }
134 128
135 .download .src-url { 129 .download .src-url {
136 color: rgb(85, 102, 221); 130 color: rgb(85, 102, 221);
137 display: inline-block; 131 display: inline-block;
138 max-width: 500px; 132 max-width: 500px;
139 overflow: hidden; 133 overflow: hidden;
140 padding-bottom: 1px; 134 padding-bottom: 1px;
141 padding-top: 4px; 135 padding-top: 4px;
142 text-decoration: none; 136 text-decoration: none;
143 text-overflow: ellipsis; 137 text-overflow: ellipsis;
144 white-space: nowrap; 138 white-space: nowrap;
145 } 139 }
146 140
147 .controls a { 141 .controls a {
142 -webkit-margin-end: 16px;
148 color: #777; 143 color: #777;
149 margin-right: 16px;
150 } 144 }
151 145
152 #downloads-pagination { 146 #downloads-pagination {
147 -webkit-margin-start: 18px;
153 padding-top: 24px; 148 padding-top: 24px;
154 margin-left: 18px;
155 } 149 }
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>
OLDNEW
« no previous file with comments | « chrome/browser/resources/downloads.js ('k') | chrome/browser/resources/downloads/downloads.html » ('j') | chrome/browser/resources/downloads/downloads.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698