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

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

Issue 8283014: Sync: Update look of sign in box (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: removing binary 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
OLDNEW
1 <div id="sync-setup-overlay" class="page" hidden> 1 <div id="sync-setup-overlay" class="page" hidden>
2 <div id="sync-setup-login" hidden> 2 <div id="sync-setup-login" hidden>
3 <h1 id="promo-title" i18n-content="promoTitle" hidden></h1> 3 <h1 id="promo-title" i18n-content="promoTitle" hidden></h1>
4 <div id="sync-setup-login-promo-column" hidden>
5 <div id="promo-message-title">
6 <span i18n-content="promoMessageTitle"></span>
7 </div>
8 <div id="promo-message-body">
9 <span i18n-values=".innerHTML:promoMessageBody"></span>
10 <a id="promo-learn-more-show" i18n-content="promoLearnMoreShow"
11 href="#"></a>
12 <a id="promo-learn-more-hide" i18n-content="promoLearnMoreHide"
13 href="#" hidden> </a>
14 </div>
15 <div id="promo-info-pane">
16 <img id="promo-infographic"
17 src="chrome://theme/IRD_SYNC_PROMO_INFO_GRAPHIC">
18 <div id="promo-information" i18n-values=".innerHTML:promoInformation"
19 hidden>
20 </div>
21 </div>
22 </div>
23
24 <div id="sync-setup-login-content-column"> 4 <div id="sync-setup-login-content-column">
25 <h1 id="sync-setup-overlay-title" 5 <h1 id="sync-setup-overlay-title"
26 i18n-content="syncSetupOverlayTitle"></h1> 6 i18n-content="syncSetupOverlayTitle">
27 <div class="content-area"> 7 </h1>
28 <div> 8 <!-- top-blurb-error's reset state is handled differently from most
29 <!-- top-blurb-error's reset state is handled differently from most 9 elements. Instead of being [hidden] it is visibility:hidden so it
30 elements. Instead of being [hidden] it is visibility:hidden so it 10 still takes up space. But it is also [hidden] when we display the
31 still takes up space. But it is also [hidden] when we display the 11 captcha, so when it is reset, it needs to be shown. -->
32 captcha, so when it is reset, it needs to be shown. --> 12 <div id="top-blurb-error"
33 <div id="top-blurb-error" 13 class="reset-shown reset-visibility-hidden">
34 class="reset-shown reset-visibility-hidden"> 14 <span id="error-signing-in" i18n-content="errorSigningIn"></span>
35 <span id="error-signing-in" i18n-content="errorSigningIn"></span> 15 <span id="error-custom" hidden></span>
36 <span id="error-custom" hidden></span> 16 </div>
17 <div class="sign-in">
18 <div class="signin-box">
19 <div id="signin-header">
20 <h2 i18n-content="signinHeader"></h2>
21 <div id="signin-header-logo"></div>
37 </div> 22 </div>
38 <form id="gaia-login-form"> 23 <form id="gaia-login-form">
39 <div id="gaia-login-box"> 24 <div id="email-row" class="reset-shown">
40 <table id="content-table" cellspacing="0" 25 <label>
41 cellpadding="5" width="75%" border="0" align="center"> 26 <strong class="email-label" i18n-content="emailLabel"></strong>
42 <tr> 27 <input id="gaia-email" type="text" name="email" value=""
43 <td valign="top" style="text-align:center" nowrap="nowrap" 28 class="reset-enabled reset-shown reset-value"
44 bgcolor="#e8eefa"> 29 autocomplete="off">
45 <div> 30 <div id="email-readonly" class="reset-hidden" hidden></div>
46 <table id="gaia-table" align="center" border="0" 31 <div id="errormsg-0-email" class="errormsg reset-hidden"
47 cellpadding="1" cellspacing="0"> 32 i18n-content="cannotBeBlank" hidden></div>
48 <tr> 33 </label>
49 <td colspan="2" align="center"> 34 </div>
50 <table> 35 <div id="password-row" class="reset-shown">
51 <tr> 36 <label>
52 <td> 37 <strong class="password-label" i18n-content="passwordLabel">
53 <span id="gaia-account-text-prefix" 38 </strong>
54 i18n-content="signinPrefix"></span> 39 <input id="gaia-passwd" type="password" name="passwd"
55 </td> 40 class="reset-enabled reset-value" autocomplete="off">
56 <td id="gaia-logo" valign="top"> 41 <div id="errormsg-0-password" class="errormsg reset-hidden"
57 <img src="chrome://resources/images/google-tra nsparent.png" alt="Google"> 42 i18n-content="cannotBeBlank" hidden></div>
58 </td> 43 <label>
59 <td valign="middle"> 44 </div>
60 <span id="gaia-account-text" 45 <div id="access-code-input-row" class="access-code-row reset-hidden"
61 i18n-content="signinSuffix"></span> 46 hidden>
62 </td> 47 <label>
63 </tr> 48 <strong i18n-content="enterAccessCode"></strong>
64 </table> 49 <a i18n-values="href:getAccessCodeURL"
65 </td> 50 i18n-content="getAccessCodeHelp" target="_blank"
66 </tr> 51 class="account-link"></a>
67 <tr> 52 <input id="access-code" type="password" name="accessCode"
68 <td colspan="2" align="center"> </td> 53 class="reset-enabled reset-value">
69 </tr> 54 </label>
70 <tr id="email-row" class="reset-shown"> 55 </div>
71 <td nowrap="nowrap"> 56 <div id="errormsg-1-password" class="errormsg reset-hidden" hidden>
72 <div class="end-aligned"> 57 <span i18n-content="invalidCredentials"></span>
73 <span i18n-content="emailLabel"> 58 <a i18n-values="href:invalidPasswordHelpURL" class="help-link"
74 </span> 59 target="_blank">?</a>
75 </div> 60 </div>
76 </td> 61 <div id="errormsg-fatal" class="errormsg reset-hidden" hidden>
77 <td> 62 <span i18n-content="unrecoverableError"></span>
78 <input id="gaia-email" type="text" name="email" 63 <a i18n-values="href:unrecoverableErrorHelpURL"
79 size="18" value="" 64 i18n-content="errorLearnMore" target="_blank"></a>
80 class="reset-enabled reset-shown reset-value" 65 </div>
81 autocomplete="off"> 66 <div id="errormsg-0-access-code" class="errormsg reset-hidden"
82 <span id="email-readonly" class="reset-hidden" 67 i18n-content="invalidAccessCode" hidden>
83 hidden></span> 68 </div>
84 </td> 69 <div id="asp-warning-div" class="errormsg reset-hidden" hidden>
85 </tr> 70 <span i18n-values=".innerHTML:aspWarningText"></span>
86 <tr id="access-code-label-row" 71 </div>
87 class="access-code-row reset-hidden" hidden> 72 <div id="captcha-div" class="reset-hidden" hidden>
88 <td colspan="2"> 73 <div id="captcha-wrapper">
89 <span i18n-content="enterAccessCode"></span> 74 <div id="captcha-image"></div>
90 </td> 75 </div>
91 </tr> 76 <div>
92 <tr id="access-code-help-row" 77 <label>
93 class="access-code-row reset-hidden" hidden> 78 <strong i18n-content="captchaInstructions"></strong>
94 <td colspan="2"> 79 <input id="captcha-value" type="text" name="captchaValue"
95 <a i18n-values="href:getAccessCodeURL" 80 value="" class="reset-disabled">
96 i18n-content="getAccessCodeHelp" 81 </label>
97 target="_blank"> 82 </div>
98 </a> 83 </div>
99 </td> 84 <div id="errormsg-0-connection" class="errormsg reset-hidden"
100 </tr> 85 i18n-content="couldNotConnect" hidden>
101 <tr> 86 </div>
102 <td></td> 87 <div id="action-area">
103 <td> 88 <input id="sign-in" type="submit" i18n-content="signin">
104 <div id="errormsg-0-email" 89 <div id="create-account-div" i18n-values=".innerHTML:createAccount LinkHTML">
105 class="errormsg reset-hidden" 90 </div>
106 i18n-content="cannotBeBlank" 91 <div id="logging-in-throbber" class="throbber"></div>
107 hidden> 92 </div>
108 </div> 93 <div id="ga-fprow">
109 </td> 94 <a id="cannot-access-account-link"
110 </tr> 95 i18n-values="href:cannotAccessAccountURL"
111 <tr id="password-row" class="reset-shown"> 96 target="_blank"
112 <td class="end-aligned"> 97 i18n-content="cannotAccessAccount"
113 <span i18n-content="passwordLabel"></span> 98 class="account-link">
114 </td> 99 </a>
115 <td>
116 <input id="gaia-passwd" type="password"
117 name="passwd" size="18"
118 class="reset-enabled reset-value"
119 autocomplete="off">
120 </td>
121 </tr>
122 <tr id="access-code-input-row"
123 class="access-code-row reset-hidden" hidden>
124 <td colspan="2">
125 <input id="access-code" type="password"
126 name="accessCode" size="18"
127 class="reset-enabled reset-value">
128 </td>
129 </tr>
130 <tr>
131 <td></td>
132 <td>
133 <div class="error-msg-spacer">
134 <div id="errormsg-0-password"
135 class="errormsg reset-hidden"
136 i18n-content="cannotBeBlank"
137 hidden>
138 </div>
139 <div id="errormsg-1-password"
140 class="errormsg reset-hidden"
141 hidden>
142 <span i18n-content="invalidCredentials"></span>
143 <!-- Brackets are intentional -->
144 [<a i18n-values="href:invalidPasswordHelpURL"
145 target="_blank">?</a>]
146 </div>
147 <div id="errormsg-fatal"
148 class="errormsg reset-hidden"
149 hidden>
150 <span i18n-content="unrecoverableError"></span>
151 <a i18n-values="href:unrecoverableErrorHelpURL"
152 i18n-content="errorLearnMore"
153 target="_blank">
154 </a>
155 </div>
156 <div id="errormsg-0-access-code"
157 class="errormsg reset-hidden"
158 i18n-content="invalidAccessCode"
159 hidden>
160 </div>
161 <div id="asp-warning-div"
162 class="errormsg reset-hidden"
163 hidden>
164 <span i18n-values=".innerHTML:aspWarningText">
165 </span>
166 </div>
167 </div>
168 </td>
169 </tr>
170 <tr>
171 <td colspan="2">
172 <div id="captcha-div" class="reset-hidden" hidden>
173 <div id="captcha-instructions"
174 i18n-content="captchaInstructions"
175 class="bottom-padded-cell">
176 </div>
177 <div class="bottom-padded-cell">
178 <div id="captcha-wrapper">
179 <div id="captcha-image"></div>
180 </div>
181 </div>
182 <div>
183 <input id="captcha-value" type="text"
184 name="captchaValue" size="18" value=""
185 class="reset-disabled">
186 </div>
187 </div>
188 </td>
189 </tr>
190 <tr>
191 <td colspan="2" align="center">
192 <div id="errormsg-0-connection"
193 class="errormsg reset-hidden"
194 i18n-content="couldNotConnect"
195 hidden>
196 </div>
197 </td>
198 </tr>
199 <tr id="action-area">
200 <td colspan="2">
201 <table align="center" cellpadding="0"
202 cellspacing="0">
203 <tr>
204 <td>
205 <div id="logging-in-throbber"
206 class="throbber">
207 </div>
208 </td>
209 <td class="no-vertical-padding">
210 <input id="sign-in" type="submit"
211 i18n-content="signin">
212 </button>
213 </td>
214 </tr>
215 </table>
216 </td>
217 </tr>
218 <tr id="ga-fprow">
219 <td colspan="2" height="16.0"
220 align="center" valign="bottom">
221 <a id="cannot-access-account-link"
222 i18n-values="href:cannotAccessAccountURL"
223 target="_blank"
224 i18n-content="cannotAccessAccount">
225 </a>
226 </td>
227 </tr>
228 <tr>
229 <td id="create-account-cell" colspan="2" height="16.0"
230 align="center" valign="bottom">
231 <div id="create-account-div">
232 <a id="create-account-link"
233 i18n-values="href:createNewAccountURL"
234 i18n-content="createAccount" target="_blank">
235 </a>
236 </div>
237 </td>
238 </tr>
239 </table>
240 </div>
241 </td>
242 </tr>
243 </table>
244 </div> 100 </div>
245 </form> 101 </form>
246 </div> 102 </div>
247 <div> 103 </div> <!-- sign-in -->
248 <div id="cancel-space-no-captcha" colspan="2"> 104 <div id="cancel-space-no-captcha"></div>
249 </div>
250 </div>
251 </div>
252 <div class="action-area"> 105 <div class="action-area">
253 <div class="button-strip"> 106 <div class="button-strip">
254 <button id="sync-setup-cancel" type="reset" i18n-content="cancel"> 107 <button id="sync-setup-cancel" type="reset" i18n-content="cancel">
255 </button> 108 </button>
256 </div> 109 </div>
257 </div> 110 </div>
258 </div> 111 </div>
112 <div id="sync-setup-login-promo-column" hidden>
113 <h2 id="promo-message-title" i18n-content="promoMessageTitle"></h2>
114 <p>
115 <span i18n-values=".innerHTML:promoMessageBody"></span>
116 <a id="promo-learn-more-show" i18n-content="promoLearnMoreShow"
117 href="#"></a>
118 <a id="promo-learn-more-hide" i18n-content="promoLearnMoreHide"
119 href="#" hidden> </a>
120 </p>
121 <div id="promo-info-pane">
122 <img id="promo-infographic"
123 src="chrome://theme/IRD_SYNC_PROMO_INFO_GRAPHIC">
124 <div id="promo-information" i18n-values=".innerHTML:promoInformation"
125 hidden>
126 </div>
127 </div>
128 </div>
259 <div id="promo-skip" hidden> 129 <div id="promo-skip" hidden>
260 <button id="promo-skip-button" type="reset" 130 <button id="promo-skip-button" type="reset"
261 i18n-content="promoSkipButton"> </button> 131 i18n-content="promoSkipButton"> </button>
262 <button id="promo-advanced" i18n-content="promoAdvanced" 132 <button id="promo-advanced" i18n-content="promoAdvanced"
263 class="link-button"></button> 133 class="link-button"></button>
264 </div> 134 </div>
265 </div> 135 </div>
266 <div id="sync-setup-configure" hidden> 136 <div id="sync-setup-configure" hidden>
267 <div id="confirm-sync-preferences"> 137 <div id="confirm-sync-preferences">
268 <h1 i18n-content="confirmSyncPreferences"></h1> 138 <h1 i18n-content="confirmSyncPreferences"></h1>
269 <div id="sync-instructions-container" class="content-area"> 139 <div id="sync-instructions-container" class="content-area">
270 <span i18n-content="chooseDataTypesInstructions"></span> 140 <span i18n-content="chooseDataTypesInstructions"></span>
271 <a id="encryption-help-link" target="_blank" 141 <a id="encryption-help-link" target="_blank"
(...skipping 209 matching lines...) Expand 10 before | Expand all | Expand 10 after
481 <span i18n-content="stopSyncingExplanation"></span> 351 <span i18n-content="stopSyncingExplanation"></span>
482 </div> 352 </div>
483 <div class="action-area button-strip"> 353 <div class="action-area button-strip">
484 <input id="stop-syncing-cancel" type="button" 354 <input id="stop-syncing-cancel" type="button"
485 i18n-values="value:cancel"> 355 i18n-values="value:cancel">
486 <input id="stop-syncing-ok" type="button" 356 <input id="stop-syncing-ok" type="button"
487 i18n-values="value:stopSyncingConfirm"> 357 i18n-values="value:stopSyncingConfirm">
488 </div> 358 </div>
489 </div> 359 </div>
490 </div> 360 </div>
OLDNEW
« no previous file with comments | « chrome/browser/resources/sync_setup_overlay.css ('k') | chrome/browser/resources/sync_setup_overlay.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698