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 .
--- 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>
<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;
}
</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>