Subversion-Projekte lars-tiefland.prado

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
1 lars 1
/* 0 BASIC TAGS */
2
 
3
table {
4
	font-size: 1em;
5
}
6
 
7
h1, h2, h3, h4 {
8
	margin: 0;
9
	font-family: tahoma, arial, helvetica, sans-serif;
10
}
11
 
12
p {
13
	line-height: 1.4em;
14
}
15
 
16
hr {
17
	border: 0;
18
	border-top: 1px solid #bababa;
19
	height: 1px;
20
}
21
 
22
a {
23
	text-decoration: none;
24
	color: #d32525;
25
}
26
 
27
a:visited {
28
	color: #980000;
29
}
30
 
31
a:hover {
32
	text-decoration: underline;
33
	color: #e05252;
34
}
35
 
36
a:active {
37
	color: #980000;
38
}
39
 
40
body {
41
	background-color: #ffffff;
42
	background-image: url(images/background.gif);
43
	background-repeat: repeat-x;
44
	margin: 0;
45
	padding: 0;
46
	text-align: center;
47
	font-family: verdana, arial, helvetica, sans-serif;
48
	font-size: 0.7em;
49
	color: #666666;
50
}
51
 
52
img {
53
	border-width: 0;
54
}
55
 
56
/* 1 HEADER */
57
 
58
.header {
59
	background-image: url(Images/header.gif);
60
	background-repeat: no-repeat;
61
	position: relative;
62
	width: 760px;
63
	height: 81px;
64
	margin-left: auto;
65
	margin-right: auto;
66
}
67
 
68
h1 {
69
	position: absolute;
70
	left: 37px;
71
	top: 12px;
72
	text-transform: uppercase;
73
	font-size: 18px;
74
}
75
 
76
h2 {
77
	position: absolute;
78
	left: 37px;
79
	top: 60px;
80
	font-size: 11px;
81
}
82
 
83
.mainmenu {
84
	position: absolute;
85
	right: 37px;
86
	top: 17px;
87
	text-transform: uppercase;
88
	font-size: 10px;
89
}
90
 
91
.mainmenu a:visited, .nav a:visited {
92
	color: #d32525;
93
}
94
 
95
.nav {
96
	position: absolute;
97
	right: 37px;
98
	top: 60px;
99
	text-transform: uppercase;
100
	font-size: 10px;
101
}
102
 
103
 
104
/* 1.1 SHIM */
105
 
106
.shim {
107
	background-repeat: no-repeat;
108
	margin-left: auto;
109
	margin-right: auto;
110
	width: 760px;
111
	height: 8px;
112
	font-size: 0;
113
}
114
 
115
.column {
116
	background-image: url(images/content-shim.gif);
117
}
118
 
119
.gradient {
120
	background-image: url(images/content-shim-photo.gif);
121
}
122
 
123
.solid {
124
	background-image: url(images/content-shim-none.gif);
125
}
126
 
127
/* 2 PAGE */
128
 
129
.page {
130
	background-repeat: repeat-y;
131
	margin-left: auto;
132
	margin-right: auto;
133
	text-align: left;
134
}
135
 
136
h3 {
137
	margin-top: 1.0em;
138
	margin-bottom: 1.12em;
139
	font-size: 1.5em;
140
	font-weight: bold;
141
}
142
h4 {
143
	margin-top: 1.0em;
144
	margin-bottom: 1.12em;
145
	font-size: 1.3em;
146
	font-weight: bold;
147
}
148
 
149
/* 2.1 HOME, RESUME, LINKS, REGISTER, ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */
150
 
151
#home, #resume, #links, #register, #admin-albums, #admin-photos {
152
	background-image: url(images/body-repeat.gif);
153
	position: relative;
154
	width: 686px;
155
	padding: 0px 37px;
156
	padding-top: 1px; /* Weird Mozilla Bug */
157
	padding-bottom: 40px; /* Weird Mozilla Bug */
158
}
159
 
