| /* Copyright 2014 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| /* TODO(dzhioev): support RTL. http://crbug.com/423354 */ |
| /* TODO(xdai): Remove the hard-coded font-family for 'Roboto'. */ |
| |
| :host { |
| background: white; |
| display: block; |
| font-family: 'Roboto'; |
| height: 600px; |
| position: relative; |
| user-select: none; |
| width: 720px; |
| } |
| |
| controller-pairing-page[name='device-select']::shadow #top, |
| controller-pairing-page[name='establishing-connection']::shadow #top { |
| height: 200px; |
| } |
| |
| controller-pairing-page[name='code-confirmation']::shadow #top, |
| controller-pairing-page[name='host-update']::shadow #top, |
| controller-pairing-page[name='host-connection-lost']::shadow #top, |
| controller-pairing-page[name='enrollment-introduction']::shadow #top { |
| height: 300px; |
| } |
| |
| controller-pairing-page[name='authentication']::shadow #top { |
| height: 100px; |
| } |
| |
| paper-progress { |
| --paper-progress-active-color: var(--google-green-500); |
| --paper-progress-container-color: var(--google-green-100); |
| margin-bottom: 28px; |
| margin-top: 28px; |
| width: 100%; |
| } |
| |
| #code { |
| color: #757575; |
| font-size: 55px; |
| font-weight: 300; |
| } |
| |
| pairing-device-list { |
| height: 252px; |
| } |
| |
| strong { |
| font-weight: 500; |
| } |
| |
| controller-pairing-page [slot='buttons'] :last-child, |
| controller-pairing-page [slot='help'] :last-child { |
| margin-right: -0.5em; |
| } |
| |
| controller-pairing-page [slot='buttons'] :not(:last-child), |
| controller-pairing-page [slot='help'] :not(:last-child) { |
| margin-right: 1em; |
| } |
| |
| controller-pairing-page.split [slot='buttons'] :last-child, |
| controller-pairing-page.split [slot='help'] :last-child { |
| color: var(--google-green-500); |
| } |