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