Remove <dl class=compact> nonsense
authorAryeh Gregor <AryehGregor+gitcommit@gmail.com>
Thu, 14 Jul 2011 14:25:28 -0600
changeset 428 306a0a84a3fc
parent 427 0de6ed26529c
child 429 e0a8c4f04335
Remove <dl class=compact> nonsense

If I'm going to make it look just like a <ul>, I may as well just use a
<ul>. That has the distinct advantage of not breaking copy-paste.
editcommands.html
source.html
--- a/editcommands.html	Thu Jul 14 14:21:49 2011 -0600
+++ b/editcommands.html	Thu Jul 14 14:25:28 2011 -0600
@@ -34,28 +34,6 @@
 /* Overwrite the underline so it's orange instead of blue, thus looks less
  * silly */
 a code { text-decoration: underline }
-/* Make my own compact dl styling because I don't like existing options */
-dl.compact > dt, dl.compact > dd {
-  display: inline;
-  font-weight: normal;
-  margin: 0;
-  padding: 0;
-}
-dl.compact { margin: 0.5em 0 0.5em 1em }
-dl.compact > dt::before {
-  content: '\2022  ';
-}
-dl.compact > dd::before {
-  content: ': ';
-}
-dl.compact > dd + dt::before {
-  white-space: pre;
-  content: '\A\2022  ';
-}
-dl.compact > dt + dt::before,
-dl.compact > dd + dd::before {
-  content: ', ';
-}
 </style>
 <body class=draft>
 <div class=head id=head>
@@ -1258,15 +1236,15 @@
   <!-- We allow children even where some intervening nodes will be inserted,
   like tr as a child of table. -->
 
-  <dl class=compact>
-    <dt>colgroup<dd>col
-    <dt>table<dd>caption<dd>col<dd>colgroup<dd>tbody<dd>td<dd>tfoot<dd>th<dd>thead<dd>tr
-    <dt>tbody<dt>tfoot<dt>thead<dd>td<dd>th<dd>tr
-    <dt>tr<dd>td<dd>th
-    <dt>dl<dd>dt<dd>dd
-    <dt>dir<dt>ol<dt>ul<dd>dir<dd>li<dd>ol<dd>ul
-    <dt>hgroup<dd>h1<dd>h2<dd>h3<dd>h4<dd>h5<dd>h6
-  </dl>
+  <ul>
+    <li>colgroup: col
+    <li>table: caption, col, colgroup, tbody, td, tfoot, th, thead, tr
+    <li>tbody, tfoot, thead: td, th, tr
+    <li>tr: td, th
+    <li>dl: dt, dd
+    <li>dir, ol, ul: dir, li, ol, ul
+    <li>hgroup: h1, h2, h3, h4, h5, h6
+  </ul>
 
   <li>If <var title="">child</var> is "body", "caption", "col", "colgroup", "frame",
   "frameset", "head", "html", "tbody", "td", "tfoot", "th", "thead", or "tr",
@@ -1284,17 +1262,17 @@
   following list and <var title="">child</var> is listed on the right-hand side of that
   entry, return false.
 
-  <dl class=compact>
-    <dt>a<dd>a
-    <dt>dd<dt>dt<dd>dd<dd>dt
-    <dt>h1<dt>h2<dt>h3<dt>h4<dt>h5<dt>h6<dd>h1<dd>h2<dd>h3<dd>h4<dd>h5<dd>h6
-    <dt>li<dd>li
-    <dt>nobr<dd>nobr
-    <dt>All <a href=#name-of-an-element-with-inline-contents title="name of an element with inline contents">names of an
-    element with inline contents</a><dd>all <a href=#prohibited-paragraph-child-name title="prohibited
+  <ul>
+    <li>a: a
+    <li>dd, dt: dd, dt
+    <li>h1, h2, h3, h4, h5, h6: h1, h2, h3, h4, h5, h6
+    <li>li: li
+    <li>nobr: nobr
+    <li>All <a href=#name-of-an-element-with-inline-contents title="name of an element with inline contents">names of an
+    element with inline contents</a>: all <a href=#prohibited-paragraph-child-name title="prohibited
     paragraph child name">prohibited paragraph child names</a>
