| OLD | NEW |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 /* We introduce a wrapper animatable element and set the overflow since | 5 /* We introduce a wrapper animatable element and set the overflow since |
| 6 * core-transition interferes with the box-shadow from paper-shadow. */ | 6 * core-transition interferes with the box-shadow from paper-shadow. */ |
| 7 #animatable { | 7 #animatable { |
| 8 overflow: visible; | 8 overflow: visible; |
| 9 } | 9 } |
| 10 | 10 |
| 11 /* We introduce a wrapper aligner element as setting the relevant attributes | 11 /* We introduce a wrapper aligner element as setting the relevant attributes |
| 12 * (horizontal justified layout center) have no effect on the core-toolbar. */ | 12 * (horizontal justified layout center) have no effect on the core-toolbar. */ |
| 13 #aligner { | 13 #aligner { |
| 14 width: 100%; | 14 width: 100%; |
| 15 } | 15 } |
| 16 | 16 |
| 17 paper-progress { | 17 paper-progress { |
| 18 height: 56px; | 18 height: 56px; |
| 19 position: absolute; | 19 position: absolute; |
| 20 width: 100%; | 20 width: 100%; |
| 21 z-index: 3; | 21 z-index: 3; |
| 22 } | 22 } |
| 23 | 23 |
| 24 paper-progress::shadow #activeProgress { | 24 paper-progress::shadow #activeProgress { |
| 25 background-color: rgb(33, 150, 243); | 25 background-color: rgb(27, 168, 243); |
| 26 } | 26 } |
| 27 | 27 |
| 28 paper-progress::shadow #progressContainer { | 28 paper-progress::shadow #progressContainer { |
| 29 background-color: rgb(100, 181, 246); | 29 background-color: rgb(100, 181, 246); |
| 30 } | 30 } |
| 31 | 31 |
| 32 core-toolbar { | 32 core-toolbar { |
| 33 background-color: transparent; | 33 background-color: transparent; |
| 34 color: rgb(241, 241, 241); | 34 color: rgb(241, 241, 241); |
| 35 font-size: 1.5em; | 35 font-size: 1.5em; |
| 36 height: 56px; | 36 height: 56px; |
| 37 padding-left: 1em; | 37 padding-left: 1em; |
| 38 padding-right: 1em; | 38 padding-right: 1em; |
| 39 z-index: 3; | 39 z-index: 3; |
| 40 } | 40 } |
| 41 | 41 |
| 42 core-toolbar /deep/ ::selection { | 42 core-toolbar /deep/ ::selection { |
| 43 background: rgb(187, 222, 251); | 43 background: rgb(187, 222, 251); |
| 44 } | 44 } |
| 45 | 45 |
| 46 .invisible { | 46 .invisible { |
| 47 visibility: hidden; | 47 visibility: hidden; |
| 48 } | 48 } |
| OLD | NEW |