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);
108 @include size(margin-top, 16px);
110 @media screen and (min-width: 33em) {
112 @include size(margin-top, -51px);
113 @include size(width, 320px);
117 @include size(padding, 20px 5px 0 10px);
118 @include size(height, 31px);
123 @include size(font-size, 13px);
126 @media screen and (min-width: 33em) {
127 @include size(padding-left, 25px);
128 @include size(padding-right, 25px);
133 @include size(padding, 20px 5px);
134 @include size(border-bottom, 2px solid #efefef);
137 @media screen and (min-width: 33em) {
138 @include size(padding-left, 28px);
139 @include size(padding-right, 28px);
142 @media screen and (min-width: 62.5em) {
143 @include size(height, 300px);
152 @include size(font-size, 12px);
158 @include size(font-size, 11px);
159 @include size(height, 27.5px);
174 @include size(height, 32px);
176 @include size(padding-top, 19px);
177 @include size(padding-left, 10px);
179 @include size(font-size, 11px);
183 @media screen and (min-width: 33em) {
184 @include size(padding-left, 19px);
195 .book-mini-box:nth-child(3) {
196 @media screen and (min-width: 30em) {
199 @media screen and (min-width: 33em) {
208 @include size(margin-top, 5px);
209 @include size(padding, 0 5px);
213 @media screen and (min-width: 20em) {
214 display: inline-block;
215 @include size(width, 206px);
216 @include size(padding-left, 17px);
217 @include size(padding-right, 17px);
221 @include size(height, 28px);
223 @include size(padding-top, 25px);
224 @include size(font-size, 11px);
235 @include size(font-size, 11px);
242 @include size(margin-bottom, 8px);
243 @media screen and (min-width: 62.5em) {
244 @include size(margin-bottom, 2.5px);
250 @include size(margin-top, 10px);
253 @include size(margin-right, 6px);