src/chrome/browser/resources/user_manager/control_bar.css

   1 /* Copyright 2013 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 /* Overrides of styles in chrome/browser/resources/chromeos/login/header_bar.js
   7 * that are needed by the desktop user chooser screen
   8 */
   9 #login-header-bar {
  10   -webkit-padding-after: 16px;
  11   -webkit-padding-before: 16px;
  12   background-color: white;
  13   border-top: 1px solid #e2e2e2;
  14   bottom: 0;
  15   left: 0;
  16   position: absolute;
  17   right: 0;
  18 }
  19
  20 .header-bar-item:first-child {
  21   -webkit-padding-start: 16px;
  22 }
  23
  24 .header-bar-item {
  25   display: inline-block;
  26   font-size: 12px;
  27 }
  28
  29 html[dir=rtl] .header-bar-item {
  30   background-color: white;
  31   background-position: right center;
  32 }
  33
  34 html[dir=rtl] #login-header-bar button {
  35   background-position: right center;
  36 }
  37
  38 #login-header-bar #add-user-button {
  39   background-image: -webkit-image-set(
  40       url('chrome://theme/IDR_ICON_PROFILES_ADD_USER') 1x,
  41       url('chrome://theme/IDR_ICON_PROFILES_ADD_USER@2x') 2x);
  42 }
  43
  44 #login-header-bar #guest-user-button {
  45   background-image: -webkit-image-set(
  46       url('chrome://theme/IDR_ICON_PROFILES_BROWSE_GUEST') 1x,
  47       url('chrome://theme/IDR_ICON_PROFILES_BROWSE_GUEST@2x') 2x);
  48   border-right: 1px solid #e2e2e2;
  49   margin-right: 10px;
  50 }
  51
  52 html[dir=rtl] #login-header-bar #guest-user-button {
  53   border-left: 1px solid #e2e2e2;
  54   margin-left: 10px;
  55 }
  56
  57 #login-header-bar button {
  58   -webkit-padding-start: 24px;
  59   background-color: white;
  60   background-position: left center;
  61   background-repeat: no-repeat;
  62   border: none;
  63   border-radius: 0;
  64   box-shadow: none;
  65   cursor: pointer;
  66   opacity: 0.8;
  67 }
  68
  69 #login-header-bar button:active,
  70 #login-header-bar button:focus,
  71 #login-header-bar button:hover {
  72   opacity: 1;
  73 }
  74
  75 #login-header-bar button:focus {
  76   text-decoration: underline;
  77 }
  78
  79 #logo {
  80   content: -webkit-image-set(
  81       url('../../../app/theme/%DISTRIBUTION%/product_logo_name_48.png') 1x,
  82       url('../../../app/theme/%DISTRIBUTION%/product_logo_name_96.png') 2x);
  83   height: 18px;
  84   position: absolute;
  85   right: 16px;
  86   top: 20px;
  87 }
  88
  89 html[dir=rtl] #logo {
  90   left: 16px;
  91 }