improved styling

[psensor.git] / www / style.css

diff --git a/www/style.css b/www/style.css
index b42f601..b1bc42b 100644 (file)
--- a/www/style.css
+++ b/www/style.css
@@ -1,123 +1,132 @@
 body {
-    font-family: Ubuntu, 'Bitstream Ver Sans', 'DejaVu Sans', 'Tahoma', sans-serif;
-    color: #333333;
-    font-size: 12px;
-    font-height: 16px;
-    margin: 0;
-    padding: 0;
-
-    background-color: #f0f0f0;
-}
-
-.page {
-    background-color: #ffffff;
-    margin-top: 20px;
-    margin-left: 20px;
-    margin-right: 20px;
-    color: #333333;
-    border-radius: 8px 8px 0px 0px;
-    border: 3px #aea79f solid;
-    box-shadow: 2px 2px 2px #333333; 
-}
-
-.page-header {
-    padding-left: 20px;
-    padding-right: 20px;
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
-.page-content {
-    margin-left: 20px;
-    margin-right: 20px;
-    margin-top: 20px;
-    margin-bottom: 40px;
-    padding-top: 20px;
-    padding-bottom: 20px;
-    padding-left: 60px;
-    padding-right: 60px;
-    background-color: #f7f7f7;
-    border-radius: 4px 4px 4px 4px;
-}
-
-.page-footer {
-    margin-left: 20px;
-    margin-right: 20px;
-    margin-bottom: 20px;
-    margin-top: 2px;
-    padding-left: 20px;
-    padding-top: 8px;
-    padding-bottom: 8px;
-    background-color: #aea79f;
-    border-radius: 0px 0px 4px 4px;
-    font-size: 10px;
-    line-height: 14px;
-    color: #333333;
+    padding: 1em 1em 1em 1em;
+    font-family: "Ubuntu", sans-serif;
+    font-size: 100%;
+    font-style: normal;
+    font-weight: normal;
+    color: #000;
+    background-color: #fff;
+    margin: 0 0 0 0;
+}
+
+a {
+    color: #1982D1;
+    font-style: normal;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
 }
 
 h1 {
-    font-size: 36px;
-    line-height: 40px;
-    font-weight: normal;
-    color: #333333;
-    margin: 0;
+    font-size: 140%;
+    font-style: normal;
+    font-weight: bold;
+    text-transform: uppercase;
+    margin: 0 0 1em 0;
+    padding: 0 0 0 0;
 }
 
+
 h2 {
-    font-size: 24px;
-    line-height: 28px;
-    font-weight: normal;
-    color: #333333;
-    margin-top: 16px;
-    margin-bottom: 8px;
+    font-size: 110%;
+    font-style: 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;
+    text-align: right;
+    font-size: 75%;
 }
 
 p {
-    font-size: 12px;
-    line-height: 16px;
-    color: #333333;
+    font-size: 100%;
     margin-bottom: 8px;
 }
 
 table {
-       text-align: left;
-       width: 100%;
-       padding-left: 8px;
-       padding-right: 8px;
+    text-align: left;
+    padding: 0 0 0 0;
+    min-width: 50%;
+    border-spacing: 0;
+    border: 0;
 }
 
 thead {
-    background-color: #aea79f;
-    font-size: 12px;
-    line-height: 16px;
-    color: #ffffff;
-    font-weight: bold;
-    padding-top: 4px;
-    padding-bottom: 4px;
+    background-color: #000;
+    color: #fff;
+    padding: 0 0 0 0;    
 }
 
 tbody {
-    font-size: 12px;
-    line-height: 16px;
-    color: #333333;
-    padding-top: 4px;
-    padding-bottom: 4px;
+    padding: 0 0 0 0;
 }
 
-th, td {
-    padding: 4px 4px 4px 4px;
+th {
+    padding: 0.25em 0.5em 0.25em 0.5em;
+    font-style: normal;
+    font-weight: normal;
 }
 
-.page-footer a:link , .page-footer a:visited, .page-footer a:active {
-    text-decoration: none;
-    color: #333333;
+td {
+    padding: 0.25em 0.25em 0em 0.25em;
 }
 
-.page-footer a:hover {
-    text-decoration: underline;
-    color: #333333;
+.chart {
+    color: #000;
+    font-style: normal;
+    font-weight: normal;
+}
+
+ul {
+    list-style: none;
+    padding: 0 0 0 0;
+    margin: 0 0 0 0;
+}
+
+ul li ul li {
+    padding-left: 1em;
+}
+
+#menu {
+    float: left;
+    width: 20%;
+    padding: 0 0 0 0;
+    margin: 0 0 0 0;
+}
+
+#main {
+    float: right;
+    width: 80%;
+    padding: 0 0 0 0;
+    margin: 0 0em 0 0;
+}
+
+em {
+    font-weight: bold;
+    font-style: normal;
+}
+
+#uptime {
+    font-weight: normal;
+}
+
+#menu-list em {
+    text-transform: uppercase;
+}
+
+#menu ul li {
+    padding-bottom: 1em;
+}
+
+#menu-list ul li {
+    padding: 0 0 0 1em;
 }
 
-tr {
-    padding-left: 30px;
-}
\ No newline at end of file