| 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 |