New UI

1 files changed, 48 insertions, 7 deletions

diff --git a/site-media/css/style2.css b/site-media/css/style2.css
index f641cf6..4c9450d 100644
--- a/site-media/css/style2.css
+++ b/site-media/css/style2.css
@@ -1,12 +1,56 @@
 body {
+    background-color: #fff;
     color: #333;
 }
 
 #header {
-    background: #333;
-    height:45px;
-    padding-top:15px;
-    border-bottom: 5px solid #333;
+    width:100%;
+    height: 60px;
+    background-image: -ms-linear-gradient(top, #4B80AA 0%, #245783 100%);
+    background-image: -moz-linear-gradient(top, #4B80AA 0%, #245783 100%);
+    background-image: -o-linear-gradient(top, #4B80AA 0%, #245783 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4B80AA), color-stop(1, #245783));
+    background-image: -webkit-linear-gradient(top, #4B80AA 0%, #245783 100%);
+    background-image: linear-gradient(to bottom, #4B80AA 0%, #245783 100%);
+    margin-bottom: 20px;
+}
+
+.content {
+    background: #fff;
+}
+
+.login {
+    margin-top:20px;
+}
+
+.logo {
+    color: #f5f5f5;
+    font-weight: 200;
+    line-height: 1;
+    font-family: "Arial Rounded MT Bold",Arial,sans-serif;
+    display: block;
+    padding: 8px 20px 12px;
+    margin-left: -20px;
+    margin-top:10px;
+    font-size: 25px;
+    text-decoration: none;
+}
+
+.logo:hover {
+    color: #f5f5f5;
+    text-decoration: none;
+}
+
+
+.content {
+    padding:20px;
+}
+
+
+.shadow {
+    -moz-box-shadow: 10px 10px 50px #333;
+    -webkit-box-shadow: 10px 10px 50px #333;
+    box-shadow: 1px 1px 20px #333;
 }
 
 .hero-unit.profile {
@@ -47,9 +91,6 @@ textarea {
     color:#999;
 }
 
-.shadow {
-    box-shadow: 1px 1px 3px #888;
-}
 
 .well.comment {
     background:#fff;