160
#sidebar {
161
	float: left;
162
	width: 214px;
163
	height: 100%;
164
}
165
 
166
#content {
167
	margin-left: 256px;
168
}
169
 
170
#whatsnew {
171
	float: left;
172
	width: 200px;
173
	height: 100%;
174
}
175
 
176
#coollinks {
177
	margin-left: 220px;
178
}
179
 
180
#resume h4, #links h4 {
181
	margin-top: 0;
182
	border-top: 1px solid #bababa;
183
	padding-top: 1.0em;
184
	position: absolute;
185
	left: 37px;
186
	width: 214px;
187
}
188
 
189
#resume #photo {
190
	position: absolute;
191
	left: 37px;
192
	top: 20px;
193
	width: 214px;
194
}
195
 
196
#resume .first {
197
	margin-top: 0;
198
	border-top: 1px solid #bababa;
199
	padding-top: 1.5em;
200
}
201
 
202
dl {
203
	margin-top: 0;
204
	margin-bottom: 0;
205
	border-top: 1px solid #bababa;
206
	padding-top: 1.5em;
207
	padding-bottom: 1.5em;
208
	position: relative;
209
}
210
 
211
dt {
212
	position: absolute;
213
	left: 0;
214
}
215
 
216
dd {
217
	margin-left: 150px;
218
	height: 2.0em;
219
}
220
 
221
.emptydata td {
222
	padding: 50px;
223
	color: #aeaeae;
224
}
225
 
226
/* 2.2 ALBUMS PAGE */
227
 
228
#albums {
229
	background-image: url(images/body-repeat-photo.gif);
230
	padding: 0px 37px;
231
	padding-bottom: 40px;
232
	width: 686px;
233
}
234
 
235
.view {
236
	margin-left: auto;
237
	margin-right: auto;
238
	width: 686px;
239
	text-align: center;
240
}
241
 
242
.view .photo-frame {
243
	margin-left: auto;
244
	margin-right: auto;
245
}
246
 
247
.item {
248
	padding: 20px 50px;
249
	color: #B2B2B2;
250
}
251
 
252
.item h4 {
253
	margin-bottom: 0.4em;
254
}
255
 
256
.nullpanel {
257
	padding: 150px;
258
	width: auto;
259
	text-align: center;
260
}
261
 
262
/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */
263
 
264
#photos, #details, #admin-details {
265
	background-image: url(images/body-repeat-photo.gif);
266
	padding: 0;
267
	width: 760px;
268
}
269
 
270
.buttonbar {
271
	background-image: url(images/photonav-bg.gif);
272
	background-repeat: repeat-x;
273
	margin-left: auto;
274
	margin-right: auto;
275
	padding-top: 4px;
276
	width: 744px;
277
	height: 33px;
278
	text-align: center;
279
}
280
 
281
.buttonbar-top {
282
	background-image: url(images/photonav-top-bg.gif);
283
}
284
 
285
#photos .view, #admin-details .view {
286
	margin-top: 20px;
287
	margin-bottom: 20px;
288
}
289
 
290
/* 3 FOOTER */
291
 
292
.footerbg {
293
	background-image: url(images/footer-side.gif);
294
	background-repeat: repeat-x;
295
	width: auto;
296
	height: 75px;
297
	text-align: center;
298
}
299
.footer {
300
	background-image: url(images/footer.gif);
301
	background-repeat: no-repeat;
302
	margin-left: auto;
303
	margin-right: auto;
304
	width: 760px;
305
	height: 75px;
306
	text-align: center;
307
	font-size: 10px;
308
}
309
 
310
.menub {
311
	margin: 12px auto 5px auto;
312
	text-transform: uppercase;
313
	font-size: 10px;
314
}
315
 
316
.menub a:visited {
317
	color: #d32525;
318
}
319
 
320
 
321
 
322
/* Inline styles are used because image controls hard code a border property */
323
 
324
.photo_198 {
325
	border: 4px solid #FFFFFF;
326
}