X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/64cf4d889127d7dc3ea893e8a27711468276dc47..82c3054bcdeb000aa9782da80d644070797b5cbe:/apps/wolnelektury_core/static/scss/book_text/box.scss

diff --git a/apps/wolnelektury_core/static/scss/book_text/box.scss b/apps/wolnelektury_core/static/scss/book_text/box.scss
index 4762e45cf..7a0423418 100644
--- a/apps/wolnelektury_core/static/scss/book_text/box.scss
+++ b/apps/wolnelektury_core/static/scss/book_text/box.scss
@@ -3,25 +3,48 @@ There should be a JS-less way of seeing at least some of
 the hidden boxes (TOC and Themes).
 */
 
-.box, #toc, #themes, #nota_red {
+.box, #toc, #themes, #nota_red, #objects {
     display: none;
 
     position: fixed;
-    left: 80px;
+    @include size(left, $W_MENU);
     top: 0;
-    bottom: 0;
-    max-width: 380px;
-    padding: 10px;
+    right: 0;
+
+    max-height: 100%;
+    @include size(max-width, 380px);
+    @include size(padding, 10px 10px 30px 10px);
     margin: 0;
     overflow-x: hidden;
     overflow-y: auto;
-    z-index: 100000;
+    z-index: 100;
 
     color: black;
-    background: white;
-    opacity: .9;
+    background: #fff;
+    box-shadow: 2px 2px 2px #444;
 
-    border-width: 0 2px 2px 0;
+    @include size(border-width, 0 1px 1px 0);
     border-style: solid;
-    border-color: #191919;
+    border-color: #444;
+
+    @include size(font-size, 14px);
+    line-height: 1.2em;
+
+    h2 {
+        margin-top: 0;
+    }
+}
+
+
+
+#box-underlay {
+    display: none;
+    position: fixed;
+    @include size(left, $W_MENU);
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background:#000;
+    opacity: .5;
+    z-index: 99;
 }