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