use html5 elements (section, footer)

[sheet.git] / base.css

diff --git a/base.css b/base.css
index 139c94cce350e6cebc01e4ff58c15b54449a87e3..b22c0386117b096a17eea5f1064d2c1a62069b85 100644 (file)
--- a/base.css
+++ b/base.css
@@ -36,19 +36,22 @@ hr {
        margin: 0;
 }
 
-.section ul {
+section {
+       display: block;
+}
+section ul {
        margin-bottom: 1ex;
 }
-.section h2 {
+section h2 {
        margin: 0 1ex;
        clear: both;
 }
-.section table {
+section table {
        float: left;
        position: relative; /* prevents buggy hovering in table if caption present in gecko */
        margin: 1ex 1ex 2ex;
 }
-#charset .section table {
+#charset section table {
        margin: -0.5ex 0 1ex; /* headers provide sufficient spacing already */
 }
 
@@ -58,10 +61,10 @@ p {
 p.aside {
        font-size: 80%;
 }
-p.footer {
+footer p {
        margin: 1em 0 0;
 }
-.help + .footer {
+.help + footer p {
        margin: 0;
 }
 
@@ -241,7 +244,7 @@ table.glyphs.dimap {
 .diinfo {
        -moz-column-width: 24em;
 }
-.diinfo > div {
+.diinfo > section {
        overflow: hidden;
 }