source: trunk/www.guidonia.net/wp/wp-content/themes/blueleanmagazine/style.css@ 44

Last change on this file since 44 was 44, checked in by luciano, 14 years ago
File size: 11.8 KB
Line 
1/*
2Theme Name: BlueLeanMagazine
3Author: WPThemeDesigner.com
4Author URI: http://www.wpthemedesigner.com/
5*/
6
7* {
8 margin: 0; padding: 0;
9}
10body {
11 text-align: center;
12 font: 12px Verdana;
13 color: #000000;
14 background: url(images/background.gif) repeat-x 0 0;
15}
16a {
17 color: #6B001A;
18}
19a:hover {
20 text-decoration: none;
21 color: #ff0000;
22}
23img {
24 border: 0;
25}
26
27.break {
28 font-size: 0;
29 width: 0; height: 0;
30 clear: both;
31}
32.alignleft {
33 float: left;
34 margin: 4px 10px 5px 0;
35}
36.alignright {
37 float: right;
38 margin: 4px 0 5px 10px;
39}
40.aligncenter {
41 text-align: center;
42}
43.hidden {
44 display: none;
45}
46
47/** BEGIN wrapper **/
48#wrapper {
49 width: 970px;
50 margin: auto auto;
51 text-align: left;
52}
53/** END wrapper **/
54
55/** BEGIN header **/
56#header {
57 height: 200px;
58 padding: 0 8px;
59}
60 #header ul {
61 list-style-type: none;
62 clear: both;
63 }
64 #header ul li {
65 float: left;
66 }
67 #header .pages {
68 float: left;
69 }
70 #header .pages li {
71 font-weight: bold;
72 font-size: 0.9em;
73 text-transform: uppercase;
74 }
75 #header .pages li a {
76 color: #ffffff;
77 text-decoration: none;
78 display: block;
79 padding: 8px 10px;
80 }
81 #header .pages li a:hover {
82 text-decoration: underline;
83 }
84 #header .links {
85 float: right;
86 color: #ffffff;
87 font-size: 0.9em;
88 background: url(images/rss.gif) no-repeat 0 6px;
89 padding: 8px 0 8px 18px;
90 }
91 #header .links a {
92 color: #ffffff;
93 text-decoration: none;
94 margin: 0 5px;
95 }
96 #header .links a:hover {
97 text-decoration: underline;
98 }
99 #header h1 {
100 float: left;
101 padding: 35px 0 40px;
102 clear: both;
103 }
104 #header h1 a {
105 display: block;
106 outline: none;
107 text-indent: -9999px;
108 background: url(images/logo.png) no-repeat 0 0;
109 width: 344px; height: 53px;
110 }
111 #header .ad {
112 float: right;
113 padding-top: 30px;
114 }
115 #header .categories {
116 overflow: hidden;
117 width: 100%;
118 }
119 #header .categories li {
120 font-family: Arial;
121 font-size: 0.9em;
122 text-transform: uppercase;
123 padding-left: 1px;
124 background: url(images/divider.gif) no-repeat 0 15px;
125 margin-left: -1px;
126 }
127 #header .categories li a {
128 color: #333333;
129 text-decoration: none;
130 display: block;
131 padding: 13px 10px 12px;
132 }
133 #header .categories li a:hover {
134 text-decoration: underline;
135 }
136/** END header **/
137
138/** BEGIN body **/
139#body {
140 padding: 10px 0;
141}
142/** END body **/
143
144/** BEGIN content **/
145#content {
146 clear: both;
147 width: 676px;
148 float: left;
149 background: url(images/contentbody.gif) repeat-y 0 0;
150 font-family: Arial;
151}
152 #content .head { background: url(images/contenthead.gif) no-repeat 0 0; }
153 #content .foot {
154 background: url(images/contentfoot.gif) no-repeat 0 bottom;
155 padding: 25px 8px;
156 }
157 #content .atitle {
158 float: left;
159 font-size: 0.9em;
160 text-transform: uppercase;
161 color: #ffffff;
162 background-color: #212121;
163 padding: 5px 8px;
164 font-weight: normal;
165 margin: 10px 30px;
166 }
167 #content .featured {
168 padding: 5px 30px 10px;
169 }
170 #content .featured h2.title {
171 float: left;
172 font-size: 0.9em;
173 text-transform: uppercase;
174 color: #ffffff;
175 background-color: #212121;
176 padding: 5px 8px;
177 font-weight: normal;
178 margin-bottom: 10px;
179 }
180 #content .featured .thumb {
181 width: 590px; height: 315px;
182 padding: 5px;
183 border: 1px solid #E9E9E9;
184 background-color: #F2F2F1;
185 clear: both;
186 }
187 #content .featured .b {
188 width: 589px; height: 315px;
189 overflow: hidden;
190 position: relative;
191 }
192 #content .featured .photo {
193 list-style-type: none;
194 }
195 #content .photo li {
196 position: absolute;
197 top: 0; left: 0;
198 z-index: 0;
199 }
200 #content .photo li.first {
201 z-index: 2;
202 }
203 #content .photo li img {
204 width: 589px;
205 }
206 #content .featured .text {
207 list-style-type: none;
208 }
209 #content .featured .text li {
210 width: 230px; height: 285px;
211 position: absolute;
212 top: 0; right: -270px;
213 padding: 15px;
214 color: #ffffff;
215 font-family: Verdana;
216 background: url(images/shade.png) repeat 0 0;
217 z-index: 4;
218 }
219 #content .featured .text li.first {
220 right: 0;
221 }
222 #content .featured .text h2 {
223 font-size: 1.6em;
224 margin-bottom: 15px;
225 }
226 #content .featured .text p {
227 line-height: 1.6em;
228 margin-bottom: 15px;
229 }
230 #content .featured .text a {
231 color: #ffffff;
232 text-decoration: none;
233 }
234 #content .featured .text .readmore {
235 font-size: 0.9em;
236 font-weight: bold;
237 text-transform: uppercase;
238 }
239 #content .post {
240 clear: both;
241 border-top: 1px solid #E9E9E9;
242 margin: 0 30px;
243 }
244 #content .first {
245 border-top: 0;
246 }
247 #content .post .l {
248 float: left;
249 width: 140px;
250 padding: 15px 0;
251 }
252 #content .post img {
253 width: 134px; height: 134px;
254 border: 1px solid #e9e9e9;
255 background-color: #F2F2F1;
256 padding: 5px;
257 }
258 #content .post .r {
259 float: right;
260 width: 430px;
261 padding: 15px 0;
262 }
263 #content .post h2 {
264 font-weight: normal;
265 font-size: 1.8em;
266 margin-bottom: 15px;
267 }
268 #content .post h2 a {
269 text-decoration: none;
270 color: #191919;
271 }
272 #content .post p {
273 line-height: 1.6em;
274 margin-bottom: 15px;
275 }
276 #content .details {
277 float: left;
278 font-size: 0.85em;
279 text-transform: uppercase;
280 margin-bottom: 0 !important;
281 }
282 #content .details a {
283 text-decoration: none;
284 color: #191919;
285 margin: 0 5px;
286 }
287 #content .details a:hover {
288 text-decoration: underline;
289 }
290 #content .comments {
291 float: right;
292 margin-bottom: 0 !important;
293 padding-bottom: 6px;
294 background: url(images/comments.gif) no-repeat right bottom;
295 }
296 #content .comments a {
297 display: block;
298 color: #ffffff;
299 font-family: Verdana;
300 font-size: 0.9em;
301 text-decoration: none;
302 padding: 2px 6px;
303 background-color: #212121;
304 }
305
306 #content .postnav {
307 clear: both;
308 float: right;
309 padding: 0 20px;
310 }
311 #content .postnav ul {
312 list-style-type: none;
313 }
314 #content .postnav ul li {
315 float: left;
316 padding: 0 4px;
317 font-family: Arial;
318 }
319 #content .postnav ul li a {
320 display: block;
321 padding: 4px 8px;
322 border: 1px solid #E1E1E1;
323 text-decoration: none;
324 color: #4F4F4F;
325 }
326 #content .postnav ul li a:hover {
327 border-color: #ffffff;
328 }
329 #wp_page_numbers ul {
330 border-top: 0 !important;
331 }
332 #wp_page_numbers .page_info {
333 padding: 4px 8px !important;
334 border: 1px solid #E1E1E1 !important;
335 margin-right: 2px;
336 }
337 #wp_page_numbers .active_page a {
338 border-color: #ffffff !important;
339 background-color: #ffffff !important;
340 }
341 #content .single {
342 padding: 10px 30px;
343 }
344 #content .single h2 {
345 margin-bottom: 10px;
346 font-size: 1.4em;
347 text-transform: none;
348 }
349 #content .single p {
350 line-height: 1.5em;
351 margin-bottom: 10px;
352 }
353 #content .single ul, #content .single ol {
354 list-style-position: inside;
355 margin-bottom: 10px;
356 }
357 #content .single li {
358 line-height: 1.5em;
359 padding: 2px 0;
360 }
361 #content .single blockquote {
362 padding: 10px 10px 5px;
363 margin-bottom: 10px;
364 background-color: #eeeeee;
365 border-width: 1px 0;
366 border-style: solid;
367 border-color: #e0e0e0;
368 }
369 #content .single h3, #content .single h4, #content .single h5, #content .single h6 {
370 font-size: 1.2em;
371 margin-bottom: 5px;
372 }
373/** END content **/
374
375/** BEGIN links **/
376#links {
377 clear: both;
378 padding: 20px 30px;
379 font-family: Verdana;
380}
381 #links .box {
382 width: 130px;
383 float: left;
384 padding: 20px 10px;
385 border-top: 1px solid #E9E9E9;
386 }
387 #links h2 {
388 float: left;
389 font-size: 0.9em;
390 text-transform: uppercase;
391 color: #ffffff;
392 background-color: #212121;
393 padding: 5px 8px;
394 font-weight: normal;
395 margin-bottom: 10px;
396 }
397 #links ul {
398 clear: both;
399 list-style-type: none;
400 padding: 0 5px;
401 }
402 #links ul li {
403 line-height: 1.5em;
404 font-size: 0.9em;
405 padding: 4px 0;
406 }
407 #links ul li a {
408 color: #191919;
409 text-decoration: none;
410 }
411 #links ul li a:hover {
412 color: #6B001A;
413 text-decoration: underline;
414 }
415/** END links **/
416
417/** BEGIN sidebar **/
418#sidebar {
419 width: 270px;
420 float: right;
421 padding: 8px 8px 0 0;
422}
423 #sidebar .box {
424 border: 2px solid #E1E1E1;
425 padding: 10px;
426 margin-bottom: 15px;
427 }
428 #sidebar h2 {
429 font-size: 0.9em;
430 text-transform: uppercase;
431 color: #ffffff;
432 background-color: #212121;
433 padding: 5px 8px;
434 font-weight: normal;
435 margin-bottom: 10px;
436 width: 130px;
437 }
438 #sidebar ul {
439 list-style-type: none;
440 }
441 #sidebar ul li {
442 line-height: 1.5em;
443 padding: 2px 0;
444 border-bottom: 1px solid #E9E9E9;
445 }
446 #sidebar ul li a {
447 color: #191919;
448 text-decoration: none;
449 }
450 #sidebar .ads {
451 text-align: center;
452 margin-bottom: 10px;
453 }
454 #sidebar .ads img {
455 margin: 4px;
456 }
457 #sidebar .search {
458 border: 2px solid #E1E1E1;
459 margin-bottom: 10px;
460 height: 29px;
461 }
462 #sidebar .search input {
463 border: 0;
464 float: left;
465 width: 220px;
466 margin: 6px 4px;
467 }
468 #sidebar .search button {
469 border: 0;
470 background-color: #212121;
471 color: #ffffff;
472 font-size: 0.8em;
473 font-weight: bold;
474 text-transform: uppercase;
475 width: 38px; height: 29px;
476 float: right;
477 }
478 #sidebar .flickr {
479 text-align: center;
480 }
481 #sidebar .flickr img {
482 width: 75px;
483 margin: 2px;
484 }
485 #sidebar .video {
486 padding-left: 2px;
487 }
488/** END sidebar **/
489
490/** BEGIN footer **/
491#footer {
492 clear: both;
493 background-color: #212121;
494 color: #ffffff;
495}
496 #footer p {
497 width: 940px;
498 margin: auto auto;
499 text-align: left;
500 font-size: 0.9em;
501 padding: 15px 0;
502 }
503 #footer a {
504 color: #ffffff;
505 text-decoration: none;
506 }
507 #footer a:hover {
508 text-decoration: underline;
509 }
510/** END footer **/
511
512/** BEGIN miscellaneous **/
513#comments {
514 padding: 10px 30px;
515}
516 #comments a {
517 text-decoration: none;
518 }
519 #comments h2 {
520 font-size: 1.4em;
521 margin: 10px 0;
522 }
523 #comments p {
524 margin-bottom: 10px;
525 line-height: 1.6em;
526 }
527 #comments form {
528
529 }
530 #comments form p {
531 margin-bottom: 5px;
532 }
533 #comments form input {
534 margin-right: 5px;
535 }
536 #comments form input, textarea {
537 border: 1px solid #cccccc;
538 font-size: 0.9em;
539 font-family: Verdana;
540 padding: 4px;
541 background-position: 4px 4px;
542 background-repeat: no-repeat;
543 }
544 #comments form input {
545 width: 240px;
546 border: 1px solid #cccccc;
547 }
548 #comments form textarea {
549 width: 350px;
550 padding: 4px 4px !important;
551 border: 1px solid #cccccc;
552 }
553 #comments form button {
554 border: 1px solid #a0a0a0;
555 font-size: 1em;
556 font-family: Verdana;
557 padding: 2px 6px;
558 }
559 .commentdetails {
560 margin-top: 25px;
561 }
562 .commentauthor {
563 margin-bottom: 5px !important;
564 font-weight: bold;
565 }
566 .commentdate {
567 font-size: 0.8em;
568 margin-bottom: 5px;
569 color: #909090;
570 }
571 .required {
572 color: #ff0000;
573 }
574h2.title {
575 font-size: 1em !important;
576 text-transform: uppercase;
577 padding: 10px;
578 color: #565656;
579}
580.notfound {
581 padding: 40px;
582}
583 .notfound h2 {
584 font-size: 18px;
585 font-weight: normal;
586 margin-bottom: 10px;
587 }
588/** END miscellaneous **/
589
590/** BEGIN wordpress 2.7 comments **/
591#comments ol {
592 list-style-type: none;
593 clear: both;
594 padding: 0;
595 margin: 0;
596}
597 #comments .buffer {
598 padding: 10px;
599 }
600 #comments h2 {
601 font-size: 0.9em;
602 margin-bottom: 20px;
603 }
604 #comments ol li {
605 margin-bottom: 10px;
606 }
607 #comments ol li ul li {
608 border: 1px solid #e0e0e0;
609 padding: 10px;
610 }
611 #comments ol li .avatar {
612 float: right;
613 }
614 #comments ol li .comment-author {
615
616 }
617 #comments ol li .comment-author .fn {
618 font-weight: bold;
619 font-size: 1.2em;
620 }
621 #comments ol li .comment-meta {
622 font-size: 0.9em;
623 color: #999999;
624 margin: 5px 0 10px;
625 }
626 #comments ol li .reply {
627 font-size: 0.9em;
628 font-weight: bold;
629 padding-bottom: 10px;
630 }
631 #comments .children {
632 list-style-type: none;
633 }
634#comments .navigation {
635 padding: 0 10px 20px;
636 font-size: 0.9em;
637}
638 #comments .navigation a {
639 color: #999999;
640 padding: 3px 8px;
641 border: 1px solid #cccccc;
642 }
643 #comments .navigation a:hover {
644 color: #000000;
645 border-color: #000000;
646 text-decoration: none;
647 }
648#comments .says {
649 display: none;
650}
651/** END wordpress 2.7 comments **/
Note: See TracBrowser for help on using the repository browser.