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

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') | chrome/browser/resources/mobile_setup.js » ('J')
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: #EEE;
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 width: 500px;
107 height: 380px;
108 overflow-x: none;
109 overflow-y: none;
110 }
satorux1 2010/11/30 05:45:52 Insert a blank line between styles to be consisten
zel 2010/11/30 06:07:52 Done.
111 #header {
112 -webkit-padding-start: 50px;
113 position: relative;
114 top: -50%;
115 }
116 #banner {
117 background-color: #fcf6e0;
118 border: 1px solid #ccc;
119 display: -webkit-box;
120 margin-left: -22px;
121 padding: 5px;
122 width: 467px;
123 -webkit-padding-start: 70px;
124 -webkit-box-shadow:1px 1px 6px rgba(0, 0, 0, 0.2);
125 }
126 #startupMessage {
127 -webkit-padding-start: 15px;
128 }
129 #headerWrapper {
130 position: relative;
131 }
132 #statusHeader {
133 font-weight: bold;
134 font-size: 16px;
135 }
136 #auxHeader {
137 font-size: 16px;
138 }
139 #errorMessage {
140 width: 500px;
141 height: 380px;
142 padding-top: 20px;
143 }
144 .headerCell {
145 -webkit-padding-start: 10px;
146 }
147 .canvasCell {
148 vertical-align: middle;
149 line-height: 0px;
150 }
109 </style> 151 </style>
110 <script src="chrome://resources/js/cr.js"></script> 152 <script src="chrome://resources/js/cr.js"></script>
111 <script src="chrome://resources/js/local_strings.js"></script> 153 <script src="chrome://resources/js/local_strings.js"></script>
112 <script src="chrome://resources/js/util.js"></script> 154 <script src="chrome://resources/js/util.js"></script>
113 <script src="mobile_setup.js"></script> 155 <script src="mobile_setup.js"></script>
114 </head> 156 </head>
115 <body onload="mobile.MobileSetup.loadPage();" 157 <body onload="mobile.MobileSetup.loadPage();"
116 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 158 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
117 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe> 159 <iframe class="hidden" id="paymentForm" frameborder="0"></iframe>
118 <div id="systemStatus" class="overlay hidden"> 160 <div id="systemStatus" class="overlay hidden">
119 <div class="startup"> 161 <div class="startup">
120 <div><h3 id="statusHeader"></h3></div> 162 <div id="banner">
121 <div id="errorMessage"></div> 163 <table border="0">
122 <canvas id="canvas" width="56" height="56"></canvas> 164 <tbody><tr>
123 <div class="splitter"></div> 165 <td class="canvasCell"><canvas id="canvas" width="56" height="56"></ canvas></td>
satorux1 2010/11/30 05:45:52 longer than 80 chars.
zel 2010/11/30 06:07:52 Done.
124 <div class="logo"></div> 166 <td class="headerCell">
167 <div id="statusHeader"></div>
168 <div id="auxHeader"></div>
169 </td>
170 </tr>
171 </tbody></table>
172 </div>
173 <div id="errorMessage" class="hidden"></div>
174 <iframe src="./test.html" id="carrierPage" frameborder="0"></iframe>
satorux1 2010/11/30 05:45:52 Do we have test.html? Otherwise, src="" may be nic
zel 2010/11/30 06:07:52 Done.
125 </div> 175 </div>
126 </div> 176 </div>
127 <div id="finalMessage" class="overlay hidden"> 177 <div id="finalMessage" class="overlay hidden">
128 <div class="startup"> 178 <div class="startup">
129 <div class="header"><h3 i18n-content="completed_header"></h3></div> 179 <div class="header"><h3 i18n-content="completed_header"></h3></div>
130 <div i18n-content="completed_text"></div> 180 <div i18n-content="completed_text"></div>
131 <div class="splitter"></div> 181 <div class="splitter"></div>
132 <div class="logo"></div> 182 <div class="logo"></div>
133 <div class="action-area button-strip"> 183 <div class="action-area button-strip">
134 <button id="closeButton" 184 <button id="closeButton"
135 i18n-content="close_button"></button> 185 i18n-content="close_button"></button>
136 </div> 186 </div>
137 </div> 187 </div>
138 </div> 188 </div>
139 </body> 189 </body>
140 </html> 190 </html>
OLDNEW
« no previous file with comments | « chrome/browser/chromeos/dom_ui/mobile_setup_ui.cc ('k') | chrome/browser/resources/mobile_setup.js » ('j') | chrome/browser/resources/mobile_setup.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698