82be08d4c15b913baa04a354b2914eb99fea9e2a
[prawokultury.git] / prawokultury / static / css / base.css
1 body {
2     font-family: sans-serif;
3     font-size: .625em;
4     background: #edece7;
5 }
6
7 a {
8     text-decoration: none;
9 }
10 a:hover {
11     text-decoration: underline;
12 }
13
14 #menu {
15     list-style: none;
16     padding-left: 0;
17     margin-left: 0;
18     text-transform: uppercase;
19     margin: 0;
20 }
21 #menu #item-lang a {
22     color: #0050a2;
23 }
24 #menu li {
25     display: inline-block;
26     position: relative;
27     list-style: none;
28     padding-left: 0;
29     margin-right: 5em;
30 }
31 #menu li a {
32     color: black;
33 }
34 #menu li.active {
35     font-weight: bold;
36 }
37 #menu li.active:before {
38     color: #004e98;
39     content: "(";
40     position: absolute;
41     left: -.7em;
42     font-size: 2em;
43     top: -.25em;
44 }
45 #menu li.active:after {
46     color: #004e98;
47     content: ")";
48     position: absolute;
49     right: -.7em;
50     font-size: 2em;
51     top: -.25em;
52 }
53
54 .avatar {
55     float: left;
56     margin-left: -60px;
57 }
58 .entry {
59     margin-left: 60px;
60 }
61 .entry h2 {
62     margin: 0;
63 }
64 .entry-data {
65     font-size: .8em;
66 }
67
68
69
70 .bar-right {
71     width: 25em;
72     float: right;
73 }
74 .bar-left {
75     width: 70em;
76     float: left;
77 }
78 #body {
79     width: 96em;
80     margin: auto;
81     padding: 1em;
82 }
83 #footer-bar {
84     color: #4b4c47;
85     border-top: 1px solid #acacaa;
86     padding-top: 1.5em;
87     margin-top: 4em;
88 }
89 .footer-item {
90     width: 24em;
91     float: left;
92 }
93 #search-form input {
94     font-size: 1.1em;
95     width: 18em;
96     border: none;
97     border-radius: 1.5em 0 0 1.5em;
98     background: white;
99     color: black;
100     height: 2em;
101 }
102 #search-form button {
103     font-size: 1.1em;
104     width: 3em;
105     height: 2em;
106     border: none;
107     background: #3bb0a8;
108     color: white;
109     border-radius: 0 1em 1em 0;
110 }
111
112 .sidebar-box {
113     border-top: 1px solid #8a8b85;
114     padding-top: 1.5em;
115     padding-bottom: 1.5em;
116     clear: both;
117 }
118
119 .sidebar-box .event-list {
120     list-style: none;
121     padding-left: 0;
122 }
123 .sidebar-box .more {
124     text-align: right;
125 }
126 .sidebar-box .event-list li {
127     margin-top: .8em;
128 }
129
130 .sidebar-box .event-list .date {
131     clear: both;
132     float: left;
133     background: #494949;
134     color: #69efe6;
135     width: 4em;
136     height: 3.8em;
137     border-radius: .5em;
138     padding: .5em;
139     text-align: center;
140     margin-right: 1em;
141 }
142 .sidebar-box .event-list a {
143     display: block;
144 }
145 .sidebar-box .event-list .date .day {
146     font-size: 1.8em;
147     font-style: italic;
148 }
149 .sidebar-box .event-list .date .mon {
150     text-transform: uppercase;
151 }
152
153 #sidebar-box-categories ul {
154     width: 50%;
155     display: table-cell;
156     list-style: none;
157     padding-left: 0;
158     padding-right: 4em;
159 }
160 #sidebar-box-categories .category-taxonomy-topics a {
161     color: #31ada3;
162 }
163
164 #sidebar-box-categories .category-taxonomy-types a {
165     color: #ff6100;
166 }
167
168
169 sdiv {
170     border: #ddd 1px solid;
171 }