Home | History | Annotate | Download | only in resources 
      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>
      7 body {
      8   font-family: arial, sans-serif;
      9   font-size: 13px;
     10   line-height: 22px;
     11   -webkit-user-select: none;
     12 }
     13 
     14 iframe {
     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