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