<div id="menu">
<ul id="menu-list">
- <li><em><a href="monitor.html">All</a><em></li>
+ <li><em><a href="monitor.html">All</a></em></li>
</ul>
</div>
<h2>CPU</h2>
- <table id='cpu' border='0' cellspacing='0' cellpadding='0'>
+ <table id='cpu'>
<thead>
<tr>
<th>Current usage</th>
<h2>Memory</h2>
- <table border='0' cellspacing='0' cellpadding='0'>
+ <table>
<thead>
<tr>
<th></th>
<h2>Network</h2>
- <table id='net' border='0' cellspacing='0' cellpadding='0'>
+ <table id='net'>
<thead>
<tr>
<th>Interface</th>
<h2>Sensors</h2>
- <table id='sensors' border='0' cellspacing='0' cellpadding='0'>
+ <table id='sensors'>
<thead>
<tr>
<th>Name</th>
$.getJSON("/api/1.0/sensors", function(data) {
$("#sensors tbody").html("");
- $.each(data, function(i, item) {
-
-
+ $.each(data, function(i, item) {
name = item["name"];
type = item["type"];
value_str = value_to_str(item["last_measure"]["value"], type);
}
h1 {
+ font-size: 140%;
+ font-style: normal;
+ font-weight: bold;
text-transform: uppercase;
margin: 0 0 1em 0;
padding: 0 0 0 0;
}
-#footer {
+
+h2 {
+ font-size: 110%;
font-style: normal;
- font-weight: normal;
+ font-weight: bold;
+ text-transform: uppercase;
+ margin: 2em 0em 1em 0em;
+ padding: 0 0 0 0;
+}
+
+#footer {
padding-top: 2em;
color: #666;
clear: both;
}
table {
- text-align: left;
- padding-left: 8px;
- padding-right: 8px;
- min-width: 50%;
+ text-align: left;
+ padding: 0 0 0 0;
+ min-width: 50%;
+ border-spacing: 0;
+ border: 0;
}
thead {
background-color: #000;
color: #fff;
- padding-top: 4px;
- padding-bottom: 4px;
+ padding: 0 0 0 0;
}
tbody {
- padding-top: 4px;
- padding-bottom: 4px;
-}
-
-th, td {
- padding: 4px 4px 4px 4px;
+ padding: 0 0 0 0;
}
th {
+ padding: 0.25em 0.5em 0.25em 0.5em;
font-style: normal;
font-weight: normal;
}
+td {
+ padding: 0.25em 0.25em 0em 0.25em;
+}
+
.chart {
color: #000;
font-style: normal;
#uptime {
font-weight: normal;
- font-style: normal;
-}
\ No newline at end of file
+}
+
+#menu-list em {
+ text-transform: uppercase;
+}
+
+#menu ul li {
+ padding-bottom: 1em;
+}
+
+#menu-list ul li {
+ padding: 0 0 0 1em;
+}
+