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