Change to grid presentation

1 files changed, 50 insertions, 0 deletions

diff --git a/static/monit.css b/static/monit.css
new file mode 100644
index 0000000..c27b834
--- /dev/null
+++ b/static/monit.css
@@ -0,0 +1,50 @@
+* {
+    border: 0 none;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", "Lucida Sans Unicode", sans-serif;
+    background: #eeeef6;
+    line-height: 26px;
+}
+
+h1 {
+    padding: 1em;
+    text-align: center;
+    color: #2f2f2f;
+}
+
+div.gridcontainer {
+    width: 70%;
+    margin: 40px auto;
+}
+
+div.footer {
+    clear: both;
+    margin: 10px;
+    padding: 25px;
+    text-align: center;
+}
+
+ul.statusgrid {
+    list-style: none outside none;
+}
+
+ul.statusgrid li {
+    float: left;
+    padding: 10px;
+    background: #dddded;
+    border: 3px solid #cccccc;
+    position: relative;
+    width: 10em;
+    height: 10em;
+    text-align: center;
+}
+
+p {
+    color: #434343;
+    text-align: center;
+}
+