| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html i18n-values="dir:textdirection;lang:language"> | 2 <html i18n-values="dir:textdirection;lang:language"> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.htm
l"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.htm
l"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-
button.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-
button.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/pape
r-checkbox.html"> |
| 7 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> | 8 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| 8 <link rel="stylesheet" href="sync_confirmation.css"></link> | 9 <link rel="stylesheet" href="sync_confirmation.css"></link> |
| 10 <!-- see https://www.polymer-project.org/1.0/docs/devguide/styling.html#cust
om-style --> |
| 11 <style is="custom-style"> |
| 12 :root { |
| 13 --primary-text-color: #646464; |
| 14 } |
| 15 paper-checkbox { |
| 16 --paper-checkbox-size: 20px; |
| 17 } |
| 18 </style> |
| 9 </head> | 19 </head> |
| 10 <body> | 20 <body> |
| 11 <div class="container"> | 21 <div class="container"> |
| 12 <div class="top-title-bar" i18n-content="syncConfirmationTitle"></div> | 22 <div class="top-title-bar" i18n-content="syncConfirmationTitle"></div> |
| 13 <div class="details"> | 23 <div class="details"> |
| 14 <div id="picture-container"> | 24 <div id="picture-container"> |
| 15 <div id="illustration"> | 25 <div id="illustration"> |
| 16 <div id="icons"> | 26 <div id="icons"> |
| 17 <div id="icon-bookmarks" class="fade-top-left"></div> | 27 <div id="icon-bookmarks" class="fade-top-left"></div> |
| 18 <div id="icon-extensions" class="fade-top-left"></div> | 28 <div id="icon-extensions" class="fade-top-left"></div> |
| (...skipping 12 matching lines...) Expand all Loading... |
| 31 <div id="checkmark-circle"> | 41 <div id="checkmark-circle"> |
| 32 <svg id="checkmark-check" width="13" height="10" viewBox="0 0 13
10"> | 42 <svg id="checkmark-check" width="13" height="10" viewBox="0 0 13
10"> |
| 33 <path id="checkmark-path" d="M1 5l3.5 3.5L12 1" stroke="#FFF" | 43 <path id="checkmark-path" d="M1 5l3.5 3.5L12 1" stroke="#FFF" |
| 34 stroke-width="2" stroke-dasharray="16" | 44 stroke-width="2" stroke-dasharray="16" |
| 35 stroke-dashoffset="16" fill="none"></path> | 45 stroke-dashoffset="16" fill="none"></path> |
| 36 </svg> | 46 </svg> |
| 37 </div> | 47 </div> |
| 38 </div> | 48 </div> |
| 39 </div> | 49 </div> |
| 40 </div> | 50 </div> |
| 41 <div class="sync-message" | 51 <div class="message-container"> |
| 42 i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div> | 52 <div id="chrome-logo" class="logo"></div> |
| 43 <div class="action-container"> | 53 <div> |
| 44 <paper-button id="confirmButton" | 54 <div class="title" |
| 45 i18n-content="syncConfirmationConfirmLabel"></paper-button> | 55 i18n-content="syncConfirmationChromeSyncTitle"></div> |
| 46 <paper-button id="undoButton" | 56 <div class="body text" |
| 47 i18n-content="syncConfirmationUndoLabel"></paper-button> | 57 i18n-values=".innerHTML:syncConfirmationChromeSyncBody"></div> |
| 58 </div> |
| 48 </div> | 59 </div> |
| 60 <div class="message-container"> |
| 61 <div id="googleg-logo" class="logo"></div> |
| 62 <div> |
| 63 <div class="title" |
| 64 i18n-content="syncConfirmationActivityControlsTitle"></div> |
| 65 <div class="body text" |
| 66 i18n-content="syncConfirmationActivityControlsBody"></div> |
| 67 </div> |
| 68 </div> |
| 69 <div class="message-container"> |
| 70 <paper-checkbox id="activityControlsCheckbox" class="body"> |
| 71 <span |
| 72 i18n-content="syncConfirmationActivityControlsCheckboxLabel"> |
| 73 </span> |
| 74 </paper-checkbox> |
| 75 </div> |
| 76 </div> |
| 77 <div class="action-container"> |
| 78 <paper-button id="confirmButton" |
| 79 i18n-content="syncConfirmationConfirmLabel"></paper-button> |
| 80 <paper-button id="undoButton" |
| 81 i18n-content="syncConfirmationUndoLabel"></paper-button> |
| 49 </div> | 82 </div> |
| 50 </div> | 83 </div> |
| 51 </body> | 84 </body> |
| 52 <script src="chrome://resources/js/cr.js"></script> | 85 <script src="chrome://resources/js/cr.js"></script> |
| 53 <script src="chrome://resources/js/load_time_data.js"></script> | 86 <script src="chrome://resources/js/load_time_data.js"></script> |
| 54 <script src="chrome://resources/js/util.js"></script> | 87 <script src="chrome://resources/js/util.js"></script> |
| 55 <script src="sync_confirmation.js"></script> | 88 <script src="sync_confirmation.js"></script> |
| 56 <script src="chrome://sync-confirmation/strings.js"></script> | 89 <script src="chrome://sync-confirmation/strings.js"></script> |
| 57 <script src="chrome://resources/js/i18n_template.js"></script> | 90 <script src="chrome://resources/js/i18n_template.js"></script> |
| 58 </html> | 91 </html> |
| OLD | NEW |