Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(791)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/mobile_setup.html

Issue 8271025: Moved mobile activation into its own modal dialog (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: '' Created 9 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « chrome/browser/resources/file_manager/main.html ('k') | chrome/browser/resources/mobile_setup.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title i18n-content="title"></title> 5 <title i18n-content="title"></title>
6 <style> 6 <style>
7 body { 7 body {
8 font-family: arial, sans-serif; 8 -webkit-box-flex: 1;
9 font-size: 13px; 9 -webkit-box-orient: vertical;
10 line-height: 22px; 10 -webkit-user-select: none;
11 -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 border-radius: 4px;
22 display: -webkit-box;
23 margin: 15px;
24 margin-top: 0;
25 overflow: hidden;
26 position: relative;
27 -webkit-box-orient: horizontal;
28 -webkit-box-flex: 1;
12 } 29 }
13 30
14 iframe { 31 iframe {
15 overflow-x: scroll; 32 overflow-x: scroll;
16 overflow-y: scroll; 33 overflow-y: scroll;
17 } 34 }
18 35
19 .overlay { 36 .overlay {
20 position: fixed; 37 position: absolute;
21 left: 0; 38 left: 0;
22 right: 0; 39 right: 0;
23 background: rgba(0, 0, 0, .1); 40 background: rgba(0, 0, 0, .1);
24 top: 0; 41 top: 0;
25 bottom: 0; 42 bottom: 0;
26 z-index: 10; 43 z-index: 10;
27 padding: 100px; 44 padding: 100px;
28 -webkit-box-align: center; 45 -webkit-box-align: center;
29 -webkit-box-pack: center; 46 -webkit-box-pack: center;
30 } 47 }
(...skipping 10 matching lines...) Expand all
41 width: 500px; 58 width: 500px;
42 position: absolute; 59 position: absolute;
43 top: 50%; 60 top: 50%;
44 left: 50%; 61 left: 50%;
45 margin-left:-250px; 62 margin-left:-250px;
46 margin-top:-250px; 63 margin-top:-250px;
47 } 64 }
48 65
49 #paymentForm { 66 #paymentForm {
50 display: -webkit-box; 67 display: -webkit-box;
51 position: absolute;
52 left: 0;
53 right: 0;
54 top: 0;
55 bottom: 0;
56 width: 100%; 68 width: 100%;
57 height: 100%;
58 } 69 }
59 70
60 .logo { 71 .logo {
61 background: url('chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/carrier_l ogo.png') no-repeat; 72 background: url('chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/carrier_l ogo.png') no-repeat;
62 background-position: 85% 50%; 73 background-position: 85% 50%;
63 height: 58px; 74 height: 58px;
64 margin-bottom: 20px; 75 margin-bottom: 20px;
65 margin-top: 20px; 76 margin-top: 20px;
66 } 77 }
67 78
(...skipping 10 matching lines...) Expand all
78 .testing-only { 89 .testing-only {
79 position: absolute; 90 position: absolute;
80 left: 0; 91 left: 0;
81 top: 0; 92 top: 0;
82 } 93 }
83 94
84 #finalMessage { 95 #finalMessage {
85 padding-bottom: 50px; 96 padding-bottom: 50px;
86 } 97 }
87 98
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 { 99 #carrierPage {
104 padding-top: 10px; 100 padding-top: 10px;
105 width: 500px; 101 width: 500px;
106 height: 380px; 102 height: 380px;
107 overflow-x: none; 103 overflow-x: none;
108 overflow-y: none; 104 overflow-y: none;
109 } 105 }
110 106
111 #header { 107 #header {
112 -webkit-padding-start: 50px; 108 -webkit-padding-start: 50px;
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
146 height: 380px; 142 height: 380px;
147 padding-top: 20px; 143 padding-top: 20px;
148 } 144 }
149 .headerCell { 145 .headerCell {
150 -webkit-padding-start: 10px; 146 -webkit-padding-start: 10px;
151 } 147 }
152 .canvasCell { 148 .canvasCell {
153 vertical-align: middle; 149 vertical-align: middle;
154 line-height: 0px; 150 line-height: 0px;
155 } 151 }
152 .dialog-footer {
153 -webkit-box-orient: horizontal;
154 display: -webkit-box;
155 margin: 15px;
156 margin-top: 0;
157 }
158
159 .horizontal-spacer {
160 -webkit-box-orient: horizontal;
161 -webkit-box-flex: 1;
162 }
156 </style> 163 </style>
164 <link rel="stylesheet" href="chrome://resources/css/dialogs.css"></link>
157 <script src="chrome://resources/js/cr.js"></script> 165 <script src="chrome://resources/js/cr.js"></script>
158 <script src="chrome://resources/js/local_strings.js"></script> 166 <script src="chrome://resources/js/local_strings.js"></script>
159 <script src="chrome://resources/js/util.js"></script> 167 <script src="chrome://resources/js/util.js"></script>
168 <script src="chrome://resources/js/cr/ui/dialogs.js"></script>
160 <script src="mobile_setup.js"></script> 169 <script src="mobile_setup.js"></script>
161 </head> 170 </head>
162 <body onload="mobile.MobileSetup.loadPage();" 171 <body onload="mobile.MobileSetup.loadPage();"
163 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 172 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
173 <div class="dialog-body">
164 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> 174 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe>
165 <div id="systemStatus" class="overlay hidden"> 175 <div id="systemStatus" class="overlay hidden">
166 <div class="startup"> 176 <div class="startup">
167 <div id="banner"> 177 <div id="banner">
168 <table border="0"> 178 <table border="0">
169 <tbody><tr> 179 <tbody><tr>
170 <td class="canvasCell"><canvas id="canvas" width="56" 180 <td class="canvasCell"><canvas id="canvas" width="56"
171 height="56"></canvas></td> 181 height="56"></canvas></td>
172 <td class="headerCell"> 182 <td class="headerCell">
173 <div id="statusHeader"></div> 183 <div id="statusHeader"></div>
174 <div id="auxHeader"></div> 184 <div id="auxHeader"></div>
175 </td> 185 </td>
176 </tr> 186 </tr>
177 </tbody></table> 187 </tbody></table>
178 </div> 188 </div>
179 <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activatio n.html" 189 <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activatio n.html"
180 id="carrierPage" frameborder="0"></iframe> 190 id="carrierPage" frameborder="0"></iframe>
181 </div> 191 </div>
182 </div> 192 </div>
183 <div id="finalStatus" class="overlay hidden"> 193 <div id="finalStatus" class="overlay hidden">
184 <div class="startup"> 194 <div class="startup">
185 <div class="header"><h3 id="finalHeader"></h3></div> 195 <div class="header"><h3 id="finalHeader"></h3></div>
186 <div id="finalMessage"></div> 196 <div id="finalMessage"></div>
187 <div class="splitter"></div> 197 <div class="splitter"></div>
188 <div class="logo"></div> 198 <div class="logo"></div>
189 <div class="action-area button-strip"> 199 <div class="button-strip">
190 <button id="closeButton" 200 <button id="closeButton"
191 i18n-content="close_button" class="hidden"></button> 201 i18n-content="close_button" class="hidden"></button>
192 </div> 202 </div>
193 </div> 203 </div>
194 </div> 204 </div>
205 </div>
206 <div class="dialog-footer">
207 <div class=horizontal-spacer></div>
208 <button id="cancelButton" class="cancel" i18n-content="cancel_button"></butto n>
209 </div>
195 </body> 210 </body>
196 </html> 211 </html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/file_manager/main.html ('k') | chrome/browser/resources/mobile_setup.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698