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
  91 .book-box-download a {
  92     position: relative;
  93     z-index: 1;
  94 }
  95
  96 .book-box-formats {
  97     display: none;
  98     position: absolute;
  99
 100     width: 16.363em;
 101     border: 1px solid #ddd;
 102     padding: 3.454em 1.727em .818em 1.727em;
 103     background: #fff;
 104     -moz-box-shadow: 2px 2px 2px #ddd;
 105     -webkit-box-shadow: 2px 2px 2px #ddd;
 106     box-shadow: 2px 2px 2px #ddd;
 107
 108     z-index: 0;
 109     top: -1.454em;
 110     left: -1.727em;
 111 }
 112 .book-box-formats span {
 113     display: block;
 114 }
 115
 116
 117 .book-box-download:hover .book-box-formats:first {
 118     margin-top: 1.454em;
 119 }
 120
 121 .book-box-download:hover .book-box-formats {
 122     display: block;
 123 }
 124
 125 .book-box-tools {
 126     font-size: 1.1em;
 127 }
 128 .book-box-tools a.downarrow:before {
 129     content: "⇩";
 130     font-family: WL-Nav;
 131     font-size: 2em;
 132     margin-right: .25em;
 133     vertical-align: middle;
 134 }
 135 .book-box-read {
 136     width: 11em;
 137 }
 138 .book-box-download {
 139     width: 8em;
 140 }
 141 .book-box-audiobook {
 142     width: 8em;
 143 }