• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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
24html[screen=lock] .login-header-bar-hidden,
25html[screen=oobe] .login-header-bar-hidden {
26  opacity: 0;
27}
28
29html[screen=lock] .login-header-bar-animate-fast,
30html[screen=oobe] .login-header-bar-animate-fast {
31  -webkit-transition: opacity 200ms ease-out;
32}
33
34html[screen=lock] .login-header-bar-animate-slow,
35html[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
71html[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
85html[dir=rtl] #login-header-bar #shutdown-button,
86html[dir=rtl] #login-header-bar #add-user-button,
87html[dir=rtl] #login-header-bar #guest-user-button,
88html[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