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