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

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

Issue 1710083005: Remove old downloads UI; Material Design version is now the default. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: remove testing/ Created 4 years, 10 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
OLDNEW
(Empty)
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 <include src="../search_header.css">
6
7 #downloads-summary-text {
8 font-weight: bold;
9 }
10
11 #download-actions {
12 -webkit-margin-start: 16px;
13 }
14
15 #downloads-actions > * ~ * {
16 -webkit-margin-start: 10px;
17 }
18
19 #downloads-display,
20 #no-downloads-or-results {
21 max-width: 740px;
22 padding: 0 10px 34px;
23 }
24
25 .download {
26 -webkit-margin-start: 114px;
27 -webkit-padding-start: 52px;
28 margin-bottom: 15px;
29 position: relative;
30 }
31
32 .download,
33 #no-downloads-or-results {
34 margin-top: 6px;
35 }
36
37 .date-container {
38 left: -110px;
39 position: absolute;
40 width: 110px;
41 }
42
43 html[dir=rtl] .date-container {
44 left: auto;
45 right: -110px;
46 }
47
48 .date-container .since {
49 color: black;
50 }
51
52 .date-container .date {
53 color: #666;
54 }
55
56 .download .icon {
57 height: 32px;
58 left: 9px;
59 position: absolute;
60 top: 2px;
61 width: 32px;
62 }
63
64 html[dir=rtl] .icon {
65 left: auto;
66 right: 9px;
67 }
68
69 .download.otr > :-webkit-any(.safe, .dangerous) {
70 -webkit-transition: opacity 150ms;
71 background: url(../../../../ui/webui/resources/images/otr_icon_standalone.png)
72 no-repeat right bottom;
73 opacity: .66;
74 }
75
76 html[dir=rtl] .download.otr > :-webkit-any(.safe, .dangerous) {
77 background-position: left bottom;
78 }
79
80 .download.otr > :-webkit-any(.safe, .dangerous):hover {
81 opacity: 1;
82 }
83
84 .description.malware {
85 color: rgb(196, 42, 23);
86 }
87
88 .progress {
89 height: 48px;
90 left: 0;
91 position: absolute;
92 top: -6px;
93 width: 48px;
94 }
95
96 html[dir=rtl] .progress {
97 left: auto;
98 right: 0;
99 }
100
101 .progress.background {
102 background: url(chrome://theme/IDR_DOWNLOAD_PROGRESS_BACKGROUND_32);
103 background-size: 48px;
104 }
105
106 .title-area {
107 align-items: baseline;
108 display: flex;
109 }
110
111 .title-area > * {
112 flex-shrink: 0;
113 }
114
115 .name,
116 .src-url,
117 .controls a,
118 .description {
119 -webkit-padding-end: 4px;
120 -webkit-padding-start: 4px;
121 }
122
123 .name {
124 -webkit-padding-end: 16px;
125 display: inline-block;
126 max-width: 450px;
127 word-break: break-all;
128 }
129
130 .interrupted {
131 color: red;
132 }
133
134 .download .status {
135 color: #999;
136 white-space: nowrap;
137 }
138
139 .download .src-url {
140 color: rgb(85, 102, 221);
141 display: inline-block;
142 max-width: 500px;
143 overflow: hidden;
144 padding-bottom: 1px;
145 padding-top: 4px;
146 text-decoration: none;
147 text-overflow: ellipsis;
148 white-space: nowrap;
149 }
150
151 .controls a {
152 -webkit-margin-end: 12px;
153 color: #777;
154 }
155
156 .safe .controls a {
157 display: inline;
158 }
159
160 #downloads-pagination {
161 -webkit-margin-start: 18px;
162 padding-top: 24px;
163 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/downloads/constants.js ('k') | chrome/browser/resources/downloads/downloads.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698