port to bootstrap, lots of changes...

1 files changed, 53 insertions, 31 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 437f20d..152982b 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,67 +1,85 @@
-body { 
-    width: 100%;
-    margin: auto;
-    padding: 20px 0px;
+body {
     font-family: 'Helvetica Neue', Helvetica, Arial;
 }
 
-#header h1 {
-    float: left;
+.container-fluid {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 3em;
+    padding: 0;
+    max-width: 80%;
 }
 
-#header img {
-    height: 80px;
+#logo {
+    float: left;
 }
 
-#header ol li {
+nav {
     float: right;
-    list-style-type: none;
-    line-height: 80px;
-    font-size: 120%;
 }
 
-#content-top .about {
-  text-align: right;
+nav a {
+    line-height: 80px;
+    font-size: 1.2em;
+    margin-left: 2em;
 }
 
-#services {
-  margin-top: 40px;
+nav a:first-child {
+    margin: 0;
 }
 
-#services ul, #news p {
-  margin-left: 50px;
-}
-#services ul li {
-    list-style-type: none;
-    vertical-align: bottom;
-    float: left;
-    height: 90px;
+h1, h2, h3 {
+    margin-bottom: 1em;
 }
 
-footer {
+footer{
     text-align: center;
     margin: 20px;
+    font-size: 0.8em;
+    color: #888;
 }
 
 a {
     text-decoration: none;
     font-weight: bold;
-    color: #000;
+    color: #900;
 }
 
 a:hover {
-    color: #F00;
+    color: #320000;
+}
+
+.about {
+    text-align: right;
+}
+
+#content, #services {
+    margin-top: 3em;
 }
 
-div.link {
+#services .img {
+    text-align: center;
+    line-height: 6em;
+    width: 6em;
+}
+
+#services .desc {
+    padding: 1em;
+}
+
+.service-row {
+    margin: 2em 0;
+}
+
+.link-hover {
     position: relative;
 }
 
-div.link:hover {
-    background-color: lightblue;
+.link-hover:hover {
+    background-color: #e5f0ff;
 }
 
-span.link {
+.link {
     position:absolute;
     width:100%;
     height:100%;
@@ -69,3 +87,7 @@ span.link {
     left: 0;
     z-index: 1;
 }
+
+pre {
+    white-space: pre !important;
+}