OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
5 <title i18n-content="title"></title> | 5 <title i18n-content="title"></title> |
6 <style> | 6 <style> |
7 body { | 7 body { |
8 -webkit-box-flex: 1; | 8 -webkit-box-flex: 1; |
9 -webkit-box-orient: vertical; | 9 -webkit-box-orient: vertical; |
10 -webkit-user-select: none; | 10 -webkit-user-select: none; |
11 display: -webkit-box; | 11 display: -webkit-box; |
12 height: 100%; | 12 height: 100%; |
13 margin: 0; | 13 margin: 0; |
14 padding: 0; | 14 padding: 0; |
15 position: absolute; | 15 position: absolute; |
16 width: 100%; | 16 width: 100%; |
17 } | 17 } |
18 | 18 |
19 .dialog-body { | 19 .dialog-body { |
20 border: 1px #aaa solid; | 20 border: 1px #aaa solid; |
21 border-radius: 4px; | |
22 display: -webkit-box; | 21 display: -webkit-box; |
23 margin: 15px; | |
24 margin-top: 0; | 22 margin-top: 0; |
25 overflow: hidden; | 23 overflow: hidden; |
26 position: relative; | 24 position: relative; |
27 -webkit-box-orient: horizontal; | 25 -webkit-box-orient: horizontal; |
28 -webkit-box-flex: 1; | 26 -webkit-box-flex: 1; |
29 } | 27 } |
30 | 28 |
| 29 .dialog-body-dialog { |
| 30 border-radius: 4px; |
| 31 margin: 15px; |
| 32 } |
| 33 |
| 34 .dialog-footer { |
| 35 -webkit-box-orient: horizontal; |
| 36 display: -webkit-box; |
| 37 margin: 15px; |
| 38 margin-top: 0; |
| 39 } |
| 40 |
31 iframe { | 41 iframe { |
32 overflow-x: scroll; | 42 overflow-x: scroll; |
33 overflow-y: scroll; | 43 overflow-y: scroll; |
34 } | 44 } |
35 | 45 |
36 .overlay { | 46 .overlay { |
37 position: absolute; | 47 position: absolute; |
38 left: 0; | 48 left: 0; |
39 right: 0; | 49 right: 0; |
40 background: rgba(0, 0, 0, .1); | |
41 top: 0; | 50 top: 0; |
42 bottom: 0; | 51 bottom: 0; |
43 z-index: 10; | 52 z-index: 10; |
44 padding: 100px; | 53 padding: 100px; |
45 -webkit-box-align: center; | 54 -webkit-box-align: center; |
46 -webkit-box-pack: center; | 55 -webkit-box-pack: center; |
47 } | 56 } |
48 | 57 |
| 58 .opaque-overlay { |
| 59 background: rgba(255, 255, 255, 1); |
| 60 } |
| 61 |
| 62 .tranparent-overlay { |
| 63 background: rgba(0, 0, 0, 0.1); |
| 64 } |
| 65 |
49 .overlay > div { | 66 .overlay > div { |
50 background: white; | 67 background: white; |
51 border-radius: 5px; | 68 border-radius: 5px; |
52 padding: 15px; | 69 padding: 15px; |
53 border:1px solid #bdbdbd; | 70 border:1px solid #bdbdbd; |
54 -webkit-box-shadow:1px 1px 12px rgba(0, 0, 0, 0.15); | 71 -webkit-box-shadow:1px 1px 12px rgba(0, 0, 0, 0.15); |
55 } | 72 } |
56 | 73 |
57 .startup { | 74 .startup { |
58 width: 500px; | 75 width: 500px; |
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
142 height: 380px; | 159 height: 380px; |
143 padding-top: 20px; | 160 padding-top: 20px; |
144 } | 161 } |
145 .headerCell { | 162 .headerCell { |
146 -webkit-padding-start: 10px; | 163 -webkit-padding-start: 10px; |
147 } | 164 } |
148 .canvasCell { | 165 .canvasCell { |
149 vertical-align: middle; | 166 vertical-align: middle; |
150 line-height: 0px; | 167 line-height: 0px; |
151 } | 168 } |
152 .dialog-footer { | |
153 -webkit-box-orient: horizontal; | |
154 display: -webkit-box; | |
155 margin: 15px; | |
156 margin-top: 0; | |
157 } | |
158 | 169 |
159 .horizontal-spacer { | 170 .horizontal-spacer { |
160 -webkit-box-orient: horizontal; | 171 -webkit-box-orient: horizontal; |
161 -webkit-box-flex: 1; | 172 -webkit-box-flex: 1; |
162 } | 173 } |
163 </style> | 174 </style> |
164 <link rel="stylesheet" href="chrome://resources/css/dialogs.css"></link> | 175 <link rel="stylesheet" href="chrome://resources/css/dialogs.css"></link> |
165 <script src="chrome://resources/js/cr.js"></script> | 176 <script src="chrome://resources/js/cr.js"></script> |
166 <script src="chrome://resources/js/local_strings.js"></script> | 177 <script src="chrome://resources/js/local_strings.js"></script> |
167 <script src="chrome://resources/js/util.js"></script> | 178 <script src="chrome://resources/js/util.js"></script> |
168 <script src="chrome://resources/js/cr/ui/dialogs.js"></script> | 179 <script src="chrome://resources/js/cr/ui/dialogs.js"></script> |
169 <script src="mobile_setup.js"></script> | 180 <script src="mobile_setup.js"></script> |
170 </head> | 181 </head> |
171 <body onload="mobile.MobileSetup.loadPage();" | 182 <body onload="mobile.MobileSetup.loadPage();" |
172 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> | 183 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
173 <div class="dialog-body"> | 184 <div id="mainDiv" class="dialog-body"> |
174 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> | 185 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> |
175 <div id="systemStatus" class="overlay hidden"> | 186 <div id="systemStatus" class="overlay opaque-overlay hidden"> |
176 <div class="startup"> | 187 <div class="startup"> |
177 <div id="banner"> | 188 <div id="banner"> |
178 <table border="0"> | 189 <table border="0"> |
179 <tbody><tr> | 190 <tbody><tr> |
180 <td class="canvasCell"><canvas id="canvas" width="56" | 191 <td class="canvasCell"><canvas id="canvas" width="56" |
181 height="56"></canvas></td> | 192 height="56"></canvas></td> |
182 <td class="headerCell"> | 193 <td class="headerCell"> |
183 <div id="statusHeader"></div> | 194 <div id="statusHeader"></div> |
184 <div id="auxHeader"></div> | 195 <div id="auxHeader"></div> |
185 </td> | 196 </td> |
186 </tr> | 197 </tr> |
187 </tbody></table> | 198 </tbody></table> |
188 </div> | 199 </div> |
189 <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activatio
n.html" | 200 <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activatio
n.html" |
190 id="carrierPage" frameborder="0"></iframe> | 201 id="carrierPage" frameborder="0"></iframe> |
191 </div> | 202 </div> |
192 </div> | 203 </div> |
193 <div id="finalStatus" class="overlay hidden"> | 204 <div id="finalStatus" class="overlay tranparent-overlay hidden"> |
194 <div class="startup"> | 205 <div class="startup"> |
195 <div class="header"><h3 id="finalHeader"></h3></div> | 206 <div class="header"><h3 id="finalHeader"></h3></div> |
196 <div id="finalMessage"></div> | 207 <div id="finalMessage"></div> |
197 <div class="splitter"></div> | 208 <div class="splitter"></div> |
198 <div class="logo"></div> | 209 <div class="logo"></div> |
199 <div class="button-strip"> | 210 <div class="button-strip"> |
200 <button id="closeButton" | 211 <button id="closeButton" |
201 i18n-content="close_button" class="hidden"></button> | 212 i18n-content="close_button" class="hidden"></button> |
202 </div> | 213 </div> |
203 </div> | 214 </div> |
204 </div> | 215 </div> |
205 </div> | 216 </div> |
206 <div class="dialog-footer"> | 217 <div id="footer" class="hidden dialog-footer"> |
207 <div class=horizontal-spacer></div> | 218 <div class=horizontal-spacer></div> |
208 <button id="cancelButton" class="cancel" i18n-content="cancel_button"></butto
n> | 219 <button id="cancelButton" class="cancel" i18n-content="cancel_button"></butto
n> |
209 </div> | 220 </div> |
210 </body> | 221 </body> |
211 </html> | 222 </html> |
OLD | NEW |