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-start: 15px;
   8   border-bottom: 3px solid black;
   9   bottom: 0;
  10   left: 0;
  11   padding-bottom: 7px;
  12   position: absolute;
  13   right: 0;
  14 }
  15
  16 #login-header-bar {
  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   padding-top: 7px;
  23 }
  24
  25 html[screen=lock] .login-header-bar-hidden,
  26 html[screen=oobe] .login-header-bar-hidden {
  27   opacity: 0;
  28 }
  29
  30 html[screen=lock] .login-header-bar-animate-fast,
  31 html[screen=oobe] .login-header-bar-animate-fast {
  32   -webkit-transition: opacity 200ms ease-out;
  33 }
  34
  35 html[screen=lock] .login-header-bar-animate-slow,
  36 html[screen=oobe] .login-header-bar-animate-slow {
  37   -webkit-transition: opacity 2s ease-out;
  38 }
  39
  40 #login-header-bar button,
  41 #login-header-bar button:active,
  42 #login-header-bar button:focus,
  43 #login-header-bar button:hover {
  44   background: transparent none;
  45   box-shadow: none;
  46   cursor: pointer;
  47   height: 34px;
  48   margin: 0;
  49   min-width: 0;
  50   opacity: 0.6;
  51   padding: 5px 8px;
  52   vertical-align: middle;
  53 }
  54
  55 #login-header-bar button:not(.button-restricted),
  56 #login-header-bar button:active:not(.button-restricted),
  57 #login-header-bar button:focus:not(.button-restricted),
  58 #login-header-bar button:hover:not(.button-restricted) {
  59   color: white !important;
  60   opacity: 1 !important;
  61 }
  62
  63 .header-bar-item {
  64   display: inline-block;
  65   height: 34px;
  66 }
  67
  68 .add-supervised-user-menu {
  69   display: none;
  70 }
  71
  72 #more-settings-header-bar-item.active button.add-supervised-user-menu {
  73   background-color: white;
  74   border: 1px solid lightgray;
  75   border-radius: 2px;
  76   bottom: 15px;
  77   color: black !important;
  78   display: block;
  79   font-size: 13px;
  80   left: 15px;
  81   margin: 0 0 -10px -10px;
  82   position: absolute;
  83   text-align: center;
  84   width: 180px;
  85 }
  86
  87 html[dir=rtl] .header-bar-item {
  88   background-position: right center;
  89 }
  90
  91 #login-header-bar #shutdown-button,
  92 #login-header-bar #restart-button,
  93 #login-header-bar #add-user-button,
  94 #login-header-bar #guest-user-button,
  95 #login-header-bar #more-settings-button,
  96 #login-header-bar #cancel-multiple-sign-in-button {
  97   -webkit-padding-start: 24px;
  98   background-position: left center;
  99   background-repeat: no-repeat;
 100   background-size: 24px;
 101 }
 102
 103 html[dir=rtl] #login-header-bar #shutdown-button,
 104 html[dir=rtl] #login-header-bar #restart-button,
 105 html[dir=rtl] #login-header-bar #add-user-button,
 106 html[dir=rtl] #login-header-bar #more-settings-button,
 107 html[dir=rtl] #login-header-bar #guest-user-button,
 108 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button {
 109   background-position: right center;
 110 }
 111
 112 #login-header-bar #more-settings-header-bar-item {
 113   position: relative;
 114 }
 115
 116 #login-header-bar #shutdown-button {
 117   background-image: url(chrome://theme/IDR_ICON_POWER_WHITE);
 118 }
 119
 120 #login-header-bar #restart-button {
 121   background-image: url(chrome://theme/IDR_ICON_POWER_WHITE);
 122 }
 123
 124 #login-header-bar #add-user-button {
 125   background-image: url(chrome://theme/IDR_ICON_ADD_USER_WHITE);
 126 }
 127
 128 #login-header-bar #more-settings-button {
 129   background-image: url(chrome://theme/IDR_ICON_MORE_VERT_WHITE);
 130 }
 131
 132 #login-header-bar #guest-user-button {
 133   background-image: url(chrome://theme/IDR_ICON_GUEST_WHITE);
 134 }
 135
 136 #login-header-bar #cancel-multiple-sign-in-button {
 137   /* TODO(dzhioev): replace with appropriate image when possible. */
 138   background-image: url(chrome://theme/IDR_PANEL_CLOSE);
 139 }
 140
 141 .button-restricted {
 142   border: 1px solid transparent;
 143   color: white !important;
 144   opacity: 0.4 !important;
 145 }