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 font-size: 100%; | 8 font-size: 100%; |
9 -webkit-user-select: none; | 9 -webkit-user-select: none; |
10 } | 10 } |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
51 left: 0; | 51 left: 0; |
52 right: 0; | 52 right: 0; |
53 top: 0; | 53 top: 0; |
54 bottom: 0; | 54 bottom: 0; |
55 width: 100%; | 55 width: 100%; |
56 height: 100%; | 56 height: 100%; |
57 } | 57 } |
58 | 58 |
59 .logo { | 59 .logo { |
60 background: url('file:///usr/share/chromeos-assets/mobile/carrier_logo.png') n
o-repeat; | 60 background: url('file:///usr/share/chromeos-assets/mobile/carrier_logo.png') n
o-repeat; |
| 61 background-position: center; |
61 height: 58px; | 62 height: 58px; |
| 63 margin-bottom: 20px; |
| 64 margin-top: 20px; |
62 } | 65 } |
63 | 66 |
64 #errorMessage { | 67 #errorMessage { |
65 margin: 20px; | 68 margin: 20px; |
66 } | 69 } |
67 | 70 |
68 .box { | 71 .splitter { |
69 display: -webkit-box; | |
70 } | |
71 | |
72 #finalLogo { | |
73 position: absolute; | |
74 right: 130px; | |
75 width: 150px; | |
76 } | |
77 | |
78 #activationLogo { | |
79 background-position: center; | |
80 margin-bottom: 20px; | |
81 margin-top: 20px; | |
82 } | |
83 | |
84 #splitter { | |
85 margin-top: 10px; | 72 margin-top: 10px; |
86 left: 50%; | 73 left: 50%; |
87 margin-left: 150px; | 74 margin-left: 150px; |
88 width: 200px; | 75 width: 200px; |
89 border-bottom: 1px solid #EEE; | 76 border-bottom: 1px solid #EEE; |
90 height: 1px; | 77 height: 1px; |
91 } | 78 } |
92 | 79 |
93 .hidden { | 80 .hidden { |
94 display: none; | 81 display: none; |
95 } | 82 } |
96 | 83 |
97 .testing-only { | 84 .testing-only { |
98 position: absolute; | 85 position: absolute; |
99 left: 0; | 86 left: 0; |
100 top: 0; | 87 top: 0; |
101 } | 88 } |
102 | 89 |
| 90 #finalMessage { |
| 91 padding-bottom: 50px; |
| 92 } |
| 93 |
| 94 .action-area { |
| 95 -webkit-box-orient: horizontal; |
| 96 -webkit-box-align: center; |
| 97 padding: 12px; |
| 98 position: absolute; |
| 99 right: 0px; |
| 100 bottom: 0px; |
| 101 display: -webkit-box; |
| 102 } |
| 103 |
| 104 .button-strip { |
| 105 -webkit-box-orient: horizontal; |
| 106 display: -webkit-box; |
| 107 } |
| 108 |
103 </style> | 109 </style> |
104 <script src="chrome://resources/js/cr.js"></script> | 110 <script src="chrome://resources/js/cr.js"></script> |
105 <script src="chrome://resources/js/local_strings.js"></script> | 111 <script src="chrome://resources/js/local_strings.js"></script> |
106 <script src="chrome://resources/js/util.js"></script> | 112 <script src="chrome://resources/js/util.js"></script> |
107 <script src="mobile_setup.js"></script> | 113 <script src="mobile_setup.js"></script> |
108 </head> | 114 </head> |
109 <body onload="mobile.MobileSetup.loadPage();" | 115 <body onload="mobile.MobileSetup.loadPage();" |
110 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> | 116 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
111 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> | 117 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> |
112 <div id="systemStatus" class="overlay hidden"> | 118 <div id="systemStatus" class="overlay hidden"> |
113 <div class="startup"> | 119 <div class="startup"> |
114 <div><h3 id="statusHeader"></h3></div> | 120 <div><h3 id="statusHeader"></h3></div> |
115 <div id="errorMessage"></div> | 121 <div id="errorMessage"></div> |
116 <canvas id="canvas" width="56" height="56"></canvas> | 122 <canvas id="canvas" width="56" height="56"></canvas> |
117 <div id="splitter"></div> | 123 <div class="splitter"></div> |
118 <div id="activationLogo" class="logo"></div> | 124 <div class="logo"></div> |
119 </div> | 125 </div> |
120 </div> | 126 </div> |
121 <div id="finalMessage" class="overlay hidden"> | 127 <div id="finalMessage" class="overlay hidden"> |
122 <div class="box"> | 128 <div class="startup"> |
123 <div> | 129 <div class="header"><h3 i18n-content="completed_header"></h3></div> |
124 <div class="header"><h3 i18n-content="completed_header"></h3></div> | 130 <div i18n-content="completed_text"></div> |
125 <div id="action" i18n-content="completed_text"></div> | 131 <div class="splitter"></div> |
| 132 <div class="logo"></div> |
| 133 <div class="action-area button-strip"> |
| 134 <button id="closeButton" |
| 135 i18n-content="close_button"></button> |
126 </div> | 136 </div> |
127 <div id="finalLogo" class="logo"></div> | |
128 </div> | 137 </div> |
129 </div> | 138 </div> |
130 </body> | 139 </body> |
131 </html> | 140 </html> |
OLD | NEW |