wolnelektury/static/css/book_box.css

   1 .book-wide-box, .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-wide-box {
  17     width: 98.5em;
  18 }
  19
  20 .book-mini-box a, .book-box-inner {
  21     display: block;
  22     color: black;
  23     border: 1px solid #ddd;
  24     height: 20em;
  25     padding: .8em 1em;
  26     margin: .1em;
  27     background: #fff;
  28     -moz-box-shadow: 2px 2px 2px #ddd;
  29     -webkit-box-shadow: 2px 2px 2px #ddd;
  30     box-shadow: 2px 2px 2px #ddd;
  31 }
  32
  33 .book-mini-box a {
  34     height: 27.1em;
  35     margin: .1em;
  36     overflow: hidden;
  37 }
  38 .book-box-inner {
  39     height: 19.75em;
  40     margin: .5em;
  41 }
  42
  43 .book-mini-box img, .book-box img, .book-wide-box img {
  44     width: 13.9em;
  45     height: 19.3em;
  46 }
  47 .book-mini-box img {
  48     margin-bottom: 1.8em;
  49 }
  50 .book-box img, .book-wide-box img {
  51     float: left;
  52     margin-right: 1.5em;
  53 }
  54
  55 .book-mini-box .desc {
  56     margin-left:0em;
  57 }
  58 .book-mini-box .author {
  59     font-size: 1.1em;
  60     color: #777;
  61     display: block;
  62 }
  63 .book-mini-box .title {
  64     font-size: 1.4em;
  65 }
  66
  67
  68 .book-box-body {
  69     height: 17em;
  70     overflow: hidden;
  71 }
  72 .book-box-head {
  73     min-height: 7em;
  74     margin-top: 1.4em;
  75     margin-bottom: 1em;
  76 }
  77 .book-box-head .author {
  78     font-size: 1.1em;
  79 }
  80 .book-box-head .title {
  81     font-size: 2.4em;
  82     margin-top: .3em;
  83 }
  84 .book-box-body .tags {
  85     font-size: 1.1em;
  86 }
  87 .book-box-tag {
  88     margin-right: .5em;
  89     margin-left: .4em;
  90 }
  91 .book-box-download {
  92     position: relative;
  93 }
  94
  95 .book-box-download a {
  96     position: relative;
  97     z-index: 1;
  98 }
  99
 100 .book-box-formats {
 101     display: none;
 102     position: absolute;
 103
 104     width: 16.363em;
 105     border: 1px solid #ddd;
 106     padding: 3.454em 1.727em .818em 1.727em;
 107     background: #fff;
 108     -moz-box-shadow: 2px 2px 2px #ddd;
 109     -webkit-box-shadow: 2px 2px 2px #ddd;
 110     box-shadow: 2px 2px 2px #ddd;
 111
 112     z-index: 0;
 113     top: -1.454em;
 114     left: -1.727em;
 115 }
 116 .book-box-formats span {
 117     display: block;
 118 }
 119
 120
 121 .book-box-download:hover .book-box-formats:first {
 122     margin-top: 1.454em;
 123 }
 124
 125 .book-box-download:hover .book-box-formats {
 126     display: block;
 127 }
 128
 129 .book-box-tools {
 130     font-size: 1.1em;
 131 }
 132
 133 .book-box-tools a.downarrow:before {
 134     content: "\2609";
 135     font-family: WL-Nav;
 136     font-size: 2.25em;
 137     margin-right: .15em;
 138     vertical-align: middle;
 139 }
 140
 141 .book-box-audiobook a:before {
 142     content: "\266B";
 143     font-family: WL-Nav;
 144     font-size: 2.25em;
 145     margin-right: .15em;
 146     vertical-align: middle;
 147 }
 148
 149 ul.book-box-tools {
 150     margin: 0;
 151     padding: 0;
 152 }
 153
 154 .book-box-tools li {
 155     display: inline-block;
 156 }
 157
 158 .book-box-read {
 159     width: 11.5em;
 160 }
 161 .book-box-download {
 162     width: 8.5em;
 163 }
 164 .book-box-audiobook {
 165     width: 7em;
 166 }
 167
 168 .book-wide-box .right-column {
 169     float: right;
 170     width: 41.5em;
 171 }
 172
 173 .book-wide-box blockquote.cite-body {
 174     /* @ 18pt */
 175     width: 100%; /*23.055em;*/
 176     height: 7.222em;
 177     background-color: #f7f7f7;
 178     margin: 0;
 179     position: relative;
 180     top: -0.444em;
 181     right: -0.555em;
 182     vertical-align: center;
 183 }
 184
 185 .book-wide-box blockquote div {
 186     padding: 0.888em;
 187 }
 188
 189 .book-wide-box #other-tools {
 190     float: left;
 191     width: 14.5em;
 192     margin-left: 1.5em;
 193
 194 }
 195
 196
 197 .book-wide-box #other-download {
 198     float: left;
 199     width 22.5em;
 200     margin: 0em 1.5em 0em 1.5em
 201 }