svg2: Formatting.

details:   https://svgwg.org/hg/svg2/rev/b960f613ffcc
branches:  
changeset: 617:b960f613ffcc
user:      Cameron McCormack <cam@mcc.id.au>
date:      Mon Feb 10 10:22:31 2014 +1100
description:
Formatting.

diffstat:

 master/struct.html           |  66 ++++++++++++++++++++++----------------------
 master/style/default_svg.css |  46 ++++++++++++++++++++++++++++++
 2 files changed, 79 insertions(+), 33 deletions(-)

diffs (173 lines):

diff --git a/master/struct.html b/master/struct.html
--- a/master/struct.html
+++ b/master/struct.html
@@ -1899,78 +1899,78 @@ processed according to the <a href="http
 specifications. [<a href="refs.html#ref-ARIA">ARIA</a>] [<a href="refs.html#ref-ARIAIMPL">ARIAIMPL</a>]</p>
 
 <h3 id="implicit-aria-semantics">Implicit ARIA Semantics</h3>
 <p>The following table defines the <span>implicit native
   semantics</span> and corresponding <span>default implicit ARIA
   semantics</span> that apply to <a href="eltindex.html">SVG elements</a>. Each
   language feature (element) in a cell in the first
   column implies the ARIA semantics (role, states, and/or properties)
