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

Last change on this file since 44 was 44, checked in by luciano, 15 years ago
File size: 10.6 KB
RevLine 
[44]1/*
2Theme Name: Alpha
3Description: This theme and several hundred of others are available for free download at <a href="http://www.wordpresstemplates.com/">Wordpress Templates</a>.
4Author: ChiQ
5Author URI: http://www.wpthemedesigner.com/
6*/
7
8* {
9 margin: 0; padding: 0;
10}
11body {
12 text-align: center;
13 font: 12px Verdana;
14 color: #333333;
15 background: #ffffff url(images/header.gif) repeat-x 0 0;;
16}
17a {
18 text-decoration: none;
19 color: #FF9F00;
20}
21img {
22 border: 0;
23}
24.break {
25 font-size: 0;
26 width: 0; height: 0;
27 clear: both;
28}
29.alignleft {
30 float: left;
31 margin: 4px 10px 5px 0;
32}
33.alignright {
34 float: right;
35 margin: 4px 0 5px 10px;
36}
37.hidden {
38 display: none;
39}
40.noimage img {
41 display: none;
42}
43
44#wrapper {
45 width: 946px;
46 margin: auto auto;
47 text-align: left;
48}
49
50/** BEGIN header **/
51#header {
52 padding-bottom: 10px;
53}
54 #header ol {
55 list-style-type: none;
56 height: 30px;
57 float: left;
58 padding-left: 1px;
59 background: url(images/divider.gif) no-repeat 0 0;
60 }
61 #header ol li {
62 float: left;
63 text-transform: uppercase;
64 height: 30px;
65 padding-right: 1px;
66 background: url(images/divider.gif) no-repeat right 0;
67 font-size: 0.9em;
68 }
69 #header ol li a {
70 color: #333333;
71 display: block;
72 padding: 8px 10px 9px;
73 }
74 #header ol li a:hover {
75 background-color: #333333;
76 color: #FF9F00;
77 }
78 #header form {
79 float: right;
80 width: 220px; height: 22px;
81 background: url(images/search.gif) no-repeat 0 0;
82 margin-top: 3px;
83 }
84 #header input {
85 border: 1px solid #ffffff;
86 width: 180px;
87 margin: 2px 7px 0 2px;
88 float: left;
89 }
90 #header button {
91 width: 25px; height: 22px;
92 text-indent: -9999px;
93 border: 0;
94 background-color: transparent;
95 }
96 #header h1 {
97 clear: both;
98 text-transform: uppercase;
99 font-size: 2em;
100 float: left;
101 padding: 30px 0 20px;
102 }
103 #header h1 a {
104 color: #333333;
105 }
106 #header p {
107 float: right;
108 padding: 16px 100px 15px 10px;
109 background: url(images/avatar.gif) no-repeat 96% 0;
110 margin-top: 20px;
111 }
112 #header ul {
113 clear: both;
114 background: url(images/navigation.gif) no-repeat 0 0;
115 height: 32px;
116 list-style-type: none;
117 padding: 0 10px;
118 }
119 #header ul li {
120 float: left;
121 font-weight: bold;
122 text-transform: uppercase;
123 font-size: 0.9em;
124 padding-left: 1px;
125 background: url(images/navdivide.gif) no-repeat 0 3px;
126 }
127 #header ul li.f {
128 background: none;
129 }
130 #header ul li a {
131 color: #333333;
132 display: block;
133 padding: 10px 12px;
134 }
135 #header ul li a:hover {
136 color: #FF9F00;
137 }
138/** END header **/
139
140/** BEGIN home **/
141#home {
142 clear: both;
143 border-top: 4px solid #333333;
144 border-bottom: 4px solid #333333;
145 border-left: 1px solid #e1e1e1;
146 border-right: 1px solid #e1e1e1;
147 margin: 0 8px;
148}
149 #home #featured {
150 float: left;
151 width: 67%;
152 }
153 #home #featured h2 {
154 color: #FF9F00;
155 text-transform: uppercase;
156 font-size: 0.8em;
157 background: url(images/bullet.gif) no-repeat 10px 12px;
158 padding: 10px 10px 10px 25px;
159 border-width: 0 1px 1px 0;
160 border-color: #E1E1E1;
161 border-style: solid;
162 }
163 #home #featured .content {
164 padding: 10px;
165 border-right: 1px solid #e1e1e1;
166 background-color: #EEEEEE;
167 font-size: 0.9em;
168 }
169 #home #featured img {
170 float: left;
171 background-color: #ffffff;
172 padding: 4px;
173 border: 1px solid #DDDDDD;
174 margin: 0 10px 5px 0;
175 }
176 #home #featured h3 a {
177 color: #6699CC;
178 font-size: 18px;
179 font-weight: normal;
180 }
181 #home #featured .date {
182 color: #808080;
183 font-size: 0.9em;
184 padding: 5px 0;
185 }
186 #home #featured p {
187 margin-bottom: 5px;
188 }
189 #home #featured .details {
190 border-top: 1px solid #e1e1e1;
191 border-right: 1px solid #e1e1e1;
192 height: 30px;
193 font-size: 0.8em;
194 }
195 #home #featured .details .readmore {
196 float: left;
197 margin: 8px 15px 0;
198 font-weight: bold;
199 }
200 #home #featured .details .r {
201 float: right;
202 padding: 8px 8px 0;
203 }
204 #home #featured .details .r a {
205 font-weight: bold;
206 margin-right: 10px;
207 }
208 #home #featured .details .r .comments a {
209 padding-left: 14px;
210 background: url(images/comments.gif) no-repeat 0 2px;
211 }
212 #home #popular {
213 float: right;
214 width: 33%;
215 }
216 #home #popular h2 {
217 color: #FF9F00;
218 text-transform: uppercase;
219 font-size: 0.8em;
220 background: url(images/bullet.gif) no-repeat 10px 12px;
221 padding: 10px 10px 10px 25px;
222 border-bottom: 1px solid #e1e1e1;
223 }
224 #home #popular ul {
225 list-style-type: none;
226 padding: 20px 20px 10px;
227 }
228 #home #popular ul li {
229 border-bottom: 1px dotted #CCCCCC;
230 padding: 5px 0;
231 }
232 #home #popular ul li a {
233 color: #6699CC;
234 }
235 #home #popular ul li a:hover {
236
237 }
238/** END home **/
239
240/** BEGIN content **/
241#content {
242 clear: both;
243 margin-left: 8px;
244 width: 65.5%;
245 float: left;
246 border-width: 0 1px 1px;
247 border-style: solid;
248 border-color: #e1e1e1;
249 padding: 10px 0;
250}
251 #content .post {
252 font-size: 0.9em;
253 width: 46.5%;
254 float: left;
255 margin-left: 15px;
256 height: 275px;
257 }
258 #content .post h2 {
259 font-size: 1.6em;
260 font-weight: normal;
261 }
262 #content .post h2 a {
263 color: #7294C6;
264 }
265 #content .post .date {
266 color: #897C81;
267 font-size: 0.9em;
268 padding-top: 5px;
269 }
270 #content .post img {
271 border: 4px solid #CCBEC3;
272 float: left;
273 margin: 0 10px 5px 0;
274 height: 67px; width: auto;
275 }
276 #content .post p {
277 line-height: 1.3em;
278 margin-bottom: 10px;
279 }
280 #content .post .details {
281 border-width: 1px 0;
282 border-style: dotted;
283 border-color: #BEC6C0;
284 clear: both;
285 padding: 5px;
286 height: 15px;
287 }
288 #content .post .details .comments a {
289 color: #3A413C;
290 text-transform: uppercase;
291 float: left;
292 }
293 #content .post .details .readmore {
294 text-transform: uppercase;
295 float: right;
296 }
297/** END content **/
298
299/** BEGIN sidebar **/
300#sidebar {
301 margin-right: 4px;
302 width: 299px;
303 float: right;
304 padding-top: 10px;
305}
306 #sidebar .box {
307 width: 277px;
308 border-width: 0 1px 1px;
309 border-style: solid;
310 border-color: #e1e1e1;
311 padding: 10px;
312 clear: both;
313 margin-bottom: 15px;
314 }
315 #sidebar .box ul {
316 list-style-type: none;
317 }
318 #sidebar .box ul li {
319 border-bottom: 1px dotted #CCCCCC;
320 padding: 6px 8px;
321 }
322 #sidebar .box ul li a {
323 color: #333333;
324 }
325 #sidebar .box ul li a:hover {
326 color: #6699CC;
327 }
328 #sidebar .box img {
329 margin: 5px;
330 border: 1px dashed #BDBDBD;
331 }
332 #sidebar .video {
333 padding: 10px 0 10px 5px;
334 width: 292px;
335 }
336 #sidebar .video img {
337 border: 0;
338 }
339 #sidebar #mixed {
340 width: 299px; height: 90px;
341 background: url(images/mixed.gif) no-repeat 0 0;
342
343 }
344 #sidebar #mixed a {
345 color: #6699CC;
346 font-weight: bold;
347 }
348 #sidebar #mixed .rss {
349 padding: 17px 0 0 84px;
350 display: block;
351 }
352 #sidebar #mixed .email {
353 padding: 16px 0 0 42px;
354 display: block;
355 }
356 #sidebar #mixed input {
357 margin: 8px 10px 0 20px;
358 border: 1px solid #ffffff;
359 float: left;
360 width: 222px;
361 }
362 #sidebar #mixed button {
363 float: left;
364 text-indent: -9999px;
365 width: 30px; height: 24px;
366 border: 0;
367 margin-top: 5px;
368 background-color: transparent;
369 }
370 #sidebar #lists {
371 list-style-type: none;
372 border-bottom: 1px solid #333333;
373 border-top: 1px solid #e1e1e1;
374 border-right: 1px solid #e1e1e1;
375 height: 33px;
376 }
377 #sidebar #lists li {
378 float: left;
379 font-weight: bold;
380 font-size: 0.9em;
381 border-left: 1px solid #e1e1e1;
382 }
383 #sidebar #lists li a {
384 color: #333333;
385 padding: 10px 8px;
386 display: block;
387 }
388 #sidebar #lists li a:hover {
389 color: #FF9F00;
390 }
391 #sidebar h2 {
392 font-size: 0.9em;
393 padding: 10px 8px;
394 border-bottom: 1px solid #333333;
395 border-left: 1px solid #e1e1e1;
396 border-right: 1px solid #e1e1e1;
397 border-top: 1px solid #e1e1e1;
398 }
399 #sidebar .l {
400 width: 49%;
401 float: left;
402 }
403 #sidebar .r {
404 width: 49%;
405 float: right;
406 }
407 #sidebar .divided {
408
409 }
410 #sidebar .divided ul {
411 list-style-type: none;
412 border-width: 0 1px 1px;
413 border-style: solid;
414 border-color: #e1e1e1;
415 margin-bottom: 15px;
416 }
417 #sidebar .divided ul li {
418 border-top: 1px dotted #cccccc;
419 padding: 6px 8px;
420 }
421 #sidebar .divided ul li a {
422 color: #333333;
423 }
424 #sidebar .divided ul li a:hover {
425 color: #6699cc;
426 }
427 #sidebar .divided h2 {
428 font-size: 1em;
429 }
430/** END sidebar **/
431
432/** BEGIN footer **/
433#footer {
434 clear: both;
435 background: url(images/footer.gif) repeat-x 0 20px;
436 padding: 40px 0 0;
437 font-size: 0.8em;
438 color: #808080;
439 height: 50px;
440}
441 #footer div {
442 width: 946px;
443 margin: auto auto;
444 text-align: left;
445 }
446 #footer .l {
447 float: left;
448 }
449 #footer .r {
450 float: right;
451 }
452 #footer a {
453 color: #6699cc;
454 }
455/** END footer **/
456
457/** BEGIN misc **/
458#list3 a {
459 color: #333333;
460}
461#list3 a:hover {
462 color: #FF9F00;
463}
464#content .single {
465 padding: 10px;
466 font-size: 0.9em;
467}
468#content .single h2 {
469 padding-bottom: 15px;
470}
471#content .single h2 a {
472 color: #6699CC;
473}
474#content .single p {
475 margin-bottom: 10px;
476}
477#content .single h3 {
478 margin-bottom: 5px;
479 font-size: 1.3em;
480}
481#content .single ul {
482 padding-left: 15px;
483 margin-bottom: 10px;
484}
485#content .single ul li {
486 padding: 2px 0;
487}
488#content .single ol {
489 padding-left: 20px;
490 margin-bottom: 10px;
491}
492#content .single ol li {
493 padding: 2px 0;
494}
495#content .single blockquote {
496 font-style: italic;
497 padding: 10px;
498 background-color: #EEEEEE;
499 border-width: 1px 0;
500 border-style: solid;
501 border-color: #E3E3E3;
502 margin-bottom: 10px;
503}
504#content .single .details {
505 clear: both;
506 border-width: 1px 0;
507 border-style: dotted;
508 border-color: #B5B5B5;
509 text-transform: none !important;
510 line-height: 1.6em;
511 padding: 5px 0 !important;
512}
513 #content .single .details a {
514 margin: 0 !important;
515 font-weight: bold;
516 }
517 #content .single .details .l {
518 float: left;
519 width: 35%;
520 margin-bottom: 0 !important;
521 }
522 #content .single .details .r {
523 float: right;
524 width: 55%;
525 margin-bottom: 0 !important;
526 }
527#content .single {
528 border-bottom: 0 !important;
529}
530#content .single h2 {
531 font-size: 1.5em !important;
532 text-transform: none !important;
533 font-size: 1.5em;
534}
535#comments {
536 padding: 0 10px 20px;
537 font-size: 0.9em;
538}
539 #comments h2 {
540 margin: 10px 0;
541 font-size: 1.5em;
542 }
543 #comments p {
544 margin-bottom: 10px;
545 line-height: 1.5em;
546 }
547 #comments form {
548 padding-top: 20px;
549 }
550 #comments form p {
551 margin-bottom: 5px;
552 }
553 .commentdetails {
554 margin-top: 25px;
555 }
556 .commentauthor {
557 margin-bottom: 5px !important;
558 font-weight: bold;
559 }
560 .commentdate {
561 font-size: 0.8em;
562 margin-bottom: 5px;
563 color: #909090;
564 }
565 .required {
566 color: #ff0000;
567 }
568.sdetails {
569 clear: both;
570 font-size: 0.8em;
571 padding-top: 20px;
572}
573 .sdetails p {
574 margin-bottom: 5px !important;
575 color: #909090;
576 }
577 .sdetails a {
578 color: #909090;
579 }
580 .sdetails a:hover {
581 color: #282828;
582 }
583#respond {
584 padding-top: 20px;
585}
586#postnav {
587 font-size: 0.9em;
588 padding: 20px;
589}
590/** END misc **/
Note: See TracBrowser for help on using the repository browser.