translator: "Open..." doesn't discard the current document anymore

It shows available documents and a Cancel button on top of the current
document.

1 files changed, 23 insertions, 2 deletions

diff --git a/src/www/translator/translator.css b/src/www/translator/translator.css
index 8578a343a..bed1f1889 100644
--- a/src/www/translator/translator.css
+++ b/src/www/translator/translator.css
@@ -1,4 +1,4 @@
-body { margin: 5px; }
+body { margin:0; padding: 5px; position: relative; }
 h1 { float: right; margin: 0; font-size: 150%; }
 h2 { font-size: 120%; }
 h3 { font-size: 100%; }
@@ -94,4 +94,25 @@ span.actions { visibility: hidden; }
 tr:hover div > span.actions { visibility: visible; }
 span.arrow, span.actions { color: blue; }
 span.error { color: red; }
-span.choices { color: blue; font-weight: bold; font-family: sans-serif; }
\ No newline at end of file
+span.choices { color: blue; font-weight: bold; font-family: sans-serif; }
+
+
+div.overlay {
+    display: none;
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    width: 100%; height: 100%;
+    background: white; /* fallback */
+    background: rgba(0,0,0,0.3);
+}
+
+div.overlay > div {
+    margin: 5em 3em;
+    background: white; /* fallback */
+    background: rgba(255,255,255,0.95);
+    padding: 1em;
+    box-shadow: 4px 4px 12px rgba(0,0,0,0.33);
+    /*border-radius: 5px;*/
+}