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 of styles in chrome/browser/resources/chromeos/login/header_bar.js
7* that are needed by the desktop user chooser screen
8*/
9#login-header-bar {
10  -webkit-padding-after: 16px;
11  -webkit-padding-before: 16px;
12  background-color: white;
13  border-top: 1px solid #e2e2e2;
14  bottom: 0;
15  left: 0;
16  position: absolute;
17  right: 0;
18}
19
20.header-bar-item:first-child {
21  -webkit-padding-start: 16px;
22}
23
24.header-bar-item {
25  display: inline-block;
26  font-size: 12px;
27}
28
29html[dir=rtl] .header-bar-item {
30  background-color: white;
31  background-position: right center;
32}
33
34html[dir=rtl] #login-header-bar button {
35  background-position: right center;
36}
37
38#login-header-bar #add-user-button {
39  background-image: -webkit-image-set(
40      url('chrome://theme/IDR_ICON_PROFILES_ADD_USER') 1x,
41      url('chrome://theme/IDR_ICON_PROFILES_ADD_USER@2x') 2x);
42}
43
44#login-header-bar #guest-user-button {
45  background-image: -webkit-image-set(
46      url('chrome://theme/IDR_ICON_PROFILES_BROWSE_GUEST') 1x,
47      url('chrome://theme/IDR_ICON_PROFILES_BROWSE_GUEST@2x') 2x);
48  border-right: 1px solid #e2e2e2;
49  margin-right: 10px;
50}
51
52html[dir=rtl] #login-header-bar #guest-user-button {
53  border-left: 1px solid #e2e2e2;
54  margin-left: 10px;
55}
56
57#login-header-bar button {
58  -webkit-padding-start: 24px;
59  background-color: white;
60  background-position: left center;
61  background-repeat: no-repeat;
62  border: none;
63  border-radius: 0;
64  box-shadow: none;
65  cursor: pointer;
66  opacity: 0.8;
67}
68
69#login-header-bar button:active,
70#login-header-bar button:focus,
71#login-header-bar button:hover {
72  opacity: 1;
73}
74
75#login-header-bar button:focus {
76  text-decoration: underline;
77}
78
79#logo {
80  content: -webkit-image-set(
81      url('../../../app/theme/%DISTRIBUTION%/product_logo_name_48.png') 1x,
82      url('../../../app/theme/%DISTRIBUTION%/product_logo_name_96.png') 2x);
83  height: 18px;
84  position: absolute;
85  right: 16px;
86  top: 20px;
87}
88
89html[dir=rtl] #logo {
90  left: 16px;
91}
92