Nicer collection boxes.
[wolnelektury.git] / src / wolnelektury / static / scss / book_text / references.scss
1 a.reference.interesting::after {
2     content: "📌";
3 }
4 .no-references .reference.interesting:after {
5     display: none;
6 }
7
8 #reference-box {
9     display: none;
10     width: 300px;
11     position: fixed;
12     top: 0;
13     right: 0;
14     z-index:100;
15     background: #eee;
16
17     img {
18         margin: 0;
19     }
20     
21     #reference-map {
22         height:400px;
23         width: 300px;
24         @media screen and (max-height: 800px) {
25             height: 300px;
26         }
27     }
28     #reference-images {
29         padding: 10px;
30         white-space: nowrap;
31         overflow-x: auto;
32         a {
33             display: inline-block;
34             vertical-align: middle;
35             margin: 0 10px 0 0;
36             img {
37                 width: auto;
38                 border: 5px solid white;
39                 box-shadow: 4px 4px 4px #666;
40                 max-width: 240px;
41                 max-height: 200px;
42             }
43         }
44     }
45     #reference-link {
46         display: block;
47         font-size: 1.5em;
48         padding: 10px;
49     }
50
51     #reference-close {
52         font-size: 30px;
53         position: absolute;
54         top: 10px;
55         right: 10px;
56         z-index: 1000;
57         font-family: sans-serif;
58         color: black;
59     }
60 }