Devtools Animations: Represent delay and end-delay on the animation timeline

Source/devtools/front_end/elements/animationTimeline.css

Index: Source/devtools/front_end/elements/animationTimeline.css
diff --git a/Source/devtools/front_end/elements/animationTimeline.css b/Source/devtools/front_end/elements/animationTimeline.css
index 68f438cad11b844224e79aed0fb5bff987882ce8..ade800419a5b962cf8eea2ad83a48e1b4fe6779f 100644
--- a/Source/devtools/front_end/elements/animationTimeline.css
+++ b/Source/devtools/front_end/elements/animationTimeline.css
@@ -40,6 +40,11 @@ line.animation-line {
     fill: none;
 }
 
+line.animation-delay-line {
+    stroke-width: 2;
+    stroke-dasharray: 6, 4;
+}
+
 circle.animation-endpoint {
     stroke-width: 3;
 }
@@ -52,7 +57,7 @@ circle.animation-keyframe-point {
 .animation-name {
     position: absolute;
     top: 15px;
-    color: #777;
+    color: #333;
     text-align: center;
     margin-left: -8px;
 }