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   background-color: white;
  11   border-top: 1px solid #e2e2e2;
  12   bottom: 0;
  13   left: 0;
  14   padding-bottom: 16px;
  15   padding-top: 16px;
  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: url(../../../../ui/webui/resources/images/add_box.svg);
  40 }
  41
  42 #login-header-bar #guest-user-button {
  43   background-image: url(../../../../ui/webui/resources/images/account_box.svg);
  44   border-right: 1px solid #e2e2e2;
  45   margin-right: 10px;
  46 }
  47
  48 html[dir=rtl] #login-header-bar #guest-user-button {
  49   border-left: 1px solid #e2e2e2;
  50   margin-left: 10px;
  51 }
  52
  53 #login-header-bar button {
  54   -webkit-padding-start: 24px;
  55   background-color: white;
  56   background-position: left center;
  57   background-repeat: no-repeat;
  58   background-size: 18px;
  59   border: none;
  60   border-radius: 0;
  61   box-shadow: none;
  62   cursor: pointer;
  63   opacity: 0.8;
  64 }
  65
  66 #login-header-bar button:active,
  67 #login-header-bar button:focus,
  68 #login-header-bar button:hover {
  69   opacity: 1;
  70 }
  71
  72 #login-header-bar button:focus {
  73   text-decoration: underline;
  74 }
  75
  76 #logo {
  77   content: -webkit-image-set(
  78       url(../../../app/theme/default_100_percent/%DISTRIBUTION%/product_logo_name_48.png) 1x,
  79       url(../../../app/theme/default_200_percent/%DISTRIBUTION%/product_logo_name_48.png) 2x);
  80   height: 18px;
  81   position: absolute;
  82   right: 16px;
  83   top: 20px;
  84 }
  85
  86 html[dir=rtl] #logo {
  87   left: 16px;
  88   right: auto;
  89 }