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