Updated Home page and sidebar login area

6 files changed, 96 insertions, 65 deletions

diff --git a/static/css/home.css b/static/css/home.css
index 48462903..88d25fb3 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -1,10 +1,9 @@
 #welcome {
     width: 730px;
-    height: calc(262px - 50px);
+    height: 262px;
     background: url('../images/backgrounds/welcome-banner.png') no-repeat;
     background-size: 730px 262px;
-    margin: auto;
-    padding: 50px 0px 0px 0px;
+    margin: 0px auto 20px auto;
     border: 0px;
     position: relative;
     margin-top: 15px;
@@ -12,8 +11,10 @@
 }
 
 #welcome > p {
-    width: 550px;
-    margin: 12px 0px 12px 140px;
+    width: 500px;
+    margin: 12px 0px 12px 142px;
+    position: relative;
+    top: 80px;
 }
 
 #announcements {
diff --git a/static/css/sidebar.css b/static/css/sidebar.css
new file mode 100644
index 00000000..f9d35919
--- /dev/null
+++ b/static/css/sidebar.css
@@ -0,0 +1,87 @@
+
+#sidebar {
+    width: 250px;
+}
+
+#navigation-area ul,
+#archives-area ul,
+#categories-area ul,
+#admin-area ul,
+#announcements ul,
+#user-area ul,
+#fun-stuff ul,
+#activity ul, 
+#navigation-area li,
+#archives-area li,
+#categories-area li,
+#admin-area li,
+#announcements li,
+#user-area li,
+#fun-stuff li,
+#activity li {
+    margin: 0px;
+    padding: 0px;
+}
+
+#register_form ul {
+    padding: 0px;
+    list-style-type: none;
+}
+
+#navigation-area li,
+#archives-area li,
+#categories-area li,
+#admin-area li,
+#announcements li,
+#user-area li,
+#fun-stuff li,
+#activity li {
+    display: block;
+    list-style-type: none;
+}
+
+#navigation-area img,
+#archives-area img,
+#categories-area img,
+#user-area img,
+#fun-stuff img {
+    width: 24px;
+    vertical-align: middle;
+}
+
+#admin-area img {
+    width: 14px;
+    vertical-align: middle;
+}
+
+#navigation-area span,
+#archives-area span,
+#categories-area span,
+#admin-area span,
+#announcements span,
+#user-area span,
+#fun-stuff span {
+    margin-right: 10px;
+}
+
+#user-area {
+    background: url('../images/backgrounds/user-area.png') no-repeat;
+    background-size: 250px 150px;
+    width: 250px;
+    height: 150px;
+}
+
+#user-area > h2 {
+    margin: 0;
+    padding: 0;
+    border: none;
+    position: relative;
+    left: 100px;
+    top: 15px;
+}
+
+#user-area > ul {
+    position: relative;
+    left: 110px;
+    top: 45px;
+}
diff --git a/static/css/styles.css b/static/css/styles.css
index d873bcc3..2e47d5ee 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1,4 +1,5 @@
 @import url(search.css);
+@import url(sidebar.css);
 
 body {
     width: 100%;
@@ -48,7 +49,8 @@ a {
 
 a,
 #editor-container a {
-    color: #a591ee;
+    /* color: #a591ee; */
+    color: #d2baff;
     text-decoration: none;
 }
 
@@ -298,65 +300,6 @@ blockquote {
     position: relative;
 }
 
-#navigation-area ul,
-#archives-area ul,
-#categories-area ul,
-#admin-area ul,
-#announcements ul,
-#user-area ul,
-#fun-stuff ul,
-#activity ul {
-    margin: 0px;
-    padding: 0px;
-}
-
-#register_form ul {
-    padding: 0px;
-    list-style-type: none;
-}
-
-#navigation-area li,
-#archives-area li,
-#categories-area li,
-#admin-area li,
-#announcements li,
-#user-area li,
-#fun-stuff li,
-#activity li {
-    display: block;
-    margin: 0px;
-    padding: 0px;
-    list-style-type: none;
-}
-
-#navigation-area img,
-#archives-area img,
-#categories-area img,
-#user-area img,
-#fun-stuff img {
-    width: 24px;
-    vertical-align: middle;
-}
-
-#admin-area img {
-    width: 14px;
-    vertical-align: middle;
-}
-
-#navigation-area span,
-#archives-area span,
-#categories-area span,
-#admin-area span,
-#announcements span,
-#user-area span,
-#fun-stuff span {
-    margin-right: 10px;
-}
-
-#sidebar {
-    width: 250px;
-}
-
 #content {
     width: 730px;
 }
diff --git a/static/images/backgrounds/search-area.png b/static/images/backgrounds/search-area.png
index 3c13c990..a2afaeac 100644
--- a/static/images/backgrounds/search-area.png
+++ b/static/images/backgrounds/search-area.png
diff --git a/static/images/backgrounds/user-area.png b/static/images/backgrounds/user-area.png
new file mode 100644
index 00000000..bdec1696
--- /dev/null
+++ b/static/images/backgrounds/user-area.png
diff --git a/static/images/backgrounds/welcome-banner.png b/static/images/backgrounds/welcome-banner.png
index 3349e748..19c77c11 100644
--- a/static/images/backgrounds/welcome-banner.png
+++ b/static/images/backgrounds/welcome-banner.png