home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / chrome.dll / 0 / BINDATA / 626 < prev    next >
Encoding:
Text File  |  2013-04-03  |  38.9 KB  |  1,390 lines
  1. <!-- Copyright (c) 2011 The Chromium Authors. All rights reserved.
  2.      Use of this source code is governed by a BSD-style license that can be
  3.      found in the LICENSE file. -->
  4. <!DOCTYPE HTML>
  5. <html i18n-values="dir:textdirection">
  6. <head>
  7. <meta charset="utf-8">
  8. <title i18n-content="promoPageTitle"></title>
  9. <script src="chrome://resources/js/load_time_data.js"></script>
  10. <script src="chrome://resources/js/cr.js"></script>
  11. <script src="chrome://resources/js/util.js"></script>
  12. <script src="chrome://resources/js/cr/event_target.js"></script>
  13. <script src="../strings.js"></script>
  14. <script src="sync_promo.js"></script>
  15. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  16.  * Use of this source code is governed by a BSD-style license that can be
  17.  * found in the LICENSE file. */
  18.  
  19. .throbber {
  20.   background: url('chrome://resources/images/throbber.svg');
  21.   display: inline-block;
  22.   height: 16px;
  23.   width: 16px;
  24. }
  25. </style>
  26. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  27.  * Use of this source code is governed by a BSD-style license that can be
  28.  * found in the LICENSE file. */
  29.  
  30. /* This file defines styles for form controls. The order of rule blocks is
  31.  * important as there are some rules with equal specificity that rely on order
  32.  * as a tiebreaker. These are marked with OVERRIDE. */
  33.  
  34. /* Default state **************************************************************/
  35.  
  36. :-webkit-any(button,
  37.              input[type='button'],
  38.              input[type='submit']):not(.custom-appearance):not(.link-button),
  39. select,
  40. input[type='checkbox'],
  41. input[type='radio'] {
  42.   -webkit-appearance: none;
  43.   -webkit-user-select: none;
  44.   background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
  45.   border: 1px solid rgba(0, 0, 0, 0.25);
  46.   border-radius: 2px;
  47.   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
  48.       inset 0 1px 2px rgba(255, 255, 255, 0.75);
  49.   color: #444;
  50.   font: inherit;
  51.   margin: 0 1px 0 0;
  52.   text-shadow: 0 1px 0 rgb(240, 240, 240);
  53. }
  54.  
  55. :-webkit-any(button,
  56.              input[type='button'],
  57.              input[type='submit']):not(.custom-appearance):not(.link-button),
  58. select {
  59.   min-height: 2em;
  60.   min-width: 4em;
  61. /* The following platform-specific rule is necessary to get adjacent
  62.    * buttons, text inputs, and so forth to align on their borders while also
  63.    * aligning on the text's baselines. */
  64.   padding-bottom: 1px;
  65. }
  66.  
  67. :-webkit-any(button,
  68.              input[type='button'],
  69.              input[type='submit']):not(.custom-appearance):not(.link-button) {
  70.   -webkit-padding-end: 10px;
  71.   -webkit-padding-start: 10px;
  72. }
  73.  
  74. select {
  75.   -webkit-appearance: none;
  76.   -webkit-padding-end: 20px;
  77.   -webkit-padding-start: 6px;
  78.   /* OVERRIDE */
  79.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'),
  80.       -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
  81.   background-position: right center;
  82.   background-repeat: no-repeat;
  83. }
  84.  
  85. html[dir='rtl'] select {
  86.   background-position: center left;
  87. }
  88.  
  89. input[type='checkbox'] {
  90.   bottom: 2px;
  91.   height: 13px;
  92.   position: relative;
  93.   vertical-align: middle;
  94.   width: 13px;
  95. }
  96.  
  97. input[type='radio'] {
  98.   /* OVERRIDE */
  99.   border-radius: 100%;
  100.   bottom: 3px;
  101.   height: 15px;
  102.   position: relative;
  103.   vertical-align: middle;
  104.   width: 15px;
  105. }
  106.  
  107. /* TODO(estade): add more types here? */
  108. input[type='password'],
  109. input[type='search'],
  110. input[type='text'],
  111. input[type='url'],
  112. input:not([type]),
  113. textarea {
  114.   border: 1px solid #bfbfbf;
  115.   border-radius: 2px;
  116.   box-sizing: border-box;
  117.   color: #444;
  118.   font: inherit;
  119.   margin: 0;
  120.   /* Use min-height to accommodate addditional padding for touch as needed. */
  121.   min-height: 2em;
  122.   padding: 3px;
  123. /* For better alignment between adjacent buttons and inputs. */
  124.   padding-bottom: 4px;
  125. }
  126.  
  127. input[type='search'] {
  128.   -webkit-appearance: textfield;
  129.   /* NOTE: Keep a relatively high min-width for this so we don't obscure the end
  130.    * of the default text in relatively spacious languages (i.e. German). */
  131.   min-width: 160px;
  132. }
  133.  
  134. /* Remove when https://bugs.webkit.org/show_bug.cgi?id=51499 is fixed.
  135.  * TODO(dbeam): are there more types that would benefit from this? */
  136. input[type='search']::-webkit-textfield-decoration-container {
  137.   direction: inherit;
  138. }
  139.  
  140. /* Checked ********************************************************************/
  141.  
  142. input[type='checkbox']:checked::before {
  143.   -webkit-user-select: none;
  144.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC');
  145.   background-size: 100% 100%;
  146.   content: '';
  147.   display: block;
  148.   height: 100%;
  149.   width: 100%;
  150. }
  151.  
  152. html[dir='rtl'] input[type='checkbox']:checked::before {
  153.   -webkit-transform: scaleX(-1);
  154. }
  155.  
  156. input[type='radio']:checked::before {
  157.   background-color: #666;
  158.   border-radius: 100%;
  159.   bottom: 3px;
  160.   content: '';
  161.   display: block;
  162.   left: 3px;
  163.   position: absolute;
  164.   right: 3px;
  165.   top: 3px;
  166. }
  167.  
  168. /* Hover **********************************************************************/
  169.  
  170. :enabled:hover:-webkit-any(
  171.     select,
  172.     input[type='checkbox'],
  173.     input[type='radio'],
  174.     :-webkit-any(
  175.         button,
  176.         input[type='button'],
  177.         input[type='submit']):not(.custom-appearance):not(.link-button)) {
  178.   background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
  179.   border-color: rgba(0, 0, 0, 0.3);
  180.   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12),
  181.       inset 0 1px 2px rgba(255, 255, 255, 0.95);
  182.   color: black;
  183. }
  184.  
  185. :enabled:hover:-webkit-any(select) {
  186.   /* OVERRIDE */
  187.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'),
  188.       -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
  189. }
  190.  
  191. /* Active *********************************************************************/
  192.  
  193. :enabled:active:-webkit-any(
  194.     select,
  195.     input[type='checkbox'],
  196.     input[type='radio'],
  197.     :-webkit-any(
  198.         button,
  199.         input[type='button'],
  200.         input[type='submit']):not(.custom-appearance):not(.link-button)) {
  201.   background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
  202.   box-shadow: none;
  203.   text-shadow: none;
  204. }
  205.  
  206. :enabled:active:-webkit-any(select) {
  207.   /* OVERRIDE */
  208.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'),
  209.       -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
  210. }
  211.  
  212. /* Disabled *******************************************************************/
  213.  
  214. :disabled:-webkit-any(
  215.     button,
  216.     input[type='button'],
  217.     input[type='submit']):not(.custom-appearance):not(.link-button),
  218. select:disabled {
  219.   background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
  220.   border-color: rgba(80, 80, 80, 0.2);
  221.   box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08),
  222.       inset 0 1px 2px rgba(255, 255, 255, 0.75);
  223.   color: #aaa;
  224. }
  225.  
  226. select:disabled {
  227.   /* OVERRIDE */
  228.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAWklEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEIGhoa/uPCIHmiDQNihQULFizEZhBIHCRPijexGggzCCpPvGHoBiIbRJZhMAPfvn3bhGwQ2YZBNbJiEcPAAIgGZrTRc1ZLAAAAAElFTkSuQmCC'),
  229.       -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
  230. }
  231.  
  232. input:disabled:-webkit-any([type='checkbox'],
  233.                            [type='radio']) {
  234.   opacity: .75;
  235. }
  236.  
  237. input:disabled:-webkit-any([type='password'],
  238.                            [type='search'],
  239.                            [type='text'],
  240.                            [type='url'],
  241.                            :not([type])) {
  242.   color: #999;
  243. }
  244.  
  245. /* Focus **********************************************************************/
  246.  
  247. :enabled:focus:-webkit-any(
  248.     select,
  249.     input[type='checkbox'],
  250.     input[type='password'],
  251.     input[type='radio'],
  252.     input[type='search'],
  253.     input[type='text'],
  254.     input[type='url'],
  255.     input:not([type]),
  256.     :-webkit-any(
  257.          button,
  258.          input[type='button'],
  259.          input[type='submit']):not(.custom-appearance):not(.link-button)) {
  260.   /* OVERRIDE */
  261.   -webkit-transition: border-color 200ms;
  262.   /* We use border color because it follows the border radius (unlike outline).
  263.    * This is particularly noticeable on mac. */
  264.   border-color: rgb(77, 144, 254);
  265.   outline: none;
  266. }
  267.  
  268. /* Link buttons ***************************************************************/
  269.  
  270. .link-button {
  271.   -webkit-box-shadow: none;
  272.   background: transparent none;
  273.   border: none;
  274.   color: rgb(17, 85, 204);
  275.   cursor: pointer;
  276.   /* Input elements have -webkit-small-control which can override the body font.
  277.    * Resolve this by using 'inherit'. */
  278.   font: inherit;
  279.   margin: 0;
  280.   padding: 0 4px;
  281. }
  282.  
  283. .link-button:hover {
  284.   text-decoration: underline;
  285. }
  286.  
  287. .link-button:active {
  288.   color: rgb(5, 37, 119);
  289.   text-decoration: underline;
  290. }
  291.  
  292. .link-button[disabled] {
  293.   color: #999;
  294.   cursor: default;
  295.   text-decoration: none;
  296. }
  297.  
  298. /* Checkbox/radio helpers ******************************************************
  299.  *
  300.  * .checkbox and .radio classes wrap labels. Checkboxes and radios should use
  301.  * these classes with the markup structure:
  302.  *
  303.  *   <div class="checkbox">
  304.  *     <label>
  305.  *       <input type="checkbox"></input>
  306.  *       <span>
  307.  *     </label>
  308.  *   </div>
  309.  */
  310.  
  311. :-webkit-any(.checkbox, .radio) label {
  312.   /* Don't expand horizontally: <http://crbug.com/112091>. */
  313.   display: -webkit-inline-box;
  314.   padding-bottom: 7px;
  315.   padding-top: 7px;
  316. }
  317.  
  318. :-webkit-any(.checkbox, .radio) label input ~ span {
  319.   -webkit-margin-start: 0.6em;
  320.   /* Make sure long spans wrap at the same horizontal position they start. */
  321.   display: block;
  322. }
  323.  
  324. :-webkit-any(.checkbox, .radio) label:hover {
  325.   color: black;
  326. }
  327.  
  328. label > input:disabled:-webkit-any([type='checkbox'], [type='radio']) ~ span {
  329.   color: #999;
  330. }
  331. </style>
  332. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  333.  * Use of this source code is governed by a BSD-style license that can be
  334.  * found in the LICENSE file. */
  335.  
  336. /* TODO(jhawkins): Organize these by page. */
  337.  
  338. #sync-setup-overlay * h4 {
  339.   margin: 5px 0;
  340. }
  341.  
  342. #sync-setup-overlay * form {
  343.   -webkit-user-select: none;
  344. }
  345.  
  346. #sync-setup-overlay * .content-area {
  347.   padding: 10px 15px;
  348. }
  349.  
  350. .action-area-link-container {
  351.   -webkit-box-flex: 1;
  352. }
  353.  
  354. .sync-customize-section-container {
  355.   margin: 5px 0 10px 0;
  356. }
  357.  
  358. #sync-custom-passphrase {
  359.   margin: 0 25px;
  360. }
  361.  
  362. #sync-passphrase-message {
  363.   color: gray;
  364. }
  365.  
  366. .sync-custom-passphrase-input {
  367.   margin: 10px 0;
  368. }
  369.  
  370. #sync-existing-passphrase-container {
  371.   background: rgb(255, 242, 158);
  372.   border: 1px solid rgb(212, 205, 173);
  373.   padding: 10px;
  374. }
  375.  
  376. #sync-select-container {
  377.   margin-bottom: 10px;
  378. }
  379.  
  380. #sync-instructions-container {
  381.   line-height: 1.8em;
  382.   margin-bottom: 30px;
  383. }
  384.  
  385. #choose-data-types-body {
  386.   -webkit-column-count: 3;
  387.   margin: 10px 0;
  388. }
  389.  
  390. #choose-data-types-body > .checkbox:first-child {
  391.   margin-top: 0;
  392. }
  393.  
  394. #choose-data-types-body > .checkbox:last-child {
  395.   margin-bottom: 0;
  396. }
  397.  
  398. #sync-setup-overlay {
  399.   -webkit-user-select: none;
  400.   background-color: white;
  401.   margin-bottom: 6px;
  402.   margin-top: 6px;
  403.   width: 500px;
  404. }
  405.  
  406. #sync-setup-overlay * a:link {
  407.   color: rgb(0, 0, 204);
  408. }
  409.  
  410. #sync-setup-overlay * a:visited {
  411.   color: rgb(85, 26, 139);
  412. }
  413.  
  414. #sync-setup-overlay * a:active {
  415.   color: rgb(255, 0, 0);
  416. }
  417.  
  418. #sync-setup-overlay * hr {
  419.   background-color: #ddd;
  420.   border: 0;
  421.   height: 1px;
  422.   text-align: left;
  423.   width: 100%;
  424. }
  425.  
  426. #sync-setup-overlay * input[type='button'],
  427. #sync-setup-overlay * input[type='submit'] {
  428.   min-height: 26px;
  429.   min-width: 87px;
  430. }
  431.  
  432. #email-readonly {
  433.   font-size: 15px;
  434.   height: 29px;
  435.   line-height: 29px;
  436.   margin: 0;
  437. }
  438.  
  439. #passphrase-encryption-message,
  440. #encryption-section-message {
  441.   color: gray;
  442.   margin-bottom: 5px;
  443. }
  444.  
  445. #passphrase-input {
  446.   margin-bottom: 5px;
  447.   margin-top: 5px;
  448. }
  449.  
  450. #incorrect-passphrase {
  451.   margin-top: 5px;
  452. }
  453.  
  454. #sync-setup-overlay * .error {
  455.   color: red;
  456. }
  457.  
  458. .overlay-warning {
  459.   background: white;
  460.   border: 2px solid #888;
  461.   border-radius: 8px;
  462.   box-shadow: 0.2em 0.2em 0.5em #888;
  463.   left: 25px;
  464.   padding: 15px;
  465.   position: absolute;
  466.   right: 25px;
  467.   top: 100px;
  468. }
  469.  
  470. #cancel-warning-header {
  471.   font-weight: bold;
  472.   margin-bottom: 8px;
  473. }
  474.  
  475. .overlay-warning input {
  476.   float: right;
  477.   margin-left: 5px;
  478.   margin-top: 12px;
  479. }
  480.  
  481. #sync-passphrase-warning {
  482.   margin-bottom: 5px;
  483. }
  484.  
  485. #gaia-login-form {
  486.   margin-bottom: 0;
  487. }
  488.  
  489. #captcha-div {
  490.   background: white;
  491.   border: 1px solid #e5e5e5;
  492.   overflow: hidden;
  493.   padding: 1em 1em;
  494. }
  495.  
  496. #captcha-wrapper {
  497.   background: no-repeat;
  498.   background-position: center;
  499.   background-size: 200px 70px;
  500.   margin: 0 0 1em;
  501. }
  502.  
  503. #captcha-image {
  504.   height: 70px;
  505.   width: 200px;
  506. }
  507.  
  508. #asp-warning-div {
  509.   text-align: left;
  510. }
  511.  
  512. #logging-in-throbber {
  513.   margin: 0 10px;
  514. }
  515.  
  516. #top-blurb-error {
  517.   -webkit-transition: margin-top 330ms ease-out, opacity 660ms ease-out;
  518.   background: rgb(249, 237, 190);
  519.   border: 1px solid rgb(240, 195, 109);
  520.   display: block;
  521.   font-weight: bold;
  522.   line-height: 1.5em;
  523.   margin-bottom: 10px;
  524.   opacity: 1;
  525.   padding: 8px 25px;
  526.   position: relative;
  527.   text-align: center;
  528. }
  529.  
  530. #top-blurb-error[hidden] {
  531.   display: block;
  532.   margin-top: -37px;
  533.   opacity: 0;
  534. }
  535.  
  536. #password-row {
  537.   margin-bottom: 0;
  538.   margin-top: 2px;
  539. }
  540.  
  541. #action-area {
  542.   margin: 1em 0;
  543. }
  544.  
  545. #sign-in {
  546.   margin: 0;
  547. }
  548.  
  549. #sync-setup-configure {
  550.   background: white;
  551. }
  552.  
  553. #choose-data-types-form {
  554.   -webkit-user-select: none;
  555. }
  556.  
  557. #chooseDataTypesRadio {
  558.   vertical-align: top;
  559. }
  560.  
  561. #chooseDataTypes > div {
  562.   display: inline-block;
  563. }
  564.  
  565. .sync-data-types {
  566.   margin-left: 5px;
  567. }
  568.  
  569. .sync-configuration-errors {
  570.   margin-top: 5px;
  571. }
  572.  
  573. .sync-configuration-error {
  574.   background-color: rgb(238, 185, 57);
  575.   border-radius: 4px;
  576.   font-weight: bold;
  577.   margin-left: auto;
  578.   margin-right: auto;
  579.   padding: 1px 10px;
  580.   text-align: center;
  581.   width: 80%;
  582. }
  583.  
  584. #learn-more-link {
  585.   float: right;
  586. }
  587.  
  588. html[dir='rtl'] #learn-more-link {
  589.   float: left;
  590. }
  591.  
  592. #customize-link,
  593. #use-default-link {
  594.   -webkit-transition: opacity 250ms;
  595. }
  596.  
  597.  
  598. /* Sign in box. */
  599.  
  600. .sign-in {
  601.   margin: 20px auto;
  602.   width: 335px;
  603. }
  604.  
  605. .signin-box {
  606.   background: #f5f5f5;
  607.   border: 1px solid #e5e5e5;
  608.   padding: 20px 25px 15px;
  609. }
  610.  
  611. #signin-header {
  612.   position: relative;
  613. }
  614.  
  615. #signin-header h2 {
  616.   color: #222;
  617.   font-size: 16px;
  618.   font-weight: normal;
  619.   height: 16px;
  620.   line-height: 16px;
  621.   margin-top: 0;
  622. }
  623.  
  624. #signin-header-logo {
  625.   background: transparent
  626.       url('chrome://resources/images/google-transparent.png') no-repeat;
  627.   display: inline-block;
  628.   height: 19px;
  629.   position: absolute;
  630.   right: 0;
  631.   top: 1px;
  632.   width: 52px;
  633. }
  634.  
  635. html[dir='rtl'] #signin-header-logo {
  636.   left: 0;
  637.   right: auto;
  638. }
  639.  
  640. #email-row,
  641. #email-readonly-row,
  642. #password-row {
  643.   margin: 0 0 1.5em;
  644. }
  645.  
  646. /* Sign in buttons. */
  647.  
  648. .signin-box input[type=submit] {
  649.   -webkit-margin-end: 0.4em;
  650.   -webkit-margin-start: 0;
  651.   -webkit-transition: all 218ms;
  652.   -webkit-user-select: none;
  653.   background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
  654.                                                  rgb(71, 135, 237));
  655.   border: 1px solid rgb(48, 121, 237);
  656.   border-radius: 2px;
  657.   color: white;
  658.   display: inline-block;
  659.   font-size: 13px;
  660.   font-weight: bold;
  661.   height: 32px;
  662.   line-height: 27px;
  663.   margin-bottom: 1.2em;
  664.   margin-top: 0;
  665.   min-width: 54px !important;
  666.   padding: 0 8px;
  667. }
  668.  
  669. .signin-box input[type=submit]:hover {
  670.   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  671.   -webkit-transition: all 0;
  672.   background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
  673.                                                  rgb(53, 122, 232));
  674.   border-color: rgb(47, 91, 183);
  675.   color: white;
  676. }
  677.  
  678. .signin-box input[type=submit]:focus {
  679.   -webkit-box-shadow: inset 0 0 0 1px white;
  680.   border-color: rgb(77, 144, 254);
  681.   outline: none;
  682.   z-index: 4 !important;
  683. }
  684.  
  685. .signin-box input[type=submit]:active,
  686. .signin-box input[type=submit]:focus:active {
  687.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  688. }
  689.  
  690. .signin-box input[type=submit]:focus:hover {
  691.   -webkit-box-shadow: inset 0 0 0 1px white, 0 1px 1px rgba(0, 0, 0, 0.1);
  692. }
  693.  
  694. .signin-box input[type=submit][disabled],
  695. .signin-box input[type=submit][disabled]:hover,
  696. .signin-box input[type=submit][disabled]:active {
  697.   -webkit-box-shadow: none;
  698.   background-color: rgb(77, 144, 254);
  699.   border: 1px solid rgb(48, 121, 237);
  700.   color: white;
  701.   opacity: 0.5;
  702. }
  703.  
  704. /* Sign in text fields. */
  705.  
  706. .signin-box input[type=text],
  707. .signin-box input[type=password] {
  708.   -webkit-border-radius: 1px;
  709.   -webkit-box-sizing: border-box;
  710.   background-color: white;
  711.   border: 1px solid #d9d9d9;
  712.   border-top: 1px solid #c0c0c0;
  713.   color: #333;
  714.   display: inline-block;
  715.   font-size: 15px;
  716.   height: 32px;
  717.   line-height: 27px;
  718.   margin-top: 0.5em;
  719.   padding-left: 8px;
  720.   vertical-align: top;
  721.   width: 100%;
  722. }
  723.  
  724. html[dir='rtl'] .signin-box input[type=text],
  725. html[dir='rtl'] .signin-box input[type=password] {
  726.   padding-left: 0;
  727.   padding-right: 8px;
  728. }
  729.  
  730. .signin-box input[type=text]:hover,
  731. .signin-box input[type=password]:hover {
  732.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  733.   border-color: #b9b9b9;
  734.   border-top: 1px solid #a0a0a0;
  735. }
  736.  
  737. .signin-box input[type=text]:focus,
  738. .signin-box input[type=password]:focus {
  739.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  740.   border-color: rgb(77, 144, 254);
  741.   outline: none;
  742. }
  743.  
  744. .signin-box input[type=text][disabled],
  745. .signin-box input[type=password][disabled] {
  746.   -webkit-box-shadow: none;
  747.   background: #f5f5f5;
  748.   border: 1px solid #e5e5e5;
  749. }
  750.  
  751. .signin-box input[type=text][disabled]:hover,
  752. .signin-box input[type=password][disabled]:hover {
  753.   -webkit-box-shadow: none;
  754. }
  755.  
  756.  
  757. /* Sign in links. */
  758.  
  759. .signin-box .account-link {
  760.   color: rgb(17, 85, 204) !important;
  761.   text-decoration: none;
  762. }
  763.  
  764. .signin-box .account-link:visited {
  765.   color: rgb(102, 17, 204) !important;
  766.   text-decoration: none;
  767. }
  768.  
  769. .signin-box .account-link:hover {
  770.   text-decoration: underline;
  771. }
  772.  
  773. .signin-box .account-link:active {
  774.   color: rgb(209, 72, 54) !important;
  775.   text-decoration: underline;
  776. }
  777.  
  778. /* Sign in text. */
  779.  
  780. .signin-box strong {
  781.   color: #222;
  782.   display: block;
  783. }
  784.  
  785. .signin-box label {
  786.   display: block;
  787.   font-weight: bold;
  788. }
  789.  
  790. /* The help links inside the signin box labels should use a normal font. */
  791. .signin-box label a {
  792.   font-weight: normal;
  793. }
  794.  
  795. /* Sign in miscellaneous. */
  796.  
  797. .signin-box .throbber {
  798.   float: right;
  799. }
  800.  
  801. html[dir='rtl'] .signin-box .throbber {
  802.   float: left;
  803. }
  804.  
  805. #create-account-div {
  806.   display: inline-block;
  807. }
  808.  
  809. .signin-box .errormsg {
  810.   color: rgb(221, 75, 57) !important;
  811.   font-size: 13px !important;
  812.   line-height: 17px;
  813.   margin: 0.5em 0 1.5em;
  814. }
  815.  
  816. .signin-box .help-link {
  817.   -webkit-border-radius: 1em;
  818.   background: rgb(221, 75, 57);
  819.   color: white !important;
  820.   display: inline-block;
  821.   font-weight: bold;
  822.   padding: 0 5px;
  823.   position: relative;
  824.   text-decoration: none;
  825.   top: 0;
  826. }
  827.  
  828. .signin-box .help-link:visited {
  829.   color: white !important;
  830. }
  831.  
  832. .signin-box .help-link:hover {
  833.   color: white !important;
  834.   opacity: .7;
  835. }
  836. </style>
  837. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  838.  * Use of this source code is governed by a BSD-style license that can be
  839.  * found in the LICENSE file. */
  840.  
  841. html {
  842.   font-family: segoe ui, arial, helvetica, sans-serif;
  843.   font-size: 13px;
  844. }
  845.  
  846. html,
  847. body {
  848.   margin: 0;
  849.   min-height: 100%;
  850.   min-width: 100%;
  851.   position: absolute;
  852. }
  853.  
  854. #sync-setup-overlay {
  855.   background-color: transparent;
  856.   margin: 0;
  857.   width: 100%;
  858. }
  859.  
  860. #sync-setup-configure {
  861.   background-color: transparent;
  862.   margin-left: auto;
  863.   margin-right: auto;
  864.   width: 600px;
  865. }
  866.  
  867. .sync-main-content {
  868.   margin: 0 auto;
  869.   width: auto;
  870. }
  871.  
  872. #sync-setup-login-content-column {
  873.   margin: 0 auto;
  874.   width: 335px;
  875. }
  876.  
  877. #sync-setup-login-promo-column p,
  878. #sync-setup-login-promo-column h3 {
  879.   color: rgb(34, 34, 34);
  880. }
  881.  
  882. /* When showing the full page promo, remove top margin from sign-in box. */
  883. #sync-promo .sign-in {
  884.   margin-top: 0;
  885. }
  886.  
  887. /* Links and buttons. *********************************************************/
  888.  
  889. #promo-skip-button,
  890. #promo-skip-button:hover,
  891. #promo-advanced,
  892. #promo-advanced:hover,
  893. #sync-setup-overlay * a:link {
  894.   color: rgb(17, 85, 204);
  895. }
  896.  
  897. html:not([isstartup]) #promo-skip-button {
  898.   display: none;
  899. }
  900.  
  901. #sync-setup-overlay * a:visited {
  902.   color: rgb(102, 17, 12);
  903. }
  904.  
  905. #promo-skip-button:active,
  906. #promo-advanced:active,
  907. #sync-setup-overlay * a:active {
  908.   color: rgb(209, 72, 54);
  909. }
  910.  
  911. #promo-skip-button,
  912. #promo-advanced,
  913. #sync-setup-overlay * a {
  914.   text-decoration: none;
  915. }
  916.  
  917. #promo-skip-button:hover,
  918. #promo-advanced:hover,
  919. #sync-setup-overlay * a:hover {
  920.   text-decoration: underline;
  921. }
  922.  
  923. #promo-skip {
  924.   padding: 0 26px;
  925.   width: 284px;
  926. }
  927.  
  928. #promo-advanced,
  929. #promo-skip-button {
  930.   padding: 0 !important; /* Override link button appearance. */
  931. }
  932.  
  933. #promo-advanced {
  934.   float: right;
  935. }
  936.  
  937. html[dir='rtl'] #promo-advanced {
  938.   float: left;
  939. }
  940.  
  941. /* Page Title. ****************************************************************/
  942.  
  943. #promo-title-container {
  944.   display: block;
  945.   margin: 37px 44px 35px;
  946.   text-align: center;
  947. }
  948.  
  949. h1 {
  950.   color: rgb(34, 34, 34);
  951.   font-size: 36px;
  952.   font-weight: normal;
  953.   margin: 0;
  954. }
  955.  
  956. #promo-title-container h2 {
  957.   color: rgb(102, 102, 102);
  958.   font-size: 14px;
  959.   font-weight: normal;
  960. }
  961.  
  962. #promo-learn-more {
  963.   display: inline-block;
  964. }
  965. </style>
  966. </head>
  967. <body>
  968. <div id="sync-promo">
  969.   <div id="sync-promo-contents">
  970.     <div id="sync-setup-overlay" class="page" hidden>
  971.   <div class="close-button"></div>
  972.   <div id="sync-setup-login" hidden>
  973.     <div id="promo-title-container" hidden>
  974.       <h1 i18n-content="promoTitle"></h1>
  975.       <h2>
  976.         <span i18n-content="promoTitleShort"></span>
  977.         <a id="promo-learn-more" i18n-content="promoLearnMore"
  978.             i18n-values="href:promoLearnMoreURL">
  979.         </a>
  980.       </h2>
  981.     </div>
  982.     <div class="sync-main-content">
  983.       <div id="sync-setup-login-content-column">
  984.         <h1 id="sync-setup-overlay-title" i18n-content="syncSetupOverlay"></h1>
  985.         <div class="sign-in">
  986.           <div id="top-blurb-error" class="reset-hidden" hidden>
  987.             <span id="error-signing-in" i18n-content="errorSigningIn"></span>
  988.             <span id="error-custom" hidden></span>
  989.           </div>
  990.           <div class="signin-box">
  991.             <div id="signin-header">
  992.               <h2 i18n-content="signinHeader"></h2>
  993.               <div id="signin-header-logo"></div>
  994.             </div>
  995.             <form id="gaia-login-form">
  996.               <div id="email-row" class="reset-shown">
  997.                 <label for="gaia-email" i18n-content="emailLabel">
  998.                 </label>
  999.                 <input id="gaia-email" type="text" name="email" value=""
  1000.                     class="reset-enabled reset-shown reset-value"
  1001.                     autocomplete="off">
  1002.               </div>
  1003.               <div id="email-readonly-row" class="reset-hidden">
  1004.                 <strong class="email-label" i18n-content="emailLabel"></strong>
  1005.                 <div id="email-readonly"></div>
  1006.               </div>
  1007.               <div id="errormsg-0-email" class="errormsg reset-hidden"
  1008.                   i18n-content="cannotBeBlank" hidden>
  1009.               </div>
  1010.               <div id="password-row" class="reset-shown">
  1011.                 <label>
  1012.                   <strong class="password-label" i18n-content="passwordLabel">
  1013.                   </strong>
  1014.                   <input id="gaia-passwd" type="password" name="passwd"
  1015.                       class="reset-enabled reset-value" autocomplete="off">
  1016.                 </label>
  1017.                 <div id="errormsg-0-password" class="errormsg reset-hidden"
  1018.                     i18n-content="cannotBeBlank" hidden>
  1019.                 </div>
  1020.               </div>
  1021.               <div id="access-code-input-row"
  1022.                   class="access-code-row reset-hidden" hidden>
  1023.                 <label>
  1024.                   <strong i18n-content="enterAccessCode"></strong>
  1025.                   <a i18n-values="href:getAccessCodeURL"
  1026.                       i18n-content="getAccessCodeHelp" target="_blank"
  1027.                       class="account-link"></a>
  1028.                   <input id="access-code" type="password" name="accessCode"
  1029.                       class="reset-enabled reset-value">
  1030.                 </label>
  1031.               </div>
  1032.               <div id="otp-input-row" class="otp-row reset-hidden" hidden>
  1033.                 <label>
  1034.                   <strong i18n-content="enterOtp"></strong>
  1035.                   <a i18n-values="href:getOtpURL"
  1036.                       i18n-content="getOtpHelp" target="_blank"
  1037.                       class="account-link"></a>
  1038.                   <input id="otp" type="text" name="otp"
  1039.                       class="reset-enabled reset-value">
  1040.                 </label>
  1041.               </div>
  1042.               <div id="errormsg-1-password" class="errormsg reset-hidden"
  1043.                   hidden>
  1044.                 <span i18n-content="invalidCredentials"></span>
  1045.                 <a i18n-values="href:invalidPasswordHelpURL" class="help-link"
  1046.                     target="_blank">?</a>
  1047.               </div>
  1048.               <div id="errormsg-different-email" class="errormsg reset-hidden"
  1049.                   hidden>
  1050.                 <span id="different-email"></span>
  1051.               </div>
  1052.               <div id="errormsg-fatal" class="errormsg reset-hidden" hidden>
  1053.                 <span i18n-content="unrecoverableError"></span>
  1054.                 <a i18n-values="href:unrecoverableErrorHelpURL"
  1055.                     i18n-content="errorLearnMore" target="_blank"></a>
  1056.               </div>
  1057.               <div id="errormsg-0-access-code" class="errormsg reset-hidden"
  1058.                   i18n-content="invalidAccessCode" hidden>
  1059.               </div>
  1060.               <div id="errormsg-0-otp" class="errormsg reset-hidden"
  1061.                   i18n-content="invalidOtp" hidden>
  1062.               </div>
  1063.               <div id="asp-warning-div" class="errormsg reset-hidden" hidden>
  1064.                 <span i18n-values=".innerHTML:aspWarningText"></span>
  1065.               </div>
  1066.               <div id="captcha-div" class="reset-hidden" hidden>
  1067.                 <div id="captcha-wrapper">
  1068.                   <div id="captcha-image"></div>
  1069.                 </div>
  1070.                 <div>
  1071.                   <label>
  1072.                     <strong i18n-content="captchaInstructions"></strong>
  1073.                     <input id="captcha-value" type="text" name="captchaValue"
  1074.                         value="" class="reset-disabled reset-value">
  1075.                   </label>
  1076.                 </div>
  1077.               </div>
  1078.               <div id="errormsg-0-connection" class="errormsg reset-hidden"
  1079.                   i18n-content="couldNotConnect" hidden>
  1080.               </div>
  1081.               <div id="action-area">
  1082.                 <input id="sign-in" type="submit" class="custom-appearance"
  1083.                     i18n-content="signin">
  1084.                 <div id="create-account-div"
  1085.                     i18n-values=".innerHTML:createAccountLinkHTML">
  1086.                 </div>
  1087.                 <div id="logging-in-throbber" class="throbber"></div>
  1088.               </div>
  1089.               <div id="ga-fprow">
  1090.                   <a id="cannot-access-account-link"
  1091.                       i18n-values="href:cannotAccessAccountURL"
  1092.                       target="_blank"
  1093.                       i18n-content="cannotAccessAccount"
  1094.                       class="account-link">
  1095.                   </a>
  1096.               </div>
  1097.             </form>
  1098.           </div>
  1099.         </div> <!-- sign-in -->
  1100.         <div id="cancel-space-no-captcha"></div>
  1101.         <div class="action-area">
  1102.           <div class="button-strip">
  1103.             <button id="sync-setup-cancel" type="reset" i18n-content="cancel">
  1104.             </button>
  1105.           </div>
  1106.         </div>
  1107.         <div id="promo-skip" hidden>
  1108.           <button id="promo-skip-button" type="reset"
  1109.               i18n-content="promoSkipButton" class="link-button"></button>
  1110.           <button id="promo-advanced" i18n-content="promoAdvanced"
  1111.               class="link-button"></button>
  1112.         </div>
  1113.       </div>
  1114.     </div>
  1115.   </div>
  1116.   <div id="sync-setup-configure" hidden>
  1117.     <div id="confirm-sync-preferences">
  1118.       <h1 i18n-content="confirmSyncPreferences"></h1>
  1119.       <div id="sync-instructions-container" class="content-area">
  1120.         <span i18n-content="chooseDataTypesInstructions"></span>
  1121.         <a id="encryption-help-link" target="_blank"
  1122.             i18n-values="href:syncEverythingHelpURL" i18n-content="learnMore">
  1123.         </a>
  1124.       </div>
  1125.       <div>
  1126.         <div class="action-area">
  1127.           <div class="action-area-link-container">
  1128.             <a id="customize-link" href="#" i18n-content="customizeLinkLabel"
  1129.                 class="reset-opaque reset-shown">
  1130.             </a>
  1131.           </div>
  1132.           <div id="confirm-everything-throbber" class="throbber"></div>
  1133.           <div class="button-strip">
  1134.             <input id="confirm-everything-cancel" type="button"
  1135.                 i18n-values="value:cancel">
  1136.             <input id="confirm-everything-ok" type="button"
  1137.                 i18n-values="value:syncEverything">
  1138.           </div>
  1139.         </div>
  1140.       </div>
  1141.     </div>
  1142.     <div id="customize-sync-preferences" hidden>
  1143.       <h1 i18n-content="syncSetupConfigureTitle"></h1>
  1144.       <form id="choose-data-types-form">
  1145.         <div id="sync-configure-content" class="content-area">
  1146.           <div id="sync-select-container">
  1147.             <select id="sync-select-datatypes">
  1148.               <option i18n-content="syncAllDataTypes" selected></option>
  1149.               <option i18n-content="chooseDataTypes"></option>
  1150.             </select>
  1151.             <div id="choose-data-types-body">
  1152.               <div id="apps-item" class="sync-type-checkbox checkbox">
  1153.                 <label>
  1154.                   <input id="apps-checkbox" type="checkbox">
  1155.                   <span i18n-content="apps" i18n-values="title:apps"></span>
  1156.                 </label>
  1157.               </div>
  1158.               <div id="autofill-item" class="sync-type-checkbox checkbox">
  1159.                 <label>
  1160.                   <input id="autofill-checkbox" type="checkbox">
  1161.                   <span i18n-content="autofill" i18n-values="title:autofill">
  1162.                   </span>
  1163.                 </label>
  1164.               </div>
  1165.               <div class="sync-type-checkbox checkbox">
  1166.                 <label>
  1167.                   <input id="bookmarks-checkbox" type="checkbox">
  1168.                   <span i18n-content="bookmarks"
  1169.                       i18n-values="title:bookmarks"></span>
  1170.                 </label>
  1171.               </div>
  1172.               <div id="extensions-item" class="sync-type-checkbox checkbox">
  1173.                 <label>
  1174.                   <input id="extensions-checkbox" type="checkbox">
  1175.                   <span i18n-content="extensions"
  1176.                       i18n-values="title:extensions"></span>
  1177.                 </label>
  1178.               </div>
  1179.               <div id="omnibox-item" class="sync-type-checkbox checkbox">
  1180.                 <label>
  1181.                   <input id="typed-urls-checkbox" type="checkbox">
  1182.                   <span i18n-content="typedURLs"
  1183.                       i18n-values="title:typedURLs"></span>
  1184.                 </label>
  1185.               </div>
  1186.               <div id="passwords-item" class="sync-type-checkbox checkbox">
  1187.                 <label>
  1188.                   <input id="passwords-checkbox" type="checkbox">
  1189.                   <span i18n-content="passwords"
  1190.                       i18n-values="title:passwords"></span>
  1191.                 </label>
  1192.               </div>
  1193.               <div class="sync-type-checkbox checkbox">
  1194.                 <label>
  1195.                   <input id="preferences-checkbox" type="checkbox">
  1196.                   <span i18n-content="preferences"
  1197.                       i18n-values="title:preferences"></span>
  1198.                 </label>
  1199.               </div>
  1200.               <div class="sync-type-checkbox checkbox">
  1201.                 <label>
  1202.                   <input id="themes-checkbox" type="checkbox">
  1203.                   <span i18n-content="themes" i18n-values="title:themes">
  1204.                   </span>
  1205.                 </label>
  1206.               </div>
  1207.               <div id="sessions-item" class="sync-type-checkbox checkbox">
  1208.                 <label>
  1209.                   <input id="sessions-checkbox" type="checkbox">
  1210.                   <span i18n-content="openTabs" il8n-values="title:tabs">
  1211.                   </span>
  1212.                 </label>
  1213.               </div>
  1214.             </div>
  1215.           </div>
  1216.           <div class="sync-configuration-errors">
  1217.             <div id="error-text" i18n-content="syncZeroDataTypesError"
  1218.                 class="sync-configuration-error reset-hidden" hidden></div>
  1219.           </div>
  1220.           <div id="customize-sync-encryption">
  1221.             <hr>
  1222.             <h4 i18n-content="encryptedDataTypesTitle"></h4>
  1223.             <div class="sync-customize-section-container">
  1224.               <div id="passphrase-encryption-message"
  1225.                   i18n-content="passphraseEncryptionMessage"></div>
  1226.               <div class="radio">
  1227.                 <label>
  1228.                   <input id="encrypt-sensitive-option" name="encrypt"
  1229.                       type="radio" value="sensitive">
  1230.                   <span i18n-content="encryptSensitiveOption"></span>
  1231.                 </label>
  1232.               </div>
  1233.               <div class="radio">
  1234.                 <label>
  1235.                   <input id="encrypt-all-option" name="encrypt" type="radio"
  1236.                       value="all">
  1237.                   <span i18n-content="encryptAllOption"></span>
  1238.                 </label>
  1239.               </div>
  1240.             </div>
  1241.             <hr>
  1242.             <h4 i18n-content="passphraseSectionTitle"></h4>
  1243.           </div>
  1244.           <div id="customize-sync-encryption-new">
  1245.             <hr>
  1246.             <h4 i18n-content="encryptionSectionTitle"></h4>
  1247.             <div id="encryption-section-message"
  1248.                 i18n-content="encryptionSectionMessage"></div>
  1249.             <div id="sync-new-encryption-section-container">
  1250.               <div class="radio">
  1251.                 <label>
  1252.                   <input id="basic-encryption-option" name="encrypt-new"
  1253.                       type="radio" value="full">
  1254.                   <span i18n-content="basicEncryptionOption"></span>
  1255.                 </label>
  1256.               </div>
  1257.               <div class="radio">
  1258.                 <label>
  1259.                   <input id="full-encryption-option" name="encrypt-new"
  1260.                       type="radio" value="full">
  1261.                   <span id="full-encryption-body"
  1262.                       i18n-content="fullEncryptionOption"></span>
  1263.                 </label>
  1264.                 <a i18n-values="href:encryptionHelpURL" target="_blank"
  1265.                     i18n-content="learnMore"></a>
  1266.               </div>
  1267.             </div>
  1268.           </div>
  1269.           <div id="sync-custom-passphrase-container"
  1270.               class="sync-customize-section-container">
  1271.             <div id="sync-custom-passphrase-options">
  1272.               <div class="radio">
  1273.                 <label>
  1274.                   <input id="google-option" name="option" type="radio"
  1275.                       value="google">
  1276.                   <span i18n-content="googleOption"></span>
  1277.                 </label>
  1278.               </div>
  1279.               <div class="radio">
  1280.                 <label>
  1281.                   <input id="explicit-option" name="option" type="radio"
  1282.                       value="explicit">
  1283.                   <span i18n-content="explicitOption"></span>
  1284.                 </label>
  1285.                 <a i18n-values="href:encryptionHelpURL" target="_blank"
  1286.                     i18n-content="learnMore"></a>
  1287.               </div>
  1288.             </div>
  1289.             <div id="sync-custom-passphrase"
  1290.                 class="reset-hidden" hidden>
  1291.               <div id="sync-passphrase-message">
  1292.                 <span i18n-content="sectionExplicitMessagePrefix"></span>
  1293.                 <a href="https://www.google.com/settings/chrome/sync/"
  1294.                     target="_blank"
  1295.                     i18n-content="sectionExplicitMessagePostfix"></a>
  1296.                 <span>.</span>
  1297.               </div>
  1298.               <div class="sync-custom-passphrase-input">
  1299.                 <input id="custom-passphrase" type="password"
  1300.                     class="reset-value"
  1301.                     i18n-values="placeholder:passphraseLabel">
  1302.               </div>
  1303.               <div class="sync-custom-passphrase-input">
  1304.                 <input id="confirm-passphrase" type="password"
  1305.                     class="reset-value"
  1306.                     i18n-values="placeholder:confirmLabel">
  1307.               </div>
  1308.               <div id="empty-error" class="error"
  1309.                   i18n-content="emptyErrorMessage" hidden></div>
  1310.               <div id="mismatch-error" class="error"
  1311.                   i18n-content="mismatchErrorMessage" hidden></div>
  1312.             </div>
  1313.           </div>
  1314.           <div id="sync-existing-passphrase-container" hidden>
  1315.             <div id="enter-passphrase">
  1316.               <span id="normal-body" i18n-content="enterPassphraseBody" hidden>
  1317.               </span>
  1318.               <span id="google-passphrase-needed-body"
  1319.                   i18n-content="enterGooglePassphraseBody" hidden>
  1320.               </span>
  1321.               <a id="passphrase-learn-more" i18n-content="learnMore"
  1322.                   i18n-values="href:syncErrorHelpURL" class="reset-hidden"
  1323.                   target="_blank" hidden>
  1324.               </a>
  1325.             </div>
  1326.             <div id="passphrase-input">
  1327.               <input id="passphrase" name="passphrase" type="password"
  1328.                   class="reset-value"
  1329.                   i18n-values="placeholder:passphraseLabel">
  1330.               <div id="incorrect-passphrase" class="error"
  1331.                    i18n-content="incorrectPassphrase" hidden>
  1332.               </div>
  1333.             </div>
  1334.             <div id="sync-passphrase-warning"
  1335.                  i18n-values=".innerHTML:passphraseRecover" hidden>
  1336.             </div>
  1337.           </div>
  1338.         </div>
  1339.         <div class="action-area">
  1340.           <div class="action-area-link-container">
  1341.             <a id="use-default-link" href="#" i18n-content="useDefaultSettings"
  1342.                 class="reset-opaque reset-shown">
  1343.             </a>
  1344.           </div>
  1345.           <div id="choose-datatypes-throbber" class="throbber"></div>
  1346.           <div class="button-strip">
  1347.             <input id="choose-datatypes-cancel" type="button"
  1348.                 i18n-values="value:cancel">
  1349.             <input id="choose-datatypes-ok" type="submit"
  1350.                 i18n-values="value:ok">
  1351.           </div>
  1352.         </div>
  1353.       </form>
  1354.     </div>
  1355.   </div>
  1356.   <div id="sync-setup-spinner" hidden>
  1357.     <h1 i18n-content="syncSetupSpinnerTitle"></h1>
  1358.     <div class="action-area button-strip">
  1359.       <input id="sync-spinner-cancel" type="button" i18n-values="value:cancel">
  1360.     </div>
  1361.   </div>
  1362.   <div id="sync-setup-timeout" hidden>
  1363.     <h1 i18n-content="syncSetupTimeoutTitle"></h1>
  1364.     <div class="content-area">
  1365.       <span i18n-content="syncSetupTimeoutContent"></span>
  1366.     </div>
  1367.     <div class="action-area button-strip">
  1368.       <button id="timeout-ok" i18n-content="ok"></button>
  1369.     </div>
  1370.   </div>
  1371.   <div id="sync-setup-stop-syncing" hidden>
  1372.     <h1 i18n-content="stopSyncingTitle"></h1>
  1373.     <div class="content-area">
  1374.       <span i18n-values=".innerHTML:stopSyncingExplanation"></span>
  1375.     </div>
  1376.     <div class="action-area button-strip">
  1377.       <input id="stop-syncing-cancel" type="button"
  1378.           i18n-values="value:cancel">
  1379.       <input id="stop-syncing-ok" type="button"
  1380.           i18n-values="value:stopSyncingConfirm">
  1381.     </div>
  1382.   </div>
  1383. </div>
  1384.  
  1385.   </div>
  1386. </div>
  1387. </body>
  1388. <script src="chrome://resources/js/i18n_template2.js"></script>
  1389. </html>
  1390.