2ff8674de5d90bbe875b2ee02495f5edc7e98277
[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             text-align: center;
46             margin-right: 1em;
47
48             .day {
49                 font-size: 2.4em;
50                 font-style: italic;
51             }
52             .mon {
53                 font-size: 1.1em;
54                 text-transform: uppercase;
55                 margin-top: -.3em;
56             }
57         }
58
59         .description {
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 }