1 files changed, 96 insertions, 3 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index e6b5570..7b53cca 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -953,7 +953,7 @@ border-left: 1px solid black;
 }
 .editing .mx-scenery:hover,
 .editing .mx-scenery.picked {
-  border: 1px dashed #000;
+  border: 15px dashed yellow;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
@@ -990,7 +990,9 @@ border-left: 1px solid black;
 	pointer-events: none;
 }
 .mx-text {
+/* 
   overflow: hidden;
+ */
 }
 .mx-text .inner {
   width: 100%;
@@ -1574,7 +1576,27 @@ border-left: 1px solid black;
 	-webkit-transition:opacity 0.3s ease-in-out;
 	transition:opacity 0.3s ease-in-out;
 }
+.reader #minimap {
+	right: 20px;
+	left: auto;
+	-webkit-transform:translateX(180px);
+	-moz-transform:translateX(180px);
+	transform:translateX(180px);
+	-webkit-transition:0.6s -webkit-transform;
+	-moz-transition:0.6s -moz-transform;
+	transition:0.6s transform;
+}
+
+.reader #minimap.active {
+	-webkit-transform:translateX(0px);
+	-moz-transform:translateX(0px);
+	transform:translateX(0px);
+	left: auto;
+}
 
+.mobile .reader #minimap{
+	display:none;
+}
 
 /* WALLPAPER PICKER */
 
@@ -2168,6 +2190,21 @@ input[type="range"]::-webkit-slider-thumb {
 	margin-top:5px;
 	width: 100%;
 }
+#randomize {
+	background: white;
+	display: inline-block;
+	color: black;
+	text-decoration:none;
+	border:1px solid black;
+	text-align: center;
+  font-size: 13px;
+  padding: 3px;
+  cursor: pointer;
+}
+#randomize:hover {
+  color: white;
+  background: black;
+}
 .warn {
 	background:red;
 	display: inline-block;
@@ -2375,6 +2412,8 @@ form li textarea {
 	background-position: center;
 	margin-top: 63px;
 }
+
+
 .hero .circle {
 	font-size: 20px;
 	font-weight: 300;
@@ -2542,12 +2581,21 @@ a[data-role="forgot-password"] {
 .aboutRoom.vvbox .txt {
 	padding: 5px 0 3px 0;
 }
-
-.aboutRoom h1 a{
+.aboutRoom h1 a {
   text-decoration: none;
   font-style: italic;
 	font-weight:500;
 }
+.aboutRoom .profilePic {
+  width: 34px;
+  height: 34px;
+  float: none;
+  display: inline-block;
+  vertical-align: middle;
+}
+.aboutRoom .authorName {
+  vertical-align: middle;
+}
 
 .desktop .aboutRoom h1 a:hover {
   text-decoration:underline;
@@ -2993,3 +3041,48 @@ a[data-role="forgot-password"] {
 		width: 55%;
 	}
 }
+
+
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {
+	.hero{
+		height: 500pt;
+	}
+	.mobile #scene:after{
+		content:url(/assets/img/360.png);
+		z-index: 3;
+		position: fixed;
+		bottom: -3px;
+		right: -3px;
+	}
+	#keyhint {
+		display:none;
+	}
+	.topLinks a[data-role="new-project-modal"], .topLinks a[data-role="show-layouts-modal"] {
+		display:none;
+	}
+}
+
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
+	.hero{
+		height: 500pt;
+	}
+	.mobile #scene:after{
+		content:url(/assets/img/360.png);
+		z-index: 3;
+		position: fixed;
+		bottom: -3px;
+		right: -3px;
+	}
+	#keyhint {
+		display:none;
+	}
+	.topLinks a[data-role="new-project-modal"], .topLinks a[data-role="show-layouts-modal"] {
+		display:none;
+	}
+}
+
+@media (max-height: 650px) { 
+	.settings {
+		right: 80px;
+	}
+}
\ No newline at end of file