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