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