OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 :host { | 6 :host { |
7 height: 528px; | 7 height: 528px; |
8 width: 448px; | 8 width: 448px; |
9 } | 9 } |
10 | 10 |
(...skipping 19 matching lines...) Expand all Loading... |
30 .footer-container { | 30 .footer-container { |
31 padding: 24px 40px 34px; | 31 padding: 24px 40px 34px; |
32 } | 32 } |
33 | 33 |
34 ::content /deep/ .blue-button { | 34 ::content /deep/ .blue-button { |
35 background-color: rgb(66, 133, 244); | 35 background-color: rgb(66, 133, 244); |
36 color: rgb(255, 255, 255); | 36 color: rgb(255, 255, 255); |
37 min-width: 90px; | 37 min-width: 90px; |
38 } | 38 } |
39 | 39 |
| 40 ::content /deep/ .dialog-action-button { |
| 41 color: rgb(66, 133, 244); |
| 42 } |
| 43 |
| 44 ::content /deep/ .dialog-action-button:focus { |
| 45 background: rgb(217, 221, 234); |
| 46 } |
| 47 |
40 ::content /deep/ .link-button { | 48 ::content /deep/ .link-button { |
41 color: rgb(66, 133, 244); | 49 color: rgb(66, 133, 244); |
42 font-size: 14px; | 50 font-size: 14px; |
43 margin: 0; | 51 margin: 0; |
44 text-align: left; | 52 text-align: left; |
45 text-transform: none; | 53 text-transform: none; |
46 } | 54 } |
47 | 55 |
48 ::content /deep/ .link-button:focus { | 56 ::content /deep/ .link-button:focus { |
49 background: rgb(217, 221, 234); | 57 background: rgb(217, 221, 234); |
50 } | 58 } |
51 | 59 |
52 ::content /deep/ .link-button::shadow .button-content { | 60 ::content /deep/ .link-button::shadow .button-content { |
53 padding: 0; | 61 padding: 0; |
54 } | 62 } |
55 | 63 |
56 ::content /deep/ p.gaia-body-text { | 64 ::content /deep/ div.gaia-body-text { |
| 65 margin-bottom: 24px; |
| 66 } |
| 67 |
| 68 ::content /deep/ div.gaia-body-text p { |
57 color: rgba(0, 0, 0, 0.87); | 69 color: rgba(0, 0, 0, 0.87); |
58 font-size: 14px; | 70 font-size: 14px; |
59 line-height: 20px; | 71 line-height: 20px; |
60 margin: 0; | 72 margin: 0; |
61 } | 73 } |
62 | 74 |
63 ::content /deep/ p.email, | 75 ::content /deep/ p.email, |
64 ::content /deep/ p.enterprise-info { | 76 ::content /deep/ p.enterprise-info { |
65 color: rgb(255, 255, 255); | 77 color: rgb(255, 255, 255); |
66 font-size: 15px; | 78 font-size: 15px; |
67 margin: 8px 0 0 0; | 79 margin: 8px 0 0 0; |
68 } | 80 } |
69 | 81 |
70 ::content /deep/ h1.welcome-message { | 82 ::content /deep/ h1.welcome-message { |
71 color: rgb(255, 255, 255); | 83 color: rgb(255, 255, 255); |
72 font-size: 20px; | 84 font-size: 20px; |
73 font-weight: normal; | 85 font-weight: normal; |
74 margin-bottom: 0; | 86 margin-bottom: 0; |
75 } | 87 } |
76 | 88 |
77 #bottom-overlay { | 89 .overlay { |
78 background-color: rgba(0, 0, 0, 0.5); | 90 background-color: rgba(0, 0, 0, 0.5); |
79 display: none; | 91 display: none; |
80 height: 100%; | 92 height: 100%; |
81 position: absolute; | 93 position: absolute; |
82 right: 0; | 94 right: 0; |
83 top: 0; | 95 top: 0; |
84 width: 100%; | 96 width: 100%; |
85 z-index: 11; | 97 z-index: 11; |
86 } | 98 } |
87 | 99 |
88 #progress-bar { | 100 #progress-bar { |
89 display: none; | 101 display: none; |
90 width: 100%; | 102 width: 100%; |
91 } | 103 } |
92 | 104 |
93 #progress-bar::shadow #activeProgress { | 105 #progress-bar::shadow #activeProgress { |
94 background-color: rgb(255, 184, 9); | 106 background-color: rgb(255, 184, 9); |
95 } | 107 } |
96 | 108 |
| 109 :host(.full-disabled) #full-overlay, |
97 :host(.disabled) #bottom-overlay, | 110 :host(.disabled) #bottom-overlay, |
98 :host(.disabled) #progress-bar { | 111 :host(.disabled) #progress-bar { |
99 display: block; | 112 display: block; |
100 } | 113 } |
OLD | NEW |