| OLD | NEW |
| (Empty) |
| 1 <div id="sync-setup-overlay" class="page" hidden> | |
| 2 <div id="sync-setup-login" hidden> | |
| 3 <h1 i18n-content="syncSetupOverlayTitle"></h1> | |
| 4 <div class="content-area"> | |
| 5 <div> | |
| 6 <!-- top-blurb-error's reset state is handled differently from most | |
| 7 elements. Instead of being [hidden] it is visibility:hidden so it | |
| 8 still takes up space. But it is also [hidden] when we display the | |
| 9 captcha, so when it is reset, it needs to be shown. --> | |
| 10 <div id="top-blurb-error" | |
| 11 class="reset-shown reset-visibility-hidden"> | |
| 12 <span id="error-signing-in" i18n-content="errorSigningIn"></span> | |
| 13 <span id="error-custom" hidden></span> | |
| 14 </div> | |
| 15 <form id="gaia-login-form"> | |
| 16 <div id="gaia-login-box"> | |
| 17 <table id="content-table" cellspacing="0" | |
| 18 cellpadding="5" width="75%" border="0" align="center"> | |
| 19 <tr> | |
| 20 <td valign="top" style="text-align:center" nowrap="nowrap" | |
| 21 bgcolor="#e8eefa"> | |
| 22 <div> | |
| 23 <table id="gaia-table" align="center" border="0" | |
| 24 cellpadding="1" cellspacing="0"> | |
| 25 <tr> | |
| 26 <td colspan="2" align="center"> | |
| 27 <table> | |
| 28 <tr> | |
| 29 <td> | |
| 30 <span id="gaia-account-text-prefix" | |
| 31 i18n-content="signinPrefix"></span> | |
| 32 </td> | |
| 33 <td id="gaia-logo" valign="top"> | |
| 34 <img src="google-transparent.png" alt="Google"> | |
| 35 </td> | |
| 36 <td valign="middle"> | |
| 37 <span id="gaia-account-text" | |
| 38 i18n-content="signinSuffix"></span> | |
| 39 </td> | |
| 40 </tr> | |
| 41 </table> | |
| 42 </td> | |
| 43 </tr> | |
| 44 <tr> | |
| 45 <td colspan="2" align="center"> </td> | |
| 46 </tr> | |
| 47 <tr id="email-row" class="reset-shown"> | |
| 48 <td nowrap="nowrap"> | |
| 49 <div class="end-aligned"> | |
| 50 <span i18n-content="emailLabel"> | |
| 51 </span> | |
| 52 </div> | |
| 53 </td> | |
| 54 <td> | |
| 55 <input id="gaia-email" type="text" name="email" | |
| 56 size="18" value="" | |
| 57 class="reset-enabled reset-shown reset-value" | |
| 58 autocomplete="off"> | |
| 59 <span id="email-readonly" class="reset-hidden" | |
| 60 hidden></span> | |
| 61 </td> | |
| 62 </tr> | |
| 63 <tr id="access-code-label-row" | |
| 64 class="access-code-row reset-hidden" hidden> | |
| 65 <td colspan="2"> | |
| 66 <span i18n-content="enterAccessCode"></span> | |
| 67 </td> | |
| 68 </tr> | |
| 69 <tr id="access-code-help-row" | |
| 70 class="access-code-row reset-hidden" hidden> | |
| 71 <td colspan="2"> | |
| 72 <a i18n-values="href:getAccessCodeURL" | |
| 73 i18n-content="getAccessCodeHelp" target="_blank"> | |
| 74 </a> | |
| 75 </td> | |
| 76 </tr> | |
| 77 <tr> | |
| 78 <td></td> | |
| 79 <td> | |
| 80 <div id="errormsg-0-email" | |
| 81 class="errormsg reset-hidden" | |
| 82 i18n-content="cannotBeBlank" | |
| 83 hidden> | |
| 84 </div> | |
| 85 </td> | |
| 86 </tr> | |
| 87 <tr id="password-row" class="reset-shown"> | |
| 88 <td class="end-aligned"> | |
| 89 <span i18n-content="passwordLabel"></span> | |
| 90 </td> | |
| 91 <td> | |
| 92 <input id="gaia-passwd" type="password" name="passwd" | |
| 93 size="18" class="reset-enabled reset-value" | |
| 94 autocomplete="off"> | |
| 95 </td> | |
| 96 </tr> | |
| 97 <tr id="access-code-input-row" | |
| 98 class="access-code-row reset-hidden" hidden> | |
| 99 <td colspan="2"> | |
| 100 <input id="access-code" type="password" | |
| 101 name="accessCode" size="18" | |
| 102 class="reset-enabled reset-value"> | |
| 103 </td> | |
| 104 </tr> | |
| 105 <tr> | |
| 106 <td></td> | |
| 107 <td> | |
| 108 <div class="error-msg-spacer"> | |
| 109 <div id="errormsg-0-password" | |
| 110 class="errormsg reset-hidden" | |
| 111 i18n-content="cannotBeBlank" | |
| 112 hidden> | |
| 113 </div> | |
| 114 <div id="errormsg-1-password" | |
| 115 class="errormsg reset-hidden" | |
| 116 hidden> | |
| 117 <span i18n-content="invalidCredentials"></span> | |
| 118 <!-- Brackets are intentional --> | |
| 119 [<a i18n-values="href:invalidPasswordHelpURL" | |
| 120 target="_blank">?</a>] | |
| 121 </div> | |
| 122 <div id="errormsg-0-access-code" | |
| 123 class="errormsg reset-hidden" | |
| 124 i18n-content="invalidAccessCode" | |
| 125 hidden> | |
| 126 </div> | |
| 127 </div> | |
| 128 </td> | |
| 129 </tr> | |
| 130 <tr> | |
| 131 <td colspan="2"> | |
| 132 <div id="captcha-div" class="reset-hidden" hidden> | |
| 133 <div id="captcha-instructions" | |
| 134 i18n-content="captchaInstructions" | |
| 135 class="bottom-padded-cell"> | |
| 136 </div> | |
| 137 <div class="bottom-padded-cell"> | |
| 138 <div id="captcha-wrapper"> | |
| 139 <div id="captcha-image"></div> | |
| 140 </div> | |
| 141 </div> | |
| 142 <div> | |
| 143 <input id="captcha-value" type="text" | |
| 144 name="captchaValue" size="18" value="" | |
| 145 class="reset-disabled"> | |
| 146 </div> | |
| 147 </div> | |
| 148 </td> | |
| 149 </tr> | |
| 150 <tr> | |
| 151 <td colspan="2" align="center"> | |
| 152 <div id="errormsg-0-connection" | |
| 153 class="errormsg reset-hidden" | |
| 154 i18n-content="couldNotConnect" | |
| 155 hidden> | |
| 156 </div> | |
| 157 </td> | |
| 158 </tr> | |
| 159 <tr id="action-area"> | |
| 160 <td colspan="2"> | |
| 161 <table align="center" cellpadding="0" | |
| 162 cellspacing="0"> | |
| 163 <tr> | |
| 164 <td> | |
| 165 <div id="logging-in-throbber" class="throbber"> | |
| 166 </div> | |
| 167 </td> | |
| 168 <td class="no-vertical-padding"> | |
| 169 <input id="sign-in" type="submit" | |
| 170 i18n-content="signin"> | |
| 171 </button> | |
| 172 </td> | |
| 173 </tr> | |
| 174 </table> | |
| 175 </td> | |
| 176 </tr> | |
| 177 <tr id="ga-fprow"> | |
| 178 <td colspan="2" height="16.0" | |
| 179 align="center" valign="bottom"> | |
| 180 <a i18n-values="href:cannotAccessAccountURL" | |
| 181 target="_blank" | |
| 182 i18n-content="cannotAccessAccount"> | |
| 183 </a> | |
| 184 </td> | |
| 185 </tr> | |
| 186 <tr> | |
| 187 <td id="create-account-cell" colspan="2" height="16.0" | |
| 188 align="center" valign="bottom"> | |
| 189 <div id="create-account-div"> | |
| 190 <a i18n-values="href:createNewAccountURL" | |
| 191 i18n-content="createAccount" target="_blank"> | |
| 192 </a> | |
| 193 </div> | |
| 194 </td> | |
| 195 </tr> | |
| 196 </table> | |
| 197 </div> | |
| 198 </td> | |
| 199 </tr> | |
| 200 </table> | |
| 201 </div> | |
| 202 </form> | |
| 203 </div> | |
| 204 <div> | |
| 205 <div id="cancel-space-no-captcha" colspan="2"> | |
| 206 </div> | |
| 207 </div> | |
| 208 </div> | |
| 209 <div class="action-area"> | |
| 210 <div class="button-strip"> | |
| 211 <button id="sync-setup-cancel" type="reset" i18n-content="cancel"> | |
| 212 </button> | |
| 213 </div> | |
| 214 </div> | |
| 215 </div> | |
| 216 <div id="sync-setup-configure" hidden> | |
| 217 <div id="confirm-sync-preferences"> | |
| 218 <h1 i18n-content="confirmSyncPreferences"></h1> | |
| 219 <div id="sync-instructions-container" class="content-area"> | |
| 220 <span i18n-content="chooseDataTypesInstructions"></span> | |
| 221 <a i18n-values="href:encryptionHelpURL" target="_blank" | |
| 222 i18n-content="learnMore"></a> | |
| 223 </div> | |
| 224 <div> | |
| 225 <div class="action-area"> | |
| 226 <div class="action-area-link-container"> | |
| 227 <a id="customize-link" href="#" i18n-content="customizeLinkLabel" | |
| 228 class="reset-opaque reset-shown"> | |
| 229 </a> | |
| 230 </div> | |
| 231 <div id="confirm-everything-throbber" class="throbber"></div> | |
| 232 <input id="confirm-everything-ok" type="button" | |
| 233 i18n-values="value:syncEverything"> | |
| 234 <input id="confirm-everything-cancel" type="button" | |
| 235 i18n-values="value:cancel"> | |
| 236 </div> | |
| 237 </div> | |
| 238 </div> | |
| 239 <div id="customize-sync-preferences" hidden> | |
| 240 <h1 i18n-content="syncSetupConfigureTitle"></h1> | |
| 241 <form id="choose-data-types-form"> | |
| 242 <div id="sync-configure-content" class="content-area"> | |
| 243 <div id="sync-select-container"> | |
| 244 <select id="sync-select-datatypes"> | |
| 245 <option i18n-content="keepEverythingSynced" selected></option> | |
| 246 <option i18n-content="chooseDataTypes"></option> | |
| 247 </select> | |
| 248 <div id="choose-data-types-body"> | |
| 249 <div> | |
| 250 <div id="apps-item" class="sync-item-show"> | |
| 251 <input id="apps-checkbox" type="checkbox" | |
| 252 name="dataTypeCheckbox"> | |
| 253 <label for="apps-checkbox" i18n-content="apps" | |
| 254 i18n-values="title:apps" name="dataTypeLabel"></label> | |
| 255 </div> | |
| 256 <div id="autofill-item" class="sync-item-show"> | |
| 257 <input id="autofill-checkbox" type="checkbox" | |
| 258 name="dataTypeCheckbox"> | |
| 259 <label for="autofill-checkbox" i18n-content="autofill" | |
| 260 i18n-values="title:autofill" name="dataTypeLabel"></label> | |
| 261 </div> | |
| 262 <div class="sync-item-show"> | |
| 263 <input id="bookmarks-checkbox" type="checkbox" | |
| 264 name="dataTypeCheckbox"> | |
| 265 <label for="bookmarks-checkbox" i18n-content="bookmarks" | |
| 266 i18n-values="title:bookmarks" name="dataTypeLabel"> | |
| 267 </label> | |
| 268 </div> | |
| 269 <div id="extensions-item" class="sync-item-show"> | |
| 270 <input id="extensions-checkbox" type="checkbox" | |
| 271 name="dataTypeCheckbox"> | |
| 272 <label for="extensions-checkbox" i18n-content="extensions" | |
| 273 i18n-values="title:extensions" name="dataTypeLabel"> | |
| 274 </label> | |
| 275 </div> | |
| 276 <div id="omnibox-item" class="sync-item-show"> | |
| 277 <input id="typed-urls-checkbox" type="checkbox" | |
| 278 name="dataTypeCheckbox"> | |
| 279 <label for="typed-urls-checkbox" i18n-content="typedURLs" | |
| 280 i18n-values="title:typedURLs" name="dataTypeLabel"> | |
| 281 </label> | |
| 282 </div> | |
| 283 <div id="passwords-item" class="sync-item-show"> | |
| 284 <input id="passwords-checkbox" type="checkbox" | |
| 285 name="dataTypeCheckbox"> | |
| 286 <label for="passwords-checkbox" i18n-content="passwords" | |
| 287 i18n-values="title:passwords" name="dataTypeLabel"> | |
| 288 </label> | |
| 289 </div> | |
| 290 <div class="sync-item-show"> | |
| 291 <input id="preferences-checkbox" type="checkbox" | |
| 292 name="dataTypeCheckbox"> | |
| 293 <label for="preferences-checkbox" i18n-content="preferences" | |
| 294 i18n-values="title:preferences" name="dataTypeLabel"> | |
| 295 </label> | |
| 296 </div> | |
| 297 <div class="sync-item-show"> | |
| 298 <input id="themes-checkbox" type="checkbox" | |
| 299 name="dataTypeCheckbox"> | |
| 300 <label for="themes-checkbox" i18n-content="themes" | |
| 301 i18n-values="title:themes" name="dataTypeLabel"></label> | |
| 302 </div> | |
| 303 <div id="sessions-item" class="sync-item-show"> | |
| 304 <input id="sessions-checkbox" type="checkbox" | |
| 305 name="dataTypeCheckbox"> | |
| 306 <label for="sessions-checkbox" i18n-content="foreignSessions" | |
| 307 il8n-values="title:sessions" name="dataTypeLabel"></label> | |
| 308 </div> | |
| 309 </div> | |
| 310 </div> | |
| 311 </div> | |
| 312 <div class="sync-configuration-errors"> | |
| 313 <div id="error-text" i18n-content="syncZeroDataTypesError" | |
| 314 class="sync-configuration-error reset-hidden" hidden></div> | |
| 315 <div id="aborted-text" i18n-content="abortedError" | |
| 316 class="sync-configuration-error reset-hidden" hidden></div> | |
| 317 </div> | |
| 318 <div id="customize-sync-encryption"> | |
| 319 <hr> | |
| 320 <h4 i18n-content="encryptedDataTypesTitle"></h4> | |
| 321 <div class="sync-customize-section-container"> | |
| 322 <div> | |
| 323 <input id="encrypt-sensitive-option" name="encrypt" type="radio" | |
| 324 value="sensitive"> | |
| 325 <label for="encrypt-sensitive-option" | |
| 326 i18n-content="encryptSensitiveOption"></label> | |
| 327 </div> | |
| 328 <div> | |
| 329 <input id="encrypt-all-option" name="encrypt" type="radio" | |
| 330 value="all"> | |
| 331 <label for="encrypt-all-option" i18n-content="encryptAllOption"> | |
| 332 </label> | |
| 333 </div> | |
| 334 </div> | |
| 335 </div> | |
| 336 <hr> | |
| 337 <h4 i18n-content="passphraseSectionTitle"></h4> | |
| 338 <div id="sync-custom-passphrase-container" | |
| 339 class="sync-customize-section-container"> | |
| 340 <div id="passphrase-encryption-message" | |
| 341 i18n-content="passphraseEncryptionMessage"></div> | |
| 342 <div> | |
| 343 <input id="google-option" name="option" type="radio" | |
| 344 value="google"> | |
| 345 <label for="google-option" i18n-content="googleOption"></label> | |
| 346 </div> | |
| 347 <div> | |
| 348 <input id="explicit-option" name="option" type="radio" | |
| 349 value="explicit"> | |
| 350 <label for="explicit-option" i18n-content="explicitOption"> | |
| 351 </label> | |
| 352 <a i18n-values="href:encryptionHelpURL" target="_blank" | |
| 353 i18n-content="learnMore"></a> | |
| 354 </div> | |
| 355 <div id="sync-custom-passphrase" hidden> | |
| 356 <div id="sync-passphrase-message"> | |
| 357 <span i18n-content="sectionExplicitMessagePrefix"></span> | |
| 358 <a href="http://google.com/dashboard" target="_blank" | |
| 359 i18n-content="sectionExplicitMessagePostfix"></a> | |
| 360 <span>.</span> | |
| 361 </div> | |
| 362 <div class="sync-custom-passphrase-input"> | |
| 363 <input id="custom-passphrase" type="password" | |
| 364 class="reset-value" | |
| 365 i18n-values="placeholder:passphraseLabel"> | |
| 366 </div> | |
| 367 <div class="sync-custom-passphrase-input"> | |
| 368 <input id="confirm-passphrase" type="password" | |
| 369 class="reset-value" | |
| 370 i18n-values="placeholder:confirmLabel"> | |
| 371 </div> | |
| 372 <div id="empty-error" class="error" | |
| 373 i18n-content="emptyErrorMessage" hidden></div> | |
| 374 <div id="mismatch-error" class="error" | |
| 375 i18n-content="mismatchErrorMessage" hidden></div> | |
| 376 </div> | |
| 377 </div> | |
| 378 <div id="sync-existing-passphrase-container" hidden> | |
| 379 <div id="enter-passphrase"> | |
| 380 <div id="normal-body" i18n-content="enterPassphraseBody" hidden> | |
| 381 </div> | |
| 382 <div id="passphrase-rejected-body" | |
| 383 i18n-content="enterOtherPassphraseBody" hidden> | |
| 384 </div> | |
| 385 </div> | |
| 386 <div id="passphrase-input"> | |
| 387 <input id="passphrase" name="passphrase" type="password" | |
| 388 class="reset-value" | |
| 389 i18n-values="placeholder:passphraseLabel"> | |
| 390 <div id="incorrect-passphrase" class="error" | |
| 391 i18n-content="incorrectPassphrase" hidden> | |
| 392 </div> | |
| 393 </div> | |
| 394 <div id="sync-passphrase-warning" | |
| 395 i18n-values=".innerHTML:passphraseRecover" hidden> | |
| 396 </div> | |
| 397 </div> | |
| 398 </div> | |
| 399 <div class="action-area"> | |
| 400 <div class="action-area-link-container"> | |
| 401 <a id="use-default-link" href="#" i18n-content="useDefaultSettings" | |
| 402 class="reset-opaque reset-shown"> | |
| 403 </a> | |
| 404 </div> | |
| 405 <div id="choose-datatypes-throbber" class="throbber"></div> | |
| 406 <input id="choose-datatypes-ok" type="submit" i18n-values="value:ok"> | |
| 407 <input id="choose-datatypes-cancel" type="button" | |
| 408 i18n-values="value:cancel"> | |
| 409 </div> | |
| 410 </form> | |
| 411 </div> | |
| 412 </div> | |
| 413 <div id="sync-setup-stop-syncing" hidden> | |
| 414 <h1 i18n-content="stopSyncingTitle"></h1> | |
| 415 <div class="content-area"> | |
| 416 <span i18n-content="stopSyncingExplanation"></span> | |
| 417 </div> | |
| 418 <div class="action-area"> | |
| 419 <input id="stop-syncing-ok" type="button" | |
| 420 i18n-values="value:stopSyncingConfirm"> | |
| 421 <input id="stop-syncing-cancel" type="button" | |
| 422 i18n-values="value:cancel"> | |
| 423 </div> | |
| 424 </div> | |
| 425 </div> | |
| OLD | NEW |