7a042341803baa68f873574be55859cde502df4e
[wolnelektury.git] / apps / wolnelektury_core / static / scss / book_text / box.scss
1 /* TODO:
2 There should be a JS-less way of seeing at least some of
3 the hidden boxes (TOC and Themes).
4 */
5
6 .box, #toc, #themes, #nota_red, #objects {
7     display: none;
8
9     position: fixed;
10     @include size(left, $W_MENU);
11     top: 0;
12     right: 0;
13
14     max-height: 100%;
15     @include size(max-width, 380px);
16     @include size(padding, 10px 10px 30px 10px);
17     margin: 0;
18     overflow-x: hidden;
19     overflow-y: auto;
20     z-index: 100;
21
22     color: black;
23     background: #fff;
24     box-shadow: 2px 2px 2px #444;
25
26     @include size(border-width, 0 1px 1px 0);
27     border-style: solid;
28     border-color: #444;
29
30     @include size(font-size, 14px);
31     line-height: 1.2em;
32
33     h2 {
34         margin-top: 0;
35     }
36 }
37
38
39
40 #box-underlay {
41     display: none;
42     position: fixed;
43     @include size(left, $W_MENU);
44     top: 0;
45     bottom: 0;
46     right: 0;
47     background:#000;
48     opacity: .5;
49     z-index: 99;
50 }