ca2e72696a6b74487e9be673856fe7cdc7e6ab88
[wolnelektury.git] / wolnelektury / static / css / book_box.css
1 .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-mini-box a, .book-box-inner {
17     display: block;
18     color: black;
19     border: 1px solid #ddd;
20     height: 20em;
21     padding: .8em 1em;
22     margin: .1em;
23     background: #fff;
24     -moz-box-shadow: 2px 2px 2px #ddd;
25     -webkit-box-shadow: 2px 2px 2px #ddd;
26     box-shadow: 2px 2px 2px #ddd;
27 }
28
29 .book-mini-box a {
30     height: 27.1em;
31     margin: .1em;
32     overflow: hidden;
33 }
34 .book-box-inner {
35     height: 19.75em;
36     margin: .5em;
37 }
38
39 .book-mini-box img, .book-box img {
40     width: 13.9em;
41     height: 19.3em;
42 }
43 .book-mini-box img {
44     margin-bottom: 1.8em;
45 }
46 .book-box img {
47     float: left;
48     margin-right: 1.5em;
49 }
50
51 .book-mini-box .desc {
52     margin-left:0em;
53 }
54 .book-mini-box .author {
55     font-size: 1.1em;
56     color: #777;
57     display: block;
58 }
59 .book-mini-box .title {
60     font-size: 1.4em;
61 }
62
63
64 .book-box-body {
65     height: 17em;
66     overflow: hidden;
67 }
68 .book-box-head {
69     min-height: 7em;
70     margin-top: 1.4em;
71     margin-bottom: 1em;
72 }
73 .book-box-head .author {
74     font-size: 1.1em;
75 }
76 .book-box-head .title {
77     font-size: 2.4em;
78     margin-top: .3em;
79 }
80 .book-box-body .tags {
81     font-size: 1.1em;
82 }
83 .book-box-tag {
84     margin-right: .5em;
85     margin-left: .4em;
86 }
87 .book-box-download {
88     position: relative;
89 }
90 .book-box-formats {
91     display: none;
92     position: absolute;
93
94     border: 1px solid #ddd;
95     padding: .8em 1em;
96     background: #fff;
97     -moz-box-shadow: 2px 2px 2px #ddd;
98     -webkit-box-shadow: 2px 2px 2px #ddd;
99     box-shadow: 2px 2px 2px #ddd;
100     
101 }
102 .book-box-formats a {
103     display: block;
104 }
105 .book-box-download:hover .book-box-formats {
106     display: block;
107 }
108
109 .book-box-tools {
110     font-size: 1.1em;
111 }
112 .book-box-tools a:before {
113     content: "⇩";
114     font-family: WL-Nav;
115     font-size: 2em;
116     margin-right: .25em;
117     vertical-align: middle;
118 }
119 .book-box-read {
120     width: 11em;
121 }
122 .book-box-download {
123     width: 8em;
124 }
125 .book-box-audiobook {
126     width: 8em;
127 }