Big interface clear up

3 files changed, 93 insertions, 23 deletions

diff --git a/static/stylesheets/bytemark.css b/static/stylesheets/bytemark.css
index c0fd54a..0478f56 100644
--- a/static/stylesheets/bytemark.css
+++ b/static/stylesheets/bytemark.css
@@ -31,12 +31,12 @@ ul {
 }
 
 .OK {
-  background-color: LawnGreen;
+  background-color: #7cfc00;
   color: black;
 }
 
 .Failed {
-  background-color: OrangeRed;
+  background-color: #ff6500;
   color: black;
 }
 
@@ -95,7 +95,6 @@ div#navbar {
   /* try to cancel out the body padding above, leaving a bit of a margin beneath */
   margin:  -5px -5px 5px -5px;
   padding-left: 15px;
-  width: 100%;
   background-color: #666;
   font-size: 14px;
 }
@@ -155,7 +154,6 @@ table {
   padding: 0px;
 }
 table.full {
-  width: 100%;
 }
 tr {
   margin: 0px;
diff --git a/static/stylesheets/mauve-handheld.css b/static/stylesheets/mauve-handheld.css
new file mode 100644
index 0000000..38dbcfa
--- /dev/null
+++ b/static/stylesheets/mauve-handheld.css
@@ -0,0 +1,12 @@
+div#navbar li#nav_index a {
+  background-image: none;
+  background-repeat inherit;
+  background-position: inherit;
+  padding-left: inherit;
+  width: inherit;
+  overflow: inherit;
+}
+
+div li a {
+  font-size: smaller;
+}
diff --git a/static/stylesheets/mauve.css b/static/stylesheets/mauve.css
index d15e588..fb1b332 100644
--- a/static/stylesheets/mauve.css
+++ b/static/stylesheets/mauve.css
@@ -1,41 +1,101 @@
-tr.hilight {
-  background-color: #eee;
+
+body {
+  padding-left: 0px;
+  padding-right: 0px;
 }
 
-tr.triggered.hilight {
-  background-color: #f98;
+h1 {
+  margin: 0px;
 }
 
-tr.acknowledged.triggered.hilight {
-  background-color: #fa5;
+div#navbar {
+  margin-bottom: 0px;
+  padding-bottom: 0px;
 }
 
+div.container {
+  background-color: white;
+  padding: 5px 5px;
+}
 
-.triggered {
-  background-color: #fba;
+table {
+  border-collapse: collapse;
+  border: black thin solid;
 }
 
-.acknowledged {
-  color: #444;
+tr {
+  border: black thin solid;
+  border-bottom: none;
 }
 
-.acknowledged.triggered {
-  background-color: #fb6;
+tr.urgent {
+  background-color: #f88;
 }
 
-.missing_data {
+tr.normal {
+  /* Mauve, as defined by wikipedia. */
+  background-color: #ff8;
+}
 
+tr.low {
+  background-color: #8f8;
 }
 
-body {
-  min-width: 800px;
+tr {
+  background-color: #fff;
+}
+
+tr.detail {
+  background-color: white !important;
+  border-top-style: dashed;
+  border-top-width: thin;
+}
+
+div.error {
+  border: #c66dff medium solid;
+  background-color: #e0b0ff;
+}
+
+div.notice {
+  border: #c66dff medium solid;
+  background-color: #e0b0ff;
 }
 
-.out_of_date {
-  font-style: italic;
+div.error p, div.notice p {
+  background-color: transparent;
 }
 
-.detail {
-  background-color: white
+.hidden {
+  display: none;
 }
 
+/** Flash notices **/
+
+div.error {
+  background-color: #ffe;
+  border: solid 2px #ffc;
+  background-image: url('/images/error.png');
+}
+
+div.notice {
+  background-color: #eef;
+  border: solid 2px #ccf;
+  background-image: url('/images/information.png');
+}
+
+div.notice, div.error {
+  margin: 5px 5px 0px;
+  padding: 0px;
+  padding-left: 20px;
+  color: black;
+  font-size: 12px;
+  background-position: 5px;
+  background-repeat: no-repeat;
+  min-height: 20px;
+}
+
+div.error p, div.notice p {
+  background-color: transparent;
+}
+
+