1<!DOCTYPE HTML> 2<html> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5<title i18n-content="title"></title> 6<style> 7body { 8 font-family: arial, sans-serif; 9 font-size: 13px; 10 line-height: 22px; 11 -webkit-user-select: none; 12} 13 14iframe { 15 overflow-x: scroll; 16 overflow-y: scroll; 17} 18 19.overlay { 20 position: fixed; 21 left: 0; 22 right: 0; 23 background: rgba(0, 0, 0, .1); 24 top: 0; 25 bottom: 0; 26 z-index: 10; 27 padding: 100px; 28 -webkit-box-align: center; 29 -webkit-box-pack: center; 30} 31 32.overlay > div { 33 background: white; 34 border-radius: 5px; 35 padding: 15px; 36 border:1px solid #bdbdbd; 37 -webkit-box-shadow:1px 1px 12px rgba(0, 0, 0, 0.15); 38} 39 40.startup { 41 width: 500px; 42 position: absolute; 43 top: 50%; 44 left: 50%; 45 margin-left:-250px; 46 margin-top:-250px; 47} 48 49#paymentForm { 50 display: -webkit-box; 51 position: absolute; 52 left: 0; 53 right: 0; 54 top: 0; 55 bottom: 0; 56 width: 100%; 57 height: 100%; 58} 59 60.logo { 61 background: url('chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/carrier_logo.png') no-repeat; 62 background-position: 85% 50%; 63 height: 58px; 64 margin-bottom: 20px; 65 margin-top: 20px; 66} 67 68.splitter { 69 margin-top: 10px; 70 border-bottom: 1px solid #EEE; 71 height: 1px; 72} 73 74.hidden { 75 display: none; 76} 77 78.testing-only { 79 position: absolute; 80 left: 0; 81 top: 0; 82} 83 84#finalMessage { 85 padding-bottom: 50px; 86} 87 88.action-area { 89 -webkit-box-orient: horizontal; 90 -webkit-box-align: center; 91 padding: 12px; 92 position: absolute; 93 right: 0px; 94 bottom: 0px; 95 display: -webkit-box; 96} 97 98.button-strip { 99 -webkit-box-orient: horizontal; 100 display: -webkit-box; 101} 102 103#carrierPage { 104 padding-top: 10px; 105 width: 500px; 106 height: 380px; 107 overflow-x: none; 108 overflow-y: none; 109} 110 111#header { 112 -webkit-padding-start: 50px; 113 position: relative; 114 top: -50%; 115} 116 117#banner { 118 background-color: #fcf6e0; 119 border: 1px solid #ccc; 120 display: -webkit-box; 121 margin-left: -22px; 122 padding: 5px; 123 width: 467px; 124 -webkit-padding-start: 70px; 125 -webkit-box-shadow:1px 1px 6px rgba(0, 0, 0, 0.2); 126} 127 128#startupMessage { 129 -webkit-padding-start: 15px; 130} 131 132#headerWrapper { 133 position: relative; 134} 135#statusHeader { 136 font-weight: bold; 137 font-size: 16px; 138} 139 140#auxHeader { 141 font-size: 16px; 142} 143 144#errorMessage { 145 width: 500px; 146 height: 380px; 147 padding-top: 20px; 148} 149.headerCell { 150 -webkit-padding-start: 10px; 151} 152.canvasCell { 153 vertical-align: middle; 154 line-height: 0px; 155} 156</style> 157<script src="chrome://resources/js/cr.js"></script> 158<script src="chrome://resources/js/local_strings.js"></script> 159<script src="chrome://resources/js/util.js"></script> 160<script src="mobile_setup.js"></script> 161</head> 162<body onload="mobile.MobileSetup.loadPage();" 163 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 164 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> 165 <div id="systemStatus" class="overlay hidden"> 166 <div class="startup"> 167 <div id="banner"> 168 <table border="0"> 169 <tbody><tr> 170 <td class="canvasCell"><canvas id="canvas" width="56" 171 height="56"></canvas></td> 172 <td class="headerCell"> 173 <div id="statusHeader"></div> 174 <div id="auxHeader"></div> 175 </td> 176 </tr> 177 </tbody></table> 178 </div> 179 <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activation.html" 180 id="carrierPage" frameborder="0"></iframe> 181 </div> 182 </div> 183 <div id="finalStatus" class="overlay hidden"> 184 <div class="startup"> 185 <div class="header"><h3 id="finalHeader"></h3></div> 186 <div id="finalMessage"></div> 187 <div class="splitter"></div> 188 <div class="logo"></div> 189 <div class="action-area button-strip"> 190 <button id="closeButton" 191 i18n-content="close_button" class="hidden"></button> 192 </div> 193 </div> 194 </div> 195</body> 196</html> 197
