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: rgb(15, 157, 88);
   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: rgba(255, 255, 255, 0.4);
  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 indeterminate-progress {
  49   display: none;
  50 }
  51
  52 :host(.progress) #separator indeterminate-progress {
  53   display: block;
  54 }
  55
  56 :host(.progress) #separator {
  57   bottom: -2px;
  58   height: 4px;
  59 }
  60
  61 /* Bottom part of a page. */
  62
  63 #bottom {
  64   font-size: 16px;
  65   padding: 20px 48px 34px;
  66 }
  67
  68 :host(.split) #bottom {
  69   background: white;
  70   color: black;
  71   padding-top: 35px;
  72 }
  73
  74 :host(.big-font) #bottom {
  75   font-size: 24px;
  76 }
  77
  78 /* Controls. */
  79
  80 #controls {
  81   font-size: 14px;
  82   font-weight: 500;
  83   margin-bottom: calc(-0.5em - 6px);
  84 }
  85
  86 #controls :first-child {
  87   margin-left: -0.5em;
  88 }
  89
  90 #controls content[select='paper-button']::content :last-child {
  91   margin-right: -0.5em;
  92 }
  93
  94 #controls content[select='paper-button']::content :not(:last-child) {
  95   margin-right: 1em;
  96 }
  97
  98 :host(.split) #controls content[select='paper-button']::content
  99     :last-child {
 100   color: rgb(15, 157, 88);
 101 }
 102
 103 content::content paper-button[disabled] {
 104   /* In Polymer 0.3 disabled button 'background-color' defined with '!important'
 105    * flag, so we need '!important' here to override it.
 106    * TODO(dzhioev): remove '!important' when Polymer is updated.
 107    */
 108   background: transparent !important;
 109 }
 110