| /* Copyright 2013 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. |
| */ |
| |
| /* Overrides of styles in chrome/browser/resources/chromeos/login/header_bar.js |
| * that are needed by the desktop user chooser screen |
| */ |
| #login-header-bar { |
| background-color: white; |
| border-top: 1px solid #e2e2e2; |
| bottom: 0; |
| left: 0; |
| padding-bottom: 16px; |
| padding-top: 16px; |
| position: absolute; |
| right: 0; |
| } |
| |
| .header-bar-item:first-child { |
| -webkit-padding-start: 16px; |
| } |
| |
| .header-bar-item { |
| display: inline-block; |
| font-size: 12px; |
| } |
| |
| html[dir=rtl] .header-bar-item { |
| background-color: white; |
| background-position: right center; |
| } |
| |
| html[dir=rtl] #login-header-bar button { |
| background-position: right center; |
| } |
| |
| #login-header-bar #add-user-button { |
| background-image: url(../../../../ui/webui/resources/images/add_box.svg); |
| } |
| |
| #login-header-bar #guest-user-button { |
| background-image: url(../../../../ui/webui/resources/images/account_box.svg); |
| border-right: 1px solid #e2e2e2; |
| margin-right: 10px; |
| } |
| |
| html[dir=rtl] #login-header-bar #guest-user-button { |
| border-left: 1px solid #e2e2e2; |
| margin-left: 10px; |
| } |
| |
| #login-header-bar button { |
| -webkit-padding-start: 24px; |
| background-color: white; |
| background-position: left center; |
| background-repeat: no-repeat; |
| background-size: 18px; |
| border: none; |
| border-radius: 0; |
| box-shadow: none; |
| cursor: pointer; |
| opacity: 0.8; |
| } |
| |
| #login-header-bar button:active, |
| #login-header-bar button:focus, |
| #login-header-bar button:hover { |
| opacity: 1; |
| } |
| |
| #login-header-bar button:focus { |
| text-decoration: underline; |
| } |
| |
| #logo { |
| content: -webkit-image-set( |
| url(../../../app/theme/default_100_percent/%DISTRIBUTION%/product_logo_name_48.png) 1x, |
| url(../../../app/theme/default_200_percent/%DISTRIBUTION%/product_logo_name_48.png) 2x); |
| height: 18px; |
| position: absolute; |
| right: 16px; |
| top: 20px; |
| } |
| |
| html[dir=rtl] #logo { |
| left: 16px; |
| right: auto; |
| } |