Index: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely_all_cues_have_same_timestamp-ref.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely_all_cues_have_same_timestamp-ref.html b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely_all_cues_have_same_timestamp-ref.html |
index 66140c0154eb9ff1b3c0bc84cab8ed26c7b88f82..fa69db1d9df8072d0edf39bd110c9a83661de90f 100644 |
--- a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely_all_cues_have_same_timestamp-ref.html |
+++ b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/evil/9_cues_overlapping_completely_all_cues_have_same_timestamp-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"> |