9789f49cd085243fa837fa8ad023200688b64f22
[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / user_manager / user_manager.css
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 .pod {
12   border-radius: 2px;
13   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
14   padding: 0;
15   width: 180px;
16 }
17
18 .pod.hovered {
19   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
20 }
21
22 .pod .main-pane {
23   width: 180px;
24 }
25
26 .pod .user-image {
27   border-top-left-radius: 2px;
28   border-top-right-radius: 2px;
29   height: 180px;
30   opacity: 1;
31   width: 180px;
32 }
33
34 .pod .name {
35   color: black;
36   font-size: 15px;
37   line-height: 20px;
38   margin: 5px 0 5px;
39 }
40
41 /* For local/unlocked profiles, the name box becomes the focused element.
42 However, don't display the blue focus outline around it. */
43 .pod .name:focus {
44   outline: none;
45 }
46
47 /* For local/unlocked profiles, always display the name and not the
48 sign-in button. */
49 .pod.need-password.focused .name {
50   display: block;
51 }
52
53 .pod .locked-indicator {
54   background-image: url('chrome://theme/IDR_ICON_PROFILES_LOCKED');
55   background-repeat: no-repeat;
56   height: 35px;
57   left: 10px;
58   position: absolute;
59   top: 10px;
60   width: 35px;
61   z-index: 1;
62 }