Improving raised and depressed character mapping to CSS.
authorSilvia Pfeiffer
Fri, 04 Jan 2013 20:35:03 +1100
changeset 44 15c5cb4ace8a
parent 43 ec6a0ac42bb9
child 45 fa3d0477a2b6
Improving raised and depressed character mapping to CSS.
Also introducing other character mappings that were missed before.
Closes https://www.w3.org/Bugs/Public/show_bug.cgi?id=20352 .
608toVTT/608toVTT.html
--- a/608toVTT/608toVTT.html	Mon Nov 12 20:33:08 2012 +1100
+++ b/608toVTT/608toVTT.html	Fri Jan 04 20:35:03 2013 +1100
@@ -1234,19 +1234,41 @@
           <tr>
             <td>
               <b>Further character attribute changes:</b><br>
-              Font size change.<br>
-              Text style changes.<br>
+              Font size change (small, standard, large).<br>
+              Text style changes (font change, italicised, underlined).<br>
               Text shadow.<br>
               Depressed, raised edges.<br>
+              Depressed is typically also called "engraved" and raised is called "embossed".<br>
             </td>
             <td>
               For HTML pages, these may have attributes in CSS. For example:<br>
               <pre>
 &lt;style>
-  ::cue(#emboss) {
-    background: #f60;
-    color: #fff;
-    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);  
+  ::cue(.small) {
+    font-size: 70%;
+  }
+  ::cue(.standard) {
+    font-size: 100%
+  }
+  ::cue(.large) {
+    font-size: 130%
+  }
+  ::cue(.italics) {
+    font-style: italic;
+  }
+  ::cue(.underlined) {
+    text-decoration: underline;
+  }
+  ::cue(.textshadow) {
+    text-shadow: 1px 1px 2px #000;
+  }
+  ::cue(.raised) {
+    text-shadow: -1px 0 0 silver, 0 -1px 0 silver, 0 1px 0 #111111, 1px 0 0 #111111;
+    color: gray;
+  }
+  ::cue(.depressed) {
+    text-shadow: 1px 0 0 silver, 0 1px 0 silver, 0 -1px 0 #111111, -1px 0 0 #111111;
+    color: gray;
   }
 &lt;/style>
               </pre>
@@ -1456,6 +1478,7 @@
       <h2>Contributors</h2>
       <p>Thanks go to:</p>
       <ul>
+        <li>Ian Hickson, Google</li>
         <li>Simon Pieters, Opera</li>
         <li>Loretta Guarino Reed, Google</li>
         <li>David Singer, Apple</li>