| /* Copyright (C) 2019 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. |
| */ |
| |
| body { |
| font-family: "Segoe UI", system-ui, Roboto, Ubuntu, sans-serif; |
| } |
| |
| color-picker { |
| background: #FFFFFF; |
| display: flex; |
| flex-direction: column; |
| height: 304px; |
| width: 232px; |
| } |
| |
| visual-color-picker { |
| height: 59%; |
| } |
| |
| manual-color-picker { |
| height: 28%; |
| } |
| |
| color-value-container:not(.hidden-color-value-container) { |
| display: flex; |
| flex-direction: row; |
| height: 32px; |
| margin-left: 10%; |
| margin-top: 2%; |
| width: 171px; |
| } |
| |
| .hidden-color-value-container, |
| .hidden-format-label { |
| display: none; |
| } |
| |
| input { |
| background: #FFFFFF; |
| border: 1px solid #CECECE; |
| border-radius: 2px; |
| box-sizing: border-box; |
| font-family: inherit; |
| font-size: 14px; |
| min-width: 0; |
| text-align: center; |
| text-transform: uppercase; |
| } |
| |
| color-value-container > input:not(:first-child) { |
| margin-left: 1%; |
| } |
| |
| format-toggler { |
| border-radius: 2px; |
| display: flex; |
| flex-direction: row; |
| height: 24px; |
| margin-left: 10%; |
| margin-top: 2%; |
| width: 200px; |
| } |
| |
| format-toggler:hover { |
| background-color: #F7F7F7; |
| } |
| |
| format-label:not(.hidden-format-label) { |
| border-radius: 2px; |
| display: flex; |
| flex-direction: row; |
| font-family: inherit; |
| font-size: 12px; |
| height: 24px; |
| width: 172px; |
| } |
| |
| channel-label { |
| align-items: center; |
| display: flex; |
| flex-direction: row; |
| height: 24px; |
| justify-content: center; |
| width: 172px; |
| } |
| |
| submission-controls { |
| align-items: center; |
| border-top: 1px solid #CECECE; |
| display: flex; |
| flex-direction: row; |
| height: 13%; |
| } |
| |
| #submission-controls-padding { |
| height: 100%; |
| width: 84%; |
| } |
| |
| submission-button { |
| padding: 3%; |
| text-align: center; |
| width: 8%; |
| } |
| |
| submission-button:hover { |
| background-color: #F3F3F3; |
| border-radius: 2px; |
| } |