Features/password links

app/escriptorium/static/css/escriptorium.css

@@ -10,6 +10,19 @@ section {
     display: none;
 }
 
+
+.errorlist {
+    color: var(--danger);
+}
+.error {
+    color: var(--danger);
+}
+
+#delete-point,
+#delete-line {
+    position: absolute;
+}
+
 .invisible {
     visibility: hidden;
 }
@@ -32,6 +45,7 @@ section {
 /* } */
 
 /* alerts */
+
 #alerts-container {
     width: 400px;
     position: fixed;
@@ -44,11 +58,14 @@ section {
     display: none;
 }
 
-#alerts-container .separator, #alerts-container .additional {
+#alerts-container .separator,
+#alerts-container .additional {
     display: none;
 }
 
+
 /* document form */
+
 .multi-proc span {
     line-height: 2rem;
 }
@@ -60,6 +77,7 @@ form.inline-form {
 .import-counter-container {
     display: none;
 }
+
 .import-counter-container.ongoing {
     display: block;
 }
@@ -67,6 +85,7 @@ form.inline-form {
 #train-counter {
     display: none;
 }
+
 #train-counter.ongoing {
     display: block;
 }
@@ -173,6 +192,7 @@ form.inline-form {
     color: var(--secondary);
     text-align: center;
 }
+
 .process-part-form .help-text {
     padding: 0.5rem;
 }
@@ -185,6 +205,7 @@ form.inline-form {
     float: right;
     opacity: .5;
 }
+
 .help.open:hover {
     opacity: 1;
 }
@@ -200,10 +221,11 @@ form.inline-form {
     padding: 0;
     overflow: hidden;
     background-color: #EEEEEE;
-    border: 1px solid rgba(0,0,0,.125);
+    border: 1px solid rgba(0, 0, 0, .125);
     display: none;
     /*  */
 }
+
 #viewer-buttons {
     position: absolute;
     top: 0;
@@ -211,6 +233,7 @@ form.inline-form {
     z-index: 5;
     opacity: 0.3;
 }
+
 #viewer-buttons:hover {
     opacity: 1;
 }
@@ -227,6 +250,7 @@ form.inline-form {
     cursor: pointer;
     overflow: hidden;
 }
+
 .box .close {
     display: none;
 }
@@ -235,10 +259,12 @@ form.inline-form {
     opacity: 0.2;
     z-index: 2;
 }
+
 .line-box {
     z-index: 3;
     box-sizing: content-box;
 }
+
 .line-box:hover {
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--secondary);
 }
@@ -263,28 +289,39 @@ form.inline-form {
     color: var(--dark);
 }
 
-.card .ongoing, .blink {
+.card .ongoing,
+.blink {
     animation-duration: 1s;
     animation-name: blink;
     animation-iteration-count: infinite;
     animation-direction: alternate;
 }
-@keyframes blink{
-	from {opacity: 1;}
-    to {opacity: 0.2;}
+
+@keyframes blink {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0.2;
+    }
 }
+
 .card .proc.error {
     color: var(--danger);
 }
+
 .card .proc.pending {
     color: var(--secondary);
 }
+
 .card .proc.canceled {
     color: var(--warning);
 }
+
 .card .btn.proc {
     padding: 0;
 }
+
 .card .btn.proc:hover {
     color: var(--info);
 }
@@ -292,24 +329,33 @@ form.inline-form {
 .card .proc.done {
     color: var(--success);
 }
+
 .card .js-compressing {
     display: none;
 }
-.card .js-compressing.pending, .card .js-compressing.ongoing {
+
+.card .js-compressing.pending,
+.card .js-compressing.ongoing {
     display: inline;
 }
+
 .card .js-compressing.done {
     display: none;
 }
 
 .ui-resizable-s {
-    bottom: 0;  /* mess with outline */
+    bottom: 0;
+    /* mess with outline */
 }
+
 .ui-resizable-e {
-    right: 0;  /* mess with outline */
+    right: 0;
+    /* mess with outline */
 }
 
+
 /* transcription interface  */
+
 .nav-btn {
     font-size: 50px;
 }
@@ -325,16 +371,13 @@ form.inline-form {
     margin: 0 15px;
 }
 
+
 .tools {
     height: 45px;
     margin-bottom: 5px;
     /* overflow: hidden; */
 }
 
-#trans-panel .zoom-container {
-    /* height: 100%; */
-}
-
 i.panel-icon {
     vertical-align: top;
 }
@@ -347,6 +390,7 @@ i.panel-icon {
     height: 100%;
     transform-origin: 0 0;
 }
+
 .js-zoom-target {
     box-shadow: 1px 0 4px 1px rgba(0,0,0,0.1);
 }
@@ -355,11 +399,12 @@ i.panel-icon {
     height: 100px;
 }
 
-#part-trans, #part-img {
+#part-trans,
+#part-img {
     overflow: hidden;
     width: 100%;
     height: 100%;
-    transform-origin:top left;
+    transform-origin: top left;
 }
 
 .zoom-container {
@@ -422,6 +467,7 @@ i.panel-icon {
     display: block;
 }
 
+
 #trans-modal #trans-input, #trans-rule, .compared-line {
     overflow: visible;
     margin-top: 1rem;
@@ -485,6 +531,7 @@ i.panel-icon {
     padding: 0;
     cursor: pointer;
 }
+
 .trans-box:hover {
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--secondary);
 }
@@ -496,6 +543,7 @@ i.panel-icon {
     max-height: 100%;
     width: 100%;
 }
+
 .trans-box span:empty {
     width: 100%;
     height: 100%;