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

   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   height: 64px;
  62   margin-bottom: 40px;
  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   margin-top: 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
 143 #error-close-button {
 144   color: rgba(0, 0, 0, .54);
 145   position: absolute;
 146   right: 10px;
 147   top: 10px;
 148   z-index: 1;
 149 }
 150
 151 html[dir=rtl] #error-close-button {
 152   left: 10px;
 153   right: auto;
 154 }