apps/wolnelektury_core/static/css/main/book_list.scss

   1 /* listing of all books */
   2
   3 @import "tools";
   4
   5 #book-a-list {
   6     #book-list-nav {
   7         @include size-px(border-width, 0);
   8         @include size-px(border-bottom-width, 1);
   9         border-style: solid;
  10         border-color: #CFCFCF;
  11         @include size-px(padding, 9.75);
  12         line-height: 2em;
  13
  14         @media screen and (min-width: 30em) {
  15             @include size-px(border-bottom-width, 0);
  16             @include size-px(border-left-width, 1);
  17             float: right;
  18             width: 50%;
  19         }
  20
  21         @media screen and (min-width: 62.5em) {
  22             line-height: 1.3em;
  23         }
  24
  25         h2 {
  26             cursor: pointer;
  27
  28             &:after {
  29                 @include size-px(padding-left, 10);
  30                 content: url("/static/img/arrow-gray.png");
  31                 vertical-align: top;
  32             }
  33
  34             @media screen and (min-width: 30em) {
  35                 font-size: 1em;
  36                 margin: 0;
  37                 cursor: regular;
  38
  39                 &:after {
  40                     display: none;
  41                 }
  42             }
  43         }
  44
  45         #book-list-nav-index {
  46             display: none;
  47             @media screen and (min-width: 30em) {
  48                 display: block !important;
  49             }
  50         }
  51
  52         ul {
  53             list-style-type: none;
  54             @include size-px(margin, 5);
  55             padding: 0;
  56         }
  57         .book-list-show-index {
  58             display: none;
  59         }
  60     }
  61
  62     #book-list {
  63         @include size-px(padding-left, 5);
  64         line-height: 2em;
  65
  66         @media screen and (min-width: 62.5em) {
  67             @include size-px(padding-left, 50);
  68             line-height: 1.3em;
  69         }
  70
  71         ol {
  72             @include size-px(padding-left, 13);
  73             @include size-px(margin-top, 4);
  74             @include size-px(margin-bottom, 15.6);
  75             @include size-px(margin-left, 0);
  76             @include size-px(margin-right, 0);
  77             list-style: none;
  78         }
  79         h2 {
  80             @include size-px(font-size, 13);
  81             margin: 0;
  82             a {
  83                 color: black;
  84             }
  85         }
  86     }
  87
  88     #book-list-up {
  89         display: block;
  90         position: fixed;
  91         @include size-px(bottom, 50);
  92         @include size-px(right, 50);
  93         @include size-px(border-left-width, 1);
  94         border-left-style: solid;
  95         border-left-color: #CFCFCF;
  96         @include size-px(padding-top, 20);
  97         @include size-px(padding-bottom, 20);
  98         @include size-px(padding-left, 10);
  99         @include size-px(padding-right, 10);
 100         background-color: white;
 101     }
 102 }