flood message and overflow issue

1 files changed, 22 insertions, 5 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 3fa7ee0..730ead2 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -24,6 +24,10 @@ body{
   overflow-x:hidden;
 }
 
+body.editing{
+  overflow:hidden;
+}
+
 ::-moz-selection { 
     color: white;
     background: black;
@@ -1741,17 +1745,29 @@ input[type="range"]::-webkit-slider-thumb {
 .floodMessage {
   display: none;
   animation: flicker 0.2s infinite;
+	-webkit-animation: flicker 0.2s infinite;
+	-moz-animation: flicker 0.2s infinite;
   color: black;
   float: left;
   margin: 10px 5px 5px 5px;
-  font-size: 13px;
-  font-weight: 300;
+  font-size: 10px;
   text-align: center;
+	font-weight:600;
+	color:red;
+	text-transform:uppercase;
+	text-align:left;
+}
+.floodMessage:before {
+	content:"CLICK ON WALL OR ";
 }
 @keyframes flicker {
-  49% { color: black; }
-  50% { color: red; }
-  100% { color: red; }
+  50% { opacity:0.7; }
+}
+@-webkit-keyframes flicker {
+   50% { opacity:0.7; }
+}
+@-moz-keyframes flicker {
+   50% { opacity:0.7; }
 }
 
 #color-picker {
@@ -2310,6 +2326,7 @@ form li textarea {
 	display: table;
 	background-size: cover;
 	background-position: center;
+	background-attachment: fixed;
 	margin-top: 63px;
 }
 .hero .circle {