1 files changed, 43 insertions, 34 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 299f757..d5dab4f 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -42,6 +42,7 @@ body.pastePaper .wallpaper.active span:hover{
 
 a{
   color:black;
+	text-decoration: none;
 }
 
 /*page*/
@@ -170,10 +171,10 @@ h5 {
 
 .page .profilepage,
 .page .projectList {
-  width: 100%;
-  margin: 40px 0 0 0;
-  border-spacing: 0;
-  clear: both;
+	width: 100%;
+	clear: both;
+	float:left;
+	display: inline-block;
 }
 
 .page .showcase {
@@ -334,11 +335,12 @@ iframe.embed {
 }
 
 .page h1 {
-  font-size: 80px;
-  font-weight: 100;
-  padding-top: 25px;
+	font-size: 80px;
+	font-weight: 100;
+	padding: 20px 0 25px 0;
 	float: left;
 	width: 100%;
+	border-top: 1px solid;
 }
 
 /* DOCUMENTATION / ABOUT SECTION / FAQ PAGES */
@@ -380,10 +382,13 @@ iframe.embed {
 
 
 /* PROFILE PAGE */
-.profilepage .profilePic {
-  font-size: 148px;
-  background-size: cover;
-  background-position: center;
+.profilePic {
+	font-size: 148px;
+	background-size: cover;
+	background-position: center;
+	width: 33.3333%;
+	height: 50vh;
+	float: left;
 }
 .editProfile {
   margin-right: 10px;
@@ -417,13 +422,15 @@ iframe.embed {
 	color: white;
 }
 .profilepage .bio {
-  text-align: left;
-  padding: 0 5%;
-  width: 66.5%;
-  background-image:url(../img/pattern.png);
-  background-size:100%;
-  background-color: lightyellow;
-  box-shadow: -4px 6px 7px rgba(0,0,0,0.1) inset;
+	text-align: left;
+	padding: 0 5%;
+	width: 66.5%;
+	background-image: url(../img/pattern.png);
+	background-size: 100%;
+	background-color: lightyellow;
+	display: table;
+	height: 50vh;
+	float: left;
 }
 
 .profilepage .bio.one {
@@ -492,31 +499,35 @@ iframe.embed {
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #fff;
-  background-image: url(http://upload.wikimedia.org/wikipedia/commons/d/d9/Graceland_Memphis_TN_Floorplan_Basement.jpg);
   width: 20vw;
   height: 20vh;
   display: inline-block;
   margin: 4vw;
-  border:1px solid white;
+  border:1px solid black;
   position: relative;
 }
 
 .templates span:after {
-  content: attr(data-name);
-  position: absolute;
-  top: 100%;
-  width: 100%;
-  left: 0;
-  background: #fff;
-  padding: 5px;
-  border-top: 1px solid black;
+	content: attr(data-name);
+	position: absolute;
+	top: 100%;
+	width: 100%;
+	left: 0;
+	background: #fff;
+	padding: 5px;
+	border-top: 1px solid black;
+	font-weight: 300;
 }
 
 .templates span:hover {
-  border:1px dashed black;
+  border:1px solid blue;
   cursor:pointer;
 }
 
+.templates span:hover:after {
+	border-top: 1px solid blue;
+}
+
 .templates h1 {
   font-weight: 300;
   font-size: 21px;
@@ -1304,7 +1315,8 @@ span:hover .swatch {
 	margin-bottom:5px;
 }
 .color-swatches span.active, .color-swatches span.active:hover{
-	background:#eee;
+	background:#000;
+	color:white;
 }
 .color-swatches span:nth-child(3){
 	clear:left;
@@ -1322,9 +1334,6 @@ span:hover .swatch {
 	cursor: pointer;
 	top: -2px;
 }
-.color-swatches span.active label {
-  font-weight: 500;
-}
 
 
 .settings.info {
@@ -1544,7 +1553,7 @@ button {
 }
 
 #builder-units {
-	width:100%;
+	width:75%;
 }
 #mediaEditor .warn {
 	width:100%;