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   height: auto;
  81   left: 15px;
  82   margin: 0 0 -10px -10px;
  83   min-height: 34px;
  84   position: absolute;
  85   text-align: center;
  86   width: 180px;
  87 }
  88
  89 html[dir=rtl] #more-settings-header-bar-item.active
  90                 button.add-supervised-user-menu {
  91   right: 0;
  92 }
  93
  94 html[dir=rtl] .header-bar-item {
  95   background-position: right center;
  96 }
  97
  98 #login-header-bar #shutdown-button,
  99 #login-header-bar #restart-button,
 100 #login-header-bar #add-user-button,
 101 #login-header-bar #guest-user-button,
 102 #login-header-bar #more-settings-button,
 103 #login-header-bar #cancel-multiple-sign-in-button {
 104   -webkit-padding-start: 24px;
 105   background-position: left center;
 106   background-repeat: no-repeat;
 107   background-size: 24px;
 108 }
 109
 110 html[dir=rtl] #login-header-bar #shutdown-button,
 111 html[dir=rtl] #login-header-bar #restart-button,
 112 html[dir=rtl] #login-header-bar #add-user-button,
 113 html[dir=rtl] #login-header-bar #more-settings-button,
 114 html[dir=rtl] #login-header-bar #guest-user-button,
 115 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button {
 116   background-position: right center;
 117 }
 118
 119 #login-header-bar #more-settings-header-bar-item {
 120   position: relative;
 121 }
 122
 123 #login-header-bar #shutdown-button {
 124   background-image: url(chrome://theme/IDR_ICON_POWER_WHITE);
 125 }
 126
 127 #login-header-bar #restart-button {
 128   background-image: url(chrome://theme/IDR_ICON_POWER_WHITE);
 129 }
 130
 131 #login-header-bar #add-user-button {
 132   background-image: url(chrome://theme/IDR_ICON_ADD_USER_WHITE);
 133 }
 134
 135 #login-header-bar #more-settings-button {
 136   background-image: url(chrome://theme/IDR_ICON_MORE_VERT_WHITE);
 137 }
 138
 139 #login-header-bar #guest-user-button {
 140   background-image: url(chrome://theme/IDR_ICON_GUEST_WHITE);
 141 }
 142
 143 #login-header-bar #cancel-multiple-sign-in-button {
 144   /* TODO(dzhioev): replace with appropriate image when possible. */
 145   background-image: url(chrome://theme/IDR_PANEL_CLOSE);
 146 }
 147
 148 .button-restricted {
 149   border: 1px solid transparent;
 150   color: white !important;
 151   opacity: 0.4 !important;
 152 }