wolnelektury/static/css/book_box.css

   1 .book-mini-box, .book-box {
   2     display: inline-block;
   3     margin: 0;
   4     vertical-align: top;
   5 }
   6
   7
   8 .book-box {
   9     width: 48.75em;
  10 }
  11
  12 .book-mini-box {
  13     width: 16.15em;
  14 }
  15
  16 .book-mini-box a, .book-box-inner {
  17     display: block;
  18     color: black;
  19     border: 1px solid #ddd;
  20     height: 20em;
  21     padding: .8em 1em;
  22     margin: .1em;
  23     background: #fff;
  24     -moz-box-shadow: 2px 2px 2px #ddd;
  25     -webkit-box-shadow: 2px 2px 2px #ddd;
  26     box-shadow: 2px 2px 2px #ddd;
  27 }
  28
  29 .book-mini-box a {
  30     height: 27.1em;
  31     margin: .1em;
  32     overflow: hidden;
  33 }
  34 .book-box-inner {
  35     height: 19.75em;
  36     margin: .5em;
  37 }
  38
  39 .book-mini-box img, .book-box img {
  40     width: 13.9em;
  41     height: 19.3em;
  42 }
  43 .book-mini-box img {
  44     margin-bottom: 1.8em;
  45 }
  46 .book-box img {
  47     float: left;
  48     margin-right: 1.5em;
  49 }
  50
  51 .book-mini-box .desc {
  52     margin-left:0em;
  53 }
  54 .book-mini-box .author {
  55     font-size: 1.1em;
  56     color: #777;
  57     display: block;
  58 }
  59 .book-mini-box .title {
  60     font-size: 1.4em;
  61 }
  62
  63
  64 .book-box-body {
  65     height: 17em;
  66     overflow: hidden;
  67 }
  68 .book-box-head {
  69     min-height: 7em;
  70     margin-top: 1.4em;
  71     margin-bottom: 1em;
  72 }
  73 .book-box-head .author {
  74     font-size: 1.1em;
  75 }
  76 .book-box-head .title {
  77     font-size: 2.4em;
  78     margin-top: .3em;
  79 }
  80 .book-box-body .tags {
  81     font-size: 1.1em;
  82 }
  83 .book-box-tag {
  84     margin-right: .5em;
  85     margin-left: .4em;
  86 }
  87 .book-box-download {
  88     position: relative;
  89 }
  90 .book-box-formats {
  91     display: none;
  92     position: absolute;
  93
  94     border: 1px solid #ddd;
  95     padding: .8em 1em;
  96     background: #fff;
  97     -moz-box-shadow: 2px 2px 2px #ddd;
  98     -webkit-box-shadow: 2px 2px 2px #ddd;
  99     box-shadow: 2px 2px 2px #ddd;
 100
 101 }
 102 .book-box-formats a {
 103     display: block;
 104 }
 105 .book-box-download:hover .book-box-formats {
 106     display: block;
 107 }
 108
 109 .book-box-tools {
 110     font-size: 1.1em;
 111 }
 112 .book-box-read a:before {
 113     content: "\2609";
 114     font-family: WL-Nav;
 115     font-size: 2.25em;
 116     margin-right: .15em;
 117     vertical-align: middle;
 118 }
 119 .book-box-download a:before {
 120     content: "⇩";
 121     font-family: WL-Nav;
 122     font-size: 2.25em;
 123     margin-right: .15em;
 124     vertical-align: middle;
 125 }
 126 .book-box-audiobook a:before {
 127     content: "\266B";
 128     font-family: WL-Nav;
 129     font-size: 2.25em;
 130     margin-right: .15em;
 131     vertical-align: middle;
 132 }
 133 .book-box-read {
 134     width: 11.5em;
 135 }
 136 .book-box-download {
 137     width: 8.5em;
 138 }
 139 .book-box-audiobook {
 140     width: 7em;
 141 }