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