Home | History | Annotate | Download | only in login 
      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 #error-message {
      7   width: 650px;
      8 }
      9 
     10 .show-with-ui-state-update,
     11 .show-with-ui-state-signin,
     12 .show-with-ui-state-supervised,
     13 .show-with-ui-state-kiosk-mode,
     14 .show-with-ui-state-local-state-error,
     15 .show-with-ui-state-auto-enrollment-error,
     16 .show-with-ui-state-rollback-error,
     17 .show-with-error-state-portal,
     18 .show-with-error-state-offline,
     19 .show-with-error-state-proxy,
     20 .show-with-error-state-auth-ext-timeout,
     21 .show-with-error-state-kiosk-online,
     22 .guest-signin,
     23 .offline-login,
     24 .connecting-indicator {
     25   display: none;
     26 }
     27 
     28 .ui-state-update .show-with-ui-state-update,
     29 .ui-state-signin .show-with-ui-state-signin,
     30 .ui-state-supervised .show-with-ui-state-supervised,
     31 .ui-state-kiosk-mode .show-with-ui-state-kiosk-mode,
     32 .ui-state-local-state-error .show-with-ui-state-local-state-error,
     33 .ui-state-auto-enrollment-error .show-with-ui-state-auto-enrollment-error,
     34 .ui-state-rollback-error .show-with-ui-state-rollback-error,
     35 .error-state-portal .show-with-error-state-portal,
     36 .error-state-offline .show-with-error-state-offline,
     37 .error-state-proxy .show-with-error-state-proxy,
     38 .error-state-auth-ext-timeout .show-with-error-state-auth-ext-timeout,
     39 .error-state-kiosk-online .show-with-error-state-kiosk-online,
     40 .allow-guest-signin .guest-signin,
     41 .allow-offline-login .offline-login,
     42 .show-connecting-indicator .connecting-indicator {
     43   display: block;
     44 }
     45 
     46 #oobe.error-message #step-logo {
     47   z-index: 1;
     48 }
     49 
     50 .error-header {
     51   /* A hack used to prevent aliasing on High-DPI displays. */
     52   -webkit-transform: scale3d(1,1,1);
     53   background-clip: padding-box;
     54   background-color: white;
     55   border-bottom: 1px solid rgb(238,238,238);
     56   padding: 71px 20px 50px;
     57   text-align: center;
     58 }
     59 
     60 .error-icon {
     61   -webkit-margin-after: 40px;
     62   height: 64px;
     63 }
     64 
     65 .error-title {
     66   color: #606060;
     67   font-size: 15px;
     68 }
     69 
     70 .error-body {
     71   background-color: rgb(249,249,249);
     72   padding: 20px 20px 20px;
     73 }
     74 
     75 .error-controls {
     76   background-color: rgb(249,249,249);
     77   padding: 20px 20px 20px;
     78 }
     79 
     80 .error-message-paragraph {
     81   font-size: 12px;
     82   line-height: 18px;
     83 }
     84 
     85 .error-message-paragraph {
     86   -webkit-margin-before: 20px;
     87 }
     88 
     89 .error-message-paragraph a {
     90   color: rgb(17,85,204);
     91   text-decoration: none;
     92 }
     93 
     94 #offline-network-control {
     95   -webkit-align-items: center;
     96   display: -webkit-flex;
     97 }
     98 
     99 .offline-network-list-label {
    100   -webkit-margin-end: 10px;
    101 }
    102 
    103 .button-spacer {
    104   -webkit-box-flex: 1;
    105 }
    106 
    107 .ui-state-auto-enrollment-error .error-guest-signin {
    108   display: none;
    109 }
    110 
    111 .ui-state-auto-enrollment-error.allow-guest-signin
    112     .error-guest-signin-fix-network {
    113   display: block;
    114 }
    115 
    116 @-webkit-keyframes connecting-indicator-ellipsis {
    117   0% {
    118     opacity: 0;
    119   }
    120   10% {
    121     opacity: 1;
    122   }
    123   50% {
    124     opacity: .8;
    125   }
    126   100% {
    127     opacity: 0;
    128   }
    129 }
    130 
    131 #connecting-indicator-ellipsis-1 {
    132   -webkit-animation: connecting-indicator-ellipsis 3s 0 infinite;
    133 }
    134 
    135 #connecting-indicator-ellipsis-2 {
    136   -webkit-animation: connecting-indicator-ellipsis 3s 500ms infinite;
    137 }
    138 
    139 #connecting-indicator-ellipsis-3 {
    140   -webkit-animation: connecting-indicator-ellipsis 3s 1s infinite;
    141 }
    142