• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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}
27
28html[dir=rtl] .header-bar-item {
29  background-color: white;
30  background-position: right center;
31}
32
33html[dir=rtl] #login-header-bar button {
34  background-position: right center;
35}
36
37#login-header-bar #add-user-button {
38  background-image: -webkit-image-set(
39      url('chrome://theme/IDR_ICON_PROFILES_ADD_USER') 1x,
40      url('chrome://theme/IDR_ICON_PROFILES_ADD_USER@2x') 2x);
41}
42
43#login-header-bar #guest-user-button {
44  background-image: -webkit-image-set(
45      url('chrome://theme/IDR_ICON_PROFILES_BROWSE_GUEST') 1x,
46      url('chrome://theme/IDR_ICON_PROFILES_BROWSE_GUEST@2x') 2x);
47  border-right: 1px solid #e2e2e2;
48  margin-right: 10px;
49}
50
51html[dir=rtl] #login-header-bar #guest-user-button {
52  border-left: 1px solid #e2e2e2;
53  margin-left: 10px;
54}
55
56#login-header-bar button {
57  -webkit-padding-start: 24px;
58  background-color: white;
59  background-position: left center;
60  background-repeat: no-repeat;
61  border: none;
62  box-shadow: none;
63  cursor: pointer;
64  font-size: 12px;
65}
66
67#logo {
68  content: -webkit-image-set(
69      url('../../../app/theme/%DISTRIBUTION%/product_logo_name_48.png') 1x,
70      url('../../../app/theme/%DISTRIBUTION%/product_logo_name_96.png') 2x);
71  height: 18px;
72  position: absolute;
73  right: 16px;
74  top: 20px;
75}
76
77html[dir=rtl] #logo {
78  left: 16px;
79}
80