change layout

[psensor.git] / www / style.css

diff --git a/www/style.css b/www/style.css
index b42f601..7cf7161 100644 (file)
--- a/www/style.css
+++ b/www/style.css
@@ -1,81 +1,42 @@
 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; 
+    padding: 1em 1em 1em 1em;
+    font-family: "Ubuntu", sans-serif;
+    font-size: 100%;
+    color: #000;
+    background-color: #fff;
+    margin: 0 0 0 0;
 }
 
-.page-header {
-    padding-left: 20px;
-    padding-right: 20px;
-    margin-top: 20px;
-    margin-bottom: 20px;
+body div {
+    background-color: #fff;
 }
 
-.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;
+a {
+    color: #1982D1;
+    font-style: normal;
+    text-decoration: none;
 }
 
-.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;
+a:hover {
+    text-decoration: underline;
 }
 
 h1 {
-    font-size: 36px;
-    line-height: 40px;
-    font-weight: normal;
-    color: #333333;
-    margin: 0;
+    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;
+#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;
 }
 
@@ -88,8 +49,6 @@ table {
 
 thead {
     background-color: #aea79f;
-    font-size: 12px;
-    line-height: 16px;
     color: #ffffff;
     font-weight: bold;
     padding-top: 4px;
@@ -97,8 +56,6 @@ thead {
 }
 
 tbody {
-    font-size: 12px;
-    line-height: 16px;
     color: #333333;
     padding-top: 4px;
     padding-bottom: 4px;
@@ -108,16 +65,30 @@ th, td {
     padding: 4px 4px 4px 4px;
 }
 
-.page-footer a:link , .page-footer a:visited, .page-footer a:active {
-    text-decoration: none;
-    color: #333333;
+.chart {
+    color: #000;
 }
 
-.page-footer a:hover {
-    text-decoration: underline;
-    color: #333333;
+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;
 }
 
-tr {
-    padding-left: 30px;
+#main {
+    float: right;
+    width: 80%;
+    padding: 0 0 0 0;
+    margin: 0 0em 0 0;
 }
\ No newline at end of file