1 files changed, 57 insertions, 11 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index aa9db84..48e5e20 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -4,9 +4,6 @@
 	margin:0;
 	padding:0;
 	outline:0;
-	-webkit-user-select: none;  
-  -moz-user-select: none;   
-  -ms-user-select: none;     
 	font-family: 'Lato', sans-serif;
 	-webkit-font-smoothing: subpixel-antialiased;
 }
@@ -27,6 +24,12 @@ body.loading * {
 	transition: all 0 ease 0 !important;
 }
 
+html, body {
+  width: 100%;
+  height: 100%;
+}
+
+
 body.pastePaper .mx-scene{
   cursor:url(../img/paintbucket.png), auto;
 }
@@ -347,17 +350,20 @@ h5{
 .editProfile span {
   vertical-align: middle;
 }
-.topLink {
-  padding: 8px;
+.topLinks {
   float: right;
-  margin: 14px;
   font-size: 18px;
+  padding: 8px;
+  margin: 14px;
+}
+.topLinks a {
+  padding: 8px;
   color: black;
   font-weight: 300;
   text-decoration: none;
   border-bottom:1px solid white;
 }
-.topLink:hover {
+.topLinks a:hover {
   border-bottom:1px solid lightgreen;
 }
 .profilepage .bio {
@@ -470,15 +476,39 @@ h5{
 .right {
 	float:right;
 }
+
 .mx-scene {
   position:fixed;
   top:0;
   left:0;
   cursor: -webkit-grab; cursor: -moz-grab;
+  z-index: 1;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate3d(-50%, -50%, 0);
+  -moz-transform: translate3d(-50%, -50%, 0);
+  transform: translate3d(-50%, -50%, 0);
+  cursor:pointer;
 }
 .mx-scene:active{
   cursor: -webkit-grabbing; cursor: -moz-grabbing;
 }
+.mx-object3d.image, .mx-object3d canvas,
+.mx-object3d.backface-hidden {
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility:    hidden;
+  -ms-backface-visibility:     hidden;
+  backface-visibility:         hidden;
+}
+.mx-object3d.backface-visible, .mx-object3d.backface-visible canvas{
+  -webkit-backface-visibility: visible;
+  -moz-backface-visibility:    visible;
+  -ms-backface-visibility:     visible;
+  backface-visibility:         visible;
+}
+
+
 
 .rapper {
   position:relative;
@@ -796,7 +826,6 @@ content: "\e736"!important;
 }
 
 .deleteArmed .mediaContainer {
-
 }
 
 .deleteArmed .mediaContainer:hover {
@@ -804,7 +833,6 @@ content: "\e736"!important;
   border:1px solid #FF3B30;
 }
 
-
 .deleteArmed .mediaContainer:before {
   content: "\e68f";
   font-family: 'ionicons';
@@ -865,6 +893,7 @@ content: "\e736"!important;
 .mediaContainer img{
   max-width:100%;
 }
+
 #minimap {
 	position: fixed;
 	bottom: 20px;
@@ -892,6 +921,7 @@ content: "\e736"!important;
 	-moz-transition:opacity 0.3s ease-in-out;
 	transition:opacity 0.3s ease-in-out;
 }
+
 .wallpaper{
   right: 80px;
   margin-top: 77px;
@@ -1228,6 +1258,22 @@ form h3 {
 #form_container {
   clear:both;
 }
+.errors {
+	display: none;
+	width: 100%;
+	text-align: center;
+	background: #f8f8f8;
+	padding: 10px;
+	margin-top: 10px;
+	border-radius: 3px;
+}
+.errorList {
+	font-weight: 300;
+}
+form .errors div {
+	float: none;
+}
+
 
 .video {
   height:80vh;
@@ -1255,7 +1301,7 @@ form h3 {
   width: 100%;
 }
 
-.bigClose {
+.close {
   font-weight: 100;
   font-size: 120px;
   float: right;
@@ -1264,7 +1310,7 @@ form h3 {
   right: 20px;
 }
 
-.bigClose:hover {
+.close:hover {
   color:lightgreen;
 }