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 3 * found in the LICENSE file. 4 */ 5 6 #login-header-bar { 7 -webkit-padding-after: 7px; 8 border-bottom: 3px solid black; 9 bottom: 0; 10 left: 0; 11 position: absolute; 12 right: 0; 13 } 14 15 #login-header-bar { 16 -webkit-padding-before: 7px; 17 /* Using copy of Ash launcher background with 0.8 opacity applied to it. 18 Otherwise if opacity: 0.8 is set here it will affect button text as well. 19 Have to position background differently so that opacity is not applied 20 to child elements. */ 21 background-image: url('chrome://theme/IDR_LAUNCHER_BACKGROUND'); 22 } 23 24 html[screen=lock] .login-header-bar-hidden, 25 html[screen=oobe] .login-header-bar-hidden { 26 opacity: 0; 27 } 28 29 html[screen=lock] .login-header-bar-animate-fast, 30 html[screen=oobe] .login-header-bar-animate-fast { 31 -webkit-transition: opacity 200ms ease-out; 32 } 33 34 html[screen=lock] .login-header-bar-animate-slow, 35 html[screen=oobe] .login-header-bar-animate-slow { 36 -webkit-transition: opacity 2s ease-out; 37 } 38 39 .header-bar-item:first-child { 40 -webkit-padding-start: 15px; 41 } 42 43 #login-header-bar button, 44 #login-header-bar button:active, 45 #login-header-bar button:focus, 46 #login-header-bar button:hover { 47 -webkit-box-shadow: none; 48 background: transparent none; 49 cursor: pointer; 50 height: 34px; 51 margin: 0; 52 min-width: 0; 53 opacity: 0.6; 54 padding: 5px 8px; 55 vertical-align: middle; 56 } 57 58 #login-header-bar button:not(.button-restricted), 59 #login-header-bar button:active:not(.button-restricted), 60 #login-header-bar button:focus:not(.button-restricted), 61 #login-header-bar button:hover:not(.button-restricted) { 62 color: white !important; 63 opacity: 1 !important; 64 } 65 66 .header-bar-item { 67 display: inline-block; 68 height: 34px; 69 } 70 71 html[dir=rtl] .header-bar-item { 72 background-position: right center; 73 } 74 75 #login-header-bar #shutdown-button, 76 #login-header-bar #add-user-button, 77 #login-header-bar #guest-user-button, 78 #login-header-bar #cancel-multiple-sign-in-button { 79 -webkit-padding-start: 24px; 80 background-position: left center; 81 background-repeat: no-repeat; 82 background-size: 24px; 83 } 84 85 html[dir=rtl] #login-header-bar #shutdown-button, 86 html[dir=rtl] #login-header-bar #add-user-button, 87 html[dir=rtl] #login-header-bar #guest-user-button, 88 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button { 89 background-position: right center; 90 } 91 92 #login-header-bar #shutdown-button { 93 background-image: url('chrome://theme/IDR_ICON_POWER_WHITE'); 94 } 95 96 #login-header-bar #add-user-button { 97 background-image: url('chrome://theme/IDR_ICON_ADD_USER_WHITE'); 98 } 99 100 #login-header-bar #guest-user-button { 101 background-image: url('chrome://theme/IDR_ICON_GUEST_WHITE'); 102 } 103 104 #login-header-bar #cancel-multiple-sign-in-button { 105 /* TODO(dzhioev): replace with appropriate image when possible. */ 106 background-image: url('chrome://theme/IDR_PANEL_CLOSE'); 107 } 108 109 .button-restricted { 110 border: 1px solid transparent; 111 color: white !important; 112 opacity: 0.4 !important; 113 } 114