OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 .animation-node-row { | 7 .animation-node-row { |
8 width: 100%; | 8 width: 100%; |
9 display: flex; | 9 display: flex; |
10 border-bottom: 1px dashed #ccc; | 10 border-bottom: 1px dashed #ccc; |
(...skipping 22 matching lines...) Expand all Loading... |
33 path.animation-keyframe { | 33 path.animation-keyframe { |
34 fill-opacity: 0.3; | 34 fill-opacity: 0.3; |
35 } | 35 } |
36 | 36 |
37 line.animation-line { | 37 line.animation-line { |
38 stroke-width: 3; | 38 stroke-width: 3; |
39 stroke-linecap: round; | 39 stroke-linecap: round; |
40 fill: none; | 40 fill: none; |
41 } | 41 } |
42 | 42 |
43 line.animation-delay-line { | |
44 stroke-width: 2; | |
45 stroke-dasharray: 6, 4; | |
46 } | |
47 | |
48 circle.animation-endpoint { | 43 circle.animation-endpoint { |
49 stroke-width: 3; | 44 stroke-width: 3; |
50 } | 45 } |
51 | 46 |
52 circle.animation-keyframe-point { | 47 circle.animation-keyframe-point { |
53 stroke-width: 3; | 48 stroke-width: 3; |
54 fill: white; | 49 fill: white; |
55 } | 50 } |
56 | 51 |
57 .animation-name { | 52 .animation-name { |
58 position: absolute; | 53 position: absolute; |
59 top: 15px; | 54 top: 15px; |
60 color: #333; | 55 color: #777; |
61 text-align: center; | 56 text-align: center; |
62 margin-left: -8px; | 57 margin-left: -8px; |
63 } | 58 } |
64 | 59 |
65 .animation-timeline-header { | 60 .animation-timeline-header { |
66 height: 44px; | 61 height: 44px; |
67 border-bottom: 1px solid #ccc; | 62 border-bottom: 1px solid #ccc; |
68 } | 63 } |
69 | 64 |
70 .animation-control-replay { | 65 .animation-control-replay { |
(...skipping 124 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
195 background-color: #fff0f0; | 190 background-color: #fff0f0; |
196 } | 191 } |
197 | 192 |
198 svg.animation-ui g:first-child { | 193 svg.animation-ui g:first-child { |
199 opacity: 1; | 194 opacity: 1; |
200 } | 195 } |
201 | 196 |
202 .animation-tail-iterations { | 197 .animation-tail-iterations { |
203 opacity: 0.5; | 198 opacity: 0.5; |
204 } | 199 } |
OLD | NEW |