Subversion-Projekte lars-tiefland.zeldi.de_alt

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1
/*******************************************************************************
2
********************************************************************************
3
**
4
* - GENERAL
5
*
6
* - PAGE CONTAINERS
7
*
8
* - HEADER
9
*
10
* - CONTENT
11
**
12
********************************************************************************
13
 ******************************************************************************/
14
 
15
 
16
 
17
 
18
/* GENERAL ------------------------------------------------------------------ */
19
 
20
	html
21
		{
22
		height: 100%;
23
	}
24
 
25
	/* Zero default margin & padding around common elements */
26
	body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, ul, ol, li, p
27
		{
28
		margin: 0;
29
		border: none;
30
		padding: 0;
31
		}
32
 
33
	body
34
		{
35
		height: 100%;
36
		background-color: #333333;
37
		background-image: url(images/bg.gif);
38
		background-position: 0% 0;
39
		color: #000000;
40
		line-height: 1.5;
41
		font-family: Arial, Helvetica, sans-serif;
42
		font-size: 62.5%;
43
		text-align: center;
44
		overflow:auto;
45
		}
46
 
47
	a:link
48
		{
49
		color: #003399;
50
		}
51
 
52
	a:visited
53
		{
54
		color: #B266B2;
55
		}
56
 
57
	a:hover
58
		{
59
		text-decoration: none;
60
		}
61
 
62
 
63
 
64
 
65
	/* PAGE CONTAINERS ---------------------------------------------------------- */
66
 
67
	#page
68
		{
69
		width: 636px;
70
		w\idth: 600px;
71
		min-height: 100%;
72
		margin: 17px auto;
73
		padding: 0 18px;
74
		background-image: url(images/page.gif);
75
		background-repeat: repeat-y;
76
		text-align: left;
77
		}
78
 
79
	* html #page
80
		{
81
		height: 100%;
82
		}
83
 
84
 
85
 
86
 
87
	/* HEADER ------------------------------------------------------------------- */
88
 
89
	#header
90
		{
91
		height: 90px;
92
		background-color: #B2DD32;
93
		background-image: url(images/header1.jpg);
94
		background-repeat: repeat-x;
95
		}
96
 
97
	h1
98
		{
99
		padding: 0 35px;
100
		font-size: 2.2em;
101
		font-weight: normal;
102
		line-height: 82px;
103
		}
104
 
105
 
106
 
107
 
108
	/* CONTENT ------------------------------------------------------------------ */
109
 
110
	#content
111
		{
112
		padding: 0 25px;
113
		}
114
 
115
	p
116
		{
117
		font-size:1.1em;
118
		margin-top: 1.5em;
119
		}
120
 
121
	form
122
		{
123
		margin-top: 1.5em;
124
		}
125
 
126
 
127
 
128
	/*** MASTER FORM WIDTHS - CUSTOMIZE THIS TO CHANGE THE FORM LAYOUT ***/
129
 
130
	/*
131
	form width:		550px
132
	left column:	190px / 180px + 10px padding
133
	mid column:		200px
134
	right column:	160px
135
	*/
136
 
137
	form{
138
		width:550px !important;
139
		}
140
 
141
	fieldset.submit
142
		{
143
		padding-left: 190px !important;
144
		}
145
 
146
	form label{
147
		padding:0px 10px;
148
		width: 160px;
149
		}
150
 
151
	form label.error,
152
	form input.submit
153
		{
154
		margin-left:180px !important;
155
		}
156
 
157
	form fieldset fieldset label.error
158
		{
159
		margin-left:0px !important;
160
		width:200px !important;
161
		}
162
 
163
 
164
	form .centered{
165
		margin-left:180px !important;
166
		width:200px !important;
167
		}
168
 
169
	form .text,
170
	form .button,
171
	form .group,
172
	form .control,
173
	form .submit,
174
	form textarea,
175
	form select
176
		{
177
		width: 200px !important;
178
		}
179
 
180
 
181
 
182
 
183
/*** FIELDSETS AND LEGENDS ***/
184
 
185
	form{
186
		width:550px;
187
		margin-bottom:25px;
188
		clear:both;
189
		}
190
 
191
	form fieldset
192
		{
193
		margin: 0 0 1.5em 0;
194
		padding: 0 0 10px 0px;
195
 
196
		border: 1px solid #BFBAB0;
197
 
198
		background-color: #F2EFE9;
199
		background-image: url(images/fieldset_gradient.jpg);
200
		background-repeat: repeat-x;
201
 
202
		background-color: #fff;
203
		background-image: url(images/fieldset-gradient-02.jpg);
204
		background-position:bottom;
205
 
206
		float: left;
207
		clear: both;
208
		width: 100%;
209
 
210
		}
211
 
212
	form fieldset.submit
213
		{
214
		padding: 0px 10px 10px 190px;
215
		border-style: none;
216
 
217
		background-color: transparent;
218
		background-image: none;
219
 
220
		float: none;
221
		width: auto;
222
 
223
		}
224
 
225
	form legend
