| 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 position: fixed; |
| 14 width: auto; |
| 15 } |
| 16 |
| 17 .scaler { |
| 18 -webkit-transform: scale(0.25); |
| 19 -webkit-transform-origin: 0 0; |
| 20 float: left; |
| 21 height: 44px; |
| 22 margin: 8px; |
| 23 width: 44px; |
| 24 } |
| 25 |
| 26 #segments { |
| 27 border-radius: 50%; |
| 28 height: 176px; |
| 29 list-style: none; |
| 30 margin: 0; |
| 31 overflow: hidden; |
| 32 padding: 0; |
| 33 position: absolute; |
| 34 width: 176px; |
| 35 } |
| 36 |
| 37 .segment { |
| 38 -webkit-transform-origin: 0 100%; |
| 39 background: rgb(227, 234, 249); |
| 40 box-shadow: 0 0 0 6px rgb(29, 39, 57) inset; |
| 41 height: 50%; |
| 42 overflow: hidden; |
| 43 position: absolute; |
| 44 right: 0; |
| 45 top: 0; |
| 46 width: 50%; |
| 47 } |
| 48 |
| 49 .center-circle { |
| 50 background-color: rgb(29, 39, 57); |
| 51 border-radius: 50%; |
| 52 height: 80px; |
| 53 left: 44px; |
| 54 margin: 0; |
| 55 padding: 0; |
| 56 position: absolute; |
| 57 top: 44px; |
| 58 width: 80px; |
| 59 } |
| 60 |
| 61 #text { |
| 62 color: rgb(227, 234, 249); |
| 63 float: left; |
| 64 font-family: sans-serif; |
| 65 font-size: 16px; |
| 66 font-weight: bold; |
| 67 line-height: 58px; |
| 68 margin-right: 10px; |
| 69 margin-top: 1px; |
| 70 } |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 152913003:
Add page indicator and progress bar polymer elements (Closed)
Base URL: https://chromium.googlesource.com/chromium/html-office-public.git@master