69d34a39872a185bd5099cf3bbb8181538e234ae
[wolnelektury.git] / apps / wolnelektury_core / static / scss / main / picture_box.scss
1 .picture {
2     &.book-wide-box {
3         .cover-area {
4             position: static;
5             @include size(margin-right, 15px);
6             @media screen and (min-width: 62.5em) {
7                 margin-right: 0;
8             }
9
10             img.cover {
11                 @include size(width, 535px);
12                 height: auto;
13             }
14         }
15
16         .book-box-head, .tags, .book-box-tools {
17             margin-left: 0;
18         }
19
20         
21         @media screen and (min-width: 62.5em) {
22             .book-box-head, .tags, .book-box-tools {
23                 float: right;
24                 @include size(width, 403px);
25             }
26         }
27
28         .other-tools {
29             margin: 5em 0 0 0;
30         }
31
32         .book-box-tools, .tags, #theme-list-wrapper {
33             clear: both;
34             margin-left: 0;
35         }
36         .book-box-body {
37             height: auto;
38             margin-bottom: 1em;
39         }
40
41         @media screen and (min-width: 50em) {
42             .book-box-body {
43                 height: auto;
44                 @include size(min-height, 170px);
45                 margin-bottom: 0;
46             }
47             .book-box-tools, .tags {
48                 clear: right;
49             }
50
51             #theme-list-wrapper {
52                 clear: right;
53                 @include size(margin-left, 550px);
54             }
55         }
56     }
57
58     li.book-box-download {
59         width: 15em;
60     }
61 }
62
63
64 .work-list {
65     .Picture-item {
66         @include min-screen($S_BOOK_SHORT_FULL) {
67             display: inline-block;
68         }
69         vertical-align: top;
70     }
71 }