src/chrome/browser/resources/user_manager/user_manager.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 for the desktop user manager screen. */
   7
   8 .oobe-display {
   9   background-color: #eee;
  10 }
  11
  12 #outer-container {
  13   min-height: 0;
  14 }
  15
  16 .bubble.faded {
  17   opacity: 0;
  18 }
  19
  20 .pod {
  21   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  22   height: 226px;
  23 }
  24
  25 .pod.faded {
  26   opacity: .4;
  27 }
  28
  29 .pod.hovered:not(.focused) {
  30   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  31   opacity: 0.9;
  32 }
  33
  34 .pod.focused {
  35   box-shadow: 0 16px 21px rgba(0, 0, 0, 0.2);
  36 }
  37
  38 .pod.focused.locked {
  39   box-shadow: 0 12px 21px rgba(0, 0, 0, 0.2);
  40   height: 220px;
  41 }
  42
  43 .user-image-pane {
  44   border-top-left-radius: 2px;
  45   border-top-right-radius: 2px;
  46   height: 180px;
  47   left: 0;
  48   top: 0;
  49   width: 180px;
  50 }
  51
  52 html[dir=rtl] .user-image-pane {
  53   right: 0;
  54 }
  55
  56 .pod .name {
  57   margin-top: 12px;
  58 }
  59
  60 .pod .user-image {
  61   height: 180px;
  62   width: 180px;
  63 }
  64
  65 .pod input[type='password'] {
  66   height: 45px;  /* 1px shorter as to not overlap the pod's rounded corners */
  67   top: 1px;
  68 }
  69
  70 .pod.locked .locked-indicator {
  71   background-image: -webkit-image-set(
  72       url('chrome://theme/IDR_ICON_PROFILES_LOCKED') 1x,
  73       url('chrome://theme/IDR_ICON_PROFILES_LOCKED@2x') 2x);
  74   height: 31px;
  75   left: 8px;
  76   position: absolute;
  77   top: 8px;
  78   width: 31px;
  79 }
  80
  81 html[dir=rtl] .pod.locked .locked-indicator {
  82   left: auto;
  83   right: 8px;
  84 }
  85
  86 .pod.supervised-user .supervised-indicator {
  87   background-image: -webkit-image-set(
  88       url('chrome://theme/IDR_ICON_PROFILES_SUPERVISED') 1x,
  89       url('chrome://theme/IDR_ICON_PROFILES_SUPERVISED@2x') 2x);
  90   height: 31px;
  91   left: 8px;
  92   position: absolute;
  93   top: 8px;
  94   width: 31px;
  95 }
  96
  97 html[dir=rtl] .pod.supervised-user .supervised-indicator {
  98   left: auto;
  99   right: 8px;
 100 }
 101
 102 .main-pane {
 103   left: 0;
 104   top: 0;
 105 }
 106
 107 html[dir=rtl] .main-pane {
 108   right: 0;
 109 }
 110
 111 .name-container,
 112 .pod.focused:not(.multiprofiles-policy-applied) .auth-container {
 113   top: 180px;
 114   width: 180px;
 115 }
 116
 117 .pod.focused:not(.locked) .name-container {
 118   display: block;
 119 }
 120
 121 .pod .name {
 122   color: #363636;
 123   font-size: 15px;
 124   margin-top: 11px;
 125 }
 126
 127 .pod.focused:not(.locked) .auth-container {
 128   display: none;
 129 }
 130
 131 .pod.focused.locked .password-entry-container {
 132   display: flex;
 133   flex: auto;
 134 }
 135
 136 .action-box-area {
 137   background-color: #f5f5f5;
 138   height: 24px;
 139   width: 24px;
 140 }
 141
 142 .action-box-button,
 143 .action-box-button:hover,
 144 .action-box-area.active .action-box-button {
 145   background-image: none;
 146   border-left: 6px solid transparent;
 147   border-right: 6px solid transparent;
 148   border-top: 6px solid #989898;
 149   height: 0;
 150   left: 6px;
 151   margin: 0;
 152   position: absolute;
 153   top: 9px;
 154   width: 0;
 155 }
 156
 157 .action-box-button:hover,
 158 .action-box-area.active .action-box-button {
 159   border-top: 6px solid #4c4c4c;
 160 }