chrome/browser/resources/chromeos/login/oobe_screen_oauth_enrollment.css

   1 /* Copyright 2013 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 #oauth-enrollment {
   7   min-height: 609px;
   8   padding: 70px 17px 21px;
   9   width: 722px;
  10 }
  11
  12 #oauth-enroll-step-contents {
  13   color: #666;
  14   display: -webkit-box;
  15   margin-bottom: 10px;
  16 }
  17
  18 #oauth-enroll-step-contents > div {
  19   display: none;
  20 }
  21
  22 .oauth-enroll-state-working #oauth-enroll-step-working,
  23 .oauth-enroll-state-error #oauth-enroll-step-error,
  24 .oauth-enroll-state-attribute-prompt #oauth-enroll-step-attribute-prompt,
  25 .oauth-enroll-state-success #oauth-enroll-step-success {
  26   display: table;
  27   height: 480px;
  28   margin: 0 auto;
  29 }
  30
  31 .oauth-enroll-state-signin #oauth-enroll-step-signin {
  32   display: -webkit-flex;
  33   width: 100%;
  34 }
  35
  36 #oauth-enroll-signin-frame-container {
  37   -webkit-flex: 1 1 auto;
  38   box-sizing: border-box;
  39   padding-bottom: 20px;
  40 }
  41
  42 #oauth-enroll-signin-frame {
  43   border: 0 none;
  44   height: 456px;
  45   width: 100%;
  46 }
  47
  48 #oauth-enroll-signin-divider {
  49   -webkit-flex: 0 0 auto;
  50   background: linear-gradient(to bottom, #e3e3e3, #cacaca 50%, #e3e3e3);
  51   border: none;
  52   width: 1px;
  53 }
  54
  55 #oauth-enroll-signin-right {
  56   -webkit-flex: 0 0 auto;
  57   -webkit-margin-end: 20px;
  58   -webkit-margin-start: 30px;
  59   font-size: 12px;
  60   margin-top: 30px;
  61   width: 200px;
  62 }
  63
  64 @media (pointer:coarse) {
  65   #oauth-enroll-signin-right {
  66     font-size: 14px;
  67   }
  68 }
  69
  70 #oauth-enroll-signin-right > div {
  71   margin-top: 20px;
  72 }
  73
  74 #oauth-enroll-learn-more-link {
  75   display: none;
  76 }
  77
  78 #oauth-enrollment.mode-manual #oauth-enroll-learn-more-link,
  79 #oauth-enrollment.mode-forced #oauth-enroll-learn-more-link,
  80 #oauth-enrollment.mode-recovery #oauth-enroll-learn-more-link {
  81   display: inline;
  82 }
  83
  84 .oauth-enroll-step-content {
  85   display: table-cell;
  86   vertical-align: middle;
  87 }
  88
  89 .oauth-enroll-step-icon {
  90   display: inline-block;
  91   position: relative;
  92   top: 0.5em;
  93   vertical-align: top;
  94 }
  95
  96 .oauth-enroll-step-icon > * {
  97   -webkit-margin-end: .4em;
  98   display: inline-block;
  99   height: 22px;
 100   position: relative;
 101   top: -11px;
 102   width: 22px;
 103 }
 104
 105 .oauth-enroll-step-message {
 106   display: inline-block;
 107   max-width: 400px;
 108   text-align: left;
 109   vertical-align: top;
 110 }
 111
 112 .oauth-enroll-link {
 113   color: rgb(37, 79, 155);
 114   cursor: pointer;
 115   text-decoration: none;
 116 }
 117
 118 .oauth-enroll-button {
 119   display: none;
 120 }
 121
 122 .oauth-enroll-state-signin.mode-manual #oauth-enroll-cancel-button,
 123 .oauth-enroll-state-signin.mode-forced #oauth-enroll-back-button,
 124 .oauth-enroll-state-signin.mode-recovery #oauth-enroll-back-button,
 125 .oauth-enroll-state-working.mode-manual #oauth-enroll-cancel-button,
 126 .oauth-enroll-state-working.mode-forced #oauth-enroll-back-button,
 127 .oauth-enroll-state-working.mode-recovery #oauth-enroll-back-button,
 128 .oauth-enroll-state-error.mode-manual #oauth-enroll-cancel-button,
 129 .oauth-enroll-state-error.mode-manual #oauth-enroll-done-button,
 130 .oauth-enroll-state-error.mode-forced #oauth-enroll-back-button,
 131 .oauth-enroll-state-error.mode-recovery #oauth-enroll-back-button,
 132 .oauth-enroll-state-attribute-prompt #oauth-enroll-continue-button,
 133 .oauth-enroll-state-success #oauth-enroll-done-button {
 134   display: inline;
 135 }
 136
 137 #oobe.oauth-enrollment #header-oauth-enrollment {
 138   display: block;
 139 }
 140
 141 #oauth-saml-notice-container {
 142   left: 0;
 143   position: absolute;
 144   right: 0;
 145   text-align: center;
 146   top: 62px;
 147 }
 148
 149 #oauth-enrollment.saml {
 150   padding: 97px 0 21px;
 151 }
 152
 153 #oauth-enrollment.saml #oauth-enroll-signin-frame {
 154   height: 444px;
 155 }
 156
 157 #oauth-enrollment.saml #oauth-enrollment-controls,
 158 #oauth-enrollment.saml #oauth-enroll-signin-link-container {
 159   -webkit-padding-end: 17px;
 160 }
 161
 162 #oauth-enrollment:not(.saml) #oauth-saml-notice-container {
 163   display: none;
 164 }
 165
 166 #oauth-enrollment.saml #oauth-enroll-signin-divider,
 167 #oauth-enrollment.saml #oauth-enroll-signin-right {
 168   display: none;
 169 }
 170
 171 #oauth-saml-notice-message {
 172   margin: 0 auto;
 173 }
 174
 175 .oauth-enroll-textbox {
 176   display: inline-block;
 177   position: relative;
 178   top: 10px;
 179   vertical-align: top;
 180 }
 181
 182 .oauth-enroll-textbox.oauth-enroll-attribute-field[type='text'] {
 183   border-color: black;
 184   display: inline;
 185   font-size: 16px;
 186   position: relative;
 187   width: 250px;
 188 }
 189
 190 .oauth-enroll-textbox.auth-enroll-attribute-label {
 191   display: inline;
 192   position: relative;
 193 }