start anatomy creation forms

2020-12-06 21:26:23 +00:00
parent ad793cd0af
commit 994d0ec677
10 changed files with 768 additions and 87 deletions
@@ -166,4 +166,113 @@ button a {
 #save-annotations {
    position: absolute;
    left: 0;
+}
+
+.drop-target {
+    border: 1px dashed white;
+}
+
+#drop-container {
+    width: 100%;
+    width: 100vw;
+    height: 100px;
+    text-align: center;
+    font-size: larger;
+    position: sticky;
+    bottom: 0;
+  left: 0%;
+  right: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
+}
+
+.submit-button {
+    position: sticky;
+    bottom: 0;
+}
+
+#feedback-drop-target {
+    float: right;
+    height: 100%;
+    width: 30%;
+}
+
+.drop-target-active {
+    background-color: #427aa1;
+}
+
+#drop-filenames span {
+    font-size: xx-small;
+    color: gray;
+    padding-right: 1em;
+
+}
+
+.image-formset {
+    border: 1px solid white;
+}
+
+select, input {
+    background-color: #05668d;
+    color: white;
+    border: none;
+}
+
+table.table {
+    color: white;
+}
+
+#view-filter-options {
+    float: right;
+}
+
+.rapid-img {
+    width: 50%;
+}
+
+.feedback-img {
+    border: 1px solid #05668d;
+}
+
+img.uploading {
+    margin-top: -20px;
+    height: 75%;
+    float: right;
+}
+
+img.uploading:hover {
+    height: 95%;
+    position: fixed;
+  top: 50%;
+  left: 50%;
+  /* bring your own prefixes */
+  transform: translate(-50%, -50%)
+}
+
+.image-ident-warning {
+    border: 2px solid red;
+}
+
+
+.image-ident-loading {
+	background: rgba(142, 68, 173, 1);
+	box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
+	animation: pulse-purple 2s infinite;
+}
+
+@keyframes pulse-purple {
+	0% {
+		transform: scale(0.95);
+		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
+	}
+	
+	70% {
+		transform: scale(1);
+		box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
+	}
+	
+	100% {
+		transform: scale(0.95);
+		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
+	}
 }