226
		{
227
		color: #000000;
228
 
229
		font-size:1.3em;
230
		font-weight: bold;
231
		font-variant:small-caps;
232
 
233
		margin-left: 1em;
234
		padding:0px 5px;
235
		}
236
 
237
	form fieldset p{
238
 		margin:10px 0px 0px 10px;
239
 		}
240
 
241
/*** FORM BLOCKS ***/
242
 
243
	form ul
244
		{
245
		padding:5px 10px;
246
		list-style: none;
247
		}
248
 
249
	form li
250
		{
251
		width: 100%;
252
 
253
		padding:5px 0px 10px 0;
254
		border-top:1px dotted #ccc;
255
 
256
		display:block;
257
		float: left;
258
		clear: left;
259
	}
260
 
261
	form li:first-child
262
		{
263
		border:none;
264
		}
265
 
266
 
267
/*** FORM BLOCK ELEMENTS ***/
268
 
269
	form label
270
		{
271
		padding:0px 10px;
272
		width: 160px;
273
		float: left;
274
		}
275
 
276
	form .error{
277
		color: #c00;
278
		}
279
 
280
	form label.error
281
		{
282
		color: #c00;
283
 
284
		font-size: 100%;
285
		font-weight: bold;
286
		font-variant:small-caps;
287
 
288
		width:308px;
289
		display: none;
290
 
291
		margin:8px 0px 0px 180px;
292
		padding:3px 0px 0px 5px;
293
		border-top:1px dotted #ccc;
294
 
295
		clear:both;
296
		}
297
 
298
	form label.info{
299
		font-size: 100%;
300
		font-weight: bold;
301
		font-variant:small-caps;
302
 
303
		margin:8px 0px 0px 180px;
304
		padding:3px 0px 0px 5px;
305
		}
306
 
307
	form fieldset fieldset,
308
	form .group
309
		{
310
		width:200px;
311
 
312
		margin: 0;
313
		border:none;
314
 
315
		background:none;
316
 
317
		float:left;
318
		clear: none;
319
 
320
		}
321
 
322
	form fieldset fieldset label
323
		{
324
		width:auto !important;
325
		white-space:nowrap;
326
		padding:0px;
327
		margin:0px;
328
		display:block;
329
		clear:both;
330
		}
331
 
332
	form label label.error{
333
		margin-left:0px;
334
		}
335
 
336
	form label.centered{
337
		padding:0px 0px;
338
		width:200px !important;
339
		}
340
 
341
	/* see also the error class at the foot of the page */
342
 
343
	form fieldset fieldset label.spaced
344
		{
345
		margin-bottom:3px;
346
		}
347
 
348
/*** FORM ELEMENT COLUMNS ***/
349
 
350
	.col-1,
351
	fieldset fieldset.col-1 label
352
		{
353
		width:100%;
354
		}
355
 
356
	.col-2,
357
	fieldset fieldset.col-2 label
358
		{
359
		width:50%;
360
		}
361
 
362
	.col-3,
363
	fieldset fieldset.col-3 label
364
		{
365
		width:33%;
366
		}
367
 
368
	.col-4,
369
	fieldset fieldset.col-4 label
370
		{
371
		width:25%;
372
		}
373
 
374
 
375
 
376
 
377
/*** FORM ELEMENTS ***/
378
 
379
	form input.submit{
380
		margin:10px 0px 10px 180px;
381
		padding:0px 2px;
382
		}
383
 
384
	form input, textarea, select,
385
	form label
386
		{
387
		font-size:1.1em;
388
		line-height:1.6em;
389
		}
390
 
391
	form input, textarea, select
392
		{
393
		font-family: Verdana, Arial, Helvetica, sans-serif;
394
		}
395
 
396
	form .input[type="text"],
397
	form textarea
398
		{
399
		padding:1px;
400
		}
401
 
402
	form .input[type="radio"],
403
	form .input[type="checkbox"]
404
		{
405
		margin:0px;
406
		padding:0px;
407
		position:relative;
408
		top:3px;
409
		}
410
 
411
/*** SUPPORTING CLASSES ***/
412
 
413
	form label.required{
414
		background-image:url(images/required_star.gif);
415
		background-position:right;
416
		background-repeat:no-repeat;
417
		}
418
 
419
	form span.required{
420
		padding-right:15px;
421
		}
422
 
423
	form .clean
424
		{
425
		border:none;
426
		}
427
 
428
	form .info{
429
		padding-top:0.5em;
430
		font-size:80%;
431
		line-height:100%;
432
		color:#aaa;
433
		}
434
 
435
	form .indent{
436
 		padding:2px 20px;
437
		width:auto !important;
438
		white-space:nowrap;
439
		padding-left: 25px !important;
440
 		}
441
 
442
	form label.disabled{
443
		color:#aaa;
444
		}
445
 
446
	form .highlight{
447
		background-color:#e2e2e2;
448
		}
449
 
450
	.off{
451
		display:none !important;
452
		}
453
 
454
	.clear{
455
		clear:both;
456
		}
457