A Wikikönyvekből, a szabad elektronikus könyvtárból.
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 }
