| 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: 48px; | |
| 55 margin: 0; | |
| 56 padding: 0; | |
| 57 position: absolute; | |
| 58 top: 48px; | |
| 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 |