-    <dt>td<dt>th<dd>caption<dd>col<dd>colgroup<dd>tbody<dd>td<dd>tfoot<dd>th<dd>thead<dd>tr
-  </dl>
+    <li>td, th: caption, col, colgroup, tbody, td, tfoot, th, thead, tr
+  </ul>
 
   <li>Return true.
 </ol>
@@ -1559,11 +1537,11 @@
   equal to the CSS property name listed for it, return the string listed for
   it.
 
-  <dl class=compact>
-    <dt><code class=external data-anolis-spec=html title="the b element"><a href=http://www.whatwg.org/html/#the-b-element>b</a></code><dt><code class=external data-anolis-spec=html title="the strong element"><a href=http://www.whatwg.org/html/#the-strong-element>strong</a></code><dd>font-weight: "bold"
-
-    <dt><code class=external data-anolis-spec=html title="the i element"><a href=http://www.whatwg.org/html/#the-i-element>i</a></code><dt><code class=external data-anolis-spec=html title="the em element"><a href=http://www.whatwg.org/html/#the-em-element>em</a></code><dd>font-style: "italic"
-  </dl>
+  <ul>
+    <li><code class=external data-anolis-spec=html title="the b element"><a href=http://www.whatwg.org/html/#the-b-element>b</a></code>, <code class=external data-anolis-spec=html title="the strong element"><a href=http://www.whatwg.org/html/#the-strong-element>strong</a></code>: font-weight: "bold"
+
+    <li><code class=external data-anolis-spec=html title="the i element"><a href=http://www.whatwg.org/html/#the-i-element>i</a></code>, <code class=external data-anolis-spec=html title="the em element"><a href=http://www.whatwg.org/html/#the-em-element>em</a></code>: font-style: "italic"
+  </ul>
 
   <li>Return null.
 </ol>
@@ -2074,15 +2052,15 @@
   <var title="">new parent</var> to the number from the following table based on
   <var title="">new value</var>:
 
-  <dl class=compact>
-    <dt>xx-small<dd>1
-    <dt>small<dd>2
-    <dt>normal<dd>3
-    <dt>large<dd>4
-    <dt>x-large<dd>5
-    <dt>xx-large<dd>6
-    <dt>xxx-large<dd>7
-  </dl>
+  <ul>
+    <li>xx-small: 1
+    <li>small: 2
+    <li>normal: 3
+    <li>large: 4
+    <li>x-large: 5
+    <li>xx-large: 6
+    <li>xxx-large: 7
+  </ul>
 
   <!-- We always use sup/sub elements, even in CSS mode, following Gecko and
   contradicting WebKit.  This is because <span value="vertical-align:
@@ -2253,21 +2231,21 @@
     <li>If <var title="">command</var> is in the following list, set the <a href=#state-override>state
     override</a> appropriately:
 
-    <dl class=compact>
-      <dt>bold<dd>True if <var title="">new value</var> is not null and is greater than or equal
+    <ul>
+      <li>bold: True if <var title="">new value</var> is not null and is greater than or equal
       to 600, false otherwise.
 
-      <dt>italic<dd>True if <var title="">new value</var> is "italic" or "oblique", false
+      <li>italic: True if <var title="">new value</var> is "italic" or "oblique", false
       otherwise.
 
-      <dt>strikethrough<dd>True if <var title="">new value</var> is "line-through", false otherwise.
-
-      <dt>subscript<dd>True if <var title="">new value</var> is "sub", false otherwise.
-
-      <dt>superscript<dd>True if <var title="">new value</var> is "super", false otherwise.
-
-      <dt>underline<dd>True if <var title="">new value</var> is "underline", false otherwise.
-    </dl>
+      <li>strikethrough: True if <var title="">new value</var> is "line-through", false otherwise.
+
+      <li>subscript: True if <var title="">new value</var> is "sub", false otherwise.
+
+      <li>superscript: True if <var title="">new value</var> is "super", false otherwise.
+
+      <li>underline: True if <var title="">new value</var> is "underline", false otherwise.
+    </ul>
 
     <li>If <var title="">new value</var> is null, unset the <a href=#value-override>value override</a>
     (if any).
