2 background-color: #444;
7 background-position: 50% 68%;
8 background-repeat: repeat-y;
10 background-image: url(/static/img/backdrop/book-drawer2.jpg);
12 @media screen and (min-width: 62.5em) {
13 background-image: url(/static/img/backdrop/book-drawer2.jpg);
17 @include size(padding, 46px 10px 48px 0);
21 @media screen and (min-width: 30em) {
22 @include size(padding-right, 40px);
26 @include size(margin-left, 10px);
27 @include size(margin-top, 2.5px);
28 @include size(margin-bottom, 5px);
29 @include size(font-size, 11px);
31 @media screen and (min-width: 16em) {
33 @include size(margin-left, -18px);
36 @media screen and (min-width: 62.5em) {
39 @include size(margin-left, 16px);
41 @include size(width, 147px);
46 @include size(margin, .5px);
47 @include size(font-size, 20px);
50 @media screen and (min-width: 30em) {
51 @include size(font-size, 30px);
56 @include size(margin-top, 16px);
57 @include size(margin-bottom, 16px);
58 @include size(margin-right, 2px);
59 @include size(font-size, 12px);
62 /* Make cite body and source slide to the left. */
64 @include size(margin-left, 10px);
66 @media screen and (min-width: 16em) {
68 @include size(margin-left, -38px);
71 @media screen and (min-width: 62.5em) {
73 @include size(margin-left, 175px);
77 /* Semi-transparent background. */
82 background-color: rgb(0, 0, 0);
83 background-color: rgba(0, 0, 0, 0.6);
85 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
87 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
91 /* a long cite displays smaller */
92 .cite-small .cite-body {
93 @include size(font-size, 16px);
94 @media screen and (min-width: 30em) {
95 @include size(font-size, 20px);
101 @include size(font-size, 11px);
123 height: 289px - 22px;
131 @include size(height, 32px);
133 @include size(padding-top, 19px);
134 @include size(padding-left, 10px);
136 @include size(font-size, 11px);
140 @media screen and (min-width: 33em) {
141 @include size(padding-left, 19px);
152 .book-mini-box:nth-child(3) {
153 @media screen and (min-width: 30em) {
156 @media screen and (min-width: 33em) {
165 @include size(margin-top, 5px);
166 @include size(padding, 0 5px);
170 @media screen and (min-width: 20em) {
171 display: inline-block;
172 @include size(width, 206px);
173 @include size(padding-left, 17px);
174 @include size(padding-right, 17px);
178 @include size(height, 28px);
180 @include size(padding-top, 25px);
181 @include size(font-size, 11px);
192 @include size(font-size, 11px);
199 @include size(margin-bottom, 8px);
200 @media screen and (min-width: 62.5em) {
201 @include size(margin-bottom, 2.5px);
207 @include size(margin-top, 10px);
210 @include size(margin-right, 6px);
227 @media screen and (min-width: 768px) {
228 display: inline-block;
247 @media screen and (min-width: 768px) {
257 @media screen and (min-width: 1024px) {