[dw-free] add back classes stripped by reset.css

[fu]

[commit: http://hg.dwscoalition.org/dw-free/rev/e434854180fb]

http://bugs.dwscoalition.org/show_bug.cgi?id=1385

Remove font:inherit, as it affects too many things; add whitespace for
blockquote; add styling for sup/sup/h3-h6/dd. Adds a few more examples of
things to check to /dev/classes

Patch by fu.

Files modified:

• htdocs/stc/reset.css
• views/dev/classes.tt

--------------------------------------------------------------------------------
diff -r e491de5bc971 -r e434854180fb htdocs/stc/reset.css
--- a/htdocs/stc/reset.css	Fri Dec 30 20:08:50 2011 +0800
+++ b/htdocs/stc/reset.css	Fri Dec 30 20:11:04 2011 +0800
@@ -20,7 +20,6 @@
 	padding: 0;
 	border: 0;
 	font-size: 100%;
-	font: inherit;
 	vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
@@ -64,19 +63,28 @@
     margin-left: 1em;
     font-style: italic;
 }
-small {
-    font-size: smaller;
+blockquote {
+    margin-left: 1em;
+    padding: 1em 0.5em;
 }
-big {
-    font-size: larger;
-}
+small { font-size: smaller; }
+big { font-size: larger; }
+sub { vertical-align: sub; }
+sup { vertical-align: super; }
+
+h3 { font-size: 1.4em; }
+h4 { font-size: 1.25em; }
+h5 { font-size: 1.1em; }
+h6 { font-size: 1em; }
 
 ol {
     list-style-type: decimal;
     margin-left: 1em;
 }
-
 ul {
     list-style-type: disc;
     margin-left: 1em;
 }
+dd {
+    margin-left: 1em;
+}
diff -r e491de5bc971 -r e434854180fb views/dev/classes.tt
--- a/views/dev/classes.tt	Fri Dec 30 20:08:50 2011 +0800
+++ b/views/dev/classes.tt	Fri Dec 30 20:11:04 2011 +0800
@@ -297,14 +297,30 @@
 
 <ul><li>item 1</li><li>item 2</li></ul>
 <ol><li>item 1</li><li>item 2</li></ol>
+<dl><dt>term 1</dt><dd>definition 1</dd><dt>term 2</dt><dd>definition 2</dd></dl>
 <small>small</small>
 <large>large</large>
+<del>del</del>
+<ins>ins</ins>
+<sub>sub</sub>
+<sup>sup</sup>
 <q>quoted text</q>
 <cite>cite</cite>
 <blockquote>blockquoted text</blockquote>
+<code>code</code>
 
 <a href="#">Link</a> <a href="">Visited Link</a>
 
+<table>
+<thead><th>Col 1</th><th>Col 2</th></thead>
+<tbody>
+<tr><td>row 1</td><td>row 1</td></tr>
+<tr><td>row 2</td><td>row 2</td></tr>
+<tr><td>row 3</td><td>row 3</td></tr>
+<tr><td>row 4</td><td>row 4</td></tr>
+</tbody>
+</table>
+
 <h3>Misc / accents</h3>
 <p>.preview-image:</p>
 <img width="100" height="100" class='preview-image' />
--------------------------------------------------------------------------------