1/* Copyright 2013 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file.
4 */
5
6/* Overrides for the desktop user manager screen. */
7.oobe-display {
8  background-color: #eee;
9}
10
11#outer-container {
12  min-height: 0;
13}
14
15.bubble.faded {
16  opacity: 0;
17}
18
19.pod {
20  border-radius: 2px;
21  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
22  padding: 0;
23  width: 180px;
24}
25
26.pod.faded {
27  opacity: .4;
28}
29
30.pod.hovered:not(.focused) {
31  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
32  opacity: 0.9 !important;
33}
34
35.pod.focused {
36  box-shadow: 0 12px 21px rgba(0, 0, 0, 0.2);
37}
38
39.pod .main-pane {
40  width: 180px;
41}
42
43.pod .user-image-container {
44  height: 180px;
45  width: 180px;
46}
47
48.pod .user-image {
49  border-top-left-radius: 2px;
50  border-top-right-radius: 2px;
51  height: 180px;
52  opacity: 1;
53  width: 180px;
54}
55
56.pod .name {
57  color: #363636;
58  font-size: 15px;
59  line-height: 20px;
60  margin: 10px 0 10px;
61}
62
63/* For local/unlocked profiles, the name box becomes the focused element.
64However, don't display the blue focus outline around it. */
65.pod .name:focus {
66  outline: none;
67}
68
69/* For local/unlocked profiles, always display the name and not the
70sign-in button. */
71.pod.need-password.focused .name {
72  display: block;
73}
74
75.pod .locked-indicator {
76  background-image: -webkit-image-set(
77      url('chrome://theme/IDR_ICON_PROFILES_LOCKED') 1x,
78      url('chrome://theme/IDR_ICON_PROFILES_LOCKED@2x') 2x);
79  background-repeat: no-repeat;
80  height: 35px;
81  left: 8px;
82  position: absolute;
83  top: 8px;
84  width: 35px;
85  z-index: 1;
86}
87
88html[dir=rtl] .pod .locked-indicator {
89  right: 8px;
90}
91
92.pod .supervised-indicator {
93  background-image: -webkit-image-set(
94      url('chrome://theme/IDR_ICON_PROFILES_SUPERVISED') 1x,
95      url('chrome://theme/IDR_ICON_PROFILES_SUPERVISED@2x') 2x);
96  background-repeat: no-repeat;
97  height: 35px;
98  left: 8px;
99  position: absolute;
100  top: 8px;
101  width: 35px;
102  z-index: 1;
103}
104
105html[dir=rtl] .pod .supervised-indicator {
106  right: 8px;
107}
108
109.action-box-area {
110  background-color: #f5f5f5;
111  height: 24px;
112  width: 24px;
113}
114
115.action-box-button,
116.action-box-button:hover,
117.action-box-area.active .action-box-button {
118  background-image: none;
119  border-left: 6px solid transparent;
120  border-right: 6px solid transparent;
121  border-top: 6px solid #989898;
122  height: 0;
123  left: 6px;
124  margin: 0;
125  position: absolute;
126  top: 9px;
127  width: 0;
128}
129
130.action-box-button:hover,
131.action-box-area.active .action-box-button {
132  border-top: 6px solid #4c4c4c;
133}
134