df4ab3ebbc1e4aa82ef0c2a1dcbdcf7a603ec936
[prawokultury.git] / prawokultury / static / css / sidebar.scss
1 .sidebar-box {
2     border-top: 1px solid #8a8b85;
3     padding-top: 1.5em;
4     padding-bottom: .9em;
5     clear: both;
6
7     h3 {
8         font-size: 1.4em;
9         font-weight: normal;
10         margin-top: 0;
11         margin-bottom: 1.1em;
12
13         a {
14             color: #363A3B;
15         }
16     }
17
18     .more {
19         text-align: right;
20     }
21
22     .event-list {
23         list-style: none;
24         padding-left: 0;
25
26         li {
27             margin-top: 1em;
28         }
29
30         a {
31             display: block;
32             color: #363a3b;;
33         }
34
35         .date {
36             clear: both;
37             float: left;
38             background: #e63612;
39             background-image: url('/static/img/calendar.png');
40             background-repeat: no-repeat;
41             color: #71ece6;
42             width: 5em;
43             height: 4.8em;
44             border-radius: .5em;
45             -moz-border-radius: .5em;
46             -webkit-border-radius: .5em;
47             text-align: center;
48
49             .day {
50                 font-size: 2.4em;
51                 font-style: italic;
52             }
53             .mon {
54                 font-size: 1.1em;
55                 text-transform: uppercase;
56                 margin-top: -.3em;
57             }
58         }
59
60         .description {
61             font-size: 1.1em;
62             margin-left: 5.5em;
63         }
64     }
65 }
66
67 #sidebar-box-categories {
68     ul {
69         width: 50%;
70         display: table-cell;
71         list-style: none;
72         padding-left: 0;
73         padding-right: 4em;
74         font-size: 1.4em;
75         padding-right: 3.4em;
76     }
77     .category-taxonomy-topics a {
78         color: #31ada3;
79     }
80
81     .category-taxonomy-types a {
82         color: #ff6100;
83     }
84 }
85
86
87 #latest-comments {
88     list-style: none;
89     padding: 0;
90     margin: 0;
91
92     a {
93         display: block;
94         color: #363a3b;
95     }
96
97     li {
98         margin-bottom: 1.5em;
99     }
100     li:after {
101         content: url("/static/img/dot.png");
102         display: block;
103         margin: 1.5em 1.5em 0 0;
104         text-align:center;
105     }
106
107     li:last-child {
108         margin-bottom: 0;
109     }
110     li:last-child:after {
111         display: none;
112     }
113
114     .title {
115         font-size: 1.1em;
116         font-weight: bold;
117     }
118     .author {
119         color: #acacac;
120         font-size: 1.1em;
121     }
122     .body {
123         margin-top: 1.3em;
124         font-size: 1.1em;
125     }
126 }
127
128 #sidebar .social {
129     padding-top: 2em;
130     padding-bottom: 2em;
131
132     a {
133         margin-right: 2em;
134         img {
135             vertical-align: middle;
136         }
137     }
138 }