6e6b738a38ea178e1457f72a7a246babaf3126e5
[people/pmueller/ipfire-2.x.git] / html / html / themes / maniac / include / style.css
1 /*
2
3 Nonzero1.0 by nodethirtythree design
4 http://www.nodethirtythree.com
5 missing in a maze
6
7 */
8
9 /* This controls the width of the fluid width layouts */
10
11 div.fluid
12 {
13 width: 90% !important;
14 }
15
16 /* This controls the width of the fixed width layouts */
17
18 div.fixed
19 {
20 width: 950px !important;
21 }
22
23 /* Basic Stuff */
24
25 *
26 {
27 margin: 0em;
28 padding: 0em;
29 }
30
31 body
32 {
33 background-color: #000000;
34 color: rgb(255,128,0);
35 font-size: 9pt;
36 font-family: "trebuchet ms", helvetica, sans-serif;
37 }
38
39 h1,h2,h3,h4,h5,h6
40 {
41 background-color: #000000;
42 font-weight: normal;
43 letter-spacing: -1px;
44 text-transform: lowercase;
45 text-align: left;
46 }
47
48 h3,h4,h5,h6
49 {
50 background-color: #000000;
51 color: silver;
52 }
53
54 h1 span
55 {
56 font-weight: bold;
57 color: rgb(255,128,0);
58 }
59
60 h3 span
61 {
62 background-color: #000000;
63 font-weight: bold;
64 }
65
66 h4 span
67 {
68 background-color: #000000;
69 font-weight: bold;
70 }
71
72 br.clear
73 {
74 background-color: #000000;
75 clear: both;
76 }
77
78 img
79 {
80 }
81
82 img.floatTL
83 {
84 float: left;
85 margin-right: 1.5em;
86 margin-bottom: 1.5em;
87 margin-top: 0.5em;
88 }
89
90 a
91 {
92 text-decoration: underline;
93 color: white;
94 }
95
96 a:hover
97 {
98 text-decoration: none;
99 }
100
101 ul.links
102 {
103 list-style: none;
104 }
105
106 ul.links li
107 {
108 line-height: 2em;
109 }
110
111 ul.links li.first
112 {
113 }
114
115 p
116 {
117 line-height: 1.8em;
118 }
119
120 /* Header */
121
122 #header
123 {
124 width:100%;
125 height:100px;
126 background: #000000 url('/themes/ipfire3/images/b1.gif') repeat-x;
127 }
128
129 #header_inner
130 {
131 position: relative;
132 width: 700px;
133 height:110px;
134 margin: 0 auto;
135 }
136
137 /* Logo */
138
139 #logo
140 {
141 position: absolute;
142 bottom: 0.6em;
143 }
144
145 #logo h1
146 {
147 display: inline;
148 color: #fff;
149 font-size: 2.6em;
150 }
151
152 #logo h2
153 {
154 display: inline;
155 padding-left: 0.5em;
156 color: white;
157 font-size: 1.0em;
158 }
159
160 /* Menu */
161
162 #menu
163 {
164 position: absolute;
165 right: 0em;
166 bottom: 0em;
167 }
168
169 #menu ul
170 {
171 list-style: none;
172 }
173
174 #menu li
175 {
176 float: left;
177 }
178
179 #menu li a
180 {
181 margin-left: 0.5em;
182 display: block;
183 padding: 1.1em 1.4em 1.0em 1.4em;
184 background: url('/themes/maniac/images/b4.gif') repeat-x;
185 border: solid 1px #fff;
186 color: #616161;
187 font-weight: bold;
188 font-size: 1.0em;
189 text-transform: lowercase;
190 text-decoration: none;
191 }
192
193 #menu li a.active
194 {
195 background: url('/themes/maniac/images/b3.gif') repeat-x;
196 color: #fff;
197 border: solid 1px silver;
198 }
199
200 /* Main */
201
202 #main
203 {
204 background: #000000 url('/themes/maniac/images/b2.gif') 0px 1px repeat-x;
205 }
206
207 #main_inner p
208 {
209 text-align: justify;
210 margin-bottom: 2.0em;
211 }
212
213 #main_inner ul
214 {
215 margin-bottom: 2.0em;
216 }
217
218 #main_inner
219 {
220 position: relative;
221 width: 950px;
222 margin: 0 auto;
223 padding-top: 3.5em;
224 }
225
226 #main_inner h3,h4
227 {
228 border-bottom: dotted 1px #E1E1E1;
229 position: relative;
230 }
231
232 #main_inner h3
233 {
234 font-size: 2.1em;
235 padding-bottom: 0.1em;
236 margin-bottom: 0.8em;
237 }
238
239 #main_inner h4
240 {
241 font-size: 1.2em;
242 padding-bottom: 0.175em;
243 margin-bottom: 1.4em;
244 margin-top: 0.95em;
245 }
246
247 #main_inner .post
248 {
249 position: relative;
250 }
251
252 #main_inner .post h3
253 {
254 position: relative;
255 font-size: 1.7em;
256 padding-bottom: 1.2em;
257 }
258
259 #main_inner .post ul.post_info
260 {
261 list-style: none;
262 position: absolute;
263 top: 3em;
264 font-size: 0.8em;
265 }
266
267 #main_inner .post ul.post_info li
268 {
269 background-position: 0em 0.2em;
270 background-repeat: no-repeat;
271 display: inline;
272 padding-left: 18px;
273 }
274
275 #main_inner .post ul.post_info li.date
276 {
277 background-image: url('/themes/maniac/images/b5.gif');
278 }
279
280 #main_inner .post ul.post_info li.comments
281 {
282 background-image: url('/themes/maniac/images/b6.gif');
283 margin-left: 1.1em;
284 }
285
286 /* Footer */
287
288 #footer
289 {
290 width: 950px;
291 margin: 0 auto;
292 text-align: center;
293 clear: both;
294 border-top: dotted 1px #E1E1E1;
295 margin-top: 1.0em;
296 margin-bottom: 1.0em;
297 padding-top: 1.0em;
298 text-transform: lowercase;
299 }
300
301 /* Search */
302
303 select
304 {
305 margin: 0.2em;
306 background-color: rgb(255,128,0); color:black; border:1px solid silver;
307 }
308
309 textarea
310 {
311 margin: 0.2em;
312 background-color: rgb(255,128,0); color:black; border:1px solid silver;
313 }
314
315 checkbox
316 {
317 margin: 0.2em;
318 background-color: rgb(255,128,0); color:black; border:1px solid silver;
319 }
320
321 radio
322 {
323 margin: 0.2em;
324 background-color: rgb(255,128,0); color:black; border:1px solid silver;
325 }
326
327 input
328 {
329 margin: 0.2em;
330 background-color: rgb(255,128,0); color:black; border:1px solid silver;
331 }
332
333 input.button
334 {
335 background: #CA2F2F url('/themes/maniac/images/b3.gif') repeat-x;
336 color: #fff;
337 border: solid 1px #2941BC;
338 font-weight: bold;
339 text-transform: lowercase;
340 font-size: 0.8em;
341 height: 2.0em;
342 }
343
344 input.text
345 {
346 border: solid 1px #F1F1F1;
347 font-size: 1.0em;
348 padding: 0.25em 0.25em 0.25em 0.25em;
349 }
350
351 #search
352 {
353 position: relative;
354 width: 100%;
355 margin-bottom: 2.0em;
356 }
357
358 #search input.text
359 {
360 position: absolute;
361 top: 0em;
362 left: 0em;
363 width: 9.5em;
364 }
365
366 #search input.button
367 {
368 position: absolute;
369 top: 0em;
370 right: 0em;
371 min-width: 2.0em;
372 max-width: 2.5em;
373 }
374
375 /* LAYOUT - 3 COLUMNS */
376
377 /* Primary content */
378
379 #primaryContent_3columns
380 {
381 position: relative;
382 margin-right: 34em;
383 }
384
385 #columnA_3columns
386 {
387 position: relative;
388 float: left;
389 width: 100%;
390 margin-right: -34em;
391 padding-right: 2em;
392 }
393
394 /* Secondary Content */
395
396 #secondaryContent_3columns
397 {
398 float: right;
399 }
400
401 #columnB_3columns
402 {
403 width: 13.0em;
404 float: left;
405 padding: 0em 2em 0.5em 2em;
406 border-left: dotted 1px #E1E1E1;
407 }
408
409 #columnC_3columns
410 {
411 width: 13.0em;
412 float: left;
413 padding: 0em 0em 0.5em 2em;
414 border-left: dotted 1px #E1E1E1;
415 }
416
417 /* LAYOUT - 2 COLUMNS */
418
419 /* Primary content */
420
421 #primaryContent_2columns
422 {
423 position: relative;
424 margin-right: 17em;
425 }
426
427 #columnA_2columns
428 {
429 position: relative;
430 float: left;
431 width: 100%;
432 margin-right: -17em;
433 padding-right: 2em;
434 }
435
436 /* Secondary Content */
437
438 #secondaryContent_2columns
439 {
440 float: right;
441 }
442
443 #columnC_2columns
444 {
445 width: 13.0em;
446 float: left;
447 padding: 0em 0em 0.5em 2em;
448 border-left: dotted 1px #E1E1E1;
449 }
450
451 /* LAYOUT - COLUMNLESS */
452
453 /* Primary content */
454
455 #primaryContent_columnless
456 {
457 position: relative;
458 }
459
460 #columnA_columnless
461 {
462 position: relative;
463 width: 100%;
464 }