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 -webkit-margin-after: 10px; 14 color: #666; 15 display: -webkit-box; 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-explain #oauth-enroll-step-explain, 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-before: 30px; 58 -webkit-margin-end: 20px; 59 -webkit-margin-start: 30px; 60 font-size: 12px; 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 -webkit-margin-before: 20px; 72 } 73 74 #oauth-enroll-learn-more-link, 75 .oauth-enroll-explain-link { 76 display: none; 77 } 78 79 #oauth-enrollment.mode-manual #oauth-enroll-learn-more-link, 80 #oauth-enrollment.mode-forced #oauth-enroll-learn-more-link, 81 #oauth-enrollment.mode-recovery #oauth-enroll-learn-more-link { 82 display: inline; 83 } 84 85 #oauth-enrollment.mode-auto .oauth-enroll-explain-link { 86 display: inline; 87 } 88 89 .oauth-enroll-step-content { 90 display: table-cell; 91 vertical-align: middle; 92 } 93 94 .oauth-enroll-step-icon { 95 display: inline-block; 96 position: relative; 97 top: 0.5em; 98 vertical-align: top; 99 } 100 101 .oauth-enroll-step-icon > * { 102 -webkit-margin-end: .4em; 103 display: inline-block; 104 height: 22px; 105 position: relative; 106 top: -11px; 107 width: 22px; 108 } 109 110 #oauth-enrollment.mode-auto #oauth-enroll-error-retry { 111 display: none; 112 } 113 114 .oauth-enroll-step-message { 115 display: inline-block; 116 max-width: 400px; 117 text-align: left; 118 vertical-align: top; 119 } 120 121 #oauth-enroll-explain-message { 122 white-space: pre-line; 123 } 124 125 .oauth-enroll-link { 126 color: rgb(37, 79, 155); 127 cursor: pointer; 128 text-decoration: none; 129 } 130 131 .oauth-enroll-button { 132 display: none; 133 } 134 135 .oauth-enroll-state-signin.mode-manual #oauth-enroll-cancel-button, 136 .oauth-enroll-state-signin.mode-forced #oauth-enroll-back-button, 137 .oauth-enroll-state-signin.mode-recovery #oauth-enroll-back-button, 138 .oauth-enroll-state-working.mode-manual #oauth-enroll-cancel-button, 139 .oauth-enroll-state-working.mode-forced #oauth-enroll-back-button, 140 .oauth-enroll-state-working.mode-recovery #oauth-enroll-back-button, 141 .oauth-enroll-state-error.mode-manual #oauth-enroll-cancel-button, 142 .oauth-enroll-state-error.mode-auto #oauth-enroll-retry-button, 143 .oauth-enroll-state-error.mode-forced #oauth-enroll-back-button, 144 .oauth-enroll-state-error.mode-recovery #oauth-enroll-back-button, 145 .oauth-enroll-state-explain #oauth-enroll-explain-retry-button, 146 .oauth-enroll-state-success #oauth-enroll-done-button { 147 display: inline; 148 } 149 150 #oobe.oauth-enrollment #header-oauth-enrollment { 151 display: block; 152 } 153 154 #oauth-saml-notice-container { 155 left: 0; 156 position: absolute; 157 right: 0; 158 text-align: center; 159 top: 62px; 160 } 161 162 #oauth-enrollment.saml { 163 padding: 97px 0 21px; 164 } 165 166 #oauth-enrollment.saml #oauth-enroll-signin-frame { 167 height: 444px; 168 } 169 170 #oauth-enrollment.saml #oauth-enrollment-controls, 171 #oauth-enrollment.saml #oauth-enroll-signin-link-container { 172 -webkit-padding-end: 17px; 173 } 174 175 #oauth-enrollment:not(.saml) #oauth-saml-notice-container { 176 display: none; 177 } 178 179 #oauth-saml-notice-message { 180 margin: 0 auto; 181 } 182