--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml-ww-profiles/testsuite/linePadding/linePadding1.html Fri Mar 27 14:38:52 2015 +0000
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+ text-align: center;
+ color: white;
+ display: block;
+ font: 6.7vh monospace, sans-serif;
+}
+.withLinePadding {
+ box-decoration-break: clone;
+ -webkit-box-decoration-break: clone;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+.blackBackground {
+ background-color: black;
+}
+.greenBackground {
+ background-color: green;
+}
+.area1 {
+ position: absolute;
+ width: 70%;
+ height: 20%;
+ top: 70%;
+ left: 15%;
+}
+.area2 {
+ position: absolute;
+ width: 70%;
+ height: 20%;
+ top: 10%;
+ left: 15%;
+}</style>
+</head>
+<body>
+
+<div>
+ <p class="area1"> <span class="greenBackground">Centered text on two lines<br/>without padding.</span>
+
+ </p>
+ <p class="area2"> <span class="blackBackground withLinePadding">Centered text on two lines<br/>with padding.</span>
+
+ </p>
+</div>
+
+</body>
+</html>
Binary file ttml-ww-profiles/testsuite/linePadding/linePadding1.png has changed
--- a/ttml-ww-profiles/testsuite/linePadding/linePadding1.ttml Thu Mar 26 09:01:42 2015 -0600
+++ b/ttml-ww-profiles/testsuite/linePadding/linePadding1.ttml Fri Mar 27 14:38:52 2015 +0000
@@ -10,17 +10,17 @@
<style xml:id="withLinePadding" ebutts:linePadding="0.5c"/>
</styling>
<layout>
- <region xml:id="area1" tts:origin="20% 70%" tts:extent="60% 20%" tts:displayAlign="center" tts:textAlign="center" tts:color="white"/>
- <region xml:id="area2" tts:origin="20% 10%" tts:extent="60% 20%" tts:displayAlign="center" tts:textAlign="center" tts:color="white"/>
+ <region xml:id="area1" tts:origin="15% 70%" tts:extent="70% 20%" tts:displayAlign="center" tts:textAlign="center" tts:color="white"/>
+ <region xml:id="area2" tts:origin="15% 10%" tts:extent="70% 20%" tts:displayAlign="center" tts:textAlign="center" tts:color="white"/>
</layout>
</head>
<body>
<div>
<p region="area1" begin="1s" end="9s">
- <span style="greenBackground">Some centered text on two lines<br/>without padding.</span>
+ <span style="greenBackground">Centered text on two lines<br/>without padding.</span>
</p>
<p region="area2" style="withLinePadding" begin="1s" end="9s">
- <span style="blackBackground">Some centered text on two lines<br/>with padding.</span>
+ <span style="blackBackground">Centered text on two lines<br/>with padding.</span>
</p>
</div>
</body>