Home | History | Annotate | Download | only in login 
      1 /* Copyright (c) 2012 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 #login-header-bar {
      7   -webkit-padding-after: 7px;
      8   border-bottom: 3px solid black;
      9   bottom: 0;
     10   left: 0;
     11   position: absolute;
     12   right: 0;
     13 }
     14 
     15 #login-header-bar {
     16   -webkit-padding-before: 7px;
     17   /* Using copy of Ash launcher background with 0.8 opacity applied to it.
     18      Otherwise if opacity: 0.8 is set here it will affect button text as well.
     19      Have to position background differently so that opacity is not applied
     20      to child elements. */
     21   background-image: url('chrome://theme/IDR_LAUNCHER_BACKGROUND');
     22 }
     23 
     24 html[screen=lock] .login-header-bar-hidden,
     25 html[screen=oobe] .login-header-bar-hidden {
     26   opacity: 0;
     27 }
     28 
     29 html[screen=lock] .login-header-bar-animate-fast,
     30 html[screen=oobe] .login-header-bar-animate-fast {
     31   -webkit-transition: opacity 200ms ease-out;
     32 }
     33 
     34 html[screen=lock] .login-header-bar-animate-slow,
     35 html[screen=oobe] .login-header-bar-animate-slow {
     36   -webkit-transition: opacity 2s ease-out;
     37 }
     38 
     39 .header-bar-item:first-child {
     40   -webkit-padding-start: 15px;
     41 }
     42 
     43 #login-header-bar button,
     44 #login-header-bar button:active,
     45 #login-header-bar button:focus,
     46 #login-header-bar button:hover {
     47   -webkit-box-shadow: none;
     48   background: transparent none;
     49   cursor: pointer;
     50   height: 34px;
     51   margin: 0;
     52   min-width: 0;
     53   opacity: 0.6;
     54   padding: 5px 8px;
     55   vertical-align: middle;
     56 }
     57 
     58 #login-header-bar button:not(.button-restricted),
     59 #login-header-bar button:active:not(.button-restricted),
     60 #login-header-bar button:focus:not(.button-restricted),
     61 #login-header-bar button:hover:not(.button-restricted) {
     62   color: white !important;
     63   opacity: 1 !important;
     64 }
     65 
     66 .header-bar-item {
     67   display: inline-block;
     68   height: 34px;
     69 }
     70 
     71 html[dir=rtl] .header-bar-item {
     72   background-position: right center;
     73 }
     74 
     75 #login-header-bar #shutdown-button,
     76 #login-header-bar #add-user-button,
     77 #login-header-bar #guest-user-button,
     78 #login-header-bar #cancel-multiple-sign-in-button {
     79   -webkit-padding-start: 24px;
     80   background-position: left center;
     81   background-repeat: no-repeat;
     82   background-size: 24px;
     83 }
     84 
     85 html[dir=rtl] #login-header-bar #shutdown-button,
     86 html[dir=rtl] #login-header-bar #add-user-button,
     87 html[dir=rtl] #login-header-bar #guest-user-button,
     88 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button {
     89   background-position: right center;
     90 }
     91 
     92 #login-header-bar #shutdown-button {
     93   background-image: url('chrome://theme/IDR_ICON_POWER_WHITE');
     94 }
     95 
     96 #login-header-bar #add-user-button {
     97   background-image: url('chrome://theme/IDR_ICON_ADD_USER_WHITE');
     98 }
     99 
    100 #login-header-bar #guest-user-button {
    101   background-image: url('chrome://theme/IDR_ICON_GUEST_WHITE');
    102 }
    103 
    104 #login-header-bar #cancel-multiple-sign-in-button {
    105   /* TODO(dzhioev): replace with appropriate image when possible. */
    106   background-image: url('chrome://theme/IDR_PANEL_CLOSE');
    107 }
    108 
    109 .button-restricted {
    110   border: 1px solid transparent;
    111   color: white !important;
    112   opacity: 0.4 !important;
    113 }
    114