1/* Copyright (c) 2012 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#gaia-signin { 7 height: 609px; 8 padding: 70px 17px 69px; /* Screen has no controls. */ 9 width: 722px; 10} 11 12#gaia-signin.no-right-panel { 13 width: 522px; 14} 15 16#signin-right { 17 -webkit-margin-before: 80px; 18 -webkit-margin-start: 30px; 19 top: 60px; 20 width: 200px; 21} 22 23#signin-right, 24#enterprise-info-container { 25 font-size: 12px; 26} 27 28/* For touch-optimized UI, make the links bigger. */ 29@media (pointer:coarse) { 30 #signin-right { 31 font-size: 14px; 32 } 33} 34 35.no-right-panel #signin-right { 36 display: none; 37} 38 39.signin-text { 40 color: #666; 41 margin-top: 20px; 42} 43 44.signin-link { 45 color: rgb(37, 79, 155); 46 cursor: pointer; 47 text-decoration: none; 48} 49 50.signin-link:focus { 51 -webkit-transition: outline-color 200ms; 52 /* Note: May use 1px solid here. */ 53 outline-color: rgb(77, 144, 254); 54} 55 56#gaia-signin-form-container, 57#signin-frame { 58 height: 100%; 59} 60 61#gaia-signin-divider { 62 background: -webkit-gradient( 63 linear, left top, left bottom, 64 color-stop(0, #e3e3e3), 65 color-stop(0.5, #cacaca), 66 color-stop(1, #e3e3e3)); 67 border: none; 68 width: 1px; 69} 70 71.no-right-panel #gaia-signin-divider { 72 display: none; 73} 74 75#signin-frame { 76 background-color: transparent; 77 vertical-align: top; 78 width: 340px; 79} 80 81/* Position to be aligned with the login box in iframe */ 82#login-box { 83 height: 31px; 84 position: absolute; 85 top: 77px; 86 visibility: hidden; 87 z-index: -1; 88} 89 90#enterprise-info-container { 91 bottom: 10px; 92 left: 0; 93 position: absolute; 94 right: 0; 95 text-align: center; 96} 97 98#enterprise-info-container #enterprise-info { 99 display: inline-block; 100} 101 102#gaia-signin .step-contents { 103 -webkit-box-pack: center; 104 display: -webkit-box; 105} 106 107#createManagedUserSeparator { 108 background-color: rgba(128,128,128,0.3); 109 height: 1px; 110 width: 200px; 111} 112 113#createManagedUserLogo { 114 font-weight: bold; 115 margin-top: 16px; 116} 117 118#createManagedUserLogo img { 119 vertical-align: text-bottom; 120} 121 122#createManagedUserLinkPlaceholder, 123#createManagedUserNoManagerText { 124 margin-top: 10px; 125}