Styles for image gallery
[prawokultury.git] / prawokultury / static / css / entry.scss
1 .avatar {
2     float: left;
3     margin-left: -8em;
4     margin-top: 0em;
5 }
6
7 .entry-short {
8     border-bottom: 1px solid #8b8b87;
9
10     .entry-wrapped {
11         padding-top: .7em;
12     }
13 }
14
15 .entry-wrapped {
16     margin-left: 8em;
17
18     h1, h2 {
19         margin: 0;
20         color: #ed7f00;
21         font-size: 1.3em;
22
23         a {
24             color: #01519a;
25         }
26     }
27
28     h2.section {
29         margin: 2em 0;
30     }
31
32     .entry-data {
33         font-size: 1.3em;
34         margin-top: 1.4em;
35         margin-bottom: 1.4em;
36         .date {
37             color: #acacac;
38         }
39         .author {
40             font-weight: bold;
41         }
42         .categories {
43             font-style: italic;
44             a {
45                 color: black;
46             }
47         }
48     }
49
50     .lead {
51         font-size: 1.3em;
52     }
53
54     .body {
55         font-size: 1.3em;
56     }
57
58     blockquote {
59         position:relative;
60         left:1em;
61         font-style:italic;
62         margin-left: 1em;
63     }
64
65     .toolbar {
66         font-size: 1.3em;
67         margin-top: 1.4em;
68         margin-bottom: 1.8em;
69
70         .social a {
71             margin-right: .6em;
72             img {
73                 vertical-align: middle;
74             }
75         }
76     }
77
78     .more {
79         float: right;
80         font-style: italic;
81
82         a {
83             color: #acacac;
84         }
85         .read-more {
86             margin-left: 1.5em;
87         }
88         .comments:after {
89             content: url('/static/img/comments.png');
90             margin-left: .7em;
91         }
92         .read-more:after {
93             content: url('/static/img/read-more.png');
94             margin-left: .7em;
95         }
96     }
97
98     .gallery-item {
99         float: left;
100         width: 300px;
101         text-align: center;
102         margin-top: 2em;
103     }
104
105     .gallery-image {
106         height: 250px;
107         width: 300px;
108         display: table-cell;
109         vertical-align: middle;
110         img {
111             margin: 0;
112         }
113     }
114 }
115
116 .entry-info .entry-wrapped,
117 .entry-publications .entry-wrapped {
118     margin-left: 0;
119     h1 {
120         font-size: 2em;
121         margin-bottom: .5em;
122     }
123 }
124
125 .entry-picture {
126     float: left;
127     margin-right: 1.5em;
128 }
129
130 .submit-link {
131     margin-top: 1em;
132     padding-bottom: 1em;
133     height: 1.7em;
134     border-bottom: 1px solid #8b8b87;
135
136     a {
137         color: black;
138         font-size: 1.3em;
139     }
140     a:before {
141         content: url("/static/img/plus.png");
142         vertical-align: top;
143         margin-right: 1em;
144     }
145 }
146
147
148 .comments {
149     margin-left: 8em;
150
151     .comment-form {
152         border-top: 1px solid #494948;
153     }
154
155     .comment-data {
156         font-size: 1.3em;
157         margin-top: 1.4em;
158         margin-bottom: 1.4em;
159         .comment-date {
160             color: #acacac;
161         }
162         .comment-author {
163             font-weight: bold;
164         }
165     }
166
167     .body {
168         font-size: 1.3em;
169     }
170 }