first commit

html/css/monospacetables.css

@@ -0,0 +1,34 @@
+.diskuse {
+   font-family: monospace;
+   font-size: 14px;
+}
+
+.repeaterinfo {
+   font-family: monospace;
+   font-size: 14px;
+}
+
+.sysinfo {
+   font-family: monospace;
+   font-size: 14px;
+}
+
+.localTx {
+   font-family: monospace;
+   font-size: 14px;
+}
+
+.lastHeard {
+   font-family: monospace;
+   font-size: 14px;
+}
+
+.curTx {
+   font-family: monospace;
+   font-size: 14px;
+}
+
+.ysfGateways {
+   font-family: monospace;
+   font-size: 14px;
+}

html/css/style.css

@@ -0,0 +1,20 @@
+.clickable{
+    cursor: pointer;   
+}
+
+.panel-heading span {
+	font-size: 15px;
+}
+
+.btn-active {
+    text-shadow: 0 1px 0 #fff;
+    background-image: -webkit-linear-gradient(top,#fff 0,#3c763d 100%);
+    background-image: -o-linear-gradient(top,#fff 0,#3c763d 100%);
+    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(##3c763d));
+    background-image: linear-gradient(to bottom,#fff 0,#3c763d 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff3c763d', GradientType=0);
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+    background-repeat: repeat-x;
+    border-color: #dbdbdb;
+    border-color: #ccc;
+}

html/css/tooltip.css

@@ -0,0 +1,46 @@
+/* Tooltip container */
+.tooltip2 {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
+}
+
+/* Tooltip text */
+.tooltip2 .tooltip2text {
+    visibility: hidden;
+    width: 120px;
+    background-color: #555;
+    color: #fff;
+    text-align: center;
+    padding: 5px 0;
+    border-radius: 6px;
+
+    /* Position the tooltip text */
+    position: absolute;
+    z-index: 1;
+    bottom: 125%;
+    left: 50%;
+    margin-left: -60px;
+
+    /* Fade in tooltip */
+    opacity: 0;
+    transition: opacity 1s;
+}
+
+/* Tooltip arrow */
+.tooltip2 .tooltip2text::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #555 transparent transparent transparent;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.tooltip2:hover .tooltip2text {
+    visibility: visible;
+    opacity: 1;
+}