1 files changed, 73 insertions, 16 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 3c380ef..aecd6be 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1150,6 +1150,17 @@ border-left: 1px solid black;
 .desktop .logo:hover svg {
 	fill:white;
 }
+
+#fallback {
+  width: 400px;
+  margin: 10% auto;
+  border: 2px solid black;
+  padding: 30px 20px 30px 20px;
+}
+#fallback a {
+  border-bottom: 1px solid;
+}
+
 .profile{
   padding:8px;
   float:right;
@@ -1690,6 +1701,47 @@ border-left: 1px solid black;
 	padding-bottom: 6px;
 }
 
+.wallpaper.deleteArmed.active .swatches .swatch {
+  border: 1px solid #FF3B30;
+}
+.desktop .wallpaper.deleteArmed .swatch:hover {
+  background-color: #FF3B30;
+}
+
+.wallpaper.deleteArmed .swatch:before {
+	content: "\f1eb";
+	font-family: 'ionicons';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	-webkit-font-smoothing: antialiased;
+	font-size: 16px;
+	position: absolute;
+	background: #FF3B30;
+	border-radius: 50%;
+	margin-top: -8px;
+	margin-left: -8px;
+	color: white;
+	width: 20px;
+	height: 20px;
+	line-height: 16px;
+	text-align: center;
+  padding-top: 2px;
+}
+
+.exampleTumblrs {
+  display: block;
+  margin-top: 10px;
+  font-weight: 300;
+  font-size: 0.8em;
+}
+.exampleTumblrs a {
+  border-bottom: 1px dotted;
+  margin-left: 5px;
+}
+
 .vvbox .colors {
   max-width: 155px;
 	margin-bottom: 5px;
@@ -3072,7 +3124,8 @@ a[data-role="forgot-password"] {
 	}
 	.projectList .room {
 		width: 100%;
-		height: 230px;
+		height:230px;
+		height: 69vw;
 		margin: 0;
 	}
 	.mediaDrawer form h2 {
@@ -3125,16 +3178,18 @@ a[data-role="forgot-password"] {
 	.reader iframe {
 		display:none;
 	}
-	#threesixty {
-		display:inline;
-	}
+
+}
+
+.mobile .btn.marg, .mobile #share_embed {
+	display:none;
 }
 
 @media screen and (orientation:portrait) {
-		.aboutRoom {
+		.mobile .aboutRoom {
 			display:none;
 		}
-		.mx-scene{
+		.mobile .mx-scene{
 			display:none;
 		}
 		.mobile #scene:after{
@@ -3142,15 +3197,15 @@ a[data-role="forgot-password"] {
 			z-index: 3;
 			position: fixed;
 			display: inline-block;
-			width: 300px;
-			top: 55px;
-			left: 6px;
+			width: 100%;
+			top: 75px;
+			left: 0;
 			font-size: 27px;
 			font-weight: 300;
 			line-height: 50px;
 			border-top: 1px solid;
 			border-bottom: 1px solid;
-			padding: 20px 0;
+			padding: 20px 7px;
 		}
 }
 
@@ -3162,16 +3217,21 @@ a[data-role="forgot-password"] {
 	.projectList .projectItem {
 		width: 55%;
 	}
+	#threesixty {
+		display:inline;
+	}
 }
 
+@media screen and (orientation:landscape) {
+	.mobile #threesixty {
+		display:inline;
+	}
+}
 
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {
 	.hero{
 		height: 500pt;
 	}
-	#threesixty {
-		display:inline;
-	}
 	#keyhint {
 		display:none;
 	}
@@ -3185,9 +3245,6 @@ a[data-role="forgot-password"] {
 	.hero{
 		height: 500pt;
 	}
-	#threesixty {
-		display:inline;
-	}
 	#keyhint {
 		display:none;
 	}