OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 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 body { |
| 6 background-color: #eee; |
| 7 } |
5 | 8 |
6 /* Overrides for the desktop user manager screen. */ | 9 /* Overrides for the desktop user manager screen. */ |
7 | 10 |
8 .oobe-display { | |
9 background-color: #eee; | |
10 } | |
11 | |
12 #outer-container { | 11 #outer-container { |
13 min-height: 0; | 12 min-height: 0; |
14 } | 13 } |
15 | 14 |
16 .bubble.faded { | 15 .bubble.faded { |
17 opacity: 0; | 16 opacity: 0; |
18 } | 17 } |
19 | 18 |
20 .pod { | 19 .pod { |
21 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); | 20 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); |
(...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
108 | 107 |
109 /* Using -webkit-mask on the indicators allows us to tweak the color. */ | 108 /* Using -webkit-mask on the indicators allows us to tweak the color. */ |
110 .pod .indicator-container > div { | 109 .pod .indicator-container > div { |
111 -webkit-mask-position: center; | 110 -webkit-mask-position: center; |
112 -webkit-mask-repeat: no-repeat; | 111 -webkit-mask-repeat: no-repeat; |
113 -webkit-mask-size: 24px; | 112 -webkit-mask-size: 24px; |
114 } | 113 } |
115 | 114 |
116 .pod.locked .locked-indicator { | 115 .pod.locked .locked-indicator { |
117 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg); | 116 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg); |
118 background-color: #757575; | 117 background-color: var(--paper-grey-600); |
119 display: initial; | 118 display: initial; |
120 } | 119 } |
121 | 120 |
122 .pod.legacy-supervised .legacy-supervised-indicator { | 121 .pod.legacy-supervised .legacy-supervised-indicator { |
123 -webkit-mask-image: | 122 -webkit-mask-image: |
124 url(../../../../ui/webui/resources/images/supervisor_account.svg); | 123 url(../../../../ui/webui/resources/images/supervisor_account.svg); |
125 background-color: rgb(66, 133, 244); | 124 background-color: var(--google-blue-500); |
126 display: initial; | 125 display: initial; |
127 } | 126 } |
128 | 127 |
129 .pod.child .child-indicator { | 128 .pod.child .child-indicator { |
130 -webkit-mask-image: | 129 -webkit-mask-image: |
131 url(../../../../ui/webui/resources/images/account_child_invert.svg); | 130 url(../../../../ui/webui/resources/images/account_child_invert.svg); |
132 background-color: rgb(66, 133, 244); | 131 background-color: var(--google-blue-500); |
133 display: initial; | 132 display: initial; |
134 } | 133 } |
135 | 134 |
136 .main-pane { | 135 .main-pane { |
137 left: 0; | 136 left: 0; |
138 top: 0; | 137 top: 0; |
139 } | 138 } |
140 | 139 |
141 html[dir=rtl] .main-pane { | 140 html[dir=rtl] .main-pane { |
142 right: 0; | 141 right: 0; |
143 } | 142 } |
144 | 143 |
145 .name-container, | 144 .name-container, |
146 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { | 145 .pod.focused:not(.multiprofiles-policy-applied) .auth-container { |
147 top: 180px; | 146 top: 180px; |
148 width: 180px; | 147 width: 180px; |
149 } | 148 } |
150 | 149 |
151 .pod.focused:not(.locked) .name-container { | 150 .pod.focused:not(.locked) .name-container { |
152 display: block; | 151 display: block; |
153 } | 152 } |
154 | 153 |
155 .pod .name { | 154 .pod .name { |
156 color: #363636; | 155 color: var(--paper-grey-800); |
157 font-size: 15px; | 156 font-size: 15px; |
158 margin-top: 11px; | 157 margin-top: 11px; |
159 } | 158 } |
160 | 159 |
161 .pod.focused:not(.locked) .auth-container { | 160 .pod.focused:not(.locked) .auth-container { |
162 display: none; | 161 display: none; |
163 } | 162 } |
164 | 163 |
165 .pod[auth-type='offlinePassword'].focused.locked .password-entry-container { | 164 .pod[auth-type='offlinePassword'].focused.locked .password-entry-container { |
166 display: flex; | 165 display: flex; |
167 flex: auto; | 166 flex: auto; |
168 } | 167 } |
169 | 168 |
170 .action-box-area { | 169 .action-box-area { |
171 background-color: #f5f5f5; | 170 background-color: var(--google-grey-100); |
172 height: 24px; | 171 height: 24px; |
173 /* Because of crbug.com/406529, the text in the .name div is janky if there's | 172 /* Because of crbug.com/406529, the text in the .name div is janky if there's |
174 an opacity transition in this div. */ | 173 an opacity transition in this div. */ |
175 transition: none; | 174 transition: none; |
176 width: 24px; | 175 width: 24px; |
177 } | 176 } |
178 | 177 |
179 .action-box-button, | 178 .action-box-button, |
180 .action-box-button:hover, | 179 .action-box-button:hover, |
181 .action-box-area.active .action-box-button { | 180 .action-box-area.active .action-box-button { |
(...skipping 17 matching lines...) Expand all Loading... |
199 .action-box-remove-user-warning .remove-warning-button { | 198 .action-box-remove-user-warning .remove-warning-button { |
200 height: 30px; | 199 height: 30px; |
201 } | 200 } |
202 | 201 |
203 .action-box-remove-user-warning .remove-warning-button:focus { | 202 .action-box-remove-user-warning .remove-warning-button:focus { |
204 /* Override the default blue border inherited from | 203 /* Override the default blue border inherited from |
205 button.custom-appearance:focus. */ | 204 button.custom-appearance:focus. */ |
206 border: 1px solid transparent !important; | 205 border: 1px solid transparent !important; |
207 box-shadow: inset 0 0 0 1px #fff; | 206 box-shadow: inset 0 0 0 1px #fff; |
208 } | 207 } |
OLD | NEW |