wolnelektury/static/css/book_box.css

   1 .book-mini-box, .Book-item {
   2     display: inline-block;
   3 }
   4
   5 .book-wide-box, .book-box {
   6     margin: 0;
   7     vertical-align: top;
   8 }
   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: 98.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 /*.book-wide-box.search-result .book-box-inner, .book-wide-box.search-result blockquote {
  64     height: auto !important;
  65 }*/
  66
  67 .book-mini-box img, .book-box img, .book-wide-box img {
  68     width: 13.9em;
  69     height: 19.3em;
  70 }
  71 .book-mini-box img {
  72     margin-bottom: 1.8em;
  73 }
  74 .book-box img, .book-wide-box img {
  75     float: left;
  76     margin-right: 1.5em;
  77 }
  78
  79 .book-mini-box .desc {
  80     margin-left:0em;
  81 }
  82 .book-mini-box .author {
  83     font-size: 1.1em;
  84     color: #707b7a;
  85     display: block;
  86 }
  87 .book-mini-box .title {
  88     font-size: 1.4em;
  89     color: #242424;
  90 }
  91
  92
  93 .book-box-body {
  94     height: 17em;
  95     overflow: hidden;
  96     position: relative;
  97 }
  98
  99 .book-wide-box .book-box-body {
 100     height: 21.8em;
 101 }
 102
 103 .book-box-head {
 104     min-height: 7em;
 105     margin-top: 1.4em;
 106     margin-bottom: 1em;
 107 }
 108 .book-box-head .author {
 109     font-size: 1.1em;
 110 }
 111 .book-box-head .title {
 112     font-size: 2.4em;
 113     margin-top: .3em;
 114 }
 115 .book-box-body .tags {
 116     font-size: 1.1em;
 117 }
 118 .book-box-tag {
 119     margin-right: .5em;
 120     margin-left: .4em;
 121 }
 122 .book-box-download {
 123     position: relative;
 124 }
 125
 126 .book-box-download a {
 127     position: relative;
 128     z-index: 1;
 129 }
 130
 131 .book-box-formats {
 132     display: none;
 133     position: absolute;
 134
 135     width: 16.363em;
 136     border: 1px solid #ddd;
 137     padding: 3.454em 1.727em .818em 1.727em;
 138     background: #fff;
 139     -moz-box-shadow: 2px 2px 2px #ddd;
 140     -webkit-box-shadow: 2px 2px 2px #ddd;
 141     box-shadow: 2px 2px 2px #ddd;
 142
 143     z-index: 0;
 144     top: -1.454em;
 145     left: -1.727em;
 146 }
 147 .book-box-formats span {
 148     display: block;
 149 }
 150
 151
 152 .book-box-download:hover .book-box-formats span:first-child {
 153     margin-top: 1.454em;
 154 }
 155
 156 .book-box-download:hover .book-box-formats {
 157     display: block;
 158 }
 159
 160 .book-box-tools {
 161     font-size: 1.1em;
 162 }
 163
 164 .book-wide-box .book-box-tools {
 165     margin-left: 14em;
 166 }
 167
 168 .book-box-read a:before {
 169     content: "\2609";
 170     font-family: WL-Nav;
 171     font-size: 2.25em;
 172     margin-right: .15em;
 173     vertical-align: middle;
 174     font-weight: normal;
 175 }
 176
 177 .book-box-download a:before {
 178     content: "\21E9";
 179     font-family: WL-Nav;
 180     font-size: 2.25em;
 181     margin-right: .15em;
 182     vertical-align: middle;
 183     font-weight: normal;
 184 }
 185
 186 .book-box-audiobook a:before {
 187     content: "\266B";
 188     font-family: WL-Nav;
 189     font-size: 2.25em;
 190     margin-right: .15em;
 191     vertical-align: middle;
 192     font-weight: normal;
 193 }
 194
 195 ul.book-box-tools {
 196     margin: 0;
 197     padding: 0;
 198 }
 199
 200 .book-box-tools li {
 201     display: inline-block;
 202 }
 203
 204 .book-box-read {
 205     width: 11.5em;
 206 }
 207 .book-box-download {
 208     width: 8.5em;
 209 }
 210 .book-box-audiobook {
 211     width: 7em;
 212 }
 213
 214 .book-wide-box .right-column {
 215     float: right;
 216     width: 41.5em;
 217 }
 218
 219 .book-wide-box blockquote.cite-body {
 220     /* @ 18pt */
 221     width: 100%; /*23.055em;*/
 222     height: 7.222em;
 223     background-color: #f7f7f7;
 224     margin: 0;
 225     position: relative;
 226     top: -0.444em;
 227     right: -0.555em;
 228     vertical-align: center;
 229 }
 230
 231 .book-wide-box blockquote div.cite-text {
 232     padding: 0.888em;
 233 }
 234
 235 .book-wide-box blockquote p.cite-more {
 236     display: inline;
 237     font-size: 0.611em;
 238     float: right;
 239 }
 240
 241 ul.inline-items, ul.inline-items li {
 242     margin: 0;
 243     padding: 0;
 244 }
 245
 246 ul.inline-items li {
 247     display: inline-block;
 248 }
 249
 250 .book-wide-box .other-tools {
 251     float: left;
 252     width: 14.5em;
 253     margin: 6em 0 0 1.5em;
 254
 255 }
 256
 257 .book-wide-box .other-download {
 258     float: left;
 259     width: 22.5em;
 260     margin: 6em 1.5em 0em 1.5em;
 261 }
 262
 263
 264 .star {
 265     font-size: 2.25em;
 266     margin-right: .5em;
 267     position: absolute;
 268     right: 0;
 269 }
 270 .star button::-moz-focus-inner {
 271     padding: 0;
 272     border: 0
 273 }
 274 .if-unlike button {
 275     font-size: 1em;
 276     font-family: inherit;
 277     border: 0;
 278     background: none;
 279     margin: 0;
 280     padding: 0;
 281 }
 282
 283 .if-like a {
 284     display:block;
 285     text-align:right;
 286     padding: 0;
 287 }
 288
 289 .like .if-unlike {
 290     display: none;
 291 }
 292
 293 .unlike .if-like {
 294     display: none;
 295 }
 296
 297 .snippets .snippet-text {
 298     font-size: 1.2em;
 299     margin: 1.083em 0em;
 300 }