translator.css: factor out div.overlay styles to a separate file overlay.css

2016-05-12 14:21:30 +00:00
parent 36e10e33f4
commit b1d20cfe04
2 changed files with 22 additions and 20 deletions
--- a/src/www/translator/overlay.css
+++ b/src/www/translator/overlay.css
@@ -0,0 +1,20 @@
+
+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;*/
+}