chrome/browser/resources/chromeos/login/header_bar.css

   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   opacity: 0;
  26 }
  27 html[screen=lock] .login-header-bar-animate-fast {
  28   -webkit-transition: opacity 200ms ease-out;
  29 }
  30
  31 html[screen=lock] .login-header-bar-animate-slow {
  32   -webkit-transition: opacity 2s ease-out;
  33 }
  34
  35 .header-bar-item:first-child {
  36   -webkit-padding-start: 15px;
  37 }
  38
  39 #login-header-bar button,
  40 #login-header-bar button:active,
  41 #login-header-bar button:focus,
  42 #login-header-bar button:hover {
  43   -webkit-box-shadow: none;
  44   background: transparent none;
  45   cursor: pointer;
  46   height: 34px;
  47   margin: 0;
  48   min-width: 0;
  49   opacity: 0.6;
  50   padding: 5px 8px;
  51   vertical-align: middle;
  52 }
  53
  54 #login-header-bar button:not(.button-restricted),
  55 #login-header-bar button:active:not(.button-restricted),
  56 #login-header-bar button:focus:not(.button-restricted),
  57 #login-header-bar button:hover:not(.button-restricted) {
  58   color: white !important;
  59   opacity: 1 !important;
  60 }
  61
  62 .header-bar-item {
  63   display: inline-block;
  64   height: 34px;
  65 }
  66
  67 html[dir=rtl] .header-bar-item {
  68   background-position: right center;
  69 }
  70
  71 #login-header-bar #shutdown-button,
  72 #login-header-bar #add-user-button,
  73 #login-header-bar #guest-user-button,
  74 #login-header-bar #cancel-multiple-sign-in-button {
  75   -webkit-padding-start: 24px;
  76   background-position: left center;
  77   background-repeat: no-repeat;
  78   background-size: 24px;
  79 }
  80
  81 html[dir=rtl] #login-header-bar #shutdown-button,
  82 html[dir=rtl] #login-header-bar #add-user-button,
  83 html[dir=rtl] #login-header-bar #guest-user-button,
  84 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button {
  85   background-position: right center;
  86 }
  87
  88 #login-header-bar #shutdown-button {
  89   background-image: url('chrome://theme/IDR_ICON_POWER_WHITE');
  90 }
  91
  92 #login-header-bar #add-user-button {
  93   background-image: url('chrome://theme/IDR_ICON_ADD_USER_WHITE');
  94 }
  95
  96 #login-header-bar #guest-user-button {
  97   background-image: url('chrome://theme/IDR_ICON_GUEST_WHITE');
  98 }
  99
 100 #login-header-bar #cancel-multiple-sign-in-button {
 101   /* TODO(dzhioev): replace with appropriate image when possible. */
 102   background-image: url('chrome://theme/IDR_PANEL_CLOSE');
 103 }
 104
 105 .button-restricted {
 106   border: 1px solid transparent;
 107   color: white !important;
 108   opacity: 0.4 !important;
 109 }