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

Last change on this file since 44 was 44, checked in by luciano, 15 years ago
File size: 10.1 KB
RevLine 
[44]1/*
2Theme Name: WordPress Default
3Theme URI: http://wordpress.org/
4Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
5Version: 1.6
6Author: Michael Heilemann
7Author URI: http://binarybonsai.com/
8Tags: blue, custom header, fixed width, two columns, widgets
9Text Domain: kubrick
10
11 Kubrick v1.5
12 http://binarybonsai.com/kubrick/
13
14 This theme was designed and built by Michael Heilemann,
15 whose blog you will find at http://binarybonsai.com/
16
17 The CSS, XHTML and design is released under GPL:
18 http://www.opensource.org/licenses/gpl-license.php
19
20*/
21
22
23
24/* Begin Typography & Colors */
25body {
26 font-size: 62.5%; /* Resets 1em to 10px */
27 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
28 background: #d5d6d7 url('images/kubrickbgcolor.jpg');
29 color: #333;
30 text-align: center;
31 }
32
33#page {
34 background-color: white;
35 border: 1px solid #959596;
36 text-align: left;
37 }
38
39#header {
40 background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
41 }
42
43#headerimg {
44 margin: 7px 9px 0;
45 height: 192px;
46 width: 740px;
47 }
48
49#content {
50 font-size: 1.2em;
51 }
52
53.widecolumn .entry p {
54 font-size: 1.05em;
55 }
56
57.narrowcolumn .entry, .widecolumn .entry {
58 line-height: 1.4em;
59 }
60
61.widecolumn {
62 line-height: 1.6em;
63 }
64
65.narrowcolumn .postmetadata {
66 text-align: center;
67 }
68
69.thread-alt {
70 background-color: #f8f8f8;
71}
72.thread-even {
73 background-color: white;
74}
75.depth-1 {
76border: 1px solid #ddd;
77}
78
79.even, .alt {
80
81 border-left: 1px solid #ddd;
82}
83
84#footer {
85 background: #e7e7e7 url('images/kubrickfooter.jpg') no-repeat top;
86 border: none;
87 }
88
89small {
90 font-family: Arial, Helvetica, Sans-Serif;
91 font-size: 0.9em;
92 line-height: 1.5em;
93 }
94
95h1, h2, h3 {
96 font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
97 font-weight: bold;
98 }
99
100h1 {
101 font-size: 4em;
102 text-align: center;
103 }
104
105#headerimg .description {
106 font-size: 1.2em;
107 text-align: center;
108 }
109
110h2 {
111 font-size: 1.6em;
112 }
113
114h2.pagetitle {
115 font-size: 1.6em;
116 }
117
118#sidebar h2 {
119 font-family: 'Lucida Grande', Verdana, Sans-Serif;
120 font-size: 1.2em;
121 }
122
123h3 {
124 font-size: 1.3em;
125 }
126
127h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
128 text-decoration: none;
129 color: white;
130 }
131
132h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
133 color: #333;
134 }
135
136h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
137 text-decoration: none;
138 }
139
140.entry p a:visited {
141 color: #b85b5a;
142 }
143
144.sticky {
145 background: #f7f7f7;
146 padding: 0 10px 10px;
147 }
148.sticky h2 {
149 padding-top: 10px;
150 }
151
152.commentlist li, #commentform input, #commentform textarea {
153 font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
154 }
155.commentlist li ul li {
156 font-size: 1em;
157}
158
159.commentlist li {
160 font-weight: bold;
161}
162
163.commentlist li .avatar {
164 float: right;
165 border: 1px solid #eee;
166 padding: 2px;
167 background: #fff;
168 }
169
170.commentlist cite, .commentlist cite a {
171 font-weight: bold;
172 font-style: normal;
173 font-size: 1.1em;
174 }
175
176.commentlist p {
177 font-weight: normal;
178 line-height: 1.5em;
179 text-transform: none;
180 }
181
182#commentform p {
183 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
184 }
185
186.commentmetadata {
187 font-weight: normal;
188 }
189
190#sidebar {
191 font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
192 }
193
194small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
195 color: #777;
196 }
197
198code {
199 font: 1.1em 'Courier New', Courier, Fixed;
200 }
201
202acronym, abbr, span.caps
203{
204 font-size: 0.9em;
205 letter-spacing: .07em;
206 }
207
208a, h2 a:hover, h3 a:hover {
209 color: #06c;
210 text-decoration: none;
211 }
212
213a:hover {
214 color: #147;
215 text-decoration: underline;
216 }
217
218#wp-calendar #prev a, #wp-calendar #next a {
219 font-size: 9pt;
220 }
221
222#wp-calendar a {
223 text-decoration: none;
224 }
225
226#wp-calendar caption {
227 font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
228 text-align: center;
229 }
230
231#wp-calendar th {
232 font-style: normal;
233 text-transform: capitalize;
234 }
235/* End Typography & Colors */
236
237
238
239/* Begin Structure */
240body {
241 margin: 0 0 20px 0;
242 padding: 0;
243 }
244
245#page {
246 background-color: white;
247 margin: 20px auto;
248 padding: 0;
249 width: 760px;
250 border: 1px solid #959596;
251 }
252
253#header {
254 background-color: #73a0c5;
255 margin: 0 0 0 1px;
256 padding: 0;
257 height: 200px;
258 width: 758px;
259 }
260
261#headerimg {
262 margin: 0;
263 height: 200px;
264 width: 100%;
265 }
266
267.narrowcolumn {
268 float: left;
269 padding: 0 0 20px 45px;
270 margin: 0px 0 0;
271 width: 450px;
272 }
273
274.widecolumn {
275 padding: 10px 0 20px 0;
276 margin: 5px 0 0 150px;
277 width: 450px;
278 }
279
280.post {
281 margin: 0 0 40px;
282 text-align: justify;
283 }
284
285.post hr {
286 display: block;
287 }
288
289.widecolumn .post {
290 margin: 0;
291 }
292
293.narrowcolumn .postmetadata {
294 padding-top: 5px;
295 }
296
297.widecolumn .postmetadata {
298 margin: 30px 0;
299 }
300
301.widecolumn .smallattachment {
302 text-align: center;
303 float: left;
304 width: 128px;
305 margin: 5px 5px 5px 0px;
306}
307
308.widecolumn .attachment {
309 text-align: center;
310 margin: 5px 0px;
311}
312
313.postmetadata {
314 clear: both;
315}
316
317.clear {
318 clear: both;
319}
320
321#footer {
322 padding: 0;
323 margin: 0 auto;
324 width: 760px;
325 clear: both;
326 }
327
328#footer p {
329 margin: 0;
330 padding: 20px 0;
331 text-align: center;
332 }
333/* End Structure */
334
335
336
337/* Begin Headers */
338h1 {
339 padding-top: 70px;
340 margin: 0;
341 }
342
343h2 {
344 margin: 30px 0 0;
345 }
346
347h2.pagetitle {
348 margin-top: 30px;
349 text-align: center;
350}
351
352#sidebar h2 {
353 margin: 5px 0 0;
354 padding: 0;
355 }
356
357h3 {
358 padding: 0;
359 margin: 30px 0 0;
360 }
361
362h3.comments {
363 padding: 0;
364 margin: 40px auto 20px ;
365 }
366/* End Headers */
367
368
369
370/* Begin Images */
371p img {
372 padding: 0;
373 max-width: 100%;
374 }
375
376/* Using 'class="alignright"' on an image will (who would've
377 thought?!) align the image to the right. And using 'class="centered',
378 will of course center the image. This is much better than using
379 align="center", being much more futureproof (and valid) */
380
381img.centered {
382 display: block;
383 margin-left: auto;
384 margin-right: auto;
385 }
386
387img.alignright {
388 padding: 4px;
389 margin: 0 0 2px 7px;
390 display: inline;
391 }
392
393img.alignleft {
394 padding: 4px;
395 margin: 0 7px 2px 0;
396 display: inline;
397 }
398
399.alignright {
400 float: right;
401 }
402
403.alignleft {
404 float: left;
405 }
406/* End Images */
407
408
409
410/* Begin Lists
411
412 Special stylized non-IE bullets
413 Do not work in Internet Explorer, which merely default to normal bullets. */
414
415html>body .entry ul {
416 margin-left: 0px;
417 padding: 0 0 0 30px;
418 list-style: none;
419 padding-left: 10px;
420 text-indent: -10px;
421 }
422
423html>body .entry li {
424 margin: 7px 0 8px 10px;
425 }
426
427.entry ul li:before, #sidebar ul ul li:before {
428 content: "\00BB \0020";
429 }
430
431.entry ol {
432 padding: 0 0 0 35px;
433 margin: 0;
434 }
435
436.entry ol li {
437 margin: 0;
438 padding: 0;
439 }
440
441.postmetadata ul, .postmetadata li {
442 display: inline;
443 list-style-type: none;
444 list-style-image: none;
445 }
446
447#sidebar ul, #sidebar ul ol {
448 margin: 0;
449 padding: 0;
450 }
451
452#sidebar ul li {
453 list-style-type: none;
454 list-style-image: none;
455 margin-bottom: 15px;
456 }
457
458#sidebar ul p, #sidebar ul select {
459 margin: 5px 0 8px;
460 }
461
462#sidebar ul ul, #sidebar ul ol {
463 margin: 5px 0 0 10px;
464 }
465
466#sidebar ul ul ul, #sidebar ul ol {
467 margin: 0 0 0 10px;
468 }
469
470ol li, #sidebar ul ol li {
471 list-style: decimal outside;
472 }
473
474#sidebar ul ul li, #sidebar ul ol li {
475 margin: 3px 0 0;
476 padding: 0;
477 }
478/* End Entry Lists */
479
480
481
482/* Begin Form Elements */
483#searchform {
484 margin: 10px auto;
485 padding: 5px 3px;
486 text-align: center;
487 }
488
489#sidebar #searchform #s {
490 width: 108px;
491 padding: 2px;
492 }
493
494#sidebar #searchsubmit {
495 padding: 1px;
496 }
497
498.entry form { /* This is mainly for password protected posts, makes them look better. */
499 text-align:center;
500 }
501
502select {
503 width: 130px;
504 }
505
506#commentform input {
507 width: 170px;
508 padding: 2px;
509 margin: 5px 5px 1px 0;
510 }
511
512#commentform {
513 margin: 5px 10px 0 0;
514 }
515#commentform textarea {
516 width: 100%;
517 padding: 2px;
518 }
519#respond:after {
520 content: ".";
521 display: block;
522 height: 0;
523 clear: both;
524 visibility: hidden;
525 }
526#commentform #submit {
527 margin: 0 0 5px auto;
528 float: right;
529 }
530/* End Form Elements */
531
532
533
534/* Begin Comments*/
535.alt {
536 margin: 0;
537 padding: 10px;
538 }
539
540.commentlist {
541 padding: 0;
542 text-align: justify;
543 }
544
545.commentlist li {
546 margin: 15px 0 10px;
547 padding: 5px 5px 10px 10px;
548 list-style: none;
549
550 }
551.commentlist li ul li {
552 margin-right: -5px;
553 margin-left: 10px;
554}
555
556.commentlist p {
557 margin: 10px 5px 10px 0;
558}
559.children { padding: 0; }
560
561#commentform p {
562 margin: 5px 0;
563 }
564
565.nocomments {
566 text-align: center;
567 margin: 0;
568 padding: 0;
569 }
570
571.commentmetadata {
572 margin: 0;
573 display: block;
574 }
575/* End Comments */
576
577
578
579/* Begin Sidebar */
580#sidebar
581{
582 padding: 20px 0 10px 0;
583 margin-left: 545px;
584 width: 190px;
585 }
586
587#sidebar form {
588 margin: 0;
589 }
590/* End Sidebar */
591
592
593
594/* Begin Calendar */
595#wp-calendar {
596 empty-cells: show;
597 margin: 10px auto 0;
598 width: 155px;
599 }
600
601#wp-calendar #next a {
602 padding-right: 10px;
603 text-align: right;
604 }
605
606#wp-calendar #prev a {
607 padding-left: 10px;
608 text-align: left;
609 }
610
611#wp-calendar a {
612 display: block;
613 }
614
615#wp-calendar caption {
616 text-align: center;
617 width: 100%;
618 }
619
620#wp-calendar td {
621 padding: 3px 0;
622 text-align: center;
623 }
624
625#wp-calendar td.pad:hover { /* Doesn't work in IE */
626 background-color: #fff; }
627/* End Calendar */
628
629
630
631/* Begin Various Tags & Classes */
632acronym, abbr, span.caps {
633 cursor: help;
634 }
635
636acronym, abbr {
637 border-bottom: 1px dashed #999;
638 }
639
640blockquote {
641 margin: 15px 30px 0 10px;
642 padding-left: 20px;
643 border-left: 5px solid #ddd;
644 }
645
646blockquote cite {
647 margin: 5px 0 0;
648 display: block;
649 }
650
651.center {
652 text-align: center;
653 }
654
655.hidden {
656 display: none;
657 }
658
659.screen-reader-text {
660 position: absolute;
661 left: -1000em;
662}
663
664hr {
665 display: none;
666 }
667
668a img {
669 border: none;
670 }
671
672.navigation {
673 display: block;
674 text-align: center;
675 margin-top: 10px;
676 margin-bottom: 60px;
677 }
678/* End Various Tags & Classes*/
679
680
681
682/* Captions */
683.aligncenter,
684div.aligncenter {
685 display: block;
686 margin-left: auto;
687 margin-right: auto;
688}
689
690.wp-caption {
691 border: 1px solid #ddd;
692 text-align: center;
693 background-color: #f3f3f3;
694 padding-top: 4px;
695 margin: 10px;
696 -moz-border-radius: 3px;
697 -khtml-border-radius: 3px;
698 -webkit-border-radius: 3px;
699 border-radius: 3px;
700}
701
702.wp-caption img {
703 margin: 0;
704 padding: 0;
705 border: 0 none;
706}
707
708.wp-caption p.wp-caption-text {
709 font-size: 11px;
710 line-height: 17px;
711 padding: 0 4px 5px;
712 margin: 0;
713}
714/* End captions */
715
716
717/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
718 It won't be a stylish marriage, I can't afford a carriage.
719 But you'll look sweet upon the seat of a bicycle built for two." */
Note: See TracBrowser for help on using the repository browser.