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; /* Should be the same as #user-image.loading min-heigth. */ 8 padding: 70px 17px 69px; /* Screen has no controls. */ 9 width: 722px; /* Should be the same as #user-image.loading width. */ 10} 11 12#gaia-signin:not(.saml).no-right-panel { 13 width: 522px; 14} 15 16#gaia-signin.saml { 17 padding: 75px 0 0; 18} 19 20#signin-right { 21 -webkit-margin-before: 80px; 22 -webkit-margin-start: 30px; 23 top: 60px; 24 width: 200px; 25} 26 27#signin-right, 28#enterprise-info-container, 29#saml-info-container { 30 font-size: 12px; 31} 32 33/* For touch-optimized UI, make the links bigger. */ 34@media (pointer:coarse) { 35 #signin-right { 36 font-size: 14px; 37 } 38} 39 40.no-right-panel #signin-right, 41.saml #signin-right { 42 display: none; 43} 44 45.signin-text { 46 color: #666; 47 margin-top: 20px; 48} 49 50.signin-link { 51 color: rgb(37, 79, 155); 52 cursor: pointer; 53 text-decoration: none; 54} 55 56.signin-link:focus { 57 -webkit-transition: outline-color 200ms; 58 /* Note: May use 1px solid here. */ 59 outline-color: rgb(77, 144, 254); 60} 61 62#gaia-signin-form-container, 63#signin-frame { 64 height: 100%; 65} 66 67.saml #gaia-signin-form-container, 68.saml #signin-frame { 69 width: 100%; 70} 71 72.signin-divider { 73 background: linear-gradient( 74 to bottom, 75 #e3e3e3, 76 #cacaca 50%, 77 #e3e3e3); 78 border: none; 79 width: 1px; 80} 81 82.no-right-panel #gaia-signin-divider, 83.saml #gaia-signin-divider { 84 display: none; 85} 86 87#signin-frame { 88 background-color: transparent; 89 margin-left: -44px; 90 vertical-align: top; 91 width: 400px; 92} 93 94/* Simpler alignment if no right panel. */ 95.no-right-panel #signin-frame, 96.saml #signin-frame { 97 margin-left: 0; 98} 99 100/* Position to be aligned with the login box in iframe */ 101#login-box { 102 height: 31px; 103 position: absolute; 104 top: 77px; 105 visibility: hidden; 106 z-index: -1; 107} 108 109#enterprise-info-container { 110 bottom: 10px; 111 left: 0; 112 position: absolute; 113 right: 0; 114 text-align: center; 115} 116 117#enterprise-info-container #enterprise-info { 118 display: inline-block; 119} 120 121#gaia-signin .step-contents { 122 -webkit-box-pack: center; 123 display: -webkit-box; 124 height: 100%; 125} 126 127#createSupervisedUserSeparator { 128 background-color: rgba(128,128,128,0.3); 129 height: 1px; 130 width: 200px; 131} 132 133#createSupervisedUserLogo { 134 font-weight: bold; 135 margin-top: 16px; 136} 137 138#createSupervisedUserLogo img { 139 vertical-align: text-bottom; 140} 141 142#createSupervisedUserLogo span { 143 vertical-align: -10%; 144} 145 146#createSupervisedUserLinkPlaceholder, 147#createSupervisedUserNoManagerText { 148 margin-top: 10px; 149} 150 151#saml-notice-container { 152 left: 0; 153 position: absolute; 154 right: 0; 155 text-align: center; 156 top: 50px; 157} 158 159#saml-notice-message { 160 margin: 0 auto; 161} 162