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

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