Honlapkészítés Egyeteme/3.rész - Stíluslapok/CSS stlye conjuction

A Wikikönyvekből, a szabad elektronikus könyvtárból.
Ugrás a navigációhoz Ugrás a kereséshez
http://www.freecsstemplates.org/preview/conjuction
DOWNLOAD
1  	 	 	 	 	 	 	
2 	/* 	
3 	Design by Free CSS Templates 	
4 	http://www.freecsstemplates.org 	
5 	Released for free under a Creative Commons Attribution 2.5 License
6 	*/ 	
7 	
8 	body { 	
9 		margin: 0px; 	
10 		padding: 0; 	
11 		background: #B9B99D url(images/img01.jpg) repeat-x left top;
12 		font-family: Georgia, "Times New Roman", Times, serif;
13 		font-size: 12px; 	
14 		color: #464646; 	
15 	} 	
16 	
17 	h1, h2, h3 { 	
18 		margin: 0; 	
19 		text-transform: uppercase; 	
20 		font-weight: normal; 	
21 		color: #549900; 	
22 	} 	
23 	
24 	h1 { font-size: 44px; } 	
25 	
26 	h2 { font-size: 18px; } 	
27 	
28 	h3 { } 	
29 	
30 	p, ul, ol { 	
31 		margin-top: 0; 	
32 		line-height: 240%; 	
33 		text-align: justify; 	
34 	} 	
35 	
36 	ul, ol { } 	
37 	
38 	blockquote { } 	
39 	
40 	a { color: #98CA2E; } 	
41 	
42 	a:hover { text-decoration: none; } 	
43 	
44 	a img { 	
45 		border: none; 	
46 	} 	
47 	
48 	img.left { 	
49 		float: left; 	
50 		margin: 7px 30px 0 0; 	
51 	} 	
52 	
53 	img.right { 	
54 		float: right; 	
55 		margin: 7px 0 0 30px; 	
56 	} 	
57 	
58 	hr { display: none; } 	
59 	
60 	.list1 { 	
61 	} 	
62 	
63 	.list1 li { 	
64 		float: left; 	
65 		line-height: normal; 	
66 	} 	
67 	
68 	.list1 li img { 	
69 		margin: 0 30px 30px 0; 	
70 	} 	
71 	
72 	.list1 li.alt img { 	
73 		margin-right: 0; 	
74 	} 	
75 	
76 	#wrapper { 	
77 	} 	
78 	
79 	/* Header */ 	
80 	
81 	#header-wrapper { 	
82 	} 	
83 	
84 	#header { 	
85 		width: 980px; 	
86 		height: 60px; 	
87 		margin: 0 auto; 	
88 		padding: 0px; 	
89 	} 	
90 	
91 	/** LOGO */ 	
92 	
93 	#logo { 	
94 		width: 940px; 	
95 		height: 110px; 	
96 		margin: 0 auto; 	
97 		padding: 30px 20px 0px 20px; 	
98 	} 	
99 	
100 	#logo h1, #logo p { 	
101 		margin: 0px; 	
102 		line-height: normal; 	
103 		text-transform: lowercase; 	
104 		font-weight: normal; 	
105 		color: #FFFFFF; 	
106 	} 	
107 	
108 	#logo p { 	
109 		margin-top: -4px; 	
110 		text-transform: lowercase; 	
111 		font-size: 13px; 	
112 		color: #F6F9FB; 	
113 	} 	
114 	
115 	#logo h1 { 	 
116 		font-size: 48px; 	
117 	} 	
118 	
119 	#logo a { 	
120 		text-decoration: none; 	
121 		color: #F6F9FB; 	
122 	} 	
123 	
124 	#logo h1 a { 	
125 		text-decoration: none; 	
126 		color: #FFFFFF; 	
127 	} 	
128 	
129 	/* Menu */ 	
130 	
131 	#menu { 	 
132 		float: left; 	
133 		width: 600px; 	
134 		height: 60px; 	
135 	} 	
136 	
137 	#menu ul { 	
138 		margin: 0; 	
139 		padding: 0px; 	
140 		list-style: none; 	
141 		line-height: normal; 	
142 	} 	
143 	
144 	#menu li { 	
145 		display: block; 	
146 		float: left; 	
147 	} 	
148 	
149 	#menu a { 	
150 		display: block; 	
151 		float: left; 	
152 		height: 32px; 	
153 		padding: 12px 20px 0px 20px; 	
154 		letter-spacing: -1px; 	
155 		text-decoration: none; 	
156 		text-align: center; 	
157 		text-transform: lowercase; 	
158 		font-family: Arial, Helvetica, sans-serif; 	
159 		font-size: 18px; 	
160 		font-weight: normal; 	
161 		color: #FFFFFF; 	
162 	} 	
163 	
164 	#menu a:hover {  	
165 		text-decoration: none;  	
166 	} 	
167 	
168 	#menu .current_page_item a { 	
169 	} 	
170 	
171 	#menu .first { 	
172 	} 	
173 	/* Search */ 	
174 	
175 	#search { 	
176 		float: right; 	
177 		width: 240px; 	
178 		padding: 10px 20px 0px 0px; 	
179 	} 	
180 	
181 	#search form { 	
182 		float: right; 	
183 		margin: 0; 	
184 		padding: 4px 0px 0 0; 	
185 	} 	
186 	
187 	#search fieldset { 	
188 		margin: 0; 	
189 		padding: 0; 	
190 		border: none; 	
191 	} 	
192 	
193 	#search input { 	
194 		float: left; 	
195 		font: 12px Georgia, "Times New Roman", Times, serif; 	
196 	} 	
197 	
198 	#search-text { 	
199 		width: 150px; 	
200 		height: 18px; 	
201 		padding: 3px 0 0 5px; 	
202 		border: none; 	 
203 		background: #EFEFDF; 	
204 		color: #FFFFFF; 	
205 	} 	
206 	
207 	#search-submit { 	
208 		height: 21px; 	
209 		margin-left: 10px; 	
210 		padding: 0px 5px; 	
211 		background: #98CA2E; 	
212 		border: none; 	
213 		color: #FFFFFF; 	
214 	} 	
215 	
216 	/* Page */ 	
217 	
218 	#page { 	
219 		width: 940px; 	
220 		margin: 0 auto; 	
221 		padding: 20px 20px 0px 20px; 	
222 	} 	
223 	
224 	#banner { 	
225 		padding-bottom: 20px; 	
226 	} 	
227 	
228 	/* Content */ 	
229 	
230 	#content { 	
231 		float: left; 	
232 		width: 620px; 	
233 	} 	
234 	
235 	/* Post */ 	
236 	
237 	.post { 	
238 		width: 620px; 	
239 		margin-bottom: 20px; 	
240 		padding: 20px 0px; 	
241 		background: #FFFFFF; 	
242 	} 	
243 	
244 	.post .title { 	
245 		height: 44px; 	
246 		padding: 0px 20px; 	
247 		font-family: Georgia, "Times New Roman", Times, serif;
248 	} 	
249 	
250 	.post .title a { 	
251 		letter-spacing: -1px; 	
252 		text-decoration: none; 	
253 		text-transform: lowercase; 	
254 		font-size: 30px; 	
255 		color: #238EC6; 	
256 	} 	
257 	
258 	.post .date { 	
259 	} 	
260 	
261 	.post .meta { 	
262 		height: 32px; 	
263 		margin-top: -10px; 	
264 		margin-left: 2px; 	
265 		padding: 4px 30px 6px 20px; 	
266 		background: url(images/img04.jpg) no-repeat left bottom;
267 		font-family: Arial, Helvetica, sans-serif; 	
268 		font-weight: normal; 	
269 		font-size: 10px; 	
270 		color: #66665E; 	
271 	} 	
272 	
273 	.post .meta span { 	
274 		display: block; 	
275 		margin-top: -10px; 	
276 	} 	
277 	
278 	.post .meta a { } 	
279 	
280 	.post .entry { 	
281 		padding: 10px 20px; 	
282 	} 	
283 	
284 	.post .links { 	
285 		background: #90BF35; 	
286 		border: 1px solid #5F817E; 	
287 	} 	
288 	
289 	.post .links { 	
290 		display: block; 	
291 		width: 120px; 	
292 		height: 18px; 	
293 		margin: 0px 0px 4px 0px;  	
294 		padding: 3px 0px 0px 40px; 	
295 		text-decoration: none; 	
296 		font-family: Arial, Helvetica, sans-serif; 	
297 		font-size: 11px; 	
298 		text-decoration: none; 	
299 		font-weight: bold; 	
300 		color: #FFFFFF; 	
301 	} 	
302 	
303 	.post .comments { 	
304 		display: block; 	
305 		width: 120px; 	
306 		height: 18px; 	
307 		margin: 0px;  	
308 		padding: 3px 0px 0px 40px; 	
309 		background: #90BF35; 	
310 		border: 1px solid #5F817E; 	
311 		text-decoration: none; 	
312 		font-family: Arial, Helvetica, sans-serif; 	
313 		font-size: 11px; 	
314 		text-decoration: none; 	
315 		font-weight: bold; 	
316 		color: #FFFFFF; 	
317 	} 	
318 	
319 	/* Sidebar */ 	
320 	
321 	#sidebar { 	
322 		float: right; 	
323 		width: 280px; 	
324 		font-size: 12px; 	
325 	} 	
326 	
327 	#sidebar ul { 	
328 		margin: 0; 	
329 		padding: 0; 	
330 		list-style: none; 	
331 		line-height: normal; 	
332 		border: none; 	
333 	} 	
334 	
335 	#sidebar li { 	
336 		margin-bottom: 20px; 	
337 		padding: 10px 0px 10px 0px; 	
338 		background: #FFFFFF; 	
339 	} 	
340 	
341 	#sidebar li ul { 	
342 		margin: 0px 0px; 	
343 		border: none; 	
344 	} 	
345 	
346 	#sidebar li li { 	
347 		margin: 0; 	
348 		padding: 10px 0px; 	
349 		border: none; 	
350 		background: url(images/img06.jpg) repeat-x left bottom;
351 	} 	
352 	
353 	#sidebar li li a { 	
354 		padding: 0px 0px 0px 30px; 	
355 		font-weight: normal; 	
356 		border: none; 	
357 		background: url(images/img07.jpg) no-repeat 15px 4px;
358 	} 	
359 	
360 	#sidebar li li a:hover { 	
361 		color: #666666; 	
362 	} 	
363 	
364 	#sidebar p { 	
365 		margin: 0; 	
366 		padding: 0px 14px; 	
367 	} 	
368 	
369 	#sidebar h2 { 	
370 		height: 32px; 	
371 		margin: 0 0 10px 0px; 	
372 		padding: 8px 0 10px 20px; 	
373 		background: url(images/img03.jpg) no-repeat left bottom;
374 		text-transform: lowercase; 	
375 		font-size: 24px; 	
376 		font-weight: normal; 	
377 		color: #238EC6; 	
378 	} 	
379 	
380 	
381 	#sidebar p { 	
382 		line-height: 200%; 	
383 	} 	
384 	
385 	#sidebar a { 	
386 		text-align: left; 	
387 		text-decoration: none; 	
388 		font-weight: bold; 	
389 		color: #666666; 	
390 	} 	
391 	
392 	/* Calendar */ 	
393 	
394 	#calendar { 	
395 	} 	
396 	
397 	#calendar caption { 	
398 		padding-bottom: 5px; 	
399 		font-weight: bold; 	
400 	} 	
401 	
402 	#calendar table { 	
403 		width: 100%; 	
404 		border-collapse: collapse; 	
405 		border-bottom: 1px solid #24130F; 	
406 		border-left: 1px solid #24130F; 	
407 		border-right: 1px solid #24130F; 	
408 	} 	
409 	
410 	#calendar thead th { 	
411 		padding: 5px 0; 	
412 		text-align: center; 	
413 		border-top: 1px solid #24130F; 	
414 		border-left: 1px solid #24130F; 	
415 		background: #24130F; 	
416 	} 	
417 	
418 	#calendar tbody td { 	
419 		padding: 5px 0; 	
420 		text-align: center; 	
421 		border-top: 1px solid #24130F; 	
422 		border-left: 1px solid #24130F; 	
423 		border-bottom: 1px solid #24130F; 	
424 	} 	
425 	
426 	#calendar tfoot td { 	
427 		padding: 5px; 	
428 		border-left: 1px solid #24130F; 	
429 		border-bottom: 1px solid #24130F; 	
430 	} 	
431 	
432 	#calendar tfoot #next { 	
433 		border-top: 1px solid #24130F; 	
434 		text-align: right; 	
435 	} 	
436 	
437 	#calendar tfoot #prev { 	
438 		border-top: 1px solid #24130F; 	
439 	} 	
440 	
441 	#calendar .pad { 	
442 		border-bottom: 1px solid #24130F; 	
443 	} 	
444 	
445 	#calendar #today { 	
446 		background: #24130F; 	
447 	} 	
448 	
449 	/* Footer */ 	
450 	
451 	#footer { 	
452 		width: 100%; 	
453 		height: 100px; 	
454 		margin: 0 auto; 	
455 		padding: 0; 	
456 		background: #323232 url(images/img02.jpg) repeat-x left top;
457 	} 	
458 	
459 	#footer-bgcontent { 	
460 	} 	
461 	
462 	#footer p { 	
463 		margin: 0; 	
464 		padding: 30px 0px 0px 0px; 	
465 		text-align: center; 	
466 		line-height: normal; 	
467 		text-transform: uppercase; 	
468 		font-size: 10px; 	
469 		color: #C7DAE5; 	
470 	} 	
471 	
472 	#footer a { 	
473 	}