Dotclear

source: themes/ductile/style.css @ 1098:256e8223c84e

Revision 1098:256e8223c84e, 22.3 KB checked in by franck <carnet.franck.paul@…>, 12 years ago (diff)

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

Sites map