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 }