[] (0) Change how <details> renders by default to use the <dt> and <d…

…d> elements.

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=7628

git-svn-id: http://svn.whatwg.org/webapps@4016 340c8d12-0b0e-0410-8428-c7bf67bfef74

index

@@ -72762,19 +72762,20 @@ details { binding: <i title="">details</i>; }</pre>
   <p>When the <i title="">details</i> binding applies to a
   <code><a href=#the-details-element>details</a></code> element, the element is expected to render as a
   'block' box with its 'padding-left' property set to '40px'. The
-  element's shadow tree is expected to take a child element that
-  matches the selector <code title="">:bound-element&nbsp;&gt;&nbsp;dt:first-of-type</code> and
-  place it in a first 'block' box container, and then take the
-  remaining child nodes and place them in a later 'block' box
-  container.</p>
+  element's shadow tree is expected to take the element's first child
+  <code><a href=#the-dt-element>dt</a></code> element, if any, and place it in a first 'block' box
+  container, and then take the element's first child <code><a href=#the-dd-element>dd</a></code>
+  element, if any, and place it in a second 'block' box container,
+  ignoring all the other children of the element.</p>
 
   <p>The first container is expected to contain at least one line box,
-  and that line box is expected to contain a triangle widget,
-  horizontally positioned within the left padding of the
-  <code><a href=#the-details-element>details</a></code> element. That widget is expected to allow the
-  user to request that the details be shown or hidden.</p>
+  and that line box is expected to contain a disclosure widget
+  (typically a triangle), horizontally positioned within the left
+  padding of the <code><a href=#the-details-element>details</a></code> element. That widget is expected
+  to allow the user to request that the details be shown or
+  hidden.</p>
 
-  <p>The later container is expected to have its 'overflow' property
+  <p>The second container is expected to have its 'overflow' property
   set to 'hidden'. When the <code><a href=#the-details-element>details</a></code> element has an <code title=attr-details-open><a href=#attr-details-open>open</a></code> attribute, the later container
   is expected to have its 'height' set to 'auto'; when it does not,
   the later container is expected to have its 'height' set to 0.

source

@@ -86366,20 +86366,20 @@ details { binding: <i title="">details</i>; }</pre>
   <p>When the <i title="">details</i> binding applies to a
   <code>details</code> element, the element is expected to render as a
   'block' box with its 'padding-left' property set to '40px'. The
-  element's shadow tree is expected to take a child element that
-  matches the selector <code
-  title="">:bound-element&nbsp;>&nbsp;dt:first-of-type</code> and
-  place it in a first 'block' box container, and then take the
-  remaining child nodes and place them in a later 'block' box
-  container.</p>
+  element's shadow tree is expected to take the element's first child
+  <code>dt</code> element, if any, and place it in a first 'block' box
+  container, and then take the element's first child <code>dd</code>
+  element, if any, and place it in a second 'block' box container,
+  ignoring all the other children of the element.</p>
 
   <p>The first container is expected to contain at least one line box,
-  and that line box is expected to contain a triangle widget,
-  horizontally positioned within the left padding of the
-  <code>details</code> element. That widget is expected to allow the
-  user to request that the details be shown or hidden.</p>
+  and that line box is expected to contain a disclosure widget
+  (typically a triangle), horizontally positioned within the left
+  padding of the <code>details</code> element. That widget is expected
+  to allow the user to request that the details be shown or
+  hidden.</p>
 
-  <p>The later container is expected to have its 'overflow' property
+  <p>The second container is expected to have its 'overflow' property
   set to 'hidden'. When the <code>details</code> element has an <code
   title="attr-details-open">open</code> attribute, the later container
   is expected to have its 'height' set to 'auto'; when it does not,