Index: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_partially_move_down-ref.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_partially_move_down-ref.html b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_partially_move_down-ref.html |
index 4ddb155d20f39ad47421a5f10926078fa00c7b61..18ae4b1770f2f039efcda0a8fded0402ffa0eb8a 100644 |
--- a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_partially_move_down-ref.html |
+++ b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/2_cues_overlapping_partially_move_down-ref.html |
@@ -5,16 +5,17 @@ html { overflow:hidden } |
body { margin:0 } |
.video { |
display: inline-block; |
- width: 1280px; |
- height: 720px; |
- position: relative |
+ width: 320px; |
+ height: 180px; |
+ position: relative; |
+ font-size: 9px; |
} |
#cue1 { |
position: absolute; |
top: 50%; |
left: 0; |
right: 0; |
- margin-top: -18px; |
+ margin-top: -4.5px; |
text-align: center |
} |
#cue2 { |
@@ -22,14 +23,13 @@ body { margin:0 } |
top: 50%; |
left: 0; |
right: 0; |
- margin-top: 18px; |
+ margin-top: 4.5px; |
text-align: center |
} |
.cue > span { |
font-family: Ahem, sans-serif; |
background: rgba(0,0,0,0.8); |
color: green; |
- font-size: 36px; |
} |
</style> |
<div class="video"><span class="cue" id="cue1"><span>This is a test subtitle</span></span><span class="cue" id="cue2"><span>This is another test subtitle</span></span></div> |