[imsc] Issue-390 Change time expressions and syntax to be EBU-TT-D compliant.
authorNigel Megitt <nigel.megitt@bbc.co.uk>
Fri, 17 Apr 2015 13:46:01 +0100
changeset 913 edcba2059576
parent 912 67dc33e6da2b
child 914 53fbd3a2a88e
[imsc] Issue-390 Change time expressions and syntax to be EBU-TT-D compliant.
ttml-ww-profiles/testsuite/linePadding/linePadding1.html
ttml-ww-profiles/testsuite/linePadding/linePadding1.ttml
ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.html
ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.ttml
--- 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>