[1/2] incubator-wave git commit: start working on website and implement a somewhat decent design.

[wisebaldone]

Repository: incubator-wave
Updated Branches:
  refs/heads/wavy c97d5d575 -> 52a478451


http://git-wip-us.apache.org/repos/asf/incubator-wave/blob/52a47845/website/source/stylesheets/site.css.scss
----------------------------------------------------------------------
diff --git a/website/source/stylesheets/site.css.scss 
b/website/source/stylesheets/site.css.scss
index ff3718c..c5a3cec 100644
--- a/website/source/stylesheets/site.css.scss
+++ b/website/source/stylesheets/site.css.scss
@@ -1,18 +1,12 @@
 @charset "utf-8";
-@import "normalize";
 
 body {
-  background: #ECC561;
+  background: #ffffff;
   text-align: center;
   font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1em;
 }
 
-.logo img {
-  height: 18.75em;
-  margin-top: 6em;
-}
-
 h1 {
   color: rgba(0,0,0,0.5);
   font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -21,47 +15,42 @@ h1 {
   margin: 0;
 }
 
-.doc {
-  margin: 3em 0;
+#container {
+  min-height: 100%;
+}
+
+#footer {
+  clear: both;
+  font-size: 0.7rem;
+  margin-top: -2.4rem;
+  height: 2.4rem;
+}
+
+.full {
+  max-width: 100%;
+  width: 100%;
+  margin: 0;
+}
+
+.title {
+  color: rgba(0,0,0,0.8);
+  font-size: 1.6rem;
   font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 1.1em;
-  font-weight: 300;
+}
+
+.apache {
+  background-color: #E4E5FC;
+  color: #303284;
 
   a {
-    border: 1px solid white;
-    border-radius: 3px;
-    padding: 0.75em 0.7em;
-    color: white;
-    text-decoration: none;
-    transition: color 0.1s linear;
+    color: rgba(0, 0, 0, 0.6);
+    font-size: 0.8em;
     &:hover {
-      background: rgba(0,0,0,0.2);
-      color: white;
-      transition: all 0.15s linear;
+      color: black;
     }
   }
 }
 
-.welcome {
-  -webkit-animation-name: welcome;
-  -webkit-animation-duration: .9s;
-}
-
-@-webkit-keyframes welcome {
-  from {
-    -webkit-transform: scale(0);
-    opacity: 0;
-  }
-  50% {
-   -webkit-transform: scale(0);
-   opacity: 0;
-  }
-  82.5% {
-    -webkit-transform: scale(1.03);
-    -webkit-animation-timing-function: ease-out;
-    opacity: 1;
-  }
-  to {
-    -webkit-transform: scale(1);
-  }
+.header-line {
+  border-bottom: 1px black solid;
 }