Merge branch 'pretty' of github.com:fnp/wolnelektury into pretty
[wolnelektury.git] / wolnelektury / static / css / book_box.css
1 .book-wide-box, .book-mini-box, .book-box {
2     display: inline-block;
3     margin: 0;
4     vertical-align: top;
5 }
6
7
8 .book-box {
9     width: 48.75em;
10 }
11
12 .book-mini-box {
13     width: 16.15em;
14 }
15
16 .book-wide-box {
17     width: 98.5em;
18     margin-left: -0.1em;
19 }
20
21 .book-mini-box a, .book-box-inner {
22     display: block;
23     color: black;
24     border: 1px solid #ddd;
25     height: 20em;
26     padding: .8em 1em;
27     margin: .1em;
28     background: #fff;
29     -moz-box-shadow: 2px 2px 2px #ddd;
30     -webkit-box-shadow: 2px 2px 2px #ddd;
31     box-shadow: 2px 2px 2px #ddd;
32 }
33
34 .book-mini-box a {
35     height: 27.1em;
36     margin: .1em;
37     overflow: hidden;
38 }
39 .book-box-inner {
40     height: 19.75em;
41     margin: .5em;
42 }
43
44 .book-wide-box .book-box-inner {
45     height: 24.4em;
46 }
47
48 .book-mini-box img, .book-box img, .book-wide-box img {
49     width: 13.9em;
50     height: 19.3em;
51 }
52 .book-mini-box img {
53     margin-bottom: 1.8em;
54 }
55 .book-box img, .book-wide-box img {
56     float: left;
57     margin-right: 1.5em;
58 }
59
60 .book-mini-box .desc {
61     margin-left:0em;
62 }
63 .book-mini-box .author {
64     font-size: 1.1em;
65     color: #777;
66     display: block;
67 }
68 .book-mini-box .title {
69     font-size: 1.4em;
70 }
71
72
73 .book-box-body {
74     height: 17em;
75     overflow: hidden;
76 }
77
78 .book-wide-box .book-box-body {
79     height: 21.8em;
80 }
81
82 .book-box-head {
83     min-height: 7em;
84     margin-top: 1.4em;
85     margin-bottom: 1em;
86 }
87 .book-box-head .author {
88     font-size: 1.1em;
89 }
90 .book-box-head .title {
91     font-size: 2.4em;
92     margin-top: .3em;
93 }
94 .book-box-body .tags {
95     font-size: 1.1em;
96 }
97 .book-box-tag {
98     margin-right: .5em;
99     margin-left: .4em;
100 }
101 .book-box-download {
102     position: relative;
103 }
104
105 .book-box-download a {
106     position: relative;
107     z-index: 1;
108 }
109
110 .book-box-formats {
111     display: none;
112     position: absolute;
113
114     width: 16.363em;
115     border: 1px solid #ddd;
116     padding: 3.454em 1.727em .818em 1.727em;
117     background: #fff;
118     -moz-box-shadow: 2px 2px 2px #ddd;
119     -webkit-box-shadow: 2px 2px 2px #ddd;
120     box-shadow: 2px 2px 2px #ddd;
121
122     z-index: 0;
123     top: -1.454em;
124     left: -1.727em;
125 }
126 .book-box-formats span {
127     display: block;
128 }
129  
130
131 .book-box-download:hover .book-box-formats:first {
132     margin-top: 1.454em;
133 }
134
135 .book-box-download:hover .book-box-formats {
136     display: block;
137 }
138
139 .book-box-tools {
140     font-size: 1.1em;
141 }
142
143 .book-wide-box .book-box-tools {
144     margin-left: 14em;
145 }
146
147 .book-box-tools a.downarrow:before {
148     content: "\2609";
149     font-family: WL-Nav;
150     font-size: 2.25em;
151     margin-right: .15em;
152     vertical-align: middle;
153 }
154
155 .book-box-audiobook a:before {
156     content: "\266B";
157     font-family: WL-Nav;
158     font-size: 2.25em;
159     margin-right: .15em;
160     vertical-align: middle;
161 }
162
163 ul.book-box-tools {
164     margin: 0;
165     padding: 0;
166 }
167
168 .book-box-tools li {
169     display: inline-block;
170 }
171
172 .book-box-read {
173     width: 11.5em;
174 }
175 .book-box-download {
176     width: 8.5em;
177 }
178 .book-box-audiobook {
179     width: 7em;
180 }
181
182 .book-wide-box .right-column {
183     float: right;
184     width: 41.5em;
185 }
186
187 .book-wide-box blockquote.cite-body {
188     /* @ 18pt */
189     width: 100%; /*23.055em;*/
190     height: 7.222em;
191     background-color: #f7f7f7;
192     margin: 0;
193     position: relative;
194     top: -0.444em;
195     right: -0.555em;
196     vertical-align: center;
197 }
198
199 .book-wide-box blockquote div {
200     padding: 0.888em;
201 }
202
203 ul.inline-items, ul.inline-items li {
204     margin: 0;
205     padding: 0;
206 }
207
208 ul.inline-items li {
209     display: inline-block;
210 }
211
212 .book-wide-box #other-tools {
213     float: left;
214     width: 14.5em;
215     margin: 6em 0 0 1.5em;
216     
217 }
218
219 .book-wide-box #other-download {
220     float: left;
221     width: 22.5em;
222     margin: 6em 1.5em 0em 1.5em
223 }
224