src/chrome/browser/resources/chromeos/login/screen_gaia_signin.css

   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 }
 125
 126 #createManagedUserSeparator {
 127   background-color: rgba(128,128,128,0.3);
 128   height: 1px;
 129   width: 200px;
 130 }
 131
 132 #createManagedUserLogo {
 133   font-weight: bold;
 134   margin-top: 16px;
 135 }
 136
 137 #createManagedUserLogo img {
 138   vertical-align: text-bottom;
 139 }
 140
 141 #createManagedUserLogo span {
 142   vertical-align: -10%;
 143 }
 144
 145 #createManagedUserLinkPlaceholder,
 146 #createManagedUserNoManagerText {
 147   margin-top: 10px;
 148 }
 149
 150 #saml-notice-container {
 151   left: 0;
 152   position: absolute;
 153   right: 0;
 154   text-align: center;
 155   top: 50px;
 156 }
 157
 158 #saml-notice-message {
 159   margin: 0 auto;
 160 }