Index: pkg/polymer/lib/elements/web-animations-js/test/testharness_timing.css |
diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testharness_timing.css b/pkg/polymer/lib/elements/web-animations-js/test/testharness_timing.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..35d25c42688888db989eb610f5aab4cb7f2fa085 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/web-animations-js/test/testharness_timing.css |
@@ -0,0 +1,75 @@ |
+html, body { |
+ height: 100%; |
+ padding: 0; |
+ margin: 0; |
+} |
+ |
+#timeline { |
+ position: fixed; |
+ height: 35px; |
+ bottom: 2px; |
+ left: 0; |
+ width: calc(100% - 50px); |
+ |
+ padding-left: 25px; |
+ padding-right: 25px; |
+} |
+ |
+#timeline div.bar { |
+ position: absolute; |
+ border: 1px solid black; |
+ top: 25px; |
+ height: 10px; |
+ width: calc(100% - 135px); |
+} |
+ |
+#timeline button { |
+ float: right; |
+ margin: 1px; |
+ margin-top: 17px; |
+ height: 20px; |
+ width: 20px; |
+} |
+ |
+#timeline #control { |
+ width: 30px; |
+ font-size: 6pt; |
+ padding: 0; |
+} |
+ |
+#timeline div.progress { |
+ background-color: black; |
+ height: 100%; |
+} |
+ |
+img.marker { |
+ position: absolute; |
+ top: -25px; |
+ width: 20px; |
+ height: 30px; |
+} |
+ |
+div.info { |
+ border: 1px solid black; |
+ border-radius: 10px; |
+ padding: 5px; |
+ position: absolute; |
+ bottom: 40px; |
+ background: white; |
+} |
+ |
+div.info pre { |
+ display: block; |
+} |
+ |
+#results tr td:last-child { |
+ white-space: pre; |
+ font-family: monospace; |
+} |
+ |
+#debug { |
+ width: 100%; |
+ height: 400px; |
+ overflow-y: scroll; |
+ border: 1px solid black; |
+} |