4 @include size(margin, 1px);
5 @include size(padding, 8px 10px);
9 .book-mini-box img.cover {
10 @include size(height, 193px);
11 @include size(width, 139px);
17 @include size(margin-right, 15px);
18 @include size(margin-bottom, 5px);
20 @include min-screen($S_BOOK_SHORT_FULL) {
28 @include size(height, 193px / 2);
29 @include size(width, 139px / 2);
31 @include min-screen($S_BOOK_SHORT_MEDIUM) {
32 @include size(height, 193px);
33 @include size(width, 139px);
39 @include size(width, 161.5px);
40 display: inline-block;
43 .book-mini-box-inner {
45 @include size(height, 271px);
46 @include size(margin, 1px);
53 @include size(margin-bottom, 18px);
59 @include size(font-size, 10px);
60 text-transform: uppercase;
62 @include size(top, -20px);
68 @include size(font-size, 11px);
73 text-overflow: ellipsis;
77 @include size(font-size, 14px);
90 @include min-screen($S_BOOK_SHORT_FULL) {
91 display: inline-block;
107 @include min-screen($S_BOOK_SHORT_FULL) {
108 @include size(width, $W_BOOK_SHORT_FULL);
114 @include size(min-height, 197.5px);
123 @media screen and (min-width: 62.5em) {
124 @include size(width, 975px);
129 @include size(min-height, 244px);
131 @include size(margin-left, 0);
132 @include size(margin-right, 0);
134 .book-left-column { /* FIXME */
135 @media screen and (min-width: 62.5em) {
137 @include size(width, 536px);
143 @include size(margin-top, 5px);
149 @media screen and (min-width: 62.5em) {
150 @include size(width, 382px);
154 #theme-list-wrapper {
155 @include min-screen($S_BOOK_SHORT_MEDIUM) {
156 @include size(margin-left, 154px);
157 @include size(width, 300px);
162 @include size(margin-top, 10px);
163 @include size(margin-bottom, 10px);
168 @include size(margin-top, 16px);
170 @include size(margin-left, -10px);
171 @include size(margin-right, -10px);
174 @media screen and (min-width: 62.5em) {
175 @include size(width, 415px);
177 @include size(margin-top, -8px);
182 @include size(font-size, 11px);
184 @include size(margin-top, 25px);
186 @include size(margin-left, 15px);
190 @include size(font-size, 11px);
194 @include min-screen($S_BOOK_SHORT_FULL) {
197 @include size(width, 145px);
198 @include size(margin-top, 50px);
199 @include size(margin-right, 0);
200 @include size(margin-bottom, 0);
201 @include size(margin-left, 5px);
204 @include min-screen(1000px) {
205 @include size(margin-top, 50px);
210 @include min-screen($S_BOOK_SHORT_FULL) {
211 @include size(margin-left, 15px);
212 @include size(width, 220px);
221 @include size(margin-bottom, 10px);
222 @include min-screen($S_BOOK_SHORT_FULL) {
224 @include size(height, 170px);
231 @include min-screen($S_BOOK_SHORT_FULL) {
237 @include size(padding-top, 14px);
238 @include size(margin-bottom, 10px);
240 @include min-screen($S_BOOK_SHORT_FULL) {
241 @include size(min-height, 70px);
248 @include size(font-size, 11px);
250 @include size(line-height, 13.2px);
251 @include size(max-height, 26.4px);
254 @include min-screen($S_BOOK_SHORT_FULL) {
255 @include size(max-width, 264px);
259 @include size(font-size, 24px);
261 @include size(margin-top, 7.2px);
262 @include size(margin-bottom, 12px);
264 @include min-screen($S_BOOK_SHORT_FULL) {
266 @include size(height, 57.6px);
273 @include size(font-size, 11px);
276 @include min-screen($S_BOOK_SHORT_FULL) {
278 @include size(max-height, 57.6px);
284 @include size(margin-top, 6px);
285 @include size(margin-bottom, 6px);
287 @include min-screen($S_BOOK_SHORT_FULL) {
296 @include size(margin-left, 4.4px);
297 @include size(margin-right, 5.5px);
307 @include size(font-size, 11px);
314 @include min-screen($S_BOOK_SHORT_MEDIUM) {
316 @include size(margin-left, 139px + 15px);
323 @include min-screen($S_BOOK_SHORT_FULL) {
324 display: inline-block;
330 @include min-screen($S_BOOK_SHORT_FULL) {
331 @include size(width, 126.5px);
339 content: url("/static/img/read.png");
340 @include size(font-size, 25px);
341 @include size(margin-right, 3.71px);
342 vertical-align: middle;
350 @include min-screen($S_BOOK_SHORT_FULL) {
351 @include size(width, 93.5px);
361 @include min-screen($S_BOOK_SHORT_FULL) {
365 content: url("/static/img/download.png");
366 @include size(font-size, 25px);
367 @include size(margin-right, 3.71px);
368 vertical-align: middle;
376 @include size(padding-left, 19px);
378 @include min-screen($S_BOOK_SHORT_FULL) {
382 @include size(width, 180px);
383 @include size(padding-top, 38px);
384 @include size(padding-bottom, 9px);
385 @include size(padding-left, 19px);
386 @include size(padding-right, 19px);
392 @include size(top, -16px);
393 @include size(left, -19px);
398 @include size(margin-top, 16px);
402 content: url("/static/img/download.png");
403 @include size(font-size, 25px);
404 @include size(margin-right, 3.71px);
405 vertical-align: middle;
410 @include min-screen($S_BOOK_SHORT_FULL) {
411 @include size(margin-top, 0);
414 @include size(margin-top, 16px);
423 &:hover .book-box-formats,
424 &.hover .book-box-formats {
429 .book-box-audiobook {
430 @include min-screen($S_BOOK_SHORT_FULL) {
431 @include size(width, 77px);
435 content: url("/static/img/listen.png");
436 @include size(font-size, 25px);
437 @include size(margin-right, 3.71px);
438 vertical-align: middle;
449 @include size(font-size, 22.5px);
450 @include size(margin-right, 11.25px);
454 button::-moz-focus-inner {
460 font-family: inherit;
481 #book-detail .see-also {
483 @include size(height, 32px);
485 @include size(padding-top, 19px);
486 @include size(padding-left, 10px);
488 @include size(font-size, 11px);
492 @media screen and (min-width: 33em) {
493 @include size(padding-left, 19px);