Fix up the styling.
authorSilvia Pfeiffer
Mon, 01 Apr 2013 00:20:54 +1100
changeset 80 0d1c8149e7b4
parent 79 0fa6f38cb8ed
child 81 2bc265b4443b
Fix up the styling.
webvtt/webvtt.html
--- a/webvtt/webvtt.html	Sun Mar 31 21:33:55 2013 +1100
+++ b/webvtt/webvtt.html	Mon Apr 01 00:20:54 2013 +1100
@@ -97,6 +97,9 @@
     }, 2000);
     </script>
     <style>
+    pre {
+      white-space: pre-wrap;
+    }
     pre.idl_whatwg {
       border: solid 0.0625em;
       background: #EEEEEE;
@@ -117,6 +120,44 @@
       border-style: solid none solid solid;
       border-radius: 1em 0 0 1em;
     }
+    .example {
+      padding: 0.5em;
+      margin: 1em 0;
+      position: relative;
+      clear: both;
+      border-left-width: .5em;
+      border-left-style: solid;
+      border-color: #e0cb52;
+      background: #fcfaee;    
+    }
+    .todo {
+      color: #E50000;
+      background: white;
+      border: solid red;
+      padding: 0.5em;
+      margin: 1em 0;
+    }
+    .todo::before {
+      content: " ** ";
+      position: absolute;
+      left: 0;
+      width: 8em;
+      text-align: right;
+    }
+    table {
+      border-collapse: collapse;
+      border-style: hidden hidden none hidden;
+    }
+    table thead, table tbody {
+      border-bottom: solid;
+    }
+    table td, table th {
+      border-left: solid;
+      border-right: solid;
+      border-bottom: solid thin;
+      vertical-align: top;
+      padding: 0.2em;
+    }
     </style>
   </head>
   <!-- v2 feature requests:
@@ -138,6 +179,7 @@
   <body>
   <section id="sotd">
     <p>This specification was originally created by the WHATWG as a Living Standard and last published at <a href="http://dev.w3.org/html5/webvtt/">http://dev.w3.org/html5/webvtt/</a>.
+    </p>
   </section>
 
   <section id='abstract'>
@@ -388,7 +430,7 @@
   <section>
   <h2>Conformance</h2>
 
-  <p class="XXX">This section remains to be written. In the meantime, please see the HTML standard. <a href="#refsHTML">[HTML]</a></p>
+  <p class="todo">This section remains to be written. In the meantime, please see the HTML standard. <a href="#refsHTML">[HTML]</a></p>
 
   <section>
   <h3>Dependencies</h3>
@@ -2910,7 +2952,7 @@
    applying the <a>WebVTT cue text parsing rules</a> to the <var title="">cue</var>'s
    <a>text track cue text</a>.</p>
 
-   <li><p class="XXX">... <!-- flatten nodes and return a single string somehow -->
+   <li><p class="todo">... <!-- flatten nodes and return a single string somehow -->
 
   </ol>
   </section>