webmaster@1
|
1 /* $Id: style.css,v 1.24 2007/12/22 23:24:26 goba Exp $ */ |
webmaster@1
|
2 |
webmaster@1
|
3 /* |
webmaster@1
|
4 ** HTML elements |
webmaster@1
|
5 */ |
webmaster@1
|
6 body { |
webmaster@1
|
7 color: #000; |
webmaster@1
|
8 background-color: #fff; |
webmaster@1
|
9 margin: 0; |
webmaster@1
|
10 padding: 0; |
webmaster@1
|
11 } |
webmaster@1
|
12 body, p, td, li, ul, ol { |
webmaster@1
|
13 font-family: Verdana, Helvetica, Arial, sans-serif; |
webmaster@1
|
14 } |
webmaster@1
|
15 h1, h2, h3, h4, h5, h6 { |
webmaster@1
|
16 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; |
webmaster@1
|
17 margin: 0; |
webmaster@1
|
18 } |
webmaster@1
|
19 h1 { |
webmaster@1
|
20 color: #369; |
webmaster@1
|
21 font-size: 1.6em; |
webmaster@1
|
22 } |
webmaster@1
|
23 tr.odd td, tr.even td { |
webmaster@1
|
24 padding: 0.3em; |
webmaster@1
|
25 } |
webmaster@1
|
26 a:link { |
webmaster@1
|
27 text-decoration: none; |
webmaster@1
|
28 font-weight: bold; |
webmaster@1
|
29 color: #ff8c00; |
webmaster@1
|
30 } |
webmaster@1
|
31 a:visited { |
webmaster@1
|
32 text-decoration: none; |
webmaster@1
|
33 font-weight: bold; |
webmaster@1
|
34 color: #c96; |
webmaster@1
|
35 } |
webmaster@1
|
36 a:hover, a:active { |
webmaster@1
|
37 font-weight: bold; |
webmaster@1
|
38 color: #ff4500; |
webmaster@1
|
39 text-decoration: underline; |
webmaster@1
|
40 } |
webmaster@1
|
41 fieldset { |
webmaster@1
|
42 border: 1px solid #ccc; |
webmaster@1
|
43 } |
webmaster@1
|
44 p { |
webmaster@1
|
45 margin: 0 0 1.3em 0; |
webmaster@1
|
46 padding: 0; |
webmaster@1
|
47 } |
webmaster@1
|
48 blockquote { |
webmaster@1
|
49 border-left: 4px solid #69c; /* LTR */ |
webmaster@1
|
50 padding: 0 15px; |
webmaster@1
|
51 margin: 25px 100px 25px 50px; /* LTR */ |
webmaster@1
|
52 color: #696969; |
webmaster@1
|
53 text-align: left; /* LTR */ |
webmaster@1
|
54 font-size: 1.2em; |
webmaster@1
|
55 line-height: 1.3em; |
webmaster@1
|
56 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; |
webmaster@1
|
57 } |
webmaster@1
|
58 pre { |
webmaster@1
|
59 background-color: #eee; |
webmaster@1
|
60 padding: 0.75em 1.5em; |
webmaster@1
|
61 font-size: 1.2em; |
webmaster@1
|
62 border: 1px solid #ddd; |
webmaster@1
|
63 } |
webmaster@1
|
64 .form-item { |
webmaster@1
|
65 margin-top: 1em; |
webmaster@1
|
66 } |
webmaster@1
|
67 .form-item label { |
webmaster@1
|
68 color: #369; |
webmaster@1
|
69 } |
webmaster@1
|
70 .item-list .title { |
webmaster@1
|
71 color: #369; |
webmaster@1
|
72 font-size: 0.85em; |
webmaster@1
|
73 } |
webmaster@1
|
74 |
webmaster@1
|
75 /* |
webmaster@1
|
76 ** Page layout blocks / IDs |
webmaster@1
|
77 */ |
webmaster@1
|
78 #primary-menu { |
webmaster@1
|
79 border-collapse: separate; |
webmaster@1
|
80 background-color: #e0edfb; |
webmaster@1
|
81 border-bottom: 3px solid #69c; |
webmaster@1
|
82 } |
webmaster@1
|
83 #primary-menu tr { |
webmaster@1
|
84 background: transparent url(header-a.jpg) left bottom repeat; /* LTR */ |
webmaster@1
|
85 } |
webmaster@1
|
86 td#home { |
webmaster@1
|
87 background: transparent url(logo-background.jpg) left top repeat; /* LTR */ |
webmaster@1
|
88 } |
webmaster@1
|
89 td#home a:link img, td#home a:visited img { |
webmaster@1
|
90 background: transparent url(logo-active.jpg) repeat; /* LTR */ |
webmaster@1
|
91 width: 144px; |
webmaster@1
|
92 height: 63px; |
webmaster@1
|
93 } |
webmaster@1
|
94 td#home a:hover img { |
webmaster@1
|
95 background: transparent url(logo-hover.jpg) repeat; /* LTR */ |
webmaster@1
|
96 width: 144px; |
webmaster@1
|
97 height: 63px; |
webmaster@1
|
98 } |
webmaster@1
|
99 .primary-links, .primary-links a:link, .primary-links a:visited { |
webmaster@1
|
100 color: #369; |
webmaster@1
|
101 } |
webmaster@1
|
102 .primary-links a:hover { |
webmaster@1
|
103 color: #000; |
webmaster@1
|
104 } |
webmaster@1
|
105 #primary-menu .primary-links { |
webmaster@1
|
106 background: transparent url(header-b.jpg) left top no-repeat; /* LTR */ |
webmaster@1
|
107 font-size: 0.79em; |
webmaster@1
|
108 } |
webmaster@1
|
109 #primary-menu .primary-links h1, #primary-menu .primary-links h2, #primary-menu .primary-links h3 { |
webmaster@1
|
110 font-size: 2.3em; |
webmaster@1
|
111 color: #369; |
webmaster@1
|
112 } |
webmaster@1
|
113 #secondary-menu { |
webmaster@1
|
114 border-collapse: separate; |
webmaster@1
|
115 background-color: #369; |
webmaster@1
|
116 border-bottom: 3px solid #69c; |
webmaster@1
|
117 } |
webmaster@1
|
118 .secondary-links, .secondary-links a:link, .secondary-links a:visited { |
webmaster@1
|
119 color: #e4e9eb; |
webmaster@1
|
120 } |
webmaster@1
|
121 .secondary-links a:hover { |
webmaster@1
|
122 color: #fff; |
webmaster@1
|
123 text-decoration: underline; |
webmaster@1
|
124 } |
webmaster@1
|
125 #secondary-menu .secondary-links { |
webmaster@1
|
126 font-size: 0.85em; |
webmaster@1
|
127 } |
webmaster@1
|
128 ul.links li { |
webmaster@1
|
129 border-left: 1px solid #ff8c00; /* LTR */ |
webmaster@1
|
130 } |
webmaster@1
|
131 #navlist li { |
webmaster@1
|
132 border-left: 1px solid #369; /* LTR */ |
webmaster@1
|
133 } |
webmaster@1
|
134 #subnavlist li, ul.primary-links li, ul.secondary-links li { |
webmaster@1
|
135 border-left: 1px solid #fff; /* LTR */ |
webmaster@1
|
136 } |
webmaster@1
|
137 #navlist li.first, #subnavlist li.first, ul.links li.first { |
webmaster@1
|
138 border: none; |
webmaster@1
|
139 } |
webmaster@1
|
140 .tabs { |
webmaster@1
|
141 margin: 15px 0; |
webmaster@1
|
142 } |
webmaster@1
|
143 .tabs ul.primary { |
webmaster@1
|
144 border-collapse: collapse; |
webmaster@1
|
145 padding: 0 0 3px 10px; /* LTR */ |
webmaster@1
|
146 white-space: nowrap; |
webmaster@1
|
147 list-style: none; |
webmaster@1
|
148 margin: 0; |
webmaster@1
|
149 height: auto; |
webmaster@1
|
150 line-height: normal; |
webmaster@1
|
151 border-bottom: 2px solid #369; |
webmaster@1
|
152 } |
webmaster@1
|
153 .tabs ul.primary li { |
webmaster@1
|
154 display: inline; |
webmaster@1
|
155 } |
webmaster@1
|
156 .tabs ul.primary li a { |
webmaster@1
|
157 padding: 3px 10px; |
webmaster@1
|
158 background: #fff url(tabs-off.png) left top no-repeat; /* LTR */ |
webmaster@1
|
159 border-color: #69C; |
webmaster@1
|
160 border-width: 2px; |
webmaster@1
|
161 border-style: none solid none none; /* LTR */ |
webmaster@1
|
162 height: auto; |
webmaster@1
|
163 margin-right: 10px; /* LTR */ |
webmaster@1
|
164 text-decoration: none; |
webmaster@1
|
165 text-transform: lowercase; |
webmaster@1
|
166 } |
webmaster@1
|
167 .tabs ul.primary li.active a { |
webmaster@1
|
168 background: #369 url(tabs-on.png) left top no-repeat; /* LTR */ |
webmaster@1
|
169 border-right: 2px solid #369; /* LTR */ |
webmaster@1
|
170 color: #fff; |
webmaster@1
|
171 } |
webmaster@1
|
172 .tabs ul.primary li a:hover { |
webmaster@1
|
173 background-color: #fffaf0; |
webmaster@1
|
174 color: #ff4500; |
webmaster@1
|
175 } |
webmaster@1
|
176 .tabs ul.secondary { |
webmaster@1
|
177 border-collapse: collapse; |
webmaster@1
|
178 padding: 10px 0; |
webmaster@1
|
179 margin: 0; |
webmaster@1
|
180 white-space: nowrap; |
webmaster@1
|
181 width: 100%; |
webmaster@1
|
182 list-style: none; |
webmaster@1
|
183 height: auto; |
webmaster@1
|
184 line-height: normal; |
webmaster@1
|
185 border-bottom: none; |
webmaster@1
|
186 } |
webmaster@1
|
187 .tabs ul.secondary li { |
webmaster@1
|
188 display: inline; |
webmaster@1
|
189 height: auto; |
webmaster@1
|
190 padding: 0 0 0 10px; /* LTR */ |
webmaster@1
|
191 text-decoration: none; |
webmaster@1
|
192 border-right: none; /* LTR */ |
webmaster@1
|
193 } |
webmaster@1
|
194 .tabs ul.secondary li a { |
webmaster@1
|
195 background: #fff url(tabs-option-off.png) left center no-repeat; /* LTR */ |
webmaster@1
|
196 padding: 10px 0 10px 25px; /* LTR */ |
webmaster@1
|
197 margin: 0; |
webmaster@1
|
198 } |
webmaster@1
|
199 .tabs ul.secondary li a.active { |
webmaster@1
|
200 background: #fff url(tabs-option-on.png) left center no-repeat; /* LTR */ |
webmaster@1
|
201 color: #369; |
webmaster@1
|
202 border-bottom: none; |
webmaster@1
|
203 } |
webmaster@1
|
204 .tabs ul.secondary li a:hover { |
webmaster@1
|
205 background: #fff url(tabs-option-hover.png) left center no-repeat; /* LTR */ |
webmaster@1
|
206 color: #FF4500; |
webmaster@1
|
207 } |
webmaster@1
|
208 #content { |
webmaster@1
|
209 background-color: #fff; |
webmaster@1
|
210 } |
webmaster@1
|
211 #contentstart { |
webmaster@1
|
212 background-color: #fff; |
webmaster@1
|
213 } |
webmaster@1
|
214 #menu { |
webmaster@1
|
215 padding: 0.5em 0.5em 0 0.5em; |
webmaster@1
|
216 text-align: right; /* LTR */ |
webmaster@1
|
217 vertical-align: middle; |
webmaster@1
|
218 } |
webmaster@1
|
219 #search .form-text, #search .form-submit { |
webmaster@1
|
220 border: 1px solid #369; |
webmaster@1
|
221 font-size: 0.85em; |
webmaster@1
|
222 margin: 0.2em; |
webmaster@1
|
223 } |
webmaster@1
|
224 #search .form-text { |
webmaster@1
|
225 width: 9em; |
webmaster@1
|
226 } |
webmaster@1
|
227 #search .form-submit { |
webmaster@1
|
228 height: 1.5em; |
webmaster@1
|
229 } |
webmaster@1
|
230 #mission { |
webmaster@1
|
231 background-color: #fff; |
webmaster@1
|
232 color: #696969; |
webmaster@1
|
233 border-top: 2px solid #dcdcdc; |
webmaster@1
|
234 border-bottom: 2px solid #dcdcdc; |
webmaster@1
|
235 padding: 10px; |
webmaster@1
|
236 margin: 20px 35px 0 35px; |
webmaster@1
|
237 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; |
webmaster@1
|
238 font-size: 1.1em; |
webmaster@1
|
239 font-weight: normal; |
webmaster@1
|
240 } |
webmaster@1
|
241 #site-info { |
webmaster@1
|
242 background-color: #bdd3ea; |
webmaster@1
|
243 background-image: url(header-c.png); |
webmaster@1
|
244 font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; |
webmaster@1
|
245 } |
webmaster@1
|
246 .site-name { |
webmaster@1
|
247 font-size: 1.2em; |
webmaster@1
|
248 } |
webmaster@1
|
249 .site-name a:link, .site-name a:visited { |
webmaster@1
|
250 color: #fff; |
webmaster@1
|
251 } |
webmaster@1
|
252 .site-name a:hover { |
webmaster@1
|
253 color: #ff8c00; |
webmaster@1
|
254 text-decoration: none; |
webmaster@1
|
255 } |
webmaster@1
|
256 .site-slogan { |
webmaster@1
|
257 font-size: 0.8em; |
webmaster@1
|
258 font-weight: bold; |
webmaster@1
|
259 } |
webmaster@1
|
260 #main { |
webmaster@1
|
261 /* padding in px not ex because IE messes up 100% width tables otherwise */ |
webmaster@1
|
262 padding: 30px 35px 50px 35px; |
webmaster@1
|
263 background: transparent url(background.png) center center no-repeat; |
webmaster@1
|
264 /* fix background overlapping text in IE (aka Peekaboo Bug) */ |
webmaster@1
|
265 position: relative; |
webmaster@1
|
266 } |
webmaster@1
|
267 #mission, .node .content, .comment .content { |
webmaster@1
|
268 line-height: 1.4; |
webmaster@1
|
269 } |
webmaster@1
|
270 #help { |
webmaster@1
|
271 font-size: 0.9em; |
webmaster@1
|
272 margin-bottom: 1em; |
webmaster@1
|
273 } |
webmaster@1
|
274 .breadcrumb { |
webmaster@1
|
275 margin-bottom: .5em; |
webmaster@1
|
276 } |
webmaster@1
|
277 .messages { |
webmaster@1
|
278 background-color: #eee; |
webmaster@1
|
279 border: 1px solid #ccc; |
webmaster@1
|
280 padding: 0.3em; |
webmaster@1
|
281 margin-bottom: 1em; |
webmaster@1
|
282 } |
webmaster@1
|
283 .error { |
webmaster@1
|
284 border-color: red; |
webmaster@1
|
285 } |
webmaster@1
|
286 .nav { |
webmaster@1
|
287 padding: 0; |
webmaster@1
|
288 margin: 0; |
webmaster@1
|
289 } |
webmaster@1
|
290 #sidebar-left, #sidebar-right { |
webmaster@1
|
291 font-size: 0.75em; |
webmaster@1
|
292 width: 175px; |
webmaster@1
|
293 /* padding in px not ex because IE messes up 100% width tables otherwise */ |
webmaster@1
|
294 padding: 25px 10px 75px 10px; |
webmaster@1
|
295 vertical-align: top; |
webmaster@1
|
296 background: #FFFAF0; |
webmaster@1
|
297 } |
webmaster@1
|
298 #sidebar-left { |
webmaster@1
|
299 border-right: 3px solid #f5f5f5; |
webmaster@1
|
300 } |
webmaster@1
|
301 #sidebar-right { |
webmaster@1
|
302 border-left: 3px solid #f5f5f5; |
webmaster@1
|
303 } |
webmaster@1
|
304 #sidebar-left li, #sidebar-right li { |
webmaster@1
|
305 font-size: 1em; |
webmaster@1
|
306 } |
webmaster@1
|
307 .node .content { |
webmaster@1
|
308 text-align: left; /* LTR */ |
webmaster@1
|
309 font-size: 0.85em; |
webmaster@1
|
310 line-height: 1.3; |
webmaster@1
|
311 } |
webmaster@1
|
312 .comment .content { |
webmaster@1
|
313 text-align: left; /* LTR */ |
webmaster@1
|
314 font-size: 0.85em; |
webmaster@1
|
315 line-height: 1.3; |
webmaster@1
|
316 } |
webmaster@1
|
317 #footer-message { |
webmaster@1
|
318 padding: 15px 100px 30px 100px; |
webmaster@1
|
319 font-size: 0.85em; |
webmaster@1
|
320 text-align: center; |
webmaster@1
|
321 color: #aaa; |
webmaster@1
|
322 } |
webmaster@1
|
323 table#footer-menu { |
webmaster@1
|
324 border-top: 3px solid #69c; |
webmaster@1
|
325 border-bottom: 3px solid #69c; |
webmaster@1
|
326 background-color: #369; |
webmaster@1
|
327 color: #e4e9eb; |
webmaster@1
|
328 } |
webmaster@1
|
329 #footer-menu td { |
webmaster@1
|
330 padding: 5px; |
webmaster@1
|
331 font-size: 0.75em; |
webmaster@1
|
332 } |
webmaster@1
|
333 #footer-menu .primary-links, #footer-menu a:link, #footer-menu a:visited { |
webmaster@1
|
334 color: #e4e9eb; |
webmaster@1
|
335 } |
webmaster@1
|
336 #footer-menu a:hover { |
webmaster@1
|
337 color: #fff; |
webmaster@1
|
338 text-decoration: underline; |
webmaster@1
|
339 } |
webmaster@1
|
340 #footer-menu .primary-links h1, #footer-menu .primary-links h2, #footer-menu .primary-links h3 { |
webmaster@1
|
341 font-size: 1.3em; |
webmaster@1
|
342 color: #e4e9eb; |
webmaster@1
|
343 } |
webmaster@1
|
344 /* |
webmaster@1
|
345 ** Common declarations for child classes of node, comment, block, box, etc. |
webmaster@1
|
346 ** If you want any of them styled differently for a specific parent, add |
webmaster@1
|
347 ** additional rules /with only the differing properties!/ to .parent .class. |
webmaster@1
|
348 ** See .comment .title for an example. |
webmaster@1
|
349 */ |
webmaster@1
|
350 #content .title, #content .title a { |
webmaster@1
|
351 color: #369; |
webmaster@1
|
352 } |
webmaster@1
|
353 .content h1 { |
webmaster@1
|
354 color: #369; |
webmaster@1
|
355 font-size: 1.9em; |
webmaster@1
|
356 } |
webmaster@1
|
357 .content h2 { |
webmaster@1
|
358 color: #58b; |
webmaster@1
|
359 font-size: 1.7em; |
webmaster@1
|
360 } |
webmaster@1
|
361 .content h3 { |
webmaster@1
|
362 color: #69c; |
webmaster@1
|
363 font-size: 1.5em; |
webmaster@1
|
364 } |
webmaster@1
|
365 .content h4 { |
webmaster@1
|
366 color: #8be; |
webmaster@1
|
367 font-size: 1.3em; |
webmaster@1
|
368 } |
webmaster@1
|
369 .content h5 { |
webmaster@1
|
370 color: #96c6f6; |
webmaster@1
|
371 font-size: 1.15em; |
webmaster@1
|
372 } |
webmaster@1
|
373 .submitted { |
webmaster@1
|
374 color: #999; |
webmaster@1
|
375 font-size: 0.79em; |
webmaster@1
|
376 } |
webmaster@1
|
377 div.links { |
webmaster@1
|
378 color: #ff8c00; |
webmaster@1
|
379 } |
webmaster@1
|
380 .links a { |
webmaster@1
|
381 font-weight: bold; |
webmaster@1
|
382 } |
webmaster@1
|
383 .box { |
webmaster@1
|
384 padding: 0 0 1.5em 0; |
webmaster@1
|
385 } |
webmaster@1
|
386 .box { |
webmaster@1
|
387 padding: 0; |
webmaster@1
|
388 margin: 0; |
webmaster@1
|
389 } |
webmaster@1
|
390 .box h2 { |
webmaster@1
|
391 font-size: 9px; |
webmaster@1
|
392 } |
webmaster@1
|
393 .block .title h3 { |
webmaster@1
|
394 border-bottom: 2px solid #69c; |
webmaster@1
|
395 color: #369; |
webmaster@1
|
396 font-size: 18px; |
webmaster@1
|
397 font-weight: bold; |
webmaster@1
|
398 padding: 10px 5px 10px 30px; /* LTR */ |
webmaster@1
|
399 margin-bottom: .25em; |
webmaster@1
|
400 background: transparent url(icon-block.png) left center no-repeat; /* LTR */ |
webmaster@1
|
401 } |
webmaster@1
|
402 .block .content { |
webmaster@1
|
403 padding: 5px; |
webmaster@1
|
404 } |
webmaster@1
|
405 .block { |
webmaster@1
|
406 margin-bottom: 1.5em; |
webmaster@1
|
407 } |
webmaster@1
|
408 .box .title { |
webmaster@1
|
409 font-size: 1.1em; |
webmaster@1
|
410 } |
webmaster@1
|
411 .node { |
webmaster@1
|
412 margin: .5em 0 2.5em 0; |
webmaster@1
|
413 } |
webmaster@1
|
414 .node .content, .comment .content { |
webmaster@1
|
415 margin: .5em 0 .5em 0; |
webmaster@1
|
416 } |
webmaster@1
|
417 .node .taxonomy { |
webmaster@1
|
418 color: #999; |
webmaster@1
|
419 font-size: 0.83em; |
webmaster@1
|
420 padding: 1.5em; |
webmaster@1
|
421 } |
webmaster@1
|
422 .node .picture { |
webmaster@1
|
423 border: 1px solid #fff; |
webmaster@1
|
424 float: right; /* LTR */ |
webmaster@1
|
425 margin: 0.5em; |
webmaster@1
|
426 } |
webmaster@1
|
427 .comment { |
webmaster@1
|
428 border: 1px solid #abc; |
webmaster@1
|
429 padding: .5em; |
webmaster@1
|
430 margin-bottom: 1em; |
webmaster@1
|
431 } |
webmaster@1
|
432 .comment .title { |
webmaster@1
|
433 font-size: 1em; |
webmaster@1
|
434 padding: 10px 0 12px 19px; /* LTR */ |
webmaster@1
|
435 background: transparent url(icon-comment.png) left center no-repeat; /* LTR */ |
webmaster@1
|
436 } |
webmaster@1
|
437 .comment .new { |
webmaster@1
|
438 font-weight: bold; |
webmaster@1
|
439 font-size: 1em; |
webmaster@1
|
440 margin-left: 2px; /* LTR */ |
webmaster@1
|
441 color: red; |
webmaster@1
|
442 } |
webmaster@1
|
443 .comment .picture { |
webmaster@1
|
444 border: 1px solid #fff; |
webmaster@1
|
445 float: right; /* LTR */ |
webmaster@1
|
446 margin: 10px; |
webmaster@1
|
447 } |
webmaster@1
|
448 div.links { |
webmaster@1
|
449 font-size: 0.75em; |
webmaster@1
|
450 } |
webmaster@1
|
451 div.links .prev, div.links .next, div.links .up { |
webmaster@1
|
452 font-size: 1.15em; |
webmaster@1
|
453 } |
webmaster@1
|
454 .titles .prev, .titles .next { |
webmaster@1
|
455 font-size: 0.85em; |
webmaster@1
|
456 font-weight: bold; |
webmaster@1
|
457 color: #444; |
webmaster@1
|
458 } |
webmaster@1
|
459 .hide { |
webmaster@1
|
460 display: none |
webmaster@1
|
461 } |
webmaster@1
|
462 .nav .links .next a:link { |
webmaster@1
|
463 padding: 17px 17px 17px 0; /* LTR */ |
webmaster@1
|
464 background: transparent url(arrow-next.png) right center no-repeat; /* LTR */ |
webmaster@1
|
465 } |
webmaster@1
|
466 .nav .links .next a:visited { |
webmaster@1
|
467 padding: 17px 17px 17px 0; /* LTR */ |
webmaster@1
|
468 background: transparent url(arrow-next-visited.png) right center no-repeat; /* LTR */ |
webmaster@1
|
469 } |
webmaster@1
|
470 .nav .links .next a:hover { |
webmaster@1
|
471 padding: 17px 17px 17px 0; /* LTR */ |
webmaster@1
|
472 background: transparent url(arrow-next-hover.png) right center no-repeat; /* LTR */ |
webmaster@1
|
473 } |
webmaster@1
|
474 .nav .links .prev a:link { |
webmaster@1
|
475 padding: 17px 0 17px 17px; /* LTR */ |
webmaster@1
|
476 background: transparent url(arrow-prev.png) left center no-repeat; /* LTR */ |
webmaster@1
|
477 } |
webmaster@1
|
478 .nav .links .prev a:visited { |
webmaster@1
|
479 padding: 17px 0 17px 17px; /* LTR */ |
webmaster@1
|
480 background: transparent url(arrow-prev-visited.png) left center no-repeat; /* LTR */ |
webmaster@1
|
481 } |
webmaster@1
|
482 .nav .links .prev a:hover { |
webmaster@1
|
483 padding: 17px 0 17px 17px; /* LTR */ |
webmaster@1
|
484 background: transparent url(arrow-prev-hover.png) left center no-repeat; /* LTR */ |
webmaster@1
|
485 } |
webmaster@1
|
486 .nav .links .up a:link { |
webmaster@1
|
487 padding: 11px 0 17px 0; |
webmaster@1
|
488 background: transparent url(arrow-up.png) center top no-repeat; |
webmaster@1
|
489 } |
webmaster@1
|
490 .nav .links .up a:visited { |
webmaster@1
|
491 padding: 11px 0 17px 0; |
webmaster@1
|
492 background: transparent url(arrow-up-visited.png) center top no-repeat; |
webmaster@1
|
493 } |
webmaster@1
|
494 .nav .links .up a:hover { |
webmaster@1
|
495 padding: 11px 0 17px 0; |
webmaster@1
|
496 background: transparent url(arrow-up-hover.png) center top no-repeat; |
webmaster@1
|
497 } |
webmaster@1
|
498 |
webmaster@1
|
499 /* |
webmaster@1
|
500 ** Administration page styles |
webmaster@1
|
501 */ |
webmaster@1
|
502 div.admin-panel .description { |
webmaster@1
|
503 color: #999; |
webmaster@1
|
504 } |
webmaster@1
|
505 div.admin-panel h3 { |
webmaster@1
|
506 background-color: #369; |
webmaster@1
|
507 color: #fff; |
webmaster@1
|
508 padding: 5px 8px 5px; |
webmaster@1
|
509 margin: 0; |
webmaster@1
|
510 } |
webmaster@1
|
511 div.admin-panel .body { |
webmaster@1
|
512 background: #fffaf0; |
webmaster@1
|
513 } |
webmaster@1
|
514 |
webmaster@1
|
515 /* |
webmaster@1
|
516 ** Module specific styles |
webmaster@1
|
517 */ |
webmaster@1
|
518 .content .active { |
webmaster@1
|
519 color: #369; |
webmaster@1
|
520 } |
webmaster@1
|
521 #aggregator .feed-source { |
webmaster@1
|
522 background-color: #eee; |
webmaster@1
|
523 border: 1px solid #ccc; |
webmaster@1
|
524 padding: 1em; |
webmaster@1
|
525 margin: 1em 0 1em 0; |
webmaster@1
|
526 } |
webmaster@1
|
527 #aggregator .news-item .source { |
webmaster@1
|
528 color: #999; |
webmaster@1
|
529 font-style: italic; |
webmaster@1
|
530 font-size: 0.85em; |
webmaster@1
|
531 } |
webmaster@1
|
532 #aggregator .title { |
webmaster@1
|
533 font-size: 1em; |
webmaster@1
|
534 } |
webmaster@1
|
535 #aggregator h3 { |
webmaster@1
|
536 margin-top: 1em; |
webmaster@1
|
537 } |
webmaster@1
|
538 #tracker th { |
webmaster@1
|
539 text-align: center; |
webmaster@1
|
540 background-color: #f5f5f5; |
webmaster@1
|
541 border-bottom: 1px solid #ddd; |
webmaster@1
|
542 border-right: 1px solid #ddd; /* LTR */ |
webmaster@1
|
543 border-left: 1px solid #fafafa; /* LTR */ |
webmaster@1
|
544 } |
webmaster@1
|
545 #tracker th img { |
webmaster@1
|
546 float: right; /* LTR */ |
webmaster@1
|
547 } |
webmaster@1
|
548 #tracker tr.even, #tracker tr.odd { |
webmaster@1
|
549 background-color: #fff; |
webmaster@1
|
550 } |
webmaster@1
|
551 #tracker td { |
webmaster@1
|
552 vertical-align: top; |
webmaster@1
|
553 padding: 1em 1em 1em 0; /* LTR */ |
webmaster@1
|
554 border-bottom: 1px solid #bbb; |
webmaster@1
|
555 } |
webmaster@1
|
556 #forum { |
webmaster@1
|
557 margin: 15px 0 15px 0; |
webmaster@1
|
558 background-color: #fff; |
webmaster@1
|
559 } |
webmaster@1
|
560 #forum table { |
webmaster@1
|
561 width: 100%; |
webmaster@1
|
562 border: 2px solid #69c; |
webmaster@1
|
563 } |
webmaster@1
|
564 #forum table tr th { |
webmaster@1
|
565 text-align: center; |
webmaster@1
|
566 background: #69c; |
webmaster@1
|
567 color: #fff; |
webmaster@1
|
568 font-size: 0.75em; |
webmaster@1
|
569 border-bottom: 1px solid #aaa; |
webmaster@1
|
570 } |
webmaster@1
|
571 #forum table tr th a { |
webmaster@1
|
572 color: #fff; |
webmaster@1
|
573 text-decoration: underline; |
webmaster@1
|
574 } |
webmaster@1
|
575 #forum table tr th img { |
webmaster@1
|
576 margin: 0; |
webmaster@1
|
577 } |
webmaster@1
|
578 #forum tr.odd { |
webmaster@1
|
579 background: #e0edfb; |
webmaster@1
|
580 } |
webmaster@1
|
581 #forum tr.even { |
webmaster@1
|
582 background: #fff; |
webmaster@1
|
583 } |
webmaster@1
|
584 #forum td { |
webmaster@1
|
585 padding: 0.5em; |
webmaster@1
|
586 } |
webmaster@1
|
587 #forum td.container { |
webmaster@1
|
588 color: #000; |
webmaster@1
|
589 background: #369 url(forum-container.jpg) right top no-repeat; /* LTR */ |
webmaster@1
|
590 border: 2px solid #69c; |
webmaster@1
|
591 } |
webmaster@1
|
592 #forum td.container a { |
webmaster@1
|
593 color: #e4e9eb; |
webmaster@1
|
594 padding: 20px 0 20px 35px; /* LTR */ |
webmaster@1
|
595 background: transparent url(forum-link.png) left center no-repeat; /* LTR */ |
webmaster@1
|
596 } |
webmaster@1
|
597 #forum td.container a:visited { |
webmaster@1
|
598 color: #e4e9eb; |
webmaster@1
|
599 } |
webmaster@1
|
600 #forum td.statistics, #forum td.settings, #forum td.pager { |
webmaster@1
|
601 height: 1.5em; |
webmaster@1
|
602 border: 1px solid #bbb; |
webmaster@1
|
603 } |
webmaster@1
|
604 #forum td .name { |
webmaster@1
|
605 color: #96c; |
webmaster@1
|
606 } |
webmaster@1
|
607 #forum td .links { |
webmaster@1
|
608 padding-top: 0.7em; |
webmaster@1
|
609 font-size: 0.9em; |
webmaster@1
|
610 } |
webmaster@1
|
611 .block-forum h3 { |
webmaster@1
|
612 margin-bottom: .5em; |
webmaster@1
|
613 } |