tools: fix a couple of HTML/CSS validation errors in the status page

Also update reset.css and text.css from the Unsemantic project
https://github.com/nathansmith/unsemantic/tree/master/assets/stylesheets

Change-Id: I8f6292461f13902d39b511399515b3efdf50c8c5
diff --git a/tools/nfd-status-http-server-files/reset.css b/tools/nfd-status-http-server-files/reset.css
index 0af7c26..529c591 100644
--- a/tools/nfd-status-http-server-files/reset.css
+++ b/tools/nfd-status-http-server-files/reset.css
@@ -1,6 +1,3 @@
-/* `XHTML, HTML4, HTML5 Reset
-----------------------------------------------------------------------------------------------------*/
-
 a,
 abbr,
 acronym,
@@ -52,6 +49,7 @@
 label,
 legend,
 li,
+main,
 mark,
 menu,
 meter,
@@ -109,26 +107,15 @@
 footer,
 header,
 hgroup,
+main,
 menu,
 nav,
 section {
-/*
-  Override the default (display: inline) for
-  browsers that do not recognize HTML5 tags.
-
-  IE8 (and lower) requires a shiv:
-  http://ejohn.org/blog/html5-shiv
-*/
   display: block;
 }
 
 b,
 strong {
-/*
-  Makes browsers agree.
-  IE + Opera = font-weight: bold.
-  Gecko + WebKit = font-weight: bolder.
-*/
   font-weight: bold;
 }
 
@@ -136,24 +123,18 @@
   color: transparent;
   font-size: 0;
   vertical-align: middle;
-/*
-  For IE.
-  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
-*/
   -ms-interpolation-mode: bicubic;
 }
 
-li {
-/*
-  For IE6 + IE7:
-
-  "display: list-item" keeps bullets from
-  disappearing if hasLayout is triggered.
-*/
-  display: list-item;
+ul,
+ol {
   list-style: none;
 }
 
+li {
+  display: list-item;
+}
+
 table {
   border-collapse: collapse;
   border-spacing: 0;
@@ -173,7 +154,7 @@
 
 q:before,
 q:after {
-  content: '';
+  content: "";
   content: none;
 }
 
@@ -199,9 +180,5 @@
 }
 
 svg {
-/*
-  For IE9. Without, occasionally draws shapes
-  outside the boundaries of <svg> rectangle.
-*/
   overflow: hidden;
-}
\ No newline at end of file
+}