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.no-right-panel {
  13   width: 522px;
  14 }
  15
  16 #gaia-signin.saml {
  17   padding: 70px 10px 10px;
  18   width: 1000px;
  19 }
  20
  21 #signin-right {
  22   -webkit-margin-before: 80px;
  23   -webkit-margin-start: 30px;
  24   top: 60px;
  25   width: 200px;
  26 }
  27
  28 #signin-right,
  29 #enterprise-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 #gaia-signin-divider {
  73   background: -webkit-gradient(
  74                    linear, left top, left bottom,
  75                    color-stop(0, #e3e3e3),
  76                    color-stop(0.5, #cacaca),
  77                    color-stop(1, #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   vertical-align: top;
  90   width: 340px;
  91 }
  92
  93 /* Position to be aligned with the login box in iframe  */
  94 #login-box {
  95   height: 31px;
  96   position: absolute;
  97   top: 77px;
  98   visibility: hidden;
  99   z-index: -1;
 100 }
 101
 102 #enterprise-info-container {
 103   bottom: 10px;
 104   left: 0;
 105   position: absolute;
 106   right: 0;
 107   text-align: center;
 108 }
 109
 110 #enterprise-info-container #enterprise-info {
 111   display: inline-block;
 112 }
 113
 114 #gaia-signin .step-contents {
 115   -webkit-box-pack: center;
 116   display: -webkit-box;
 117 }
 118
 119 #createManagedUserSeparator {
 120   background-color: rgba(128,128,128,0.3);
 121   height: 1px;
 122   width: 200px;
 123 }
 124
 125 #createManagedUserLogo {
 126   font-weight: bold;
 127   margin-top: 16px;
 128 }
 129
 130 #createManagedUserLogo img {
 131   vertical-align: text-bottom;
 132 }
 133
 134 #createManagedUserLinkPlaceholder,
 135 #createManagedUserNoManagerText {
 136   margin-top: 10px;
 137 }
 138