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