@@ -2665,15 +2643,15 @@
     <li>Set <var title="">value</var> to the string here corresponding to
     <var title="">number</var>:
 
-    <dl class=compact>
-      <dt>1<dd>xx-small
-      <dt>2<dd>small
-      <dt>3<dd>medium
-      <dt>4<dd>large
-      <dt>5<dd>x-large
-      <dt>6<dd>xx-large
-      <dt>7<dd>xxx-large
-    </dl>
+    <ul>
+      <li>1: xx-small
+      <li>2: small
+      <li>3: medium
+      <li>4: large
+      <li>5: x-large
+      <li>6: xx-large
+      <li>7: xxx-large
+    </ul>
 
     <!--
     The entry for 7 here is an issue: there's no CSS value that corresponds to
--- a/source.html	Thu Jul 14 14:21:49 2011 -0600
+++ b/source.html	Thu Jul 14 14:25:28 2011 -0600
@@ -36,28 +36,6 @@
 /* Overwrite the underline so it's orange instead of blue, thus looks less
  * silly */
 a code { text-decoration: underline }
-/* Make my own compact dl styling because I don't like existing options */
-dl.compact > dt, dl.compact > dd {
-  display: inline;
-  font-weight: normal;
-  margin: 0;
-  padding: 0;
-}
-dl.compact { margin: 0.5em 0 0.5em 1em }
-dl.compact > dt::before {
-  content: '\2022  ';
-}
-dl.compact > dd::before {
-  content: ': ';
-}
-dl.compact > dd + dt::before {
-  white-space: pre;
-  content: '\A\2022  ';
-}
-dl.compact > dt + dt::before,
-dl.compact > dd + dd::before {
-  content: ', ';
-}
 </style>
 <body class=draft>
 <div class=head id=head>
@@ -1217,15 +1195,15 @@
   <!-- We allow children even where some intervening nodes will be inserted,
   like tr as a child of table. -->
 
-  <dl class=compact>
-    <dt>colgroup<dd>col
-    <dt>table<dd>caption<dd>col<dd>colgroup<dd>tbody<dd>td<dd>tfoot<dd>th<dd>thead<dd>tr
-    <dt>tbody<dt>tfoot<dt>thead<dd>td<dd>th<dd>tr
-    <dt>tr<dd>td<dd>th
-    <dt>dl<dd>dt<dd>dd
-    <dt>dir<dt>ol<dt>ul<dd>dir<dd>li<dd>ol<dd>ul
-    <dt>hgroup<dd>h1<dd>h2<dd>h3<dd>h4<dd>h5<dd>h6
-  </dl>
+  <ul>
+    <li>colgroup: col
+    <li>table: caption, col, colgroup, tbody, td, tfoot, th, thead, tr
+    <li>tbody, tfoot, thead: td, th, tr
+    <li>tr: td, th
+    <li>dl: dt, dd
+    <li>dir, ol, ul: dir, li, ol, ul
+    <li>hgroup: h1, h2, h3, h4, h5, h6
+  </ul>
 
   <li>If <var>child</var> is "body", "caption", "col", "colgroup", "frame",
   "frameset", "head", "html", "tbody", "td", "tfoot", "th", "thead", or "tr",
@@ -1243,17 +1221,17 @@
   following list and <var>child</var> is listed on the right-hand side of that
   entry, return false.
 
-  <dl class=compact>
-    <dt>a<dd>a
-    <dt>dd<dt>dt<dd>dd<dd>dt
-    <dt>h1<dt>h2<dt>h3<dt>h4<dt>h5<dt>h6<dd>h1<dd>h2<dd>h3<dd>h4<dd>h5<dd>h6
-    <dt>li<dd>li
-    <dt>nobr<dd>nobr
-    <dt>All <span title="name of an element with inline contents">names of an
-    element with inline contents</span><dd>all <span title="prohibited
+  <ul>
+    <li>a: a
+    <li>dd, dt: dd, dt
+    <li>h1, h2, h3, h4, h5, h6: h1, h2, h3, h4, h5, h6
+    <li>li: li
+    <li>nobr: nobr
+    <li>All <span title="name of an element with inline contents">names of an
+    element with inline contents</span>: all <span title="prohibited
     paragraph child name">prohibited paragraph child names</span>
