More UI changes.HEADmaster

2 files changed, 30 insertions, 12 deletions

diff --git a/site-media/css/style2.css b/site-media/css/style2.css
index 4c9450d..aa71b50 100644
--- a/site-media/css/style2.css
+++ b/site-media/css/style2.css
@@ -1,17 +1,24 @@
 body {
-    background-color: #fff;
     color: #333;
+    background: whitesmoke;
+    background-image: -webkit-radial-gradient(center center, circle contain, rgba(255, 255, 255, 0.8) 100%, whitesmoke 100%);
+    background-color: white;
+    background-image: -moz-linear-gradient(#eeeeee, white);
+    background-image: -o-linear-gradient(#eeeeee, white);
+    background-image: -ms-linear-gradient(#eeeeee, white);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, white));
+    background-image: -webkit-linear-gradient(#eeeeee, white);
+    background-repeat:no-repeat;
 }
 
 #header {
     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%);
+    background-image: -moz-linear-gradient(top, #333333 0%, #111111 100%);
+    background-image: -o-linear-gradient(top, #333333 0%, #111111 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #111111));
+    background-image: -webkit-linear-gradient(top, #333333 0%, #111111 100%);
+    background-image: linear-gradient(to bottom, #333333 0%, #111111 100%);
     margin-bottom: 20px;
 }
 
@@ -23,8 +30,18 @@ body {
     margin-top:20px;
 }
 
+.list-widget {
+    #width: 380px;
+    border: 1px solid #ddd;
+    border-radius: 3px;
+    padding: 30px;
+    border-top: 1px solid #eee;
+    background: #fff;
+}
+
+
 .logo {
-    color: #f5f5f5;
+    color: #fff;
     font-weight: 200;
     line-height: 1;
     font-family: "Arial Rounded MT Bold",Arial,sans-serif;
@@ -32,7 +49,7 @@ body {
     padding: 8px 20px 12px;
     margin-left: -20px;
     margin-top:10px;
-    font-size: 25px;
+    font-size: 20px;
     text-decoration: none;
 }
 
@@ -54,8 +71,8 @@ body {
 }
 
 .hero-unit.profile {
-    background:#f9f9f9;
-    padding:40px;
+    background:#fff;
+    border: 1px solid #ddd;
 }
 
 .well.group {
@@ -65,6 +82,7 @@ body {
     padding-bottom:7px;
     margin-bottom: 10px;
     height:50px;
+    border:1px solid #ddd;
 }
 
 .well.group:hover {
@@ -119,5 +137,5 @@ textarea {
 }
 
 .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
-    background-color: #f5f5f5;
+    background-color: #fff;
 }
diff --git a/site-media/img/group.png b/site-media/img/group.png
new file mode 100644
index 0000000..25689dd
--- /dev/null
+++ b/site-media/img/group.png