Fixed indentation

[friendica.git] / view / theme / frio / css / dropzone.frio.css

diff --git a/view/theme/frio/css/dropzone.frio.css b/view/theme/frio/css/dropzone.frio.css
index 07bf368c89265ed63b737fd49016d57e6d463bca..2c0e6768d57cf5eeda5c413325e28e9c2ec9302a 100644 (file)
--- 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;