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

   1 /* Copyright 2014 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   background-color: var(--google-green-500);
   8   color: white;
   9 }
  10
  11 content::content strong {
  12   font-weight: 500;
  13 }
  14
  15 /* Top part of a page. */
  16
  17 #top {
  18   box-sizing: border-box;
  19   font-size: 23px;
  20   height: 266px;
  21   padding: 34px 48px 22px;
  22 }
  23
  24 :host(.split) #top {
  25   padding-bottom: 33px;
  26 }
  27
  28 :host(.big-font) #top {
  29   font-size: 33px;
  30 }
  31
  32 /* Separator. */
  33
  34 #separator {
  35   background-color: var(--google-green-100);
  36   bottom: 0;
  37   display: block;
  38   height: 1px;
  39   left: 48px;
  40   position: absolute;
  41   right: 0;
  42 }
  43
  44 :host(.split) #separator {
  45   display: none;
  46 }
  47
  48 #separator paper-progress {
  49   --paper-progress-active-color: white;
  50   --paper-progress-container-color: var(--google-green-100);
  51   display: none;
  52   width: 100%;
  53 }
  54
  55 :host(.progress) #separator paper-progress {
  56   display: block;
  57 }
  58
  59 :host(.progress) #separator {
  60   bottom: -2px;
  61   height: 4px;
  62 }
  63
  64 /* Bottom part of a page. */
  65
  66 #bottom {
  67   font-size: 16px;
  68   padding: 20px 48px 34px;
  69 }
  70
  71 :host(.split) #bottom {
  72   background: white;
  73   color: black;
  74   padding-top: 35px;
  75 }
  76
  77 :host(.big-font) #bottom {
  78   font-size: 24px;
  79 }
  80
  81 /* Controls. */
  82
  83 #controls {
  84   font-size: 14px;
  85   font-weight: 500;
  86   margin-bottom: calc(-0.5em - 6px);
  87 }
  88
  89 #controls :first-child {
  90   margin-left: -0.5em;
  91 }
  92
  93 #controls content[select='paper-button']::content :last-child {
  94   margin-right: -0.5em;
  95 }
  96
  97 #controls content[select='paper-button']::content :not(:last-child) {
  98   margin-right: 1em;
  99 }
 100
 101 :host(.split) #controls content[select='paper-button']::content :last-child {
 102   color: var(--google-green-500);
 103 }
 104