06f3e62c87dbaa790e23ee04ba62165668f31f3e
[wolnelektury.git] / apps / wolnelektury_core / static / css / picture_box.css
1 .picture-mini-box, .picture-box {
2     display: inline-block;
3     margin: 0;
4     vertical-align: top;
5 }
6
7
8 .picture-box {
9     width: 37.5em;
10 }
11
12 .picture-mini-box {
13     width: 12.5em;
14 }
15
16 .picture-mini-box a, .picture-box-inner {
17     display: block;
18     color: black;
19     border: 1px solid #ddd;
20     height: 20em;
21     padding: .75em;
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     overflow: hidden;
28 }
29
30 .picture-mini-box a {
31     height: 20em;
32     margin: .1em;
33 }
34 .picture-box-inner {
35     height: 14.4em;
36     margin: .5em;
37 }
38
39 .picture-mini-box img, .picture-box img {
40     width: 10.8em;
41     height: 14.4em;
42 }
43 .picture-mini-box img {
44     margin-bottom: .3em;
45 }
46 .picture-box img {
47     float: left;
48     margin-right: 1.5em;
49 }
50
51 .picture-mini-box .author {
52     color: #777;
53 }
54
55
56 .picture-box-body {
57     height: 13em;
58     overflow: hidden;
59 }
60 .picture-box-head {
61     min-height: 7em;
62 }
63 .picture-box-tag {
64     font-size: .8em;
65     margin-right: .5em;
66 }
67 .picture-box-download {
68     position: relative;
69 }
70 .picture-box-formats {
71     display: none;
72     top: -2em;
73     position: absolute;
74     height: 2em;
75     width: 100em;
76 }
77 .picture-box-formats a {
78     margin-right: 1em;
79 }
80 .picture-box-download:hover .picture-box-formats {
81     display: block;
82 }
83
84 .picture-box-tools a:before {
85     content: "⇩";
86     font-family: WL-Nav;
87     font-size: 2em;
88     margin-right: .25em;
89     vertical-align: middle;
90 }