Dotclear

source: themes/ductile/style.css @ 672:75106f792c0b

Revision 672:75106f792c0b, 22.1 KB checked in by kozlika, 14 years ago (diff)

Fin du nettoyage CSS3
Line 
1@charset "UTF-8";
2/* -- BEGIN LICENSE BLOCK ---------------------------------------
3# This file is part of Ductile, a theme for Dotclear
4#
5# Copyright (c) 2011 - Association Dotclear
6# Licensed under the GPL version 2.0 license.
7# See LICENSE file or
8# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
9#
10# -- END LICENSE BLOCK ----------------------------------------- */
11
12/* Infos
13Plan de cette feuille :
141. Structure, imports
152. Liens, html
163. Page
174. Haut de page
185. Wrapper, main, content
196. Billets
207. Commentaires et rétroliens
218. Sidebar
229. Footer
2310. Classes communes
2411. Pages spécifiques
2512. Clearers
26
27Couleurs :
28Typo: #222 courant, #4c4c85 commentaires
29Titres non cliquables: #14709e
30Liens: #666 courant, #ad3f4c titre billet et Lire la suite
31Fond formulaire comm: #eef
32Fond sidebar: #ededed
33
34Thanks to:
35Colorzilla wysiwyg gradient editor http://www.colorzilla.com/gradient-editor/
36Micro clearfix by Nicolas Gallagher http://nicolasgallagher.com/
37*/
38
39/* -----------------------------------------------------------------
40     1. STRUCTURE - IMPORTS
41------------------------------------------------------------------ */
42
43@import url(rebase.css);
44@import url(mediaqueries.css);
45
46/* ------------------------------------------------------- body */
47body {
48     background: #fff;
49     font-family: "New Century Schoolbook","Century Schoolbook", "Century Schoolbook L", Georgia, serif;
50     color: #222;
51     }
52
53/* ------------------------------------------------------------
54     2. LIENS & Complément balises HTML
55------------------------------------------------------------- */
56del {
57     color: #800000;
58     }
59blockquote {
60     border-left: 4px solid #ccc;
61     padding: 1px 1em .5em;
62     background: #f9f9f9;
63     }
64blockquote:before {
65     color: #ccc;
66     content: open-quote;
67     font-size: 4em;
68     display: block;
69     float: left;
70     }
71code, pre {
72     background: #efefef;
73     border-right: 1px solid #aaa;
74     border-bottom: 1px solid #aaa;
75     font-size: .81em;
76     }
77pre {
78     white-space: normal;
79     }
80a {
81     color: #686867;
82     }
83a:hover, a:focus {
84     background-color: #ebebee;
85     text-decoration: none;
86     }
87ul ul {
88     margin-top: 0;
89     }
90h2, h2 a {
91     font-weight: normal;
92     margin-top: .75em;
93     }
94/* ------------------------------------------------------------
95     3. PAGE
96------------------------------------------------------------- */
97
98#page {
99     position: relative;
100     }
101
102/* ------------------------------------------------------------
103     4. HAUT DE PAGE
104------------------------------------------------------------- */
105#header {
106     position: relative;
107     text-shadow: 0 1px 1px rgba(0,0,0,.2);
108     line-height: 1;
109     }
110#logo a img, #stickers a img {
111     border: none;
112     }
113h1 {
114     font-variant: small-caps;
115     }
116h1 a {
117     text-decoration: none;
118     color: #333;
119     }
120#blogdesc {
121     margin: 0 0 0 32px;
122     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
123     font-style: italic;
124     color: #686867;
125     text-shadow: none;
126     }
127.supranav, #prelude {
128     list-style-type: none;
129     line-height: 1.25;
130     font-size: .875em;
131     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
132     }
133.supranav li, #prelude li {
134     text-transform: uppercase;
135     vertical-align: top;
136     }
137.supranav {
138     clear: both;
139     }
140.supranav li a {
141     text-decoration: none;
142     white-space: nowrap;
143     margin-bottom: 4px;
144     background: transparent url(img/menu.png) no-repeat right top;
145     }
146.supranav li a:hover, 
147.supranav li a:active, 
148.supranav li a:focus {
149     background-color: #ebebee;
150     background-position: right -150px;
151     }
152.supranav li.active a {
153     background-position: right -150px;
154     color: #14709e;
155     }
156.supranav li a span {
157     display: block;
158     text-transform: none;
159     text-shadow: none;
160     font-family: "New Century Schoolbook","Century Schoolbook", "Century Schoolbook L", Georgia, serif;
161     font-style:italic;
162     }
163
164/* ------------------------------------------------------------
165     5. WRAPPER MAIN CONTENT
166------------------------------------------------------------- */
167#wrapper {
168     clear: both;
169     position: relative;
170     }
171#content {
172     padding-bottom: 2em;
173     }
174
175/* ------------------------------------------------------- content-info */
176#content-info {
177     font-size: .875em;
178     }
179#content-info h2 {
180     color: #14709e;
181     margin-top: 1em;
182     margin-bottom: .33em;
183     }
184#subcategories {
185     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
186     padding-top: 1em;
187     font-size: .875em;
188     }
189#subcategories h3, #subcategories ul {
190     display: inline;
191     padding-right: 1em;
192     }
193#subcategories h3 {
194     font-size: 1.1em;
195     font-variant: small-caps;
196     }
197#content-info p, 
198#content-info ul, 
199#subcategories ul {
200     margin: .5em 0;
201     padding: 0;
202     list-style-type: none;
203     }
204#subcategories li {
205     margin: 0;
206     display: inline;
207     padding-right: 1em;
208     }
209.feed-info {
210     color: #fff;
211     }
212.feed-info a {
213     font-size: .875em;
214     padding-top: .1em;
215     padding-bottom: .1em;
216     }
217/* ------------------------------------------------------- pagination, navlinks */
218.navlinks, 
219.pagination {
220     margin: 2em 0 1em 0;
221     padding: 4px 8px;
222     text-align: center;
223     font-size: .875em;
224     color: #000;
225     background: rgb(244,244,245);
226     background: -moz-linear-gradient(top, rgba(244,244,245,1) 0%, rgba(215,215,220,1) 100%);
227     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,245,1)), color-stop(100%,rgba(215,215,220,1)));
228     background: -webkit-linear-gradient(top, rgba(244,244,245,1) 0%,rgba(215,215,220,1) 100%);
229     background: -o-linear-gradient(top, rgba(244,244,245,1) 0%,rgba(215,215,220,1) 100%);
230     background: -ms-linear-gradient(top, rgba(244,244,245,1) 0%,rgba(215,215,220,1) 100%);
231     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f5', endColorstr='#d7d7dc',GradientType=0 );
232     background: linear-gradient(top, rgba(244,244,245,1) 0%,rgba(215,215,220,1) 100%);
233     -webkit-border-radius: 4px;
234     -moz-border-radius: 4px;
235     -o-border-radius: 4px;
236     -ms-border-radius: 4px;
237     -khtml-border-radius: 4px;
238     border-radius: 4px;
239     border-right: 1px solid #aaa;
240     border-bottom: 1px solid #ccc;
241     }
242.navlinks a, 
243.pagination a {
244     color: #333;
245     }
246
247/* ------------------------------------------------------------
248     6. BILLETS
249------------------------------------------------------------- */
250.post {
251     background: transparent url(img/filet.png) repeat-x left bottom;
252     }
253.day-date {
254     display: none;
255     }
256.post-title {
257     margin-bottom: .33em;
258     color: #14709e;
259     line-height: 1.17;
260     }
261.post-title a {
262     text-decoration: none;
263     color: #ad3f4c;
264     }
265.post-icon {   /* for entry short */
266     display: block;
267     float: left;
268     margin: .33em 1em .66em 0;
269     padding: 4px;
270     border: 1px solid #999;
271     -moz-box-shadow: 2px 2px 3px #ccc;
272     -webkit-box-shadow: 2px 2px 3px #ccc;
273     -o-box-shadow: 2px 2px 3px #ccc;
274     box-shadow: 2px 2px 3px #ccc;
275     }
276.short .post-content p {      /* for entry short */
277     margin-top: 0;
278     }
279.post h3,
280.post h4, 
281.post h5,
282.post h6 {
283     font-weight: normal;
284     color: #14709e;
285     }
286.post h3, .post h5 {
287     font-variant: small-caps;
288     }
289.post-content img, .post-excerpt img {
290     border: 1px solid #ccc;
291     max-width: 96%;
292     padding: 4px;
293     }
294.post-info, 
295.post-tags, 
296.post-info-co, 
297.read-it {
298     line-height: 1.2;   
299     margin: .33em 0;
300     }
301.post-attr {
302     margin-bottom: 1em;
303     }
304.post-info, 
305.post-tags {
306     font-size: .875em;
307     margin: 0;
308     background: #fff;
309     display: inline;
310     padding: 0 .66em 0 0;
311     }
312.post-info span + span {
313     padding-left: .5em;
314     }
315.post-breadcrumb-cat a {
316     padding-left: 24px;
317     background: transparent no-repeat left center url(img/breadcrumb-category.png);
318     }
319.post-cat a {
320     padding-left: 24px;
321     background: transparent no-repeat left center url(img/category.png);
322     }
323.permalink a {
324     padding-left: 20px;
325     background: transparent no-repeat left center url(img/link.png);
326     }
327.post-info .post-date {
328     padding-left: 28px;
329     background: transparent no-repeat 6px center url(img/date.png);
330     }
331.post-tags a {
332     padding-right: 1em;
333     padding-left: 14px;
334     background: transparent no-repeat left center url(img/tag.png);
335     }
336.post-tags li {
337     display: inline;
338     }
339.post-content {
340     padding-bottom: 9px;
341     }
342.post ul {
343     list-style-type: square;
344     margin-left: 0;
345     }
346.post ol {
347     margin-left: 0;
348     }
349.footnotes {
350     font-size: .875em;
351     }
352.footnotes h4 {
353     font-variant: normal;
354     font-weight: bold;
355     }
356.read-it {
357     text-align: right;
358     margin: 0 0 .25em 0;
359     }
360.read-it a {
361     color: #ad3f4c;
362     padding-left: .5em;
363     }
364.post-info-co {
365     margin: 0;
366     background: #fff;
367     display: inline;
368     font-size: 0.875em;
369     font-style: italic;
370     padding-right: .5em;
371     }
372.post-info-co a {
373     text-decoration: none;
374     padding-right: 1em;
375     padding-left: 28px;
376     background-color: #fff;
377     background-repeat: no-repeat;
378     background-position: left center;
379     }
380.post-info-co a.comment_count {
381     background-image: url(img/comment.png);
382     }
383.post-info-co a.ping_count {
384     background-image: url(img/ping.png);
385     }
386.post-info-co a.attach_count {
387     background-image: url(img/attach.png); 
388     }
389#attachments {
390     font-size: .875em;
391     border-bottom: 1px solid #999;
392     margin: 0 0 2em;
393     }
394#attachments h3 {
395     font-variant: small-caps;
396     font-weight: normal;
397     color: #686867;
398     }
399#attachments ul {
400     list-style-type: none;
401     margin: 0 0 1em;
402     padding: 0;
403     }
404#attachments ul li {
405     padding-left: 24px;
406     background: transparent url(img/download.png) no-repeat left .3em;
407     }
408
409/* ------------------------------------------------------------
410     7. COMMENTAIRES, PINGS
411------------------------------------------------------------- */
412
413/* ------------------------------------------------------- commentaires et rétroliens */
414#comments, 
415#ping-url, 
416#comment-form,
417#comments-feed { 
418     color: #333;
419     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
420     font-size: .875em;
421     clear: both;
422     }
423#comment-form, #ping-url {
424     padding: 1em;
425     background: #eef;
426     margin-top: 1em;
427     color: #333;
428     border: 1px solid #ddf;
429     }
430#pr {
431     padding: 1em;
432     border: 1px dashed #14709e;
433     margin-bottom: 1em;
434     }
435#comments h3, 
436#ping-url h3, 
437#pr h3, 
438#comment-form h3 { 
439     margin-top: 2em;
440     color: #666;
441     }
442#comment-form h3, #ping-url h3 {
443     margin-top: 0;
444     }
445#comments > ul { 
446     margin-left: 0;
447     padding-left: 0;
448     list-style-type: none;
449     }
450.comment, .ping {
451     clear: left;
452     margin-left: 0;
453     border-top: 1px solid #bbb;
454     }
455.comment-info { 
456     padding-bottom: .2em;
457     line-height: 1.25;
458     color: #686867;
459     font-family: "New Century Schoolbook","Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
460     }
461#comments .me { 
462     font-family: "New Century Schoolbook","Century Schoolbook", "Century Schoolbook L", Georgia, serif;
463     color: #14709e;
464     }
465.comment-number {
466     font-size: 2em;
467     font-weight: normal;
468     font-style: italic;
469     text-decoration: none;
470     font-family: "New Century Schoolbook","Century Schoolbook", "Century Schoolbook L", Georgia, serif;
471     color: #ad3f4c;
472     display: block;
473     width: 2em;
474     }
475.comment .comment-number {
476     background: transparent url(img/comm.png) right center no-repeat;
477     }
478.ping .comment-number {
479     background: transparent url(img/tb.png) right center no-repeat;
480     }
481#comments-feed {
482     border-top: 1px solid #bbb;
483     margin-top: 1.5em;
484     padding-top: 1em;
485     }
486
487/* ------------------------------------------------------- formulaire des commentaires */
488#comment-form fieldset { }
489.field { 
490     margin-bottom: 1em;
491     }
492.field label { 
493     display: block;
494     font-size: .875em;
495     color: #666;
496     text-indent: 6px;
497     }
498.field input, 
499.field textarea {
500     display: block;
501     font-size: 100%;
502     border: 1px solid #ccc;
503     padding: 4px;
504     background: #fff;
505     -webkit-border-radius: 3px; 
506     -moz-border-radius: 3px;
507     -o-border-radius: 3px;
508     -ms-border-radius: 3px;
509     -khtml-border-radius: 3px;
510     border-radius: 3px;
511     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
512     }
513.field textarea {
514     padding: .5em 1em;
515     }
516.field input:focus, 
517.field textarea:focus {
518     background: #fff;
519     }
520#comment-form input[type=submit], 
521#comment-form input[type=reset] {
522     color: #eee;
523     font-size: .875em;
524     display: inline-block;
525     text-transform: capitalize;
526     font-weight: bold;
527     text-align: center;
528     padding: .33em .66em;
529     text-shadow: 0 1px 1px rgba(0,0,0,.3);
530     background: rgb(119,119,119);
531     border: solid 1px #686867;
532     -webkit-border-radius: 5px;
533     -moz-border-radius: 5px;
534     -o-border-radius: 5px;
535     -ms-border-radius: 5px;
536     -khtml-border-radius: 5px;
537     border-radius: 5px;
538     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
539     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
540     -o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
541     box-shadow: 0 1px 2px rgba(0,0,0,.2);
542     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(119,119,119,1)), color-stop(100%, rgba(85,85,85,1)));
543     background: -webkit-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
544     background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
545     background: -o-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
546     background: -ms-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
547     background: linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
548     }
549#comment-form input[type=submit]:hover, #comment-form input[type=submit]:focus,
550#comment-form input[type=reset]:hover, #comment-form input[type=reset]:focus {
551     background: rgb(85,85,85);
552     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(85,85,85,1)), color-stop(100%, rgba(119,119,119,1)));
553     background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
554     background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
555     background: -o-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
556     background: -ms-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
557     background: linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
558     text-decoration: none;
559     }
560#c_content {
561     width: 95%;
562     padding: 4px;
563     }
564.form-help {
565     margin-top: 0;
566     font-size: .875em;
567     font-style: italic;
568     }
569#comments-feed { 
570     margin-top: 2em; 
571     }
572
573/* ------------------------------------------------------------
574     8. SIDEBAR
575------------------------------------------------------------- */
576
577#sidebar {
578     font-size: 0.875em;
579     }
580#sidebar img {
581     max-width: 100%;
582     }
583#sidebar h2 {
584     font-size: 1.1em;
585     margin: 0;
586     font-weight: normal;
587     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
588     color: #333;
589     }
590#sidebar h2.toggle {
591     background: url(img/plus.png) no-repeat left center;
592     padding-left: 16px;
593     }
594#sidebar h2.expanded {
595     background-image: url(img/minus.png);
596     }
597#sidebar h2.toggle a {
598     text-decoration: none;
599     }
600#sidebar h3 {
601     font-size: 1em;
602     margin-bottom: 0;
603     font-weight: normal;
604     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
605     color: #333;
606     }
607#sidebar ul {
608     margin: .75em 0 .5em 4px;
609     list-style-type: none;
610     padding: 0;
611     }
612#sidebar ul li ul {
613     margin-top: 0;
614     margin-bottom: 0;
615     }
616#sidebar li {
617     padding-left: 16px;
618     background: transparent url(img/square.png) no-repeat 0 .5em;
619     }
620#sidebar ul li ul li {
621     background-image: url(img/square2.png);
622     }
623#sidebar ul li ul li ul li {
624     background-image: url(img/square3.png);
625     }
626#sidebar .syndicate li {
627     background-image: none;
628     padding-left: 0;
629     }
630#blognav > div, 
631#blogextra > div {
632     background: #ededed;
633     margin-bottom: 1em;
634     padding: 4px 8px;
635     -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
636     -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
637     -o-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
638     box-shadow: 2px 2px 4px rgba(0,0,0,.2);
639     }
640.category-current {
641     font-weight: bold;
642     }
643     
644/* ------------------------------------------------------- recherche */
645#search p {
646     background: #fff; 
647     text-align: right;
648     border: 1px solid #ddd;
649     vertical-align: middle;
650     padding: 0;
651     }
652#search input { 
653     margin: 0;
654     border: none;
655     background: transparent;
656     height: auto;
657     line-height: 2em;
658     }
659#q {
660     float: left;
661     width: 78%;
662     font-size: 100%;
663     padding-left: 2px;
664     }
665#q:focus {
666     background: #fcfcf9;
667     }
668#search .submit {
669     background: #706F6F;
670     color: #fff;
671     vertical-align: top;
672     width: 20%;
673     font-variant: small-caps;
674     height: 2em;
675     }
676#search .submit:hover, 
677#search .submit:focus {
678     background: #333;
679     }
680     
681/* ------------------------------------------------------------
682     9. FOOTER
683------------------------------------------------------------- */
684
685#footer {
686     clear: both;
687     background: #686867;
688     color: #fff;
689     font-size: .875em;
690     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
691     }
692#footer p {
693     padding: .66em 2em;
694     margin: 0;
695     text-align: right;
696     }
697#footer a {
698     color: #fff;
699     }
700#footer a:hover, 
701#footer a:focus {
702     background-color: #686867;
703     }
704#stickers {
705     list-style-type: none;
706     margin: 0;
707     }
708/* ------------------------------------------------------------
709     10. CLASSES COMMUNES
710------------------------------------------------------------- */
711/* ------------------------------------------------------- RSS */
712.feed {
713     padding-left: 22px;
714     background: transparent url(img/feed.png) no-repeat left center;
715     }
716/* ------------------------------------------------------- tags */
717.dc-tags .content-inner, 
718.dc-tags .content-inner ul {
719     font-size: 1.25em;
720     margin: 0;
721     padding: 0;
722     }
723.dc-tags #content ul li, 
724.dc-tags #content ul li a, 
725#sidebar .tags ul li, 
726#sidebar .tags ul li a {
727     display: inline;
728     width: auto;
729     padding-left: 0;
730     padding-right: .5em;
731     background-color: transparent;
732     background-image: none;
733     text-decoration: none;
734     line-height: 1.5em;
735     }
736.tags ul li a:hover {
737     background-image: none;
738     }
739.dc-tags .tag0, .tags .tag0 {
740     font-size: 85%;
741     }
742.dc-tags .tag10, .tags .tag10 {
743     font-size: 90%;
744     }
745.dc-tags .tag20, .tags .tag20 {
746     font-size: 95%;
747     }
748.dc-tags .tag30, .tags .tag30 {
749     font-size: 100%;
750     }
751.dc-tags .tag40, .tags .tag40 {
752     font-size: 105%;
753     }
754.dc-tags .tag50, .tags .tag50 {
755     font-size: 110%;
756     }
757.dc-tags .tag60, .tags .tag60 {
758     font-size: 115%;
759     }
760.dc-tags .tag70, .tags .tag70 {
761     font-size: 120%;
762     }
763.dc-tags .tag80, .tags .tag80 {
764     font-size: 125%;
765     }
766.dc-tags .tag90, .tags .tag90 {
767     font-size: 130%;
768     }
769.dc-tags .tag100, .tags .tag100 {
770     font-size: 135%;
771     }
772/* ------------------------------------------------------- messages d'erreur */
773.error {
774     border: 1px solid #c44;
775     background: #df0;
776     padding: 0.5em;
777     }
778.error ul {
779     padding-left: 20px;
780     }
781.error li {
782     list-style: square;
783     }
784/* ------------------------------------------------------- class à dispo pour billets */
785.left {
786     float: left;
787     margin-right: 1em;
788     }
789.right {
790     float: right;
791     margin-left: 1em;
792     }
793.center {
794     margin-left: auto;
795     margin-right: auto;
796     }
797.left-text {
798     text-align: left;
799     }
800.right-text {
801     text-align: right;
802     }
803.center-text {
804     text-align: center;
805     }
806.little-text {
807     font-size: .875em;
808     }
809.little-upper-text {
810     font-size: .875em;
811     text-transform: uppercase;
812     }
813hr.hidden {
814     background: #fff;
815     color: #fff;
816     border-color: #fff;
817     margin: 0;
818     }
819/* ------------------------------------------------------------
820     11. PAGES SPECIFIQUES
821------------------------------------------------------------- */
822
823.dc-home { }
824.dc-post { }
825.dc-category { }
826
827/* ---------------------------------------------------------------- archives */
828.arch-block {
829     display: inline-block;
830     margin: 0 0 2em 4em;
831     vertical-align: top;
832     }
833.arch-block:first-child {
834     margin-left: 0;
835     }
836.arch-block h3 {
837     margin-bottom: 1em;
838     font-size: 1.2em;
839     font-style: italic;
840     font-weight: normal;
841     text-transform: lowercase;
842     color: #14709e;
843     }
844.arch-block h4 {
845     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
846     font-weight: normal;
847     font-size: 1.1em;
848     margin-bottom: 0;
849     margin-top: 0;
850     }
851.arch-block ul {
852     list-style-type: none;
853     margin: 0;
854     padding: 0;
855     }
856.arch-block ul ul {
857     margin-left: 20px;
858     }
859#time-criteria h3:first-child {
860     margin-top: 0;
861     }
862#by-date {
863     margin-right: 0;
864     margin-bottom: 1em;
865     margin-top: 2em;
866     }
867#by-date h3 {
868     margin-bottom: 0;
869     }
870.fromto {
871     margin-top: 0;
872     margin-bottom: 1.5em;
873     font-size: .875em;
874     font-style: italic;
875     }
876#by-date div {
877     display: inline-block;
878     vertical-align: top;
879     margin: 0;
880     width: 10em;
881     }
882#by-date ul {
883     margin-bottom: 1.5em;
884     }
885#by-date span {
886     font-size: .875em;
887     }
888#by-cat ul {
889     background: transparent url(img/vline.png) repeat-y;
890     }
891#by-cat ul ul {
892     margin: .5em 0 0 .5em;
893     }
894#by-cat ul li {
895     padding: .2em .2em .2em 20px;
896     background: transparent url(img/hline.png) no-repeat left .82em;
897     }
898#by-cat ul li:last-child {
899     background-image: url(img/last-hline.png);
900     }
901#by-tag {
902     width: 18em;
903     }
904#by-tag ul li {
905     display: inline;
906     padding-right: 1em;
907     }
908#by-tag .tag0 {
909     color: #909090;
910     font-size: 90%;
911     }
912#by-tag .tag10 {
913     color: #828282;
914     font-size: 92%;
915     }
916#by-tag .tag20 {
917     color: #737373;
918     font-size: 94%;
919     }
920#by-tag .tag30 {
921     color: #656565;
922     font-size: 96%;
923     }
924#by-tag .tag40 {
925     color: #484848;
926     font-size: 98%;
927     }
928#by-tag .tag50 {
929     color: #3A3A3A;
930     font-size: 100%;
931     }
932#by-tag .tag60 {
933     color: #2B2B2B;
934     font-size: 102%;
935     }
936#by-tag .tag70 {
937     color: #1D1D1D;
938     font-size: 104%;
939     }
940#by-tag .tag80 {
941     color: #0E0E0E;
942     font-size: 106%;
943     }
944#by-tag .tag90 {
945     color: #030303;
946     font-size: 108%;
947     }
948#by-tag .tag100 {
949     color: #000;
950     font-size: 110%;
951     }
952.dc-archive #search {
953     padding: 4px;
954     }
955.dc-archive #blogextra div {
956     background-color: transparent;
957     margin-bottom: 1em;
958     padding: 4px;
959     border: 1px solid #ccc;
960     -webkit-box-shadow: none;
961     -moz-box-shadow: none;
962     -o-box-shadow: none;
963     box-shadow: none;
964     }
965.dc-archive #blogextra h2 {
966     margin-bottom: .33em;
967     }   
968.dc-archive-month h2.post-title {
969     font-size: 1.3em;
970     }
971/* ---------------------------------------------------------------- 404 */
972.dc-404 #content-info {
973     padding-bottom: 200px;
974     background: transparent url(img/404.png) no-repeat bottom center;
975     }
976.dc-404 .content-inner ul {
977     margin-left: 0;
978     padding-left: 0;
979     list-style-type: none;
980     }
981.dc-404 .content-inner h3 {
982     font-size: 1.1em;
983     font-variant: small-caps;
984     }
985/* ---------------------------------------------------------------- search */
986.dc-search #content-info em {
987     color: #14709e;
988     }
989/* ---------------------------------------------------
990  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
991--------------------------------------------------- */
992.post, 
993.pagination,
994.navlinks,
995.footnotes, 
996#attachments,
997.read-it, 
998.post-info-co, 
999#comments, #footer,
1000.clearer {
1001     clear: both;
1002     }
1003.post-content:before, .post-content:after {
1004     content: "";
1005     display: table;
1006     }
1007.post-content:after {
1008     clear: both;
1009     }
1010.post:before, .post:after {
1011     content: "";
1012     display: table;
1013     }
1014.post:after {
1015     clear:both;
1016     }
1017
1018/* ================================================
1019     personnalisations blog chantier
1020================================================ */
1021.post-content img, .post-excerpt img {
1022     border: 1px solid #ccc;
1023     padding: 4px;
1024     max-width: 96%;
1025     }
Note: See TracBrowser for help on using the repository browser.

Sites map