| 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>
|
|
|