--- a/encrypted-media/encrypted-media-respec.html Fri Oct 10 14:40:59 2014 -0700
+++ b/encrypted-media/encrypted-media-respec.html Fri Oct 10 14:41:23 2014 -0700
@@ -81,39 +81,6 @@
<meta name="bug.component" content="Encrypted Media Extensions"/>
<link rel="stylesheet" href="eme.css"/>
-
- <!-- TODO: This stuff needs to be moved! -->
- <style><!-- Legacy formatting from video-working-draft.css. -->
- <!-- Makes the term being defined bold. -->
- dt, dfn { font-weight: bold; font-style: normal; }
-
- <!-- Makes links inside <code> orange. -->
- @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
-
- <!-- Adds the lines in summary tables. -->
- 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; }
-
- <!-- Adds the vertical bars and indentation for examples. -->
- .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
-
- <!--Adds the border and gray box around IDL text. -->
- pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; }
- <!--Causes links in IDL text to remain black. -->
- pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
-
- <!-- Adds the green box around attribute descriptions. -->
- dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #DDFFDD; }
- <!--Causes links for the attribute names to remain black. -->
- dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
-
- <!-- Adds the '-> arrow in conditional steps. -->
- dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
-
- <!-- Adds the white box containing the non-normative note for the green box around attribute descriptions. -->
- .domintro:before { display: table; margin: -1em -0.5em -0.5em auto; width: auto; content: 'This box is non-normative. Implementation requirements are given below this box.'; color: black; font-style: italic; border: solid 2px; background: white; padding: 0 0.25em; }
- </style>
</head>
<body>
@@ -814,7 +781,7 @@
<p class="note">In some implementations, <coderef>MediaKeySession</coderef> objects may not fire any events until the <coderef>MediaKeys</coderef> object is associated with a media element using <methodref>setMediaKeys</methodref>.</p>
- <table>
+ <table class="old-table">
<thead>
<tr>
<th>Event name</th>
@@ -914,7 +881,7 @@
Causes specified specified in the algorithms are listed alongside each name, though these names may be used for other reasons as well.
</p>
- <table>
+ <table class="old-table">
<tbody>
<tr>
<th>Name</th>
@@ -1101,7 +1068,7 @@
<section id="htmlmediaelement-events" class="informative">
<h3>Event Summary</h3>
- <table>
+ <table class="old-table">
<thead>
<tr>
<th>Event name</th>
@@ -1375,7 +1342,7 @@
<section id="clear-key-request-format-example" class="informative">
<h5>Example</h5>
<p>The following example is a license request for a temporary license for two key IDs. (Line breaks are for readability only.)</p>
- <pre class="example">
+ <pre class="example highlight">
{
"kids":
[
@@ -1418,7 +1385,7 @@
<section id="clear-key-license-format-example" class="informative">
<h5>Example</h5>
<p>The following example is a JWK Set containing a single symmetric key. (Line breaks are for readability only.)</p>
- <pre class="example">
+ <pre class="example highlight">
{
"keys":
[{
@@ -1612,7 +1579,7 @@
<p class="exampledescription">In this simple example, the source file and <a href="#clear-key">clear-text license</a> are hard-coded in the page.
Only one session will ever be created.</p>
- <pre class="example">
+ <pre class="example highlight">
<script>
function load() {
var video = document.getElementById("video");
@@ -1665,7 +1632,7 @@
One of the supported key systems uses a serverCertificate, which is provided proactively.
</p>
- <pre class="example">
+ <pre class="example highlight">
<script>
var keySystem;
var licenseUrl;
@@ -1757,7 +1724,7 @@
This example does the latter.
</p>
- <pre class="example">
+ <pre class="example highlight">
<script>
var keySystem;
var licenseUrl;
@@ -1797,7 +1764,7 @@
<p class="exampledescription">This is a more complete example showing all events being used.</p>
<p class="exampledescription">Note that <code>handleMessage()</code> could be called multiple times, including in response to the <methodref>update</methodref> call if multiple round trips are required and for any other reason the Key System might need to send a message.</p>
- <pre class="example">
+ <pre class="example highlight">
<script>
var keySystem;
var licenseUrl;
@@ -1888,7 +1855,7 @@
<h3>Stored License</h3>
<p class="exampledescription">This example requests a persistent license for future use and stores it. It also provides functions for later retrieving the license and for destroying it.</p>
- <pre class="example">
+ <pre class="example highlight">
<script>
var keySystem;
var licenseUrl;
@@ -1993,7 +1960,7 @@
<section id="revision-history">
<h2>Revision History</h2>
- <table>
+ <table class="old-table">
<thead>
<tr>
<th>Version</th>