Home | History | Annotate | Download | only in user_manager 
      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 
     29 html[dir=rtl] .header-bar-item {
     30   background-color: white;
     31   background-position: right center;
     32 }
     33 
     34 html[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 
     52 html[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 
     89 html[dir=rtl] #logo {
     90   left: 16px;
     91 }
     92