Use outside packages.
[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: #01519a;
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
99 .entry-info .entry-wrapped,
100 .entry-publications .entry-wrapped {
101     margin-left: 0;
102     h1 {
103         font-size: 2em;
104     }
105 }
106
107 .entry-picture {
108     float: left;
109     margin-right: 1.5em;
110 }
111
112 .submit-link {
113     margin-top: 1em;
114     padding-bottom: 1em;
115     height: 1.7em;
116     border-bottom: 1px solid #8b8b87;
117
118     a {
119         color: black;
120         font-size: 1.3em;
121     }
122     a:before {
123         content: url("/static/img/plus.png");
124         vertical-align: top;
125         margin-right: 1em;
126     }
127 }
128
129
130 .comments {
131     margin-left: 8em;
132
133     .comment-form {
134         border-top: 1px solid #494948;
135     }
136
137     .comment-data {
138         font-size: 1.3em;
139         margin-top: 1.4em;
140         margin-bottom: 1.4em;
141         .comment-date {
142             color: #acacac;
143         }
144         .comment-author {
145             font-weight: bold;
146         }
147     }
148
149     .body {
150         font-size: 1.3em;
151     }
152 }