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   border-bottom: 3px solid black;
   8   bottom: 0;
   9   left: 0;
  10   padding-bottom: 7px;
  11   position: absolute;
  12   right: 0;
  13 }
  14
  15 #login-header-bar {
  16   /* Using copy of Ash launcher background with 0.8 opacity applied to it.
  17      Otherwise if opacity: 0.8 is set here it will affect button text as well.
  18      Have to position background differently so that opacity is not applied
  19      to child elements. */
  20   background-image: url(chrome://theme/IDR_LAUNCHER_BACKGROUND);
  21   padding-top: 7px;
  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 }