4 @include size(margin, 1px);
5 @include size(padding, 8px 10px);
12 @include size(margin-right, 15px);
13 @include size(margin-bottom, 5px);
15 @include min-screen($S_BOOK_SHORT_FULL) {
23 @include size(height, 193px / 2);
24 @include size(width, 139px / 2);
26 @include min-screen($S_BOOK_SHORT_MEDIUM) {
27 @include size(height, 193px);
28 @include size(width, 139px);
34 /* Original design fits 6 boxes horizontally in 975px (162.5px each),
35 * but we really want to fit 2 boxes on a 320px mobile screen. */
37 @include size(width, 160px);
38 display: inline-block;
41 @include min-screen(350px) {
42 @include size(width, 162.5px);
45 .book-mini-box-inner {
47 @include size(height, 271px);
48 @include size(margin, 1px);
49 @include size(padding, 8px 9px);
52 @include min-screen(350px) {
53 @include size(padding, 8px 10px);
61 @include size(height, 193px);
62 @include size(width, 139px);
63 @include size(margin-bottom, 18px);
69 @include size(font-size, 10px);
70 text-transform: uppercase;
72 @include size(top, -20px);
78 @include size(font-size, 11px);
83 text-overflow: ellipsis;
87 @include size(font-size, 14px);
101 /*@include min-screen($S_BOOK_SHORT_FULL) {
102 display: inline-block;
104 vertical-align: top;*/
121 @include size(min-height, 197.5px);
128 @media screen and (min-width: 1024px) {
129 display: inline-block;
130 @include size(width, 590px);
134 .audiobook-right-column {
135 @media screen and (min-width: 1024px) {
137 @include size(width, 360px);
144 @media screen and (min-width: 1024px) {
156 @media screen and (min-width: 62.5em) {
157 @include size(width, 975px);
162 @include size(min-height, 244px);
164 @include size(margin-left, 0);
165 @include size(margin-right, 0);
167 .book-left-column { /* FIXME */
168 @media screen and (min-width: 62.5em) {
170 @include size(width, 536px);
176 @include size(margin-top, 5px);
179 @include min-screen($S_BOOK_SHORT_FULL) {
180 // Show full title on the work's page.
184 @include size(min-height, 170px);
186 .book-box-head .title {
188 @include size(min-height, 57.6px);
196 @media screen and (min-width: 62.5em) {
197 @include size(width, 382px);
201 #theme-list-wrapper {
202 @include min-screen($S_BOOK_SHORT_MEDIUM) {
203 @include size(margin-left, 154px);
204 @include size(width, 300px);
209 @include size(margin-top, 10px);
210 @include size(margin-bottom, 10px);
215 @include size(margin-top, 16px);
217 @include size(margin-left, -10px);
218 @include size(margin-right, -10px);
221 @media screen and (min-width: 62.5em) {
222 @include size(width, 415px);
224 @include size(margin-top, -8px);
229 @include size(font-size, 11px);
231 @include size(margin-top, 25px);
233 @include size(margin-left, 15px);
237 @include size(font-size, 11px);
241 @include min-screen($S_BOOK_SHORT_FULL) {
244 @include size(width, 145px);
245 @include size(margin-top, 50px);
246 @include size(margin-right, 0);
247 @include size(margin-bottom, 0);
248 @include size(margin-left, 5px);
251 @include min-screen(1000px) {
252 @include size(margin-top, 50px);
257 @include min-screen($S_BOOK_SHORT_FULL) {
258 @include size(margin-left, 15px);
259 @include size(width, 220px);
267 margin-left: 0.625rem;
269 @media screen and (min-width: 1024px) {
271 margin-right: 0.625rem;
277 @media screen and (min-width: 50em) {
278 .picture.book-wide-box .right-column {
280 @include size(width, 415px);
282 @include size(margin-left, 550px);
289 @include size(margin-bottom, 10px);
295 @include min-screen($S_BOOK_SHORT_FULL) {
301 @include size(padding-top, 14px);
302 @include size(margin-bottom, 10px);
304 @include min-screen($S_BOOK_SHORT_FULL) {
305 @include size(min-height, 70px);
312 @include size(font-size, 11px);
314 @include size(line-height, 13.2px);
315 @include size(max-height, 26.4px);
318 @include min-screen($S_BOOK_SHORT_FULL) {
319 @include size(max-width, 264px);
323 @include size(font-size, 24px);
325 @include size(margin-top, 7.2px);
326 @include size(margin-bottom, 12px);
328 @include min-screen($S_BOOK_SHORT_FULL) {
330 @include size(height, 57.6px);
337 @include size(font-size, 11px);
341 @include min-screen($S_BOOK_SHORT_FULL) {
342 @include size(max-height, 57.6px);
348 @include size(margin-top, 6px);
349 @include size(margin-bottom, 6px);
351 @include min-screen($S_BOOK_SHORT_FULL) {
360 @include size(margin-left, 4.4px);
361 @include size(margin-right, 5.5px);
371 @include size(font-size, 11px);
378 @include min-screen($S_BOOK_SHORT_MEDIUM) {
380 @include size(margin-left, 139px + 15px);
394 content: url("/static/img/read.png");
395 @include size(font-size, 25px);
396 @include size(margin-right, 3.71px);
397 vertical-align: middle;
410 content: url("/static/img/download.png");
411 @include size(font-size, 25px);
412 @include size(margin-right, 3.71px);
413 vertical-align: middle;
425 display: inline-block;
431 display: inline-block;
432 @include size(padding, .2em 1em);
442 @include size(font-size, 22.5px);
443 @include size(margin-right, 11.25px);
450 &::-moz-focus-inner {
457 font-family: inherit;
478 #book-detail .see-also,
479 #picture-detail .see-also {
481 @include size(height, 32px);
483 @include size(padding-top, 19px);
484 @include size(padding-left, 10px);
486 @include size(font-size, 11px);
490 @media screen and (min-width: 33em) {
491 @include size(padding-left, 19px);