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(.full-width).no-right-panel {
  13   width: 522px;
  14 }
  15
  16 .minute-maid #gaia-signin {
  17   padding: 0 0 0;
  18   width: 522px;
  19 }
  20
  21 #gaia-signin.full-width {
  22   padding: 75px 0 0;
  23 }
  24
  25 #signin-right {
  26   -webkit-margin-start: 30px;
  27   margin-top: 80px;
  28   top: 60px;
  29   width: 200px;
  30 }
  31
  32 #signin-right,
  33 #enterprise-info-container,
  34 #saml-info-container {
  35   font-size: 12px;
  36 }
  37
  38 /*  For touch-optimized UI, make the links bigger. */
  39 @media (pointer:coarse) {
  40   #signin-right {
  41     font-size: 14px;
  42   }
  43 }
  44
  45 .minute-maid #signin-right,
  46 .no-right-panel #signin-right {
  47   display: none;
  48 }
  49
  50 #close-button-item {
  51   background: transparent none;
  52   background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON);
  53   background-position: center;
  54   background-repeat: no-repeat;
  55   height: 14px;
  56   position: absolute;
  57   right: 15px;
  58   top: 15px;
  59   width: 14px;
  60   z-index: 1;
  61 }
  62
  63 html[dir=rtl] #close-button-item {
  64   left: 15px;
  65   right: auto;
  66 }
  67
  68 .loading #close-button-item {
  69   background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_ON_WHITE);
  70 }
  71
  72 #close-button-item:disabled {
  73   background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_MASKED);
  74 }
  75
  76 .signin-text {
  77   color: #666;
  78   margin-top: 20px;
  79 }
  80
  81 .signin-link {
  82   color: rgb(37, 79, 155);
  83   cursor: pointer;
  84   text-decoration: none;
  85 }
  86
  87 .signin-link:focus {
  88   -webkit-transition: outline-color 200ms;
  89   /* Note: May use 1px solid here. */
  90   outline-color: rgb(77, 144, 254);
  91 }
  92
  93 #gaia-signin-form-container,
  94 #signin-frame {
  95   height: 100%;
  96 }
  97
  98 .full-width #signin-frame,
  99 .full-width #gaia-signin-form-container {
 100   width: 100%;
 101 }
 102
 103 .signin-divider {
 104   background: linear-gradient(
 105                    to bottom,
 106                    #e3e3e3,
 107                    #cacaca 50%,
 108                    #e3e3e3);
 109   border: none;
 110   width: 1px;
 111 }
 112
 113 .gaia-signin .minute-maid #step-logo,
 114 .gaia-signin .minute-maid #gaia-signin-divider,
 115 .no-right-panel #gaia-signin-divider {
 116   display: none;
 117 }
 118
 119 #signin-frame {
 120   background-color: transparent;
 121   margin-left: -44px;
 122   vertical-align: top;
 123   width: 400px;
 124 }
 125
 126 webview#signin-frame {
 127   display: block;
 128   height: 609px;
 129   margin-left: 0;
 130   overflow: hidden;
 131   padding: 0;
 132   width: 522px;
 133 }
 134
 135 /* Simpler alignment if no right panel. */
 136 .no-right-panel #signin-frame {
 137   margin-left: 0;
 138 }
 139
 140 /* Position to be aligned with the login box in iframe  */
 141 #login-box {
 142   height: 31px;
 143   position: absolute;
 144   top: 77px;
 145   visibility: hidden;
 146   z-index: -1;
 147 }
 148
 149 #enterprise-info-container {
 150   bottom: 10px;
 151   left: 0;
 152   position: absolute;
 153   right: 0;
 154   text-align: center;
 155 }
 156
 157 .minute-maid #enterprise-info-container {
 158   display: none;
 159 }
 160
 161 #enterprise-info-container #enterprise-info {
 162   display: inline-block;
 163 }
 164
 165 #gaia-signin .step-contents {
 166   -webkit-box-pack: center;
 167   display: -webkit-box;
 168   height: 100%;
 169 }
 170
 171 #createSupervisedUserSeparator {
 172   background-color: rgba(128,128,128,0.3);
 173   height: 1px;
 174   width: 200px;
 175 }
 176
 177 #createSupervisedUserLogo {
 178   font-weight: bold;
 179   margin-top: 16px;
 180 }
 181
 182 #createSupervisedUserLogo img {
 183   vertical-align: text-bottom;
 184 }
 185
 186 #createSupervisedUserLogo span {
 187   vertical-align: -10%;
 188 }
 189
 190 #createSupervisedUserLinkPlaceholder,
 191 #createSupervisedUserNoManagerText {
 192   margin-top: 10px;
 193 }
 194
 195 #saml-notice-container {
 196   left: 0;
 197   position: absolute;
 198   right: 0;
 199   text-align: center;
 200   top: 50px;
 201 }
 202
 203 #saml-notice-message {
 204   margin: 0 auto;
 205 }