chrome/browser/resources/chromeos/login/gaia_card.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 :host {
   7   display: flex;
   8   flex-direction: column;
   9   position: relative;
  10 }
  11
  12 .gaia-header {
  13   background-color: var(--google-blue-500);
  14   color: white;
  15   height: 198px;
  16 }
  17
  18 :host(:not(.disabled)) .gaia-header {
  19   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
  20   /* z-index is needed to make shadow visible. */
  21   z-index: 1;
  22 }
  23
  24 .gaia-footer {
  25   background-color: rgb(238, 238, 238);
  26 }
  27
  28 .gaia-footer {
  29   position: relative;
  30 }
  31
  32 .header-container {
  33   padding: 50px 40px 18px;
  34 }
  35
  36 .footer-container {
  37   padding: 24px 40px 34px;
  38 }
  39
  40 ::content div.gaia-body-text {
  41   margin-bottom: 24px;
  42 }
  43
  44 ::content div.gaia-body-text p {
  45   color: rgba(0, 0, 0, 0.87);
  46   font-size: 14px;
  47   line-height: 20px;
  48   margin: 0;
  49 }
  50
  51 ::content p.enterprise-info {
  52   color: white;
  53   font-size: 15px;
  54   margin: 8px 0 0 0;
  55 }
  56
  57 ::content h1.welcome-message {
  58   color: white;
  59   font-size: 20px;
  60   font-weight: normal;
  61   margin-bottom: 0;
  62 }
  63
  64 .overlay {
  65   background-color: rgba(0, 0, 0, 0.5);
  66   display: none;
  67   height: 100%;
  68   position: absolute;
  69   right: 0;
  70   top: 0;
  71   width: 100%;
  72   z-index: 11;
  73 }
  74
  75 paper-progress#progress-bar {
  76   --paper-progress-active-color: var(--google-yellow-500);
  77   --paper-progress-container-color: var(--google-yellow-100);
  78   bottom: 0;
  79   display: none;
  80   height: 3px;
  81   position: absolute;
  82   width: 100%;
  83 }
  84
  85 :host(.full-disabled) #full-overlay,
  86 :host(.disabled) #bottom-overlay,
  87 :host(.disabled) #progress-bar {
  88   display: block;
  89 }