Dotclear

source: themes/ductile/style.css @ 2901:dbcee3dd5b0c

Revision 2901:dbcee3dd5b0c, 22.2 KB checked in by franck <carnet.franck.paul@…>, 11 years ago (diff)

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

Sites map