tools: Corrections and visual improvements for nfd-status-http-server
Change-Id: I123020f023d9dc52268a35d4ad7aa4752e79309b
Refs: #1690
diff --git a/tools/nfd-status-http-server-files/style.css b/tools/nfd-status-http-server-files/style.css
new file mode 100644
index 0000000..f2b99d5
--- /dev/null
+++ b/tools/nfd-status-http-server-files/style.css
@@ -0,0 +1,146 @@
+@import 'reset.css';
+@import 'text.css';
+
+@charset "utf-8";
+
+body {
+ background-color: #ffffff;
+ color: #000000;
+ font-family: sans-serif;
+}
+
+li {
+ margin: 0;
+}
+
+header, nav, article, footer, address {
+ display: block;
+}
+
+header {
+ margin: 20px;
+ width: 90%;
+}
+
+header h1 {
+ height: 50px;
+ padding-left: 55px;
+ padding-top: 6px;
+}
+
+article {
+ margin: 20px auto 20px;
+ width: 90%;
+ padding-bottom: 20px;
+}
+
+footer {
+ margin: 20px auto 0;
+ width: 90%;
+
+ padding-bottom: 2px;
+ text-align: right;
+
+ position: fixed;
+ font-height: 10px;
+ bottom: 0;
+ left: 5%;
+}
+
+h1 {
+ font-family: sans-serif;
+}
+
+h3 {
+ font-family: sans-serif;
+}
+
+h5 {
+ font-family: sans-serif;
+ color: #727272;
+}
+
+/* MISC */
+.grey {
+ color: #727272;
+ font-weight: 200;
+}
+
+.green {
+ color: #2D9A65;
+ font-weight: 200;
+}
+
+.red {
+ color: red;
+ font-weight: 200;
+ font-size: 2.4em;
+}
+
+.hidden {
+ display: none;
+}
+
+/* */
+.item-list
+{
+ border-radius: 6px;
+
+ margin-top: 10px;
+ margin-bottom: 10px;
+ font-family: sans-serif;
+ width: 100%;
+ text-align: left;
+}
+
+.item-list th
+{
+ font-weight: normal;
+ padding: 8px;
+ background: #EAF4EF;
+ border-top: 1px solid #99CCB2;
+ color: #727272;
+ text-align: left;
+}
+
+.item-list th.border-left {
+}
+
+.item-list td
+{
+ padding: 2px;
+ border-bottom: 1px solid #fff;
+ color: #000;
+ border-top: 1px solid transparent;
+}
+
+tr.center td
+{
+ text-align: center;
+}
+
+.border-left {
+ border-left: 1px solid #99CCB2;
+}
+
+.border-right {
+ border-right: 1px solid #99CCB2;
+}
+
+tfoot {
+ border-bottom: 2px solid #99CCB2;
+ background: #EAF4EF;
+}
+
+.item-list tfoot td {
+ padding: 0;
+}
+
+.odd {
+ background-color: #eeeeee;
+}
+
+.highlighted {
+ background-color: #cccccc;
+ cursor: pointer;
+}