|
1 /* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */ |
|
2 |
|
3 /* |
|
4 ** HTML elements |
|
5 */ |
|
6 body { |
|
7 margin: 0; |
|
8 padding: 0; |
|
9 color: #000; |
|
10 background-color: #fff; |
|
11 font: 76% Verdana, Arial, Helvetica, sans-serif; |
|
12 } |
|
13 tr.odd td, tr.even td { |
|
14 padding: 0.3em; |
|
15 } |
|
16 h1, h2, h3, h4, h5, h6 { |
|
17 margin-bottom: 0.5em; |
|
18 } |
|
19 h1 { |
|
20 font-size: 1.3em; |
|
21 } |
|
22 h2 { |
|
23 font-size: 1.2em; |
|
24 } |
|
25 h3, h4, h5, h6 { |
|
26 font-size: 1.1em; |
|
27 } |
|
28 p { |
|
29 margin-top: 0.5em; |
|
30 margin-bottom: 0.9em; |
|
31 } |
|
32 a { |
|
33 text-decoration: none; |
|
34 font-weight: bold; |
|
35 } |
|
36 a:link { |
|
37 color: #39c; |
|
38 } |
|
39 a:visited { |
|
40 color: #369; |
|
41 } |
|
42 a:hover { |
|
43 color: #39c; |
|
44 text-decoration: underline; |
|
45 } |
|
46 fieldset { |
|
47 border: 1px solid #ccc; |
|
48 } |
|
49 pre { |
|
50 background-color: #eee; |
|
51 padding: 0.75em 1.5em; |
|
52 font-size: 12px; |
|
53 border: 1px solid #ddd; |
|
54 } |
|
55 table { |
|
56 /* make <td> sizes relative to body size! */ |
|
57 font-size: 1em; |
|
58 } |
|
59 .form-item label { |
|
60 font-size: 1em; |
|
61 color: #222; |
|
62 } |
|
63 .item-list .title { |
|
64 font-size: 1em; |
|
65 color: #222; |
|
66 } |
|
67 .links { |
|
68 margin-bottom: 0; |
|
69 } |
|
70 .comment .links { |
|
71 margin-bottom: 0; |
|
72 } |
|
73 |
|
74 /* |
|
75 ** Page layout blocks / IDs |
|
76 */ |
|
77 #header, #content { |
|
78 width: 100%; |
|
79 } |
|
80 #header { |
|
81 background-color: #69c; |
|
82 } |
|
83 #logo { |
|
84 vertical-align: middle; |
|
85 border: 0; |
|
86 } |
|
87 #logo img { |
|
88 float: left; /* LTR */ |
|
89 padding: 0 1em; |
|
90 border: 0; |
|
91 } |
|
92 #menu { |
|
93 padding: 0.5em 0.5em 0 0.5em; /* LTR */ |
|
94 text-align: right; /* LTR */ |
|
95 vertical-align: middle; |
|
96 } |
|
97 #navlist { |
|
98 font-size: 1.0em; |
|
99 padding: 0 0.8em 1.2em 0; /* LTR */ |
|
100 color: #9cf; |
|
101 } |
|
102 #navlist a { |
|
103 font-weight: bold; |
|
104 color: #fff; |
|
105 } |
|
106 #subnavlist { |
|
107 padding: 0.5em 1.2em 0.4em 0; /* LTR */ |
|
108 font-size: 0.8em; |
|
109 color: #9cf; |
|
110 } |
|
111 #subnavlist a { |
|
112 font-weight: bold; |
|
113 color: #9cf; |
|
114 } |
|
115 ul.links li { |
|
116 border-left: 1px solid #9cf; /* LTR */ |
|
117 } |
|
118 ul.links li.first { |
|
119 border: none; |
|
120 } |
|
121 #search .form-text, #search .form-submit { |
|
122 border: 1px solid #369; |
|
123 font-size: 1.1em; |
|
124 height: 1.5em; |
|
125 vertical-align: middle; |
|
126 } |
|
127 #search .form-text { |
|
128 width: 8em; |
|
129 padding: 0 0.5em; |
|
130 } |
|
131 #mission { |
|
132 background-color: #369; |
|
133 padding: 1.5em 2em; |
|
134 color: #fff; |
|
135 } |
|
136 #mission a, #mission a:visited { |
|
137 color: #9cf; |
|
138 font-weight: bold; |
|
139 } |
|
140 .site-name { |
|
141 margin: 0.6em 0 0 ; |
|
142 padding: 0; |
|
143 font-size: 2em; |
|
144 } |
|
145 .site-name a:link, .site-name a:visited { |
|
146 color: #fff; |
|
147 } |
|
148 .site-name a:hover { |
|
149 color: #369; |
|
150 text-decoration: none; |
|
151 } |
|
152 .site-slogan { |
|
153 font-size: 1em; |
|
154 color: #eee; |
|
155 display: block; |
|
156 margin: 0; |
|
157 font-style: italic; |
|
158 font-weight: bold; |
|
159 } |
|
160 #main { |
|
161 /* padding in px not ex because IE messes up 100% width tables otherwise */ |
|
162 padding: 10px; |
|
163 } |
|
164 #mission, .node .content, .comment .content { |
|
165 line-height: 1.4em; |
|
166 } |
|
167 #help { |
|
168 font-size: 0.9em; |
|
169 margin-bottom: 1em; |
|
170 } |
|
171 .breadcrumb { |
|
172 margin-bottom: .5em; |
|
173 } |
|
174 .messages { |
|
175 background-color: #eee; |
|
176 border: 1px solid #ccc; |
|
177 padding: 0.3em; |
|
178 margin-bottom: 1em; |
|
179 } |
|
180 .error { |
|
181 border-color: red; |
|
182 } |
|
183 #sidebar-left, #sidebar-right { |
|
184 background-color: #ddd; |
|
185 width: 16em; |
|
186 /* padding in px not ex because IE messes up 100% width tables otherwise */ |
|
187 padding: 10px; |
|
188 vertical-align: top; |
|
189 } |
|
190 #footer { |
|
191 background-color: #eee; |
|
192 padding: 1em; |
|
193 font-size: 0.8em; |
|
194 } |
|
195 |
|
196 /* |
|
197 ** Common declarations for child classes of node, comment, block, box, etc. |
|
198 ** If you want any of them styled differently for a specific parent, add |
|
199 ** additional rules /with only the differing properties!/ to .parent .class. |
|
200 ** See .comment .title for an example. |
|
201 */ |
|
202 .title, .title a { |
|
203 font-weight: bold; |
|
204 font-size: 1.3em; |
|
205 color: #777; |
|
206 margin: 0 auto; /* decrease default margins for h<x>.title */ |
|
207 } |
|
208 .submitted { |
|
209 color: #999; |
|
210 font-size: 0.8em; |
|
211 } |
|
212 .links { |
|
213 color: #999; |
|
214 } |
|
215 .links a { |
|
216 font-weight: bold; |
|
217 } |
|
218 .block, .box { |
|
219 padding: 0 0 1.5em 0; /* LTR */ |
|
220 } |
|
221 .block { |
|
222 border-bottom: 1px solid #bbb; |
|
223 padding-bottom: 0.75em; |
|
224 margin-bottom: 1.5em; |
|
225 } |
|
226 .block .title { |
|
227 margin-bottom: .25em; |
|
228 } |
|
229 .box .title { |
|
230 font-size: 1.1em; |
|
231 } |
|
232 .node { |
|
233 margin: .5em 0 2em; /* LTR */ |
|
234 } |
|
235 .sticky { |
|
236 padding: .5em; |
|
237 background-color: #eee; |
|
238 border: solid 1px #ddd; |
|
239 } |
|
240 .node .content, .comment .content { |
|
241 margin: .5em 0 .5em; |
|
242 } |
|
243 .node .taxonomy { |
|
244 color: #999; |
|
245 font-size: 0.8em; |
|
246 padding-left: 1.5em; /* LTR */ |
|
247 } |
|
248 .node .picture { |
|
249 border: 1px solid #ddd; |
|
250 float: right; /* LTR */ |
|
251 margin: 0.5em; |
|
252 } |
|
253 .comment { |
|
254 border: 1px solid #abc; |
|
255 padding: .5em; |
|
256 margin-bottom: 1em; |
|
257 } |
|
258 .comment .title a { |
|
259 font-size: 1.1em; |
|
260 font-weight: normal; |
|
261 } |
|
262 .comment .new { |
|
263 text-align: right; /* LTR */ |
|
264 font-weight: bold; |
|
265 font-size: 0.8em; |
|
266 float: right; /* LTR */ |
|
267 color: red; |
|
268 } |
|
269 .comment .picture { |
|
270 border: 1px solid #abc; |
|
271 float: right; /* LTR */ |
|
272 margin: 0.5em; |
|
273 } |
|
274 |
|
275 /* |
|
276 ** Module specific styles |
|
277 */ |
|
278 #aggregator .feed-source { |
|
279 background-color: #eee; |
|
280 border: 1px solid #ccc; |
|
281 padding: 1em; |
|
282 margin: 1em 0; |
|
283 } |
|
284 #aggregator .news-item .categories, #aggregator .source, #aggregator .age { |
|
285 color: #999; |
|
286 font-style: italic; |
|
287 font-size: 0.9em; |
|
288 } |
|
289 #aggregator .title { |
|
290 margin-bottom: 0.5em; |
|
291 font-size: 1em; |
|
292 } |
|
293 #aggregator h3 { |
|
294 margin-top: 1em; |
|
295 } |
|
296 #forum table { |
|
297 width: 100%; |
|
298 } |
|
299 #forum td { |
|
300 padding: 0.5em; |
|
301 } |
|
302 #forum td.forum, #forum td.posts { |
|
303 background-color: #eee; |
|
304 } |
|
305 #forum td.topics, #forum td.last-reply { |
|
306 background-color: #ddd; |
|
307 } |
|
308 #forum td.container { |
|
309 background-color: #ccc; |
|
310 } |
|
311 #forum td.container a { |
|
312 color: #555; |
|
313 } |
|
314 #forum td.statistics, #forum td.settings, #forum td.pager { |
|
315 height: 1.5em; |
|
316 border: 1px solid #bbb; |
|
317 } |
|
318 #forum td .name { |
|
319 color: #96c; |
|
320 } |
|
321 #forum td .links { |
|
322 padding-top: 0.7em; |
|
323 font-size: 0.9em; |
|
324 } |
|
325 #profile .profile { |
|
326 clear: both; |
|
327 border: 1px solid #abc; |
|
328 padding: .5em; |
|
329 margin: 1em 0em; |
|
330 } |
|
331 #profile .profile .name { |
|
332 padding-bottom: 0.5em; |
|
333 } |
|
334 .block-forum h3 { |
|
335 margin-bottom: .5em; |
|
336 } |
|
337 div.admin-panel .description { |
|
338 color: #999; |
|
339 } |
|
340 div.admin-panel .body { |
|
341 background: #f4f4f4; |
|
342 } |
|
343 div.admin-panel h3 { |
|
344 background-color: #69c; |
|
345 color: #fff; |
|
346 padding: 5px 8px 5px; |
|
347 margin: 0; |
|
348 } |