Index: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/inherit_values_from_media_element-ref.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/inherit_values_from_media_element-ref.html b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/inherit_values_from_media_element-ref.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ba554e2b0ec9a4ec2100782db732ecbd15001384 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/inherit_values_from_media_element-ref.html |
@@ -0,0 +1,46 @@ |
+<!DOCTYPE html> |
+<title>Reference for WebVTT rendering, ::cue(*), css properties with value inherit should inherit from media element</title> |
+<style> |
+.video { |
+ position: absolute; |
+ display: inline-block; |
+ width: 1280px; |
+ height: 720px; |
+ position: relative; |
+ color: #f0f; |
+ white-space: pre-wrap; |
+ font: italic small-caps bold 36px/72px sans-serif; |
+ text-decoration: overline underline line-through; |
+ text-shadow: 0px 0px 5px #0f0; |
+ background: #0f0 url('../../media/background.gif') repeat-x top left; |
+ outline: solid #00f 2px; |
+} |
+.videoWhite { |
+ position: absolute; |
+ top: 0; |
+ left: 160px; |
+ width: 960px; |
+ height: 720px;; |
+ background: #fff; |
+ z-index: 1; |
+} |
+.cue { |
+ position: absolute; |
+ bottom: 0; |
+ left: 30%; |
+ right: 0; |
+ width: 40%; |
+ text-align: center; |
+ outline: inherit; |
+ text-shadow: inherit; |
+ text-decoration: inherit; |
+ outline-bottom: none; |
+ z-index: 2 |
+} |
+.cue > span { |
+ background: #0f0 url('../../media/background.gif') repeat-x top left; |
+ text-decoration: inherit; |
+ white-space: pre-wrap |
+} |
+</style> |
+<div class="video"><div class="videoWhite"></div><span class="cue"><span>A A A A A A A A A A A</span></span></div> |