OLD | NEW |
(Empty) | |
| 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 |
OLD | NEW |