X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Fcss%2Fdropzone.frio.css;h=2c0e6768d57cf5eeda5c413325e28e9c2ec9302a;hb=4e1263c1f8aa0a3aeba0a95929678c18fc5a3c90;hp=07bf368c89265ed63b737fd49016d57e6d463bca;hpb=fa45da6fd1850ff72138571cc28ef7f5d8fbd93a;p=friendica.git

diff --git a/view/theme/frio/css/dropzone.frio.css b/view/theme/frio/css/dropzone.frio.css
index 07bf368c89..2c0e6768d5 100644
--- a/view/theme/frio/css/dropzone.frio.css
+++ b/view/theme/frio/css/dropzone.frio.css
@@ -1,218 +1,220 @@
 @-webkit-keyframes passing-through {
 	0% {
-	  opacity: 0;
-	  -webkit-transform: translateY(40px);
-	  -moz-transform: translateY(40px);
-	  -ms-transform: translateY(40px);
-	  -o-transform: translateY(40px);
-	  transform: translateY(40px);
+		opacity: 0;
+		-webkit-transform: translateY(40px);
+		-moz-transform: translateY(40px);
+		-ms-transform: translateY(40px);
+		-o-transform: translateY(40px);
+		transform: translateY(40px);
 	}
 	30%, 70% {
-	  opacity: 1;
-	  -webkit-transform: translateY(0px);
-	  -moz-transform: translateY(0px);
-	  -ms-transform: translateY(0px);
-	  -o-transform: translateY(0px);
-	  transform: translateY(0px);
+		opacity: 1;
+		-webkit-transform: translateY(0px);
+		-moz-transform: translateY(0px);
+		-ms-transform: translateY(0px);
+		-o-transform: translateY(0px);
+		transform: translateY(0px);
 	}
 	100% {
-	  opacity: 0;
-	  -webkit-transform: translateY(-40px);
-	  -moz-transform: translateY(-40px);
-	  -ms-transform: translateY(-40px);
-	  -o-transform: translateY(-40px);
-	  transform: translateY(-40px);
+		opacity: 0;
+		-webkit-transform: translateY(-40px);
+		-moz-transform: translateY(-40px);
+		-ms-transform: translateY(-40px);
+		-o-transform: translateY(-40px);
+		transform: translateY(-40px);
 	}
 }
 @-moz-keyframes passing-through {
 	0% {
-	  opacity: 0;
-	  -webkit-transform: translateY(40px);
-	  -moz-transform: translateY(40px);
-	  -ms-transform: translateY(40px);
-	  -o-transform: translateY(40px);
-	  transform: translateY(40px);
+		opacity: 0;
+		-webkit-transform: translateY(40px);
+		-moz-transform: translateY(40px);
+		-ms-transform: translateY(40px);
+		-o-transform: translateY(40px);
+		transform: translateY(40px);
 	}
 	30%, 70% {
-	  opacity: 1;
-	  -webkit-transform: translateY(0px);
-	  -moz-transform: translateY(0px);
-	  -ms-transform: translateY(0px);
-	  -o-transform: translateY(0px);
-	  transform: translateY(0px);
+		opacity: 1;
+		-webkit-transform: translateY(0px);
+		-moz-transform: translateY(0px);
+		-ms-transform: translateY(0px);
+		-o-transform: translateY(0px);
+		transform: translateY(0px);
 	}
 	100% {
-	  opacity: 0;
-	  -webkit-transform: translateY(-40px);
-	  -moz-transform: translateY(-40px);
-	  -ms-transform: translateY(-40px);
-	  -o-transform: translateY(-40px);
-	  transform: translateY(-40px);
+		opacity: 0;
+		-webkit-transform: translateY(-40px);
+		-moz-transform: translateY(-40px);
+		-ms-transform: translateY(-40px);
+		-o-transform: translateY(-40px);
+		transform: translateY(-40px);
 	}
 }
 @keyframes passing-through {
 	0% {
-	  opacity: 0;
-	  -webkit-transform: translateY(40px);
-	  -moz-transform: translateY(40px);
-	  -ms-transform: translateY(40px);
-	  -o-transform: translateY(40px);
-	  transform: translateY(40px);
+		opacity: 0;
+		-webkit-transform: translateY(40px);
+		-moz-transform: translateY(40px);
+		-ms-transform: translateY(40px);
+		-o-transform: translateY(40px);
+		transform: translateY(40px);
 	}
 	30%, 70% {
-	  opacity: 1;
-	  -webkit-transform: translateY(0px);
-	  -moz-transform: translateY(0px);
-	  -ms-transform: translateY(0px);
-	  -o-transform: translateY(0px);
-	  transform: translateY(0px);
+		opacity: 1;
+		-webkit-transform: translateY(0px);
+		-moz-transform: translateY(0px);
+		-ms-transform: translateY(0px);
+		-o-transform: translateY(0px);
+		transform: translateY(0px);
 	}
 	100% {
-	  opacity: 0;
-	  -webkit-transform: translateY(-40px);
-	  -moz-transform: translateY(-40px);
-	  -ms-transform: translateY(-40px);
-	  -o-transform: translateY(-40px);
-	  transform: translateY(-40px);
+		opacity: 0;
+		-webkit-transform: translateY(-40px);
+		-moz-transform: translateY(-40px);
+		-ms-transform: translateY(-40px);
+		-o-transform: translateY(-40px);
+		transform: translateY(-40px);
 	}
 }
 @-webkit-keyframes slide-in {
 	0% {
-	  opacity: 0;
-	  -webkit-transform: translateY(40px);
-	  -moz-transform: translateY(40px);
-	  -ms-transform: translateY(40px);
-	  -o-transform: translateY(40px);
-	  transform: translateY(40px);
+		opacity: 0;
+		-webkit-transform: translateY(40px);
+		-moz-transform: translateY(40px);
+		-ms-transform: translateY(40px);
+		-o-transform: translateY(40px);
+		transform: translateY(40px);
 	}
 	30% {
-	  opacity: 1;
-	  -webkit-transform: translateY(0px);
-	  -moz-transform: translateY(0px);
-	  -ms-transform: translateY(0px);
-	  -o-transform: translateY(0px);
-	  transform: translateY(0px);
+		opacity: 1;
+		-webkit-transform: translateY(0px);
+		-moz-transform: translateY(0px);
+		-ms-transform: translateY(0px);
+		-o-transform: translateY(0px);
+		transform: translateY(0px);
 	}
 }
 @-moz-keyframes slide-in {
 	0% {
-	  opacity: 0;
-	  -webkit-transform: translateY(40px);
-	  -moz-transform: translateY(40px);
-	  -ms-transform: translateY(40px);
-	  -o-transform: translateY(40px);
-	  transform: translateY(40px);
+		opacity: 0;
+		-webkit-transform: translateY(40px);
+		-moz-transform: translateY(40px);
+		-ms-transform: translateY(40px);
+		-o-transform: translateY(40px);
+		transform: translateY(40px);
 	}
 	30% {
-	  opacity: 1;
-	  -webkit-transform: translateY(0px);
-	  -moz-transform: translateY(0px);
-	  -ms-transform: translateY(0px);
-	  -o-transform: translateY(0px);
-	  transform: translateY(0px);
+		opacity: 1;
+		-webkit-transform: translateY(0px);
+		-moz-transform: translateY(0px);
+		-ms-transform: translateY(0px);
+		-o-transform: translateY(0px);
+		transform: translateY(0px);
 	}
 }
 @keyframes slide-in {
 	0% {
-	  opacity: 0;
-	  -webkit-transform: translateY(40px);
-	  -moz-transform: translateY(40px);
-	  -ms-transform: translateY(40px);
-	  -o-transform: translateY(40px);
-	  transform: translateY(40px);
+		opacity: 0;
+		-webkit-transform: translateY(40px);
+		-moz-transform: translateY(40px);
+		-ms-transform: translateY(40px);
+		-o-transform: translateY(40px);
+		transform: translateY(40px);
 	}
 	30% {
-	  opacity: 1;
-	  -webkit-transform: translateY(0px);
-	  -moz-transform: translateY(0px);
-	  -ms-transform: translateY(0px);
-	  -o-transform: translateY(0px);
-	  transform: translateY(0px);
+		opacity: 1;
+		-webkit-transform: translateY(0px);
+		-moz-transform: translateY(0px);
+		-ms-transform: translateY(0px);
+		-o-transform: translateY(0px);
+		transform: translateY(0px);
 	}
 }
 @-webkit-keyframes pulse {
 	0% {
-	  -webkit-transform: scale(1);
-	  -moz-transform: scale(1);
-	  -ms-transform: scale(1);
-	  -o-transform: scale(1);
-	  transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		-ms-transform: scale(1);
+		-o-transform: scale(1);
+		transform: scale(1);
 	}
 	10% {
-	  -webkit-transform: scale(1.1);
-	  -moz-transform: scale(1.1);
-	  -ms-transform: scale(1.1);
-	  -o-transform: scale(1.1);
-	  transform: scale(1.1);
+		-webkit-transform: scale(1.1);
+		-moz-transform: scale(1.1);
+		-ms-transform: scale(1.1);
+		-o-transform: scale(1.1);
+		transform: scale(1.1);
 	}
 	20% {
-	  -webkit-transform: scale(1);
-	  -moz-transform: scale(1);
-	  -ms-transform: scale(1);
-	  -o-transform: scale(1);
-	  transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		-ms-transform: scale(1);
+		-o-transform: scale(1);
+		transform: scale(1);
 	}
 }
 @-moz-keyframes pulse {
 	0% {
-	  -webkit-transform: scale(1);
-	  -moz-transform: scale(1);
-	  -ms-transform: scale(1);
-	  -o-transform: scale(1);
-	  transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		-ms-transform: scale(1);
+		-o-transform: scale(1);
+		transform: scale(1);
 	}
 	10% {
-	  -webkit-transform: scale(1.1);
-	  -moz-transform: scale(1.1);
-	  -ms-transform: scale(1.1);
-	  -o-transform: scale(1.1);
-	  transform: scale(1.1);
+		-webkit-transform: scale(1.1);
+		-moz-transform: scale(1.1);
+		-ms-transform: scale(1.1);
+		-o-transform: scale(1.1);
+		transform: scale(1.1);
 	}
 	20% {
-	  -webkit-transform: scale(1);
-	  -moz-transform: scale(1);
-	  -ms-transform: scale(1);
-	  -o-transform: scale(1);
-	  transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		-ms-transform: scale(1);
+		-o-transform: scale(1);
+		transform: scale(1);
 	}
 }
 @keyframes pulse {
 	0% {
-	  -webkit-transform: scale(1);
-	  -moz-transform: scale(1);
-	  -ms-transform: scale(1);
-	  -o-transform: scale(1);
-	  transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		-ms-transform: scale(1);
+		-o-transform: scale(1);
+		transform: scale(1);
 	}
 	10% {
-	  -webkit-transform: scale(1.1);
-	  -moz-transform: scale(1.1);
-	  -ms-transform: scale(1.1);
-	  -o-transform: scale(1.1);
-	  transform: scale(1.1);
+		-webkit-transform: scale(1.1);
+		-moz-transform: scale(1.1);
+		-ms-transform: scale(1.1);
+		-o-transform: scale(1.1);
+		transform: scale(1.1);
 	}
 	20% {
-	  -webkit-transform: scale(1);
-	  -moz-transform: scale(1);
-	  -ms-transform: scale(1);
-	  -o-transform: scale(1);
-	  transform: scale(1);
+		-webkit-transform: scale(1);
+		-moz-transform: scale(1);
+		-ms-transform: scale(1);
+		-o-transform: scale(1);
+		transform: scale(1);
 	}
 }
-.dropzone, .dropzone * {
+.dropzone, .dropzone .dz-default * {
 	box-sizing: border-box;
+	overflow: auto;
+	cursor: default;
 }
 
-.dropzone {
-	min-height: 150px;
+.dropzone:not(textarea) {
 	border: 1px solid rgba(0, 0, 0, 0.3);
-	padding: 2px 2px;
+	padding: 0px 0px 5px 0px;
+	color: #999;
 }
 .dropzone.dz-clickable {
 	cursor: pointer;
-}
-.dropzone.dz-clickable * {
-	cursor: default;
+	border-radius: 4px;
+	background-color: $background_color;
+	margin-bottom: 10px;
 }
 .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
 	cursor: pointer;