src/pyams_skin/resources/css/ext/jquery-dndupload.css
changeset 557 bca7a7e058a3
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_skin/resources/css/ext/jquery-dndupload.css	Thu Feb 13 11:43:31 2020 +0100
@@ -0,0 +1,142 @@
+.dndupload {
+  font-size: 1.25rem;
+  /* 20 */
+  background-color: #c8dadf;
+  position: relative;
+  padding: 40px 20px;
+  text-align: center;
+}
+.dndupload.has-advanced-upload {
+  outline: 2px dashed #92b0b3;
+  outline-offset: -10px;
+  -webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
+  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
+}
+.dndupload.is-dragover {
+  outline-offset: -20px;
+  outline-color: #c8dadf;
+  background-color: #fff;
+}
+.dndupload .box__dragndrop,
+.dndupload .box__icon {
+  display: none;
+}
+.dndupload.has-advanced-upload .box__dragndrop {
+  display: inline;
+}
+.dndupload.has-advanced-upload .box__icon {
+  width: 100%;
+  height: 80px;
+  fill: #92b0b3;
+  display: block;
+  margin-bottom: 40px;
+}
+.dndupload.is-uploading .box__input,
+.dndupload.is-success .box__input,
+.dndupload.is-error .box__input {
+  visibility: hidden;
+}
+.dndupload .box__uploading,
+.dndupload .box__success,
+.dndupload .box__error {
+  display: none;
+  text-align: center;
+}
+.dndupload.is-uploading .box__uploading,
+.dndupload.is-success .box__success,
+.dndupload.is-error .box__error {
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  left: 0;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+.dndupload .box__uploading {
+  font-style: italic;
+}
+.dndupload .box__success {
+  -webkit-animation: appear-from-inside 0.25s ease-in-out;
+  animation: appear-from-inside 0.25s ease-in-out;
+}
+@-webkit-keyframes appear-from-inside {
+  from {
+    -webkit-transform: translateY(-50%) scale(0);
+  }
+  75% {
+    -webkit-transform: translateY(-50%) scale(1.1);
+  }
+  to {
+    -webkit-transform: translateY(-50%) scale(1);
+  }
+}
+@keyframes appear-from-inside {
+  from {
+    transform: translateY(-50%) scale(0);
+  }
+  75% {
+    transform: translateY(-50%) scale(1.1);
+  }
+  to {
+    transform: translateY(-50%) scale(1);
+  }
+}
+.dndupload .box__input {
+  text-align: center;
+}
+.dndupload .box__restart {
+  font-weight: 700;
+}
+.dndupload .box__restart:focus,
+.dndupload .box__restart:hover {
+  color: #39bfd3;
+}
+.dndupload .box__button {
+  font-weight: 700;
+  color: #e5edf1;
+  background-color: #39bfd3;
+  display: none;
+  padding: 8px 16px;
+  margin: 40px auto 0;
+}
+.dndupload .box__button:hover,
+.dndupload .box__button:focus {
+  background-color: #0f3c4b;
+}
+.js .box__file {
+  width: 0.1px;
+  height: 0.1px;
+  opacity: 0;
+  overflow: hidden;
+  position: absolute;
+  z-index: -1;
+}
+.js .box__file + label {
+  max-width: 80%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  display: inline-block;
+  overflow: hidden;
+}
+.js .box__file + label:hover strong,
+.box__file:focus + label strong,
+.box__file.has-focus + label strong {
+  color: #39bfd3;
+}
+.js .box__file:focus + label,
+.js .box__file.has-focus + label {
+  outline: 1px dotted #000;
+  outline: -webkit-focus-ring-color auto 5px;
+}
+.js .box__file + label * {
+  /* pointer-events: none; */
+  /* in case of FastClick lib use */
+}
+.no-js .box__file + label {
+  display: none;
+}
+.no-js .box__button {
+  display: block;
+}