Home | History | Annotate | Download | only in login 
      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