-    <dt>td<dt>th<dd>caption<dd>col<dd>colgroup<dd>tbody<dd>td<dd>tfoot<dd>th<dd>thead<dd>tr
-  </dl>
+    <li>td, th: caption, col, colgroup, tbody, td, tfoot, th, thead, tr
+  </ul>
 
   <li>Return true.
 </ol>
@@ -1518,11 +1496,11 @@
   equal to the CSS property name listed for it, return the string listed for
   it.
 
-  <dl class=compact>
-    <dt>[[b]]<dt>[[strong]]<dd>font-weight: "bold"
-
-    <dt>[[i]]<dt>[[em]]<dd>font-style: "italic"
-  </dl>
+  <ul>
+    <li>[[b]], [[strong]]: font-weight: "bold"
+
+    <li>[[i]], [[em]]: font-style: "italic"
+  </ul>
 
   <li>Return null.
 </ol>
@@ -2049,15 +2027,15 @@
   <var>new parent</var> to the number from the following table based on
   <var>new value</var>:
 
-  <dl class=compact>
-    <dt>xx-small<dd>1
-    <dt>small<dd>2
-    <dt>normal<dd>3
-    <dt>large<dd>4
-    <dt>x-large<dd>5
-    <dt>xx-large<dd>6
-    <dt>xxx-large<dd>7
-  </dl>
+  <ul>
+    <li>xx-small: 1
+    <li>small: 2
+    <li>normal: 3
+    <li>large: 4
+    <li>x-large: 5
+    <li>xx-large: 6
+    <li>xxx-large: 7
+  </ul>
 
   <!-- We always use sup/sub elements, even in CSS mode, following Gecko and
   contradicting WebKit.  This is because <span value="vertical-align:
@@ -2232,21 +2210,21 @@
     <li>If <var>command</var> is in the following list, set the <span>state
     override</span> appropriately:
 
-    <dl class=compact>
-      <dt>bold<dd>True if <var>new value</var> is not null and is greater than or equal
+    <ul>
+      <li>bold: True if <var>new value</var> is not null and is greater than or equal
       to 600, false otherwise.
 
-      <dt>italic<dd>True if <var>new value</var> is "italic" or "oblique", false
+      <li>italic: True if <var>new value</var> is "italic" or "oblique", false
       otherwise.
 
-      <dt>strikethrough<dd>True if <var>new value</var> is "line-through", false otherwise.
-
-      <dt>subscript<dd>True if <var>new value</var> is "sub", false otherwise.
-
-      <dt>superscript<dd>True if <var>new value</var> is "super", false otherwise.
-
-      <dt>underline<dd>True if <var>new value</var> is "underline", false otherwise.
-    </dl>
+      <li>strikethrough: True if <var>new value</var> is "line-through", false otherwise.
+
+      <li>subscript: True if <var>new value</var> is "sub", false otherwise.
+
+      <li>superscript: True if <var>new value</var> is "super", false otherwise.
+
+      <li>underline: True if <var>new value</var> is "underline", false otherwise.
+    </ul>
 
     <li>If <var>new value</var> is null, unset the <span>value override</span>
     (if any).
@@ -2645,15 +2623,15 @@
     <li>Set <var>value</var> to the string here corresponding to
     <var>number</var>:
 
-    <dl class=compact>
-      <dt>1<dd>xx-small
-      <dt>2<dd>small
-      <dt>3<dd>medium
-      <dt>4<dd>large
-      <dt>5<dd>x-large
-      <dt>6<dd>xx-large
-      <dt>7<dd>xxx-large
-    </dl>
+    <ul>
+      <li>1: xx-small
+      <li>2: small
+      <li>3: medium
+      <li>4: large
+      <li>5: x-large
+      <li>6: xx-large
+      <li>7: xxx-large
+    </ul>
 
     <!--
     The entry for 7 here is an issue: there's no CSS value that corresponds to