Google Git
Sign in
chromium / chromium / src / 139232cbd9b227fedac9a8ad09c90d470335db9e / . / chrome / browser / resources / mobile_setup.html
blob: 24245312a0af3f07713801278a3481e1a1d67627 [file] [log] [blame]
[email protected]9d3f7d5e2010-09-25 06:17:04[diff] [blame]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 {
[email protected]88a98032010-11-30 06:30:12[diff] [blame]8 font-family: arial, sans-serif;
9 font-size: 13px;
10 line-height: 22px;
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]11 -webkit-user-select: none;
12}
13
[email protected]88a98032010-11-30 06:30:12[diff] [blame]14iframe {
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]15 overflow-x: scroll;
16 overflow-y: scroll;
17}
18
19.overlay {
20 position: fixed;
21 left: 0;
22 right: 0;
[email protected]88a98032010-11-30 06:30:12[diff] [blame]23 background: rgba(0, 0, 0, .1);
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]24 top: 0;
25 bottom: 0;
26 z-index: 10;
[email protected]3c1139f2010-10-22 06:17:42[diff] [blame]27 padding: 100px;
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]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;
[email protected]88a98032010-11-30 06:30:12[diff] [blame]36 border:1px solid #bdbdbd;
37 -webkit-box-shadow:1px 1px 12px rgba(0, 0, 0, 0.15);
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]38}
39
40.startup {
41 width: 500px;
42 position: absolute;
43 top: 50%;
44 left: 50%;
45 margin-left:-250px;
46 margin-top:-250px;
[email protected]9d3f7d5e2010-09-25 06:17:04[diff] [blame]47}
48
[email protected]3c1139f2010-10-22 06:17:42[diff] [blame]49#paymentForm {
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]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%;
[email protected]9d3f7d5e2010-09-25 06:17:04[diff] [blame]58}
59
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]60.logo {
[email protected]36268692011-02-06 22:52:37[diff] [blame]61 background: url('chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/carrier_logo.png') no-repeat;
[email protected]88a98032010-11-30 06:30:12[diff] [blame]62 background-position: 85% 50%;
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]63 height: 58px;
[email protected]36158e72010-11-18 06:43:01[diff] [blame]64 margin-bottom: 20px;
65 margin-top: 20px;
[email protected]9d3f7d5e2010-09-25 06:17:04[diff] [blame]66}
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]67
[email protected]36158e72010-11-18 06:43:01[diff] [blame]68.splitter {
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]69 margin-top: 10px;
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]70 border-bottom: 1px solid #EEE;
71 height: 1px;
72}
73
[email protected]3c1139f2010-10-22 06:17:42[diff] [blame]74.hidden {
75 display: none;
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]76}
77
78.testing-only {
[email protected]3c1139f2010-10-22 06:17:42[diff] [blame]79 position: absolute;
80 left: 0;
81 top: 0;
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]82}
83
[email protected]36158e72010-11-18 06:43:01[diff] [blame]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
[email protected]88a98032010-11-30 06:30:12[diff] [blame]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}
[email protected]9d3f7d5e2010-09-25 06:17:04[diff] [blame]156</style>
157<script src="chrome://resources/js/cr.js"></script>
[email protected]3c1139f2010-10-22 06:17:42[diff] [blame]158<script src="chrome://resources/js/local_strings.js"></script>
[email protected]9d3f7d5e2010-09-25 06:17:04[diff] [blame]159<script src="chrome://resources/js/util.js"></script>
160<script src="mobile_setup.js"></script>
[email protected]9d3f7d5e2010-09-25 06:17:04[diff] [blame]161</head>
[email protected]3c1139f2010-10-22 06:17:42[diff] [blame]162<body onload="mobile.MobileSetup.loadPage();"
163 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
164 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe>
[email protected]3ef3e752010-11-17 00:43:29[diff] [blame]165 <div id="systemStatus" class="overlay hidden">
166 <div class="startup">
[email protected]88a98032010-11-30 06:30:12[diff] [blame]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>
[email protected]3f224b442011-02-11 05:52:14[diff] [blame]179 <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activation.html"
180 id="carrierPage" frameborder="0"></iframe>
[email protected]3ef3e752010-11-17 00:43:29[diff] [blame]181 </div>
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]182 </div>
[email protected]36268692011-02-06 22:52:37[diff] [blame]183 <div id="finalStatus" class="overlay hidden">
[email protected]36158e72010-11-18 06:43:01[diff] [blame]184 <div class="startup">
[email protected]36268692011-02-06 22:52:37[diff] [blame]185 <div class="header"><h3 id="finalHeader"></h3></div>
186 <div id="finalMessage"></div>
[email protected]36158e72010-11-18 06:43:01[diff] [blame]187 <div class="splitter"></div>
188 <div class="logo"></div>
189 <div class="action-area button-strip">
190 <button id="closeButton"
[email protected]3f224b442011-02-11 05:52:14[diff] [blame]191 i18n-content="close_button" class="hidden"></button>
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]192 </div>
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]193 </div>
194 </div>
[email protected]9a24152e2010-10-08 23:15:31[diff] [blame]195</body>
[email protected]9d3f7d5e2010-09-25 06:17:04[diff] [blame]196</html>