d120a3f974bd3306ccb3797d11f9c0fcdf6906de
[wolnelektury.git] / apps / wolnelektury_core / static / scss / main / tag.scss
1 .page-desc {
2     @include size(margin-left, 15px);
3 }
4
5 #tagged-object-list {
6     @media screen and (min-width: 62.5em) {
7         .left-column, .right-column {
8             @include size(width, 480px);
9         }
10     }
11
12     .see-also, .download {
13         float: left;
14         @include size(margin-top, 20px);
15         @include size(margin-bottom, 20px);
16
17         h2 {
18             @include mono;
19             @include size(font-size, 11px);
20             margin: 0;
21         }
22
23         ul {
24             @include size(font-size, 11px);
25             list-style: none;
26             padding: 0;
27             margin: 0;
28         }
29     }
30
31     .see-also {
32         @include size(margin-left, 80px);
33         @include size(width, 143px);
34     }
35     .download {
36         @include size(margin-left, 20px);
37     }
38
39     .left-column .see-also {
40         margin-left: 0;
41     }
42 }
43
44 #description {
45     @include size(margin-bottom, 26px);
46     cursor: pointer;
47
48     dl {
49         margin-top: 0;
50     }
51     dt {
52         display: inline;
53         font-weight: bold;
54         margin: 0;
55     }
56     dd {
57         display: inline;
58         margin: 0;
59     }
60     p {
61         margin-top: 0;
62     }
63     #description .meta {
64         list-style: none;
65         padding: 0;
66         margin: 0;
67     }
68     #description .meta li {
69         text-align: right;
70         color: #666;
71         @include size(font-size, 11.7px);
72     }
73 }
74
75 .inline-tag-lists {
76     @include size(font-size, 11px);
77
78     .inline-header {
79         @include mono;
80         display: inline-block;
81         vertical-align: top;
82         @include size(width, 77px);
83     }
84
85     .inline-body {
86         display: inline-block;
87         vertical-align: top;
88         @include size(margin-bottom, 5.5px);
89         @include size(max-width, 385px);
90
91         ul {
92             list-style: none;
93             padding: 0;
94             margin: 0;
95
96             li {
97                 display: inline-block;
98                 @include size(margin-right, 11px);
99             }
100         }
101     }
102 }