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 } 62