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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 5329007: UI polish changes on cellular plan activation page.... (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: '' Created 10 years 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/chromeos/dom_ui/mobile_setup_ui.cc ('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-size: 100%; 8 font-family: arial, sans-serif;
9 font-size: 13px;
10 line-height: 22px;
9 -webkit-user-select: none; 11 -webkit-user-select: none;
10 } 12 }
11 13
12 iframe { 14 iframe {
13 overflow-x: scroll; 15 overflow-x: scroll;
14 overflow-y: scroll; 16 overflow-y: scroll;
15 } 17 }
16 18
17 .overlay { 19 .overlay {
18 position: fixed; 20 position: fixed;
19 left: 0; 21 left: 0;
20 right: 0; 22 right: 0;
21 background: rgba(0, 0, 0, .2); 23 background: rgba(0, 0, 0, .1);
22 top: 0; 24 top: 0;
23 bottom: 0; 25 bottom: 0;
24 z-index: 10; 26 z-index: 10;
25 padding: 100px; 27 padding: 100px;
26 -webkit-box-align: center; 28 -webkit-box-align: center;
27 -webkit-box-pack: center; 29 -webkit-box-pack: center;
28 } 30 }
29 31
30 .overlay > div { 32 .overlay > div {
31 background: white; 33 background: white;
32 border-radius: 5px; 34 border-radius: 5px;
33 padding: 15px; 35 padding: 15px;
34 border: 1px solid #666; 36 border:1px solid #bdbdbd;
35 -webkit-box-shadow: 3px 3px 3px #666; 37 -webkit-box-shadow:1px 1px 12px rgba(0, 0, 0, 0.15);
36 } 38 }
37 39
38 .startup { 40 .startup {
39 width: 500px; 41 width: 500px;
40 position: absolute; 42 position: absolute;
41 top: 50%; 43 top: 50%;
42 left: 50%; 44 left: 50%;
43 margin-left:-250px; 45 margin-left:-250px;
44 margin-top:-250px; 46 margin-top:-250px;
45 text-align: center;
46 } 47 }
47 48
48 #paymentForm { 49 #paymentForm {
49 display: -webkit-box; 50 display: -webkit-box;
50 position: absolute; 51 position: absolute;
51 left: 0; 52 left: 0;
52 right: 0; 53 right: 0;
53 top: 0; 54 top: 0;
54 bottom: 0; 55 bottom: 0;
55 width: 100%; 56 width: 100%;
56 height: 100%; 57 height: 100%;
57 } 58 }
58 59
59 .logo { 60 .logo {
60 background: url('file:///usr/share/chromeos-assets/mobile/carrier_logo.png') n o-repeat; 61 background: url('file:///usr/share/chromeos-assets/mobile/carrier_logo.png') n o-repeat;
61 background-position: center; 62 background-position: 85% 50%;
62 height: 58px; 63 height: 58px;
63 margin-bottom: 20px; 64 margin-bottom: 20px;
64 margin-top: 20px; 65 margin-top: 20px;
65 } 66 }
66 67
67 #errorMessage {
68 margin: 20px;
69 }
70
71 .splitter { 68 .splitter {
72 margin-top: 10px; 69 margin-top: 10px;
73 left: 50%; 70 left: 50%;
74 margin-left: 150px; 71 width: 600px;
75 width: 200px;
76 border-bottom: 1px solid #EEE; 72 border-bottom: 1px solid #EEE;
77 height: 1px; 73 height: 1px;
78 } 74 }
79 75
80 .hidden { 76 .hidden {
81 display: none; 77 display: none;
82 } 78 }
83 79
84 .testing-only { 80 .testing-only {
85 position: absolute; 81 position: absolute;
(...skipping 13 matching lines...) Expand all
99 right: 0px; 95 right: 0px;
100 bottom: 0px; 96 bottom: 0px;
101 display: -webkit-box; 97 display: -webkit-box;
102 } 98 }
103 99
104 .button-strip { 100 .button-strip {
105 -webkit-box-orient: horizontal; 101 -webkit-box-orient: horizontal;
106 display: -webkit-box; 102 display: -webkit-box;
107 } 103 }
108 104
105 #carrierPage {
106 padding-top: 10px;
107 width: 500px;
108 height: 380px;
109 overflow-x: none;
110 overflow-y: none;
111 }
112
113 #header {
114 -webkit-padding-start: 50px;
115 position: relative;
116 top: -50%;
117 }
118
119 #banner {
120 background-color: #fcf6e0;
121 border: 1px solid #ccc;
122 display: -webkit-box;
123 margin-left: -22px;
124 padding: 5px;
125 width: 467px;
126 -webkit-padding-start: 70px;
127 -webkit-box-shadow:1px 1px 6px rgba(0, 0, 0, 0.2);
128 }
129
130 #startupMessage {
131 -webkit-padding-start: 15px;
132 }
133
134 #headerWrapper {
135 position: relative;
136 }
137 #statusHeader {
138 font-weight: bold;
139 font-size: 16px;
140 }
141
142 #auxHeader {
143 font-size: 16px;
144 }
145
146 #errorMessage {
147 width: 500px;
148 height: 380px;
149 padding-top: 20px;
150 }
151 .headerCell {
152 -webkit-padding-start: 10px;
153 }
154 .canvasCell {
155 vertical-align: middle;
156 line-height: 0px;
157 }
109 </style> 158 </style>
110 <script src="chrome://resources/js/cr.js"></script> 159 <script src="chrome://resources/js/cr.js"></script>
111 <script src="chrome://resources/js/local_strings.js"></script> 160 <script src="chrome://resources/js/local_strings.js"></script>
112 <script src="chrome://resources/js/util.js"></script> 161 <script src="chrome://resources/js/util.js"></script>
113 <script src="mobile_setup.js"></script> 162 <script src="mobile_setup.js"></script>
114 </head> 163 </head>
115 <body onload="mobile.MobileSetup.loadPage();" 164 <body onload="mobile.MobileSetup.loadPage();"
116 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 165 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
117 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> 166 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe>
118 <div id="systemStatus" class="overlay hidden"> 167 <div id="systemStatus" class="overlay hidden">
119 <div class="startup"> 168 <div class="startup">
120 <div><h3 id="statusHeader"></h3></div> 169 <div id="banner">
121 <div id="errorMessage"></div> 170 <table border="0">
122 <canvas id="canvas" width="56" height="56"></canvas> 171 <tbody><tr>
123 <div class="splitter"></div> 172 <td class="canvasCell"><canvas id="canvas" width="56"
124 <div class="logo"></div> 173 height="56"></canvas></td>
174 <td class="headerCell">
175 <div id="statusHeader"></div>
176 <div id="auxHeader"></div>
177 </td>
178 </tr>
179 </tbody></table>
180 </div>
181 <div id="errorMessage" class="hidden"></div>
182 <iframe id="carrierPage" frameborder="0"></iframe>
125 </div> 183 </div>
126 </div> 184 </div>
127 <div id="finalMessage" class="overlay hidden"> 185 <div id="finalMessage" class="overlay hidden">
128 <div class="startup"> 186 <div class="startup">
129 <div class="header"><h3 i18n-content="completed_header"></h3></div> 187 <div class="header"><h3 i18n-content="completed_header"></h3></div>
130 <div i18n-content="completed_text"></div> 188 <div i18n-content="completed_text"></div>
131 <div class="splitter"></div> 189 <div class="splitter"></div>
132 <div class="logo"></div> 190 <div class="logo"></div>
133 <div class="action-area button-strip"> 191 <div class="action-area button-strip">
134 <button id="closeButton" 192 <button id="closeButton"
135 i18n-content="close_button"></button> 193 i18n-content="close_button"></button>
136 </div> 194 </div>
137 </div> 195 </div>
138 </div> 196 </div>
139 </body> 197 </body>
140 </html> 198 </html>
OLDNEW
« no previous file with comments | « chrome/browser/chromeos/dom_ui/mobile_setup_ui.cc ('k') | chrome/browser/resources/mobile_setup.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698