| OLD | NEW |
| 1 <link rel="import" href="chrome://md-user-manager/shared_styles.html"> | 1 <link rel="import" href="chrome://md-user-manager/shared_styles.html"> |
| 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 3 <link rel="import" href="chrome://resources/html/polymer.html"> | 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 5 | 5 |
| 6 <dom-module id="user-manager-tutorial"> | 6 <dom-module id="user-manager-tutorial"> |
| 7 <template> | 7 <template> |
| 8 <style include="shared-styles"> | 8 <style include="shared-styles"> |
| 9 .tutorial-slide { | 9 .tutorial-slide { |
| 10 -webkit-transition: opacity 200ms ease-in-out; | 10 -webkit-transition: opacity 200ms ease-in-out; |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 54 left: 20px; | 54 left: 20px; |
| 55 right: auto; | 55 right: auto; |
| 56 } | 56 } |
| 57 | 57 |
| 58 #notYou { | 58 #notYou { |
| 59 height: 100px; | 59 height: 100px; |
| 60 width: 240px; | 60 width: 240px; |
| 61 } | 61 } |
| 62 | 62 |
| 63 .slide-contents { | 63 .slide-contents { |
| 64 color: var(--primary-text-color); |
| 64 padding: 0 20px; | 65 padding: 0 20px; |
| 65 text-align: center; | 66 text-align: center; |
| 66 } | 67 } |
| 67 | 68 |
| 68 .slide-title { | 69 .slide-title { |
| 69 color: black; | |
| 70 font-size: 20px; | 70 font-size: 20px; |
| 71 line-height: 20px; | 71 line-height: 20px; |
| 72 margin: 30px 0; | 72 margin: 30px 0; |
| 73 } | 73 } |
| 74 | 74 |
| 75 .slide-text { | 75 .slide-text { |
| 76 color: var(--google-grey-600); | |
| 77 font-size: 15px; | 76 font-size: 15px; |
| 78 line-height: 20px; | 77 line-height: 20px; |
| 79 } | 78 } |
| 80 | 79 |
| 81 .slide-buttons { | 80 .slide-buttons { |
| 82 bottom: 20px; | 81 bottom: 20px; |
| 83 position: absolute; | 82 position: absolute; |
| 84 text-align: center; | 83 text-align: center; |
| 85 width: 100%; | 84 width: 100%; |
| 86 } | 85 } |
| (...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 241 </a> | 240 </a> |
| 242 </div> | 241 </div> |
| 243 </div> | 242 </div> |
| 244 <div class="arrow-down"></div> | 243 <div class="arrow-down"></div> |
| 245 </div> | 244 </div> |
| 246 </template> | 245 </template> |
| 247 </template> | 246 </template> |
| 248 </template> | 247 </template> |
| 249 <script src="chrome://md-user-manager/user_manager_tutorial.js"></script> | 248 <script src="chrome://md-user-manager/user_manager_tutorial.js"></script> |
| 250 </dom-module> | 249 </dom-module> |
| OLD | NEW |