src/wolnelektury/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 }