OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 #gaia-signin { | 6 #gaia-signin { |
7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */ | 7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */ |
8 padding: 70px 17px 69px; /* Screen has no controls. */ | 8 padding: 70px 17px 69px; /* Screen has no controls. */ |
9 width: 722px; /* Should be the same as #user-image.loading width. */ | 9 width: 722px; /* Should be the same as #user-image.loading width. */ |
10 } | 10 } |
11 | 11 |
12 #gaia-signin:not(.full-width).no-right-panel { | 12 #gaia-signin:not(.full-width).no-right-panel { |
13 width: 522px; | 13 width: 522px; |
14 } | 14 } |
15 | 15 |
| 16 .minute-maid #gaia-signin { |
| 17 background: rgb(66, 133, 244); |
| 18 padding: 50px 0 0 0; |
| 19 width: 522px; |
| 20 } |
16 #gaia-signin.full-width { | 21 #gaia-signin.full-width { |
17 padding: 75px 0 0; | 22 padding: 75px 0 0; |
18 } | 23 } |
19 | 24 |
20 #signin-right { | 25 #signin-right { |
21 -webkit-margin-start: 30px; | 26 -webkit-margin-start: 30px; |
22 margin-top: 80px; | 27 margin-top: 80px; |
23 top: 60px; | 28 top: 60px; |
24 width: 200px; | 29 width: 200px; |
25 } | 30 } |
26 | 31 |
27 #signin-right, | 32 #signin-right, |
28 #enterprise-info-container, | 33 #enterprise-info-container, |
29 #saml-info-container { | 34 #saml-info-container { |
30 font-size: 12px; | 35 font-size: 12px; |
31 } | 36 } |
32 | 37 |
33 /* For touch-optimized UI, make the links bigger. */ | 38 /* For touch-optimized UI, make the links bigger. */ |
34 @media (pointer:coarse) { | 39 @media (pointer:coarse) { |
35 #signin-right { | 40 #signin-right { |
36 font-size: 14px; | 41 font-size: 14px; |
37 } | 42 } |
38 } | 43 } |
39 | 44 |
| 45 .minute-maid #signin-right, |
40 .no-right-panel #signin-right { | 46 .no-right-panel #signin-right { |
41 display: none; | 47 display: none; |
42 } | 48 } |
43 | 49 |
| 50 .minute-maid #close-button-item { |
| 51 background: transparent none; |
| 52 background-image: url(chrome://theme/IDR_PANEL_CLOSE); |
| 53 background-position: left center; |
| 54 background-repeat: no-repeat; |
| 55 background-size: 30px; |
| 56 } |
| 57 |
44 .signin-text { | 58 .signin-text { |
45 color: #666; | 59 color: #666; |
46 margin-top: 20px; | 60 margin-top: 20px; |
47 } | 61 } |
48 | 62 |
49 .signin-link { | 63 .signin-link { |
50 color: rgb(37, 79, 155); | 64 color: rgb(37, 79, 155); |
51 cursor: pointer; | 65 cursor: pointer; |
52 text-decoration: none; | 66 text-decoration: none; |
53 } | 67 } |
54 | 68 |
55 .signin-link:focus { | 69 .signin-link:focus { |
56 -webkit-transition: outline-color 200ms; | 70 -webkit-transition: outline-color 200ms; |
57 /* Note: May use 1px solid here. */ | 71 /* Note: May use 1px solid here. */ |
58 outline-color: rgb(77, 144, 254); | 72 outline-color: rgb(77, 144, 254); |
59 } | 73 } |
60 | 74 |
61 #gaia-signin-form-container, | 75 #gaia-signin-form-container, |
62 #signin-frame { | 76 #signin-frame { |
63 height: 100%; | 77 height: 100%; |
64 } | 78 } |
65 | 79 |
| 80 .minute-maid #signin-frame, |
| 81 .minute-maid #gaia-signin-form-container, |
66 .full-width #signin-frame, | 82 .full-width #signin-frame, |
67 .full-width #gaia-signin-form-container { | 83 .full-width #gaia-signin-form-container { |
68 width: 100%; | 84 width: 100%; |
69 } | 85 } |
70 | 86 |
71 .signin-divider { | 87 .signin-divider { |
72 background: linear-gradient( | 88 background: linear-gradient( |
73 to bottom, | 89 to bottom, |
74 #e3e3e3, | 90 #e3e3e3, |
75 #cacaca 50%, | 91 #cacaca 50%, |
76 #e3e3e3); | 92 #e3e3e3); |
77 border: none; | 93 border: none; |
78 width: 1px; | 94 width: 1px; |
79 } | 95 } |
80 | 96 |
| 97 .gaia-signin .minute-maid #step-logo, |
| 98 .gaia-signin .minute-maid #gaia-signin-divider, |
81 .no-right-panel #gaia-signin-divider { | 99 .no-right-panel #gaia-signin-divider { |
82 display: none; | 100 display: none; |
83 } | 101 } |
84 | 102 |
85 #signin-frame { | 103 #signin-frame { |
86 background-color: transparent; | 104 background-color: transparent; |
87 margin-left: -44px; | 105 margin-left: -44px; |
88 vertical-align: top; | 106 vertical-align: top; |
89 width: 400px; | 107 width: 400px; |
90 } | 108 } |
91 | 109 |
92 webview#signin-frame { | 110 webview#signin-frame { |
93 display: block; | 111 display: block; |
| 112 margin-left: 0; |
94 overflow: hidden; | 113 overflow: hidden; |
95 padding: 0; | 114 padding: 0; |
96 } | 115 } |
97 | 116 |
98 /* Simpler alignment if no right panel. */ | 117 /* Simpler alignment if no right panel. */ |
99 .no-right-panel #signin-frame { | 118 .no-right-panel #signin-frame { |
100 margin-left: 0; | 119 margin-left: 0; |
101 } | 120 } |
102 | 121 |
103 /* Position to be aligned with the login box in iframe */ | 122 /* Position to be aligned with the login box in iframe */ |
104 #login-box { | 123 #login-box { |
105 height: 31px; | 124 height: 31px; |
106 position: absolute; | 125 position: absolute; |
107 top: 77px; | 126 top: 77px; |
108 visibility: hidden; | 127 visibility: hidden; |
109 z-index: -1; | 128 z-index: -1; |
110 } | 129 } |
111 | 130 |
112 #enterprise-info-container { | 131 #enterprise-info-container { |
113 bottom: 10px; | 132 bottom: 10px; |
114 left: 0; | 133 left: 0; |
115 position: absolute; | 134 position: absolute; |
116 right: 0; | 135 right: 0; |
117 text-align: center; | 136 text-align: center; |
118 } | 137 } |
119 | 138 |
| 139 .minute-maid #enterprise-info-container { |
| 140 display: none; |
| 141 } |
| 142 |
120 #enterprise-info-container #enterprise-info { | 143 #enterprise-info-container #enterprise-info { |
121 display: inline-block; | 144 display: inline-block; |
122 } | 145 } |
123 | 146 |
124 #gaia-signin .step-contents { | 147 #gaia-signin .step-contents { |
125 -webkit-box-pack: center; | 148 -webkit-box-pack: center; |
126 display: -webkit-box; | 149 display: -webkit-box; |
127 height: 100%; | 150 height: 100%; |
128 } | 151 } |
129 | 152 |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
161 left: 0; | 184 left: 0; |
162 position: absolute; | 185 position: absolute; |
163 right: 0; | 186 right: 0; |
164 text-align: center; | 187 text-align: center; |
165 top: 50px; | 188 top: 50px; |
166 } | 189 } |
167 | 190 |
168 #saml-notice-message { | 191 #saml-notice-message { |
169 margin: 0 auto; | 192 margin: 0 auto; |
170 } | 193 } |
OLD | NEW |