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 |