-  given in the cell in the second column of the same row. The third column defines restrictions as to what WAI-ARIA semantic (role, state, or property may or may not apply.</p>
-
-  <table id="table-aria-implicit">
+  given in the cell in the second column of the same row. The third column defines restrictions as to what WAI-ARIA semantic (role, state, or property) may or may not apply.</p>
+
+  <table id="table-aria-implicit" class="vert">
       <thead>
           <tr><th>Language feature</th><th>Default implied ARIA semantics</th><th>Restrictions</th></tr>
       </thead>
 
    <tbody>
-    <tr><td><code><a href="linking.html#AElement">a</a></code> element</td>
+    <tr><td><a>'a'</a></td>
         <td><code title="attr-aria-role-link">link</code> role</td>
-        <td>No restrictions</td>
+        <td>no restrictions</td>
     </tr>
     <tr>
-      <td><code><a href="text.html#AltGlyphElement">altGlyph</a></code> element</td>
-      <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute. Otherwise, <code title="attr-aria-role-group">group</code> role</td>  
-      <td>No restrictions</td>
+      <td><a>'altGlyph'</a></td>
+      <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a>'title'</a> element, <a>'desc'</a> element, <a>'aria-label'</a> attribute, <a>'aria-labelledby'</a> attribute, or <a>'aria-describedby'</a> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>  
+      <td>no restrictions</td>
     </tr>
     <tr>
-      <td><code><a href="text.html#AltGlyphDefElement">altGlyph</a></code> element</td>
-      <td><code title="attr-no-role">No role</code></td>
-      <td>No role may be applied</td>
+      <td><a>'altGlyphDef'</a></td>
+      <td>none</td>
+      <td>no role may be applied</td>
     </tr>
     <tr>
-      <td><code><a href="text.html#AltGlyphItemElement">altGlyphItem</a></code> element</td>
-      <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute. Otherwise, <code title="attr-aria-role-group">group</code> role</td>
-      <td>No restrictions</td>
+      <td><a>'altGlyphItem'</a></td>
+      <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a>'title'</a> element, <a>'desc'</a> element, <a>'aria-label'</a> attribute, <a>'aria-labelledby'</a> attribute, or <a>'aria-describedby'</a> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>  
+      <td>no restrictions</td>
     </tr>
     <tr>
-      <td><code><a href="animate.html#AnimateElement">animate</a></code> element</td>
-      <td><code title="attr-no-role">No role</code></td>
-      <td>No role may be applied</td>
+      <td><a>'animate'</a></td>
+      <td>none</td>
+      <td>no role may be applied</td>
     </tr>
     <tr>
-      <td><code><a href="animate.html#AnimateMotionElement">animateMotion</a></code> element</td>
-      <td><code title="attr-no-role">No role</code></td>
-      <td>No role may be applied</td>
+      <td><a>'animateMotion'</a></td>
+      <td>none</td>
+      <td>no role may be applied</td>
     </tr>
     <tr>
-      <td><code><a href="animate.html#AnimateTransformElement">animateTransform</a></code> element</td>
-      <td><code title="attr-no-role">No role</code></td>
-      <td>No role may be appplied</td>
+      <td><a>'animateTransform'</a></td>
+      <td>none</td>
+      <td>no role may be appplied</td>
     </tr>
     <tr>
-      <td><code><a href="embedded.html#AudioElement">audio</a></code> element</td>
-      <td><code title="attr-no-role">No role</code></td>
+      <td><a>'audio'</a></td>
+      <td>none</td>
       <td>If must be specified, role must be <code title="attr-aria-role-application">application</code></td>
     </tr>
     <tr>
-      <td><code><a href="embedded.html#CanvasElement">canvas</a></code> element</td>
+      <td><a>'canvas'</a></td>
       <td><code title="attr-group-role">group</code> role</td>
-      <td>No Restrictions</td>
+      <td>no Restrictions</td>
     </tr>
     <tr>
-      <td><code><a href="shapes.html#CircleElement">circle</a></code> element</td>
-      <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute. Otherwise, <code title="attr-aria-role-group">group</code> role</td>
-      <td>No restrictions</td>
+      <td><a>'circle'</a></td>
+      <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a>'title'</a> element, <a>'desc'</a> element, <a>'aria-label'</a> attribute, <a>'aria-labelledby'</a> attribute, or <a>'aria-describedby'</a> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>  
+      <td>no restrictions</td>
     </tr>
 <!--
     <tr>
-      <td><code><a href="http://www.w3.org/TR/2012/WD-css-masking-20121115/#ClipPathElement">clipPath</a></code> element</td>
-      <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute. Otherwise, <code title="attr-aria-role-group">group</code> role</td>
-      <td>No restrictions</td>
+      <td><a>'clipPath'</td>
+      <td><code title="attr-aria-role-preseentation">presentation</code> role provide no associated <a href="struct.html#TitleElement">title</a> element, <a href="struct.html#DescElement">desc</a> element, <code title="attr-aria-property-label">aria-label</code> attribute, <code title="attr-aria-property-labellledby">aria-labelledby</code> attribute, or <code title="attr-aria-property-labellledby">aria-describedby</code> attribute; otherwise, <code title="attr-aria-role-group">group</code> role</td>
+      <td>no restrictions</td>
     </tr>
 -->
    </tbody>
   </table>
 
 <h2 id="DOMInterfaces">DOM interfaces</h2>
 
 <h3 id="InterfaceSVGDocument">Interface Document</h3>
diff --git a/master/style/default_svg.css b/master/style/default_svg.css
--- a/master/style/default_svg.css
+++ b/master/style/default_svg.css
@@ -407,8 +407,54 @@ dl.switch > dt + dt {
 dl.switch > dt:before {
   content: '\21AA';
   padding: 0 0.5em 0 0;
   display: inline-block;
   width: 1em;
   text-align: right;
   line-height: 0.5em;
 }
+
+table.vert {
+  border-collapse: collapse;
+  border-top: 2px solid #005a9c;
+  border-bottom: 2px solid #005a9c;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  margin-left: auto;
+  margin-right: auto;
+}
+table.vert td {
+  background: #f0f6ff;
+}
+table.vert th {
+  text-align: left;
+  vertical-align: bottom;
+  border-bottom: 2px solid #005a9c;
+  white-space: nowrap;
+  color: #d9e8ff;
+  background: #005a9c;
+}
+table.vert.compact { font-size: 90% }
+table.vert.compact td, table.vert.compact th { padding: 2px 8px }
+table.vert th a:link,
+table.vert th a:visited { color: #d9e8ff; }
+table.vert th a:hover { color: black; }
+table.vert th, table.vert td { padding: 0.5em 0.75em; }
+table.vert th .attr-name { color: white }
+table.vert th a:hover .element-name { color: #2A2AA5 }
+table.vert th .prop-name { color: white }
+table.vert th a:hover .element-name { color: black }
+table.vert th .element-name { color: white }
+table.vert th a:hover .element-name { color: #A52A2A }
+table.vert td { vertical-align: top; border-top: 1px solid #005a9c; border-top-color: rgb(127, 172, 206) } 
+table.offset { margin-left: 2em; margin-right: 2em; }
+table.graph > tbody > tr > td { vertical-align: top }
+table.graph > tbody > tr > td { padding-right: 1em }
+.indented {
+  margin-left: 2em;
+}
+.math var, .math sub, .math sup {
+  font-family: serif;
+}
+.separated {
+  word-spacing: 1em;
+}

Received on Sunday, 9 February 2014 23:25:05 UTC