Support older versions of webkit, since nothing renders for keyframes using the -webkit-fill-available value.

Author: jonoomph

src/timeline/media/css/main.css

@@ -119,19 +119,12 @@ img {
     margin-left: -7px;
 }
 .point_icon {
-    width: -webkit-fill-available;
-    height: -webkit-fill-available;
+    width: 1px;
+    height: 6px;
     margin: 0 4px;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(0,255,0,1)), color-stop(100%,rgba(0,255,0,0)));
 }
 
-/*
-.point_region:hover {
-    height: 20px;
-    width: 14px;
-}
-*/
-
 /* Transitions */
 .transition_top { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0))); border-radius: 8px; overflow: hidden;}
 .transition { cursor: move; z-index:5000; color: #fff; min-width:0px; height: 64px; position: absolute; margin-top:0px; left: 100px; font-size: 9pt; background-color: #0192c; background: -webkit-linear-gradient(top, #0192c1 0%,#3fa1bf 100%); border-radius: 8px; border: 1px solid #0192c1; border-left: 2px solid #0192c1; border-right: 2px solid #0192c1; background-image: url(../images/transition.png); background-repeat: no-repeat; background-position: center; background-size: 100% 66px; opacity:0.75; box-shadow: 0px 0px 10px #000; box-sizing: border-box; }