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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 8851001: Downloads: fix CSS to match style guidelines. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Drop the 'px'. Just '0'. It's cleaner. Created 9 years 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 | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <html i18n-values="dir:textdirection;"> 2 <html i18n-values="dir:textdirection;">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title i18n-content="title"></title> 5 <title i18n-content="title"></title>
6 <link rel="icon" href="../../app/theme/downloads_favicon.png"> 6 <link rel="icon" href="../../app/theme/downloads_favicon.png">
7 <link rel="stylesheet" href="old_webui.css"> 7 <link rel="stylesheet" href="old_webui.css">
8 <link rel="stylesheet" href="shared/css/button.css"> 8 <link rel="stylesheet" href="shared/css/button.css">
9 <link rel="stylesheet" href="shared/css/chrome_shared.css"> 9 <link rel="stylesheet" href="shared/css/chrome_shared.css">
10 <style> 10 <style>
11 11
12 #downloads-summary { 12 #downloads-summary {
13 background-color: rgb(235, 239, 249);
14 border-top: 1px solid rgb(156, 194, 239);
15 margin-bottom: 6px;
13 margin-top: 12px; 16 margin-top: 12px;
14 border-top: 1px solid #9cc2ef;
15 background-color: #ebeff9;
16 padding: 3px; 17 padding: 3px;
17 margin-bottom: 6px;
18 } 18 }
19 19
20 #downloads-summary-text { 20 #downloads-summary-text {
21 font-weight: bold; 21 font-weight: bold;
22 } 22 }
23 23
24 #downloads-actions { 24 #downloads-actions {
25 float: right; 25 float: right;
26 } 26 }
27 27
28 html[dir=rtl] #downloads-actions { 28 html[dir=rtl] #downloads-actions {
29 float: left; 29 float: left;
30 } 30 }
31 31
32 #downloads-actions > a { 32 #downloads-actions > a {
33 margin-left: 10px; 33 margin-left: 10px;
34 } 34 }
35 35
36 #downloads-actions > a:first-child { 36 #downloads-actions > a:first-child {
37 margin-left: 0; 37 margin-left: 0;
38 } 38 }
39 39
40 #downloads-display { 40 #downloads-display {
41 max-width: 740px; 41 max-width: 740px;
42 } 42 }
43 43
44 .download { 44 .download {
45 position: relative;
46 margin-top: 6px;
47 -webkit-margin-start: 114px; 45 -webkit-margin-start: 114px;
48 -webkit-padding-start: 56px; 46 -webkit-padding-start: 56px;
49 margin-bottom: 15px; 47 margin-bottom: 15px;
48 margin-top: 6px;
49 position: relative;
50 } 50 }
51 51
52 .date-container { 52 .date-container {
53 left: -110px;
53 position: absolute; 54 position: absolute;
54 left: -110px;
55 width: 110px; 55 width: 110px;
56 } 56 }
57 57
58 html[dir=rtl] .date-container { 58 html[dir=rtl] .date-container {
59 left: auto; 59 left: auto;
60 right: -110px; 60 right: -110px;
61 } 61 }
62 62
63 .date-container .since { 63 .date-container .since {
64 color: black; 64 color: black;
65 } 65 }
66 66
67 .date-container .date { 67 .date-container .date {
68 color: #666; 68 color: #666;
69 } 69 }
70 70
71 .download .icon { 71 .download .icon {
72 height: 32px;
73 left: 9px;
72 position: absolute; 74 position: absolute;
73 top: 2px; 75 top: 2px;
74 left: 9px;
75 width: 32px; 76 width: 32px;
76 height: 32px;
77 } 77 }
78 78
79 html[dir=rtl] .icon { 79 html[dir=rtl] .icon {
80 left: auto; 80 left: auto;
81 right: 9px; 81 right: 9px;
82 } 82 }
83 83
84 .download.otr > .safe, 84 .download.otr > .safe,
85 .download.otr > .show-dangerous { 85 .download.otr > .show-dangerous {
86 -webkit-transition: opacity 150ms;
86 background: url('shared/images/otr_icon_standalone.png') no-repeat 100% 100%; 87 background: url('shared/images/otr_icon_standalone.png') no-repeat 100% 100%;
87 opacity: .66; 88 opacity: .66;
88 -webkit-transition: opacity .15s;
89 } 89 }
90 90
91 html[dir=rtl] .download.otr > .safe, 91 html[dir=rtl] .download.otr > .safe,
92 html[dir=rtl] .download.otr > .show-dangerous { 92 html[dir=rtl] .download.otr > .show-dangerous {
93 background-position: 0% 100%; 93 background-position: 0% 100%;
94 } 94 }
95 95
96 .download.otr > .safe:hover, 96 .download.otr > .safe:hover,
97 .download.otr > .show-dangerous:hover { 97 .download.otr > .show-dangerous:hover {
98 opacity: 1; 98 opacity: 1;
99 } 99 }
100 100
101 .progress { 101 .progress {
102 height: 48px;
103 left: 0;
102 position: absolute; 104 position: absolute;
103 top: -6px; 105 top: -6px;
104 left: 0px;
105 width: 48px; 106 width: 48px;
106 height: 48px;
107 } 107 }
108 108
109 html[dir=rtl] .progress { 109 html[dir=rtl] .progress {
110 left: auto; 110 left: auto;
111 right: 0px; 111 right: 0;
112 } 112 }
113 113
114 .progress.background { 114 .progress.background {
115 background: url('../../app/theme/download_progress_background32.png'); 115 background: url('../../app/theme/download_progress_background32.png');
116 } 116 }
117 117
118 .progress.foreground { 118 .progress.foreground {
119 background: url('../../app/theme/download_progress_foreground32.png'); 119 background: url('../../app/theme/download_progress_foreground32.png');
120 } 120 }
121 121
122 .name { 122 .name {
123 -webkit-padding-end: 16px;
123 display: none; 124 display: none;
124 -webkit-padding-end: 16px;
125 max-width: 450px; 125 max-width: 450px;
126 word-break: break-all; 126 word-break: break-all;
127 } 127 }
128 128
129 .download .status { 129 .download .status {
130 display: inline; 130 display: inline;
131 color: #999; 131 color: #999;
132 white-space: nowrap; 132 white-space: nowrap;
133 } 133 }
134 134
135 .download .src-url { 135 .download .src-url {
136 color: rgb(85, 102, 221);
136 display: inline-block; 137 display: inline-block;
137 color: #5566DD;
138 max-width: 500px; 138 max-width: 500px;
139 overflow: hidden;
140 padding-bottom: 1px;
141 padding-top: 4px;
142 text-decoration: none;
143 text-overflow: ellipsis;
139 white-space: nowrap; 144 white-space: nowrap;
140 overflow: hidden;
141 text-overflow: ellipsis;
142 text-decoration: none;
143 padding-top: 4px;
144 padding-bottom: 1px;
145 } 145 }
146 146
147 .controls a { 147 .controls a {
148 color: #777; 148 color: #777;
149 margin-right: 16px; 149 margin-right: 16px;
150 } 150 }
151 151
152 #downloads-pagination { 152 #downloads-pagination {
153 padding-top: 24px; 153 padding-top: 24px;
154 margin-left: 18px; 154 margin-left: 18px;
(...skipping 23 matching lines...) Expand all
178 </span> 178 </span>
179 </div> 179 </div>
180 <div id="downloads-display"></div> 180 <div id="downloads-display"></div>
181 </div> 181 </div>
182 <script src="chrome://downloads/downloads.js"></script> 182 <script src="chrome://downloads/downloads.js"></script>
183 <script src="chrome://downloads/strings.js"></script> 183 <script src="chrome://downloads/strings.js"></script>
184 <script src="chrome://resources/js/i18n_template.js"></script> 184 <script src="chrome://resources/js/i18n_template.js"></script>
185 <script src="chrome://resources/js/i18n_process.js"></script> 185 <script src="chrome://resources/js/i18n_process.js"></script>
186 </body> 186 </body>
187 </html> 187 </html>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698