OLD | NEW |
(Empty) | |
| 1 /* Copyright 2013 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 :host { |
| 6 -webkit-transition: opacity 400ms ease-in-out; |
| 7 background: rgb(29, 39, 57); |
| 8 border-radius: 5px; |
| 9 bottom: 26px; |
| 10 box-shadow: 0 1px 2px gray, 0 3px 3px rgba(0, 0, 0, .2); |
| 11 height: auto; |
| 12 left: 26px; |
| 13 pointer-events: none; |
| 14 position: fixed; |
| 15 width: auto; |
| 16 } |
| 17 |
| 18 .scaler { |
| 19 -webkit-transform: scale(0.25); |
| 20 -webkit-transform-origin: 0 0; |
| 21 float: left; |
| 22 height: 44px; |
| 23 margin: 8px; |
| 24 width: 44px; |
| 25 } |
| 26 |
| 27 #segments { |
| 28 border-radius: 50%; |
| 29 height: 176px; |
| 30 list-style: none; |
| 31 margin: 0; |
| 32 overflow: hidden; |
| 33 padding: 0; |
| 34 position: absolute; |
| 35 width: 176px; |
| 36 } |
| 37 |
| 38 .segment { |
| 39 -webkit-transform-origin: 0 100%; |
| 40 background: rgb(227, 234, 249); |
| 41 box-shadow: 0 0 0 6px rgb(29, 39, 57) inset; |
| 42 height: 50%; |
| 43 overflow: hidden; |
| 44 position: absolute; |
| 45 right: 0; |
| 46 top: 0; |
| 47 width: 50%; |
| 48 } |
| 49 |
| 50 .center-circle { |
| 51 background-color: rgb(29, 39, 57); |
| 52 border-radius: 50%; |
| 53 height: 80px; |
| 54 left: 44px; |
| 55 margin: 0; |
| 56 padding: 0; |
| 57 position: absolute; |
| 58 top: 44px; |
| 59 width: 80px; |
| 60 } |
| 61 |
| 62 #text { |
| 63 color: rgb(227, 234, 249); |
| 64 float: left; |
| 65 font-family: sans-serif; |
| 66 font-size: 16px; |
| 67 font-weight: bold; |
| 68 line-height: 58px; |
| 69 margin-right: 10px; |
| 70 margin-top: 1px; |
| 71 } |
OLD | NEW |