<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title i18n-content="title"></title> <style> body { font-family: arial, sans-serif; font-size: 13px; line-height: 22px; -webkit-user-select: none; } iframe { overflow-x: scroll; overflow-y: scroll; } .overlay { position: fixed; left: 0; right: 0; background: rgba(0, 0, 0, .1); top: 0; bottom: 0; z-index: 10; padding: 100px; -webkit-box-align: center; -webkit-box-pack: center; } .overlay > div { background: white; border-radius: 5px; padding: 15px; border:1px solid #bdbdbd; -webkit-box-shadow:1px 1px 12px rgba(0, 0, 0, 0.15); } .startup { width: 500px; position: absolute; top: 50%; left: 50%; margin-left:-250px; margin-top:-250px; } #paymentForm { display: -webkit-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .logo { background: url('chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/carrier_logo.png') no-repeat; background-position: 85% 50%; height: 58px; margin-bottom: 20px; margin-top: 20px; } .splitter { margin-top: 10px; border-bottom: 1px solid #EEE; height: 1px; } .hidden { display: none; } .testing-only { position: absolute; left: 0; top: 0; } #finalMessage { padding-bottom: 50px; } .action-area { -webkit-box-orient: horizontal; -webkit-box-align: center; padding: 12px; position: absolute; right: 0px; bottom: 0px; display: -webkit-box; } .button-strip { -webkit-box-orient: horizontal; display: -webkit-box; } #carrierPage { padding-top: 10px; width: 500px; height: 380px; overflow-x: none; overflow-y: none; } #header { -webkit-padding-start: 50px; position: relative; top: -50%; } #banner { background-color: #fcf6e0; border: 1px solid #ccc; display: -webkit-box; margin-left: -22px; padding: 5px; width: 467px; -webkit-padding-start: 70px; -webkit-box-shadow:1px 1px 6px rgba(0, 0, 0, 0.2); } #startupMessage { -webkit-padding-start: 15px; } #headerWrapper { position: relative; } #statusHeader { font-weight: bold; font-size: 16px; } #auxHeader { font-size: 16px; } #errorMessage { width: 500px; height: 380px; padding-top: 20px; } .headerCell { -webkit-padding-start: 10px; } .canvasCell { vertical-align: middle; line-height: 0px; } </style> <script src="chrome://resources/js/cr.js"></script> <script src="chrome://resources/js/local_strings.js"></script> <script src="chrome://resources/js/util.js"></script> <script src="mobile_setup.js"></script> </head> <body onload="mobile.MobileSetup.loadPage();" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> <div id="systemStatus" class="overlay hidden"> <div class="startup"> <div id="banner"> <table border="0"> <tbody><tr> <td class="canvasCell"><canvas id="canvas" width="56" height="56"></canvas></td> <td class="headerCell"> <div id="statusHeader"></div> <div id="auxHeader"></div> </td> </tr> </tbody></table> </div> <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activation.html" id="carrierPage" frameborder="0"></iframe> </div> </div> <div id="finalStatus" class="overlay hidden"> <div class="startup"> <div class="header"><h3 id="finalHeader"></h3></div> <div id="finalMessage"></div> <div class="splitter"></div> <div class="logo"></div> <div class="action-area button-strip"> <button id="closeButton" i18n-content="close_button" class="hidden"></button> </div> </div> </div> </body> </html>