ui/login/account_picker/screen_account_picker.css

   1 /* Copyright 2014 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 .account-picker.flying-pods #account-picker {
   7   -webkit-transition: width 180ms ease,
   8                       height 180ms ease;
   9 }
  10
  11 #signin-banner-container1 {
  12   bottom: 100%;
  13   margin-bottom: 10px;
  14   position: absolute;
  15   width: 100%;
  16 }
  17
  18 #signin-banner-container2 {
  19   display: inline-block;
  20   position: relative;
  21   right: -50%;
  22 }
  23
  24 html[dir=rtl] #signin-banner-container2 {
  25   left: -50%;
  26   right: auto;
  27 }
  28
  29 #signin-banner {
  30   background-color: rgba(0, 0, 0, 0.75);
  31   border-radius: 4px;
  32   color: whitesmoke;
  33   display: none;
  34   font-size: 15px;
  35   left: -50%;
  36   padding: 20px;
  37   position: relative;
  38   text-align: center;
  39   width: 722px; /* same as gaia-signin width. */
  40 }
  41
  42 html[dir=rtl] #signin-banner {
  43   left: auto;
  44   right: -50%;
  45 }
  46
  47 html[screen=user-adding] #signin-banner {
  48   display: inline-block;
  49 }
  50
  51 html[screen=lock] #signin-banner {
  52   display: inline-block;
  53   opacity: 0;
  54   visibility: hidden;
  55 }
  56
  57 html[screen=lock] #signin-banner.message-set {
  58   -webkit-transition: opacity 1s;
  59   opacity: 1;
  60   visibility: visible;
  61 }