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 <style type="text/css"> | |
8 *:-khtml-drag { | |
9 background-color: rgba(238,238,238, 0.5); | |
10 } | |
11 | |
12 *[draggable] { | |
13 -khtml-user-drag: element; | |
14 cursor: move; | |
15 } | |
16 | |
17 ul.downloadlist { | |
18 list-style-type: none; | |
19 margin: 0; | |
20 padding: 0; | |
21 position: relative; | |
22 } | |
23 | |
24 .menuicon { | |
25 margin: 20px auto auto auto; | |
26 height: 4px; | |
27 width: 5px; | |
28 background: url('../shared/images/active_downloads_menu.png') no-repeat; | |
29 } | |
30 | |
31 .menubutton { | |
32 float: right; | |
33 height: 43px; | |
34 width: 24px; | |
35 border-left: 1px solid #CCC; | |
36 border-bottom: 1px solid #CCC; | |
37 cursor: pointer; | |
38 } | |
39 | |
40 /* TODO(achuith): fix rtl */ | |
41 html[dir=rtl] .menubutton { | |
42 float: left; | |
43 } | |
44 | |
45 .rowbg { | |
46 border-bottom: 1px solid #CCC; | |
47 background: -webkit-gradient(linear, left top, left bottom, | |
48 from(#f3f3f3), to(#ebebeb), color-stop(0.8, #ededed)); | |
49 } | |
50 | |
51 .rowbg:hover { | |
52 background: -webkit-gradient(linear, left top, left bottom, | |
53 from(#fdfdfd), to(#f1f1f1), color-stop(0.8, #f5f5f5)); | |
54 } | |
55 | |
56 .rowbg:active { | |
57 background: -webkit-gradient(linear, left top, left bottom, | |
58 from(#d2e0f0), to(#dee6f0), color-stop(0.1, #e3e9f0)); | |
59 } | |
60 | |
61 .downloadrow { | |
62 height: 36px; | |
63 } | |
64 | |
65 .rowbutton { | |
66 padding: 5px 5px 0 7px; | |
67 position: relative; | |
68 width:213px; | |
69 height: 30px; | |
70 } | |
71 | |
72 .rowbutton div.icon { | |
73 float: left; | |
74 margin-top: 1px; | |
75 width: 21px; | |
76 height: 17px; | |
77 background-repeat: no-repeat; | |
78 } | |
79 | |
80 .rowbutton div.iconwarning { | |
81 float: left; | |
82 margin-top: 1px; | |
83 width: 37px; | |
84 height: 30px; | |
85 background: url('../shared/images/icon_warning2.png') no-repeat; | |
86 } | |
87 | |
88 .rowbutton span.title { | |
89 position: relative; | |
90 text-overflow: ellipsis; | |
91 white-space: nowrap; | |
92 display: inline-block; | |
93 overflow: hidden; | |
94 width: 191px; | |
95 margin-right: -20px; | |
96 color: #325282; | |
97 font-size: .8em; | |
98 } | |
99 | |
100 .dangerousprompt { | |
101 margin: 0 5px 5px 3px; | |
102 display: block; | |
103 } | |
104 | |
105 .dangerousprompttext { | |
106 font-size: .7em; | |
107 color: #325282; | |
108 } | |
109 | |
110 .confirm { | |
111 font-size: .6em; | |
112 text-decoration: underline; | |
113 margin-left: 5px; | |
114 color: #254f9b; | |
115 cursor: pointer; | |
116 } | |
117 | |
118 .progress { | |
119 font-size: .7em; | |
120 text-align: right; | |
121 color: #325282; | |
122 margin-top: 2px; | |
123 } | |
124 | |
125 div.columnlist { | |
126 width: 100%; | |
127 top: 0; | |
128 left: 0; | |
129 bottom: 29px; | |
130 position: absolute; | |
131 background: #e8e8e8 | |
132 } | |
133 | |
134 span.showallfilestext { | |
135 color: #254f9b; | |
136 cursor: pointer; | |
137 text-decoration: underline; | |
138 font-size: 12px; | |
139 height: 15px; | |
140 } | |
141 | |
142 div.showallfiles { | |
143 width: 100%; | |
144 bottom: 0; | |
145 height: 29px; | |
146 position: absolute; | |
147 margin-left: -8px; | |
148 text-align: center; | |
149 background: #e8e8e8 | |
150 } | |
151 | |
152 .menu { | |
153 margin-top: 5px; | |
154 right: 15px; | |
155 border-bottom-left-radius: 4px 4px; | |
156 border-bottom-right-radius: 4px 4px; | |
157 border-top-left-radius: 4px 4px; | |
158 border-top-right-radius: 0px 0px; | |
159 position: absolute; | |
160 display: none; | |
161 z-index: 999; | |
162 background: -webkit-gradient(linear, left top, left bottom, | |
163 from(#f3f3f3), to(#ebebeb), color-stop(0.8, #ededed)); | |
164 border: 1px solid rgba(0, 0, 0, 0.6); | |
165 padding: 2px 5px 0 5px; | |
166 } | |
167 | |
168 .menuitem { | |
169 width: 100%; | |
170 height: 20px; | |
171 font-size: .8em; | |
172 text-align: left; | |
173 cursor: pointer; | |
174 left: 0; | |
175 color: #0D0052; | |
176 -webkit-transition: color 1s ease-out ; | |
177 } | |
178 | |
179 .menuitem:hover { | |
180 text-decoration: underline; | |
181 color: #20c; | |
182 background: #ebeff9; | |
183 -webkit-transition: color 0 ease-out ; | |
184 } | |
185 | |
186 </style> | |
187 <script src="chrome://resources/js/local_strings.js"></script> | |
188 <script src="chrome://resources/js/util.js"></script> | |
189 <script src="chrome://active-downloads/strings.js"></script> | |
190 <script src="chrome://active-downloads/active_downloads.js"></script> | |
191 <body i18n-values=".style.fontFamily:fontfamily"> | |
192 <div id="main" class="columnlist"></div> | |
193 <div id="showallfiles" class="showallfiles"> | |
194 <span id="showallfilestext" class="showallfilestext"></span> | |
195 </div> | |
196 <script src="chrome://resources/js/i18n_template.js"></script> | |
197 <script src="chrome://resources/js/i18n_process.js"></script> | |
198 </body> | |
199 </html> | |
OLD | NEW |