--- a/ttml-ww-profiles/testsuite/linePadding/linePadding1.html Fri Apr 17 13:17:32 2015 +0100
+++ b/ttml-ww-profiles/testsuite/linePadding/linePadding1.html Fri Apr 17 13:46:01 2015 +0100
@@ -26,9 +26,7 @@
background-color: green;
}
.area1 {
- /* Analog to the area1 region, setting up the location and CSS inheritable styles */
- text-align: center;
- color: white;
+ /* Analog to the area1 region */
position: absolute;
width: 70%;
height: 20%;
@@ -37,9 +35,7 @@
margin: 0px;
}
.area2 {
- /* Analog to the area2 region, setting up the location and CSS inheritable styles */
- text-align: center;
- color: white;
+ /* Analog to the area2 region */
position: absolute;
width: 70%;
height: 20%;
@@ -47,6 +43,11 @@
left: 15%;
margin: 0px;
}
+.baseStyle
+{
+ text-align: center;
+ color: white;
+}
p.area1 span.outer
{
line-height: 18vh; /* Calculated as height of p, being div height of 90vh * area height 20% - needed so that inner content can be vertically aligned to something. */
@@ -66,7 +67,7 @@
</head>
<body>
-<div>
+<div class="baseStyle">
<p class="area1">
<span class="outer">
<span class="inner">
--- a/ttml-ww-profiles/testsuite/linePadding/linePadding1.ttml Fri Apr 17 13:17:32 2015 +0100
+++ b/ttml-ww-profiles/testsuite/linePadding/linePadding1.ttml Fri Apr 17 13:46:01 2015 +0100
@@ -5,21 +5,22 @@
xmlns:ebutts="urn:ebu:tt:style">
<head>
<styling>
+ <style xml:id="baseStyle" tts:color="white" tts:textAlign="center"/>
<style xml:id="blackBackground" tts:backgroundColor="black"/>
<style xml:id="greenBackground" tts:backgroundColor="green"/>
<style xml:id="withLinePadding" ebutts:linePadding="0.5c"/>
</styling>
<layout>
- <region xml:id="area1" tts:origin="15% 10%" tts:extent="70% 20%" tts:displayAlign="center" tts:textAlign="center" tts:color="white"/>
- <region xml:id="area2" tts:origin="15% 70%" tts:extent="70% 20%" tts:displayAlign="center" tts:textAlign="center" tts:color="white"/>
+ <region xml:id="area1" tts:origin="15% 10%" tts:extent="70% 20%" tts:displayAlign="center"/>
+ <region xml:id="area2" tts:origin="15% 70%" tts:extent="70% 20%" tts:displayAlign="center"/>
</layout>
</head>
<body>
- <div>
- <p region="area1" begin="1s" end="9s">
+ <div style="baseStyle">
+ <p region="area1" begin="00:00:01" end="00:00:09">
<span style="greenBackground">Centered text on two lines<br/>without padding.</span>
</p>
- <p region="area2" style="withLinePadding" begin="1s" end="9s">
+ <p region="area2" style="withLinePadding" begin="00:00:01" end="00:00:09">
<span style="blackBackground">Centered text on two lines<br/>with padding.</span>
</p>
</div>
--- a/ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.html Fri Apr 17 13:17:32 2015 +0100
+++ b/ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.html Fri Apr 17 13:46:01 2015 +0100
@@ -6,6 +6,7 @@
/* Sets up a 16:9 holding area akin to the root container with a dotted line around */
display: block;
font: 6.7vh monospace, sans-serif;
+ border-color: black;
border-style: dotted;
border-width: 1px;
height: 90vh;
@@ -34,6 +35,10 @@
color: white;
margin: 0px;
}
+.baseStyle
+{
+ color: white;
+}
p.startEnd
{
text-align: left;
@@ -70,7 +75,7 @@
</head>
<body>
-<div>
+<div class="baseStyle">
<p class="area1 startEnd">
<span class="outer">
<span class="inner">multiRowAlign="end"<br/>textAlign="start"
--- a/ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.ttml Fri Apr 17 13:17:32 2015 +0100
+++ b/ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.ttml Fri Apr 17 13:46:01 2015 +0100
@@ -5,20 +5,23 @@
xmlns:ebutts="urn:ebu:tt:style">
<head>
<styling>
+ <style xml:id="baseStyle" tts:color="white"/>
+ <style xml:id="blackBackground" tts:backgroundColor="black"/>
+ <style xml:id="greenBackground" tts:backgroundColor="green"/>
<style xml:id="startEnd" tts:textAlign="start" ebutts:multiRowAlign="end"/>
<style xml:id="centerStart" tts:textAlign="center" ebutts:multiRowAlign="start"/>
</styling>
<layout>
- <region xml:id="area1" tts:origin="15% 10%" tts:extent="70% 20%" tts:backgroundColor="green" tts:displayAlign="center" tts:color="white"/>
- <region xml:id="area2" tts:origin="15% 70%" tts:extent="70% 20%" tts:backgroundColor="black" tts:displayAlign="center" tts:color="white"/>
+ <region xml:id="area1" tts:origin="15% 10%" tts:extent="70% 20%" style="greenBackground" tts:displayAlign="center"/>
+ <region xml:id="area2" tts:origin="15% 70%" tts:extent="70% 20%" style="blackBackground" tts:displayAlign="center"/>
</layout>
</head>
<body>
- <div>
- <p region="area1" style="startEnd" begin="1s" end="9s">
+ <div style="baseStyle">
+ <p region="area1" style="startEnd" begin="00:00:01" end="00:00:09">
multiRowAlign="end"<br/>textAlign="start"
</p>
- <p region="area2" style="centerStart" begin="1s" end="9s">
+ <p region="area2" style="centerStart" begin="00:00:01" end="00:00:09">
multiRowAlign="start"<br/>textAlign="center"
</p>
</div>