Import wpt@3bd204d7e86fd81e98e63f4ce59b95d98bad1c54

third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely-ref.html

Index: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely-ref.html
diff --git a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely-ref.html b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely-ref.html
index 62fe1a6278445b2074b859a9d25b3d481747537e..58fcb89e099080b02f3cdaad24e83b0054049afd 100644
--- a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely-ref.html
+++ b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely-ref.html
@@ -3,18 +3,19 @@
 <style>
 .video {
     display: inline-block;
-    width: 720px;
-    height: 720px;
+    width: 180px;
+    height: 180px;
     outline: solid;
-    position: relative
+    position: relative;
+    font-size: 9px
 }
 #cue1 {
     position: absolute;
     top: 50%;
     left: 50%;
     right: 0;
-    margin-top: -18px;
-    margin-left: -18px;
+    margin-top: -4.5px;
+    margin-left: -4.5px;
     color: #000
 }
 #cue2 {
@@ -22,8 +23,8 @@
     top: 50%;
     left: 50%;
     right: 0;
-    margin-top: -54px;
-    margin-left: -18px;
+    margin-top: -13.5px;
+    margin-left: -4.5px;
     color: #222
 }
 #cue3 {
@@ -31,8 +32,8 @@
     top: 50%;
     left: 50%;
     right: 0;
-    margin-top: -18px;
-    margin-left: -54px;
+    margin-top: -4.5px;
+    margin-left: -13.5px;
     color: #444
 }
 #cue4 {
@@ -40,8 +41,8 @@
     top: 50%;
     left: 50%;
     right: 0;
-    margin-top: -18px;
-    margin-left: 18px;
+    margin-top: -4.5px;
+    margin-left: 4.5px;
     color: #666
 }
 #cue5 {
@@ -49,8 +50,8 @@
     top: 50%;
     left: 50%;
     right: 0;
-    margin-top: 18px;
-    margin-left: -18px;
+    margin-top: 4.5px;
+    margin-left: -4.5px;
     color: #888
 }
 #cue6 {
@@ -58,8 +59,8 @@
     top: 50%;
     left: 50%;
     right: 0;
-    margin-top: -54px;
-    margin-left: -54px;
+    margin-top: -13.5px;
+    margin-left: -13.5px;
     color: #aaa
 }
 #cue7 {
@@ -67,8 +68,8 @@
     top: 50%;
     left: 50%;
     right: 0;
-    margin-top: -54px;
-    margin-left: 18px;
+    margin-top: -13.5px;
+    margin-left: 4.5px;
     color: #ccc
 }
 #cue8 {
@@ -76,8 +77,8 @@
     top: 50%;
     left: 50%;
     right: 0;
-    margin-top: 18px;
-    margin-left: -54px;
+    margin-top: 4.5px;
+    margin-left: -13.5px;
     color: #eee
 }
 #cue9 {
@@ -85,18 +86,17 @@
     top: 50%;
     left: 50%;
     right: 0;
-    margin-top: 18px;
-    margin-left: 18px;
+    margin-top: 4.5px;
+    margin-left: 4.5px;
     color: green
 }
 .cue {
-    width: 36px;
+    width: 9px;
     text-align: center
 }
 .cue > span {
     font-family: Ahem, sans-serif;
     background: rgba(0,0,0,0.8);
-    font-size: 36px;
 }
 </style>
 <div class="video">