wolnelektury/static/css/book_box.css

   1 .book-mini-box, .Book-item {
   2     display: inline-block;
   3     vertical-align: top;
   4 }
   5
   6 .book-wide-box, .book-box {
   7     margin: 0;
   8     vertical-align: top;
   9 }
  10
  11 .book-box {
  12     width: 48.75em;
  13 }
  14
  15 .book-mini-box {
  16     width: 16.15em;
  17 }
  18
  19 .book-wide-box {
  20     width: 97.5em;
  21
  22     /** This is a fullpage box, it must be aligned with the top menu.
  23         This corresponds to a .1em margin below **/
  24     margin-left: -0.1em;
  25 }
  26
  27 /*
  28  * A mini-box wraps it's contents (image + label) in an <a>
  29  * other boxes have an inner box as a wrapper.
  30  */
  31
  32 .book-box-inner {
  33     /* min, so it can grow */
  34     min-height: 19.75em;
  35     margin: .5em;
  36 }
  37
  38 .book-mini-box a, .book-box-inner {
  39     display: block;
  40     color: black;
  41     border: 1px solid #ddd;
  42 /*    height: 20em; */
  43     padding: .8em 1em;
  44     margin: .1em;
  45     background: #fff;
  46     -moz-box-shadow: 2px 2px 2px #ddd;
  47     -webkit-box-shadow: 2px 2px 2px #ddd;
  48     box-shadow: 2px 2px 2px #ddd;
  49 }
  50
  51 .book-mini-box a {
  52     height: 27.1em;
  53     margin: .1em;
  54     overflow: hidden;
  55 }
  56
  57
  58 .book-wide-box .book-box-inner {
  59    /* min, so it can grow */
  60    min-height: 24.4em;
  61 }
  62
  63 .search-result {
  64     width: 97.5em;
  65 }
  66
  67 .search-result .book-box-body {
  68     width: 31em;
  69 }
  70
  71 .book-list-header {
  72     width: 97.5em;
  73     padding: 0em;
  74     margin-left: -0.1em;
  75 }
  76
  77 .book-list-header .book-box-inner {
  78     min-height: 1em;
  79 }
  80
  81 .book-list-header p {
  82     font-size: 2.4em;
  83     margin: 0.5em;
  84 }
  85
  86 /*.book-wide-box.search-result .book-box-inner, .book-wide-box.search-result blockquote {
  87     height: auto !important;
  88 }*/
  89
  90 .book-mini-box img, .book-box img, .book-wide-box img, .search-result img {
  91     width: 13.9em;
  92     height: 19.3em;
  93 }
  94 .book-mini-box img {
  95     margin-bottom: 1.8em;
  96 }
  97 .book-box-inner img, .book-wide-box img {
  98     float: left;
  99     margin-right: 1.5em;
 100 }
 101
 102 .book-mini-box .desc {
 103     margin-left:0em;
 104 }
 105 .book-mini-box .author {
 106     font-size: 1.1em;
 107     color: #707b7a;
 108     display: block;
 109 }
 110 .book-mini-box .title {
 111     font-size: 1.4em;
 112     color: #242424;
 113 }
 114
 115
 116 .book-box-body {
 117     height: 17em;
 118     overflow: hidden;
 119     position: relative;
 120 }
 121
 122 .book-wide-box .book-box-body {
 123     height: 21.8em;
 124 }
 125
 126 .book-box-head {
 127     min-height: 7em;
 128     margin-top: 1.4em;
 129     margin-bottom: 1em;
 130 }
 131 .book-box-head .author {
 132     font-size: 1.1em;
 133 }
 134 .book-box-head .title {
 135     font-size: 2.4em;
 136     margin-top: .3em;
 137 }
 138 .book-box-body .tags {
 139     font-size: 1.1em;
 140 }
 141 .book-box-tag {
 142     margin-right: .5em;
 143     margin-left: .4em;
 144 }
 145 .book-box-download {
 146     position: relative;
 147 }
 148
 149 .book-box-download a {
 150     position: relative;
 151     z-index: 1;
 152 }
 153
 154 .book-box-formats {
 155     display: none;
 156     position: absolute;
 157
 158     width: 16.363em;
 159     border: 1px solid #ddd;
 160     padding: 3.454em 1.727em .818em 1.727em;
 161     background: #fff;
 162     -moz-box-shadow: 2px 2px 2px #ddd;
 163     -webkit-box-shadow: 2px 2px 2px #ddd;
 164     box-shadow: 2px 2px 2px #ddd;
 165
 166     z-index: 0;
 167     top: -1.454em;
 168     left: -1.727em;
 169 }
 170 .book-box-formats span {
 171     display: block;
 172 }
 173
 174
 175 .book-box-download:hover .book-box-formats span:first-child {
 176     margin-top: 1.454em;
 177 }
 178
 179 .book-box-download:hover .book-box-formats {
 180     display: block;
 181 }
 182
 183 .book-box-tools {
 184     font-size: 1.1em;
 185 }
 186
 187 .book-wide-box .book-box-tools {
 188     margin-left: 14em;
 189 }
 190
 191 .book-box-read a:before {
 192     content: "\2609";
 193     font-family: WL-Nav;
 194     font-size: 2.25em;
 195     margin-right: .15em;
 196     vertical-align: middle;
 197     font-weight: normal;
 198 }
 199
 200 .book-box-download a:before {
 201     content: "\21E9";
 202     font-family: WL-Nav;
 203     font-size: 2.25em;
 204     margin-right: .15em;
 205     vertical-align: middle;
 206     font-weight: normal;
 207 }
 208
 209 .book-box-audiobook a:before {
 210     content: "\266B";
 211     font-family: WL-Nav;
 212     font-size: 2.25em;
 213     margin-right: .15em;
 214     vertical-align: middle;
 215     font-weight: normal;
 216 }
 217
 218 ul.book-box-tools {
 219     margin: 0;
 220     padding: 0;
 221 }
 222
 223 .book-box-tools li {
 224     display: inline-block;
 225 }
 226
 227 .book-box-read {
 228     width: 11.5em;
 229 }
 230 .book-box-download {
 231     width: 8.5em;
 232 }
 233 .book-box-audiobook {
 234     width: 7em;
 235 }
 236
 237 .book-wide-box .right-column {
 238     float: right;
 239     width: 41.5em;
 240 }
 241
 242 .book-wide-box blockquote.cite-body {
 243     /* @ 18pt */
 244     width: 100%; /*23.055em;*/
 245     height: 7.222em;
 246     background-color: #f7f7f7;
 247     margin: 0;
 248     position: relative;
 249     top: -0.444em;
 250     right: -0.555em;
 251     vertical-align: center;
 252 }
 253
 254 .book-wide-box blockquote div.cite-text {
 255     padding: 0.888em;
 256 }
 257
 258 .book-wide-box blockquote p.cite-more {
 259     display: inline;
 260     font-size: 0.611em;
 261     float: right;
 262 }
 263
 264 ul.inline-items, ul.inline-items li {
 265     margin: 0;
 266     padding: 0;
 267 }
 268
 269 ul.inline-items li {
 270     display: inline-block;
 271 }
 272
 273 .book-wide-box .other-tools {
 274     float: left;
 275     width: 14.5em;
 276     margin: 6em 0 0 1.5em;
 277
 278 }
 279
 280 .book-wide-box .other-download {
 281     float: left;
 282     width: 22.5em;
 283     margin: 6em 1.5em 0em 1.5em;
 284 }
 285
 286
 287 .star {
 288     font-size: 2.25em;
 289     margin-right: .5em;
 290     position: absolute;
 291     right: 0;
 292 }
 293 .star button::-moz-focus-inner {
 294     padding: 0;
 295     border: 0
 296 }
 297 .if-unlike button {
 298     font-size: 1em;
 299     font-family: inherit;
 300     border: 0;
 301     background: none;
 302     margin: 0;
 303     padding: 0;
 304 }
 305
 306 .if-like a {
 307     display:block;
 308     text-align:right;
 309     padding: 0;
 310 }
 311
 312 .like .if-unlike {
 313     display: none;
 314 }
 315
 316 .unlike .if-like {
 317     display: none;
 318
 319 .snippets {
 320     width: 44em;
 321     float: right;
 322 }
 323
 324 .snippets .snippet-text {
 325     font-size: 1.2em;
 326     margin: 1.083em 0em;
 327 }
 328
 329 .snipptes .anchor {
 330     display: none;
 331 }