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     box-sizing: border-box;
  15     max-height: 100%;
  16     @include size(max-width, 400px);
  17     @include size(padding, 10px 10px 30px 10px);
  18     margin: 0;
  19     overflow-x: hidden;
  20     overflow-y: auto;
  21     z-index: 100;
  22
  23     color: black;
  24     background: #fff;
  25     box-shadow: 2px 2px 2px #444;
  26
  27     @include size(border-width, 0 1px 1px 0);
  28     border-style: solid;
  29     border-color: #444;
  30
  31     @include size(font-size, 14px);
  32     line-height: 1.2em;
  33
  34     h2 {
  35         margin-top: 0;
  36     }
  37 }
  38
  39
  40
  41 #box-underlay {
  42     display: none;
  43     position: fixed;
  44     @include size(left, $W_MENU);
  45     top: 0;
  46     bottom: 0;
  47     right: 0;
  48     background:#000;
  49     opacity: .5;
  50     z-index: 99;
  51 }