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.
7 -webkit-padding-after: 7px;
8 border-bottom: 3px solid black;
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
21 background-image: url('chrome://theme/IDR_LAUNCHER_BACKGROUND');
24 html[screen=lock] .login-header-bar-hidden,
25 html[screen=oobe] .login-header-bar-hidden {
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;
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;
39 .header-bar-item:first-child {
40 -webkit-padding-start: 15px;
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;
55 vertical-align: middle;
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;
67 display: inline-block;
71 html[dir=rtl] .header-bar-item {
72 background-position: right center;
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;
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;
92 #login-header-bar #shutdown-button {
93 background-image: url('chrome://theme/IDR_ICON_POWER_WHITE');
96 #login-header-bar #add-user-button {
97 background-image: url('chrome://theme/IDR_ICON_ADD_USER_WHITE');
100 #login-header-bar #guest-user-button {
101 background-image: url('chrome://theme/IDR_ICON_GUEST_WHITE');
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');
110 border: 1px solid transparent;
111 color: white !important;
112 opacity: 0.4 !important;