Dotclear

source: themes/ductile/style.css @ 697:8d012f4cdc51

Revision 697:8d012f4cdc51, 22.9 KB checked in by kozlika, 14 years ago (diff)

Ductile: simplification, suite : réduction du nombre d'icônes, regroupement en sprites. Reste post-info mais j'attends des nouvelles de la compat licence (poke Lomalarch)
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     -webkit-border-radius: 4px;
253     -moz-border-radius: 4px;
254     -o-border-radius: 4px;
255     -ms-border-radius: 4px;
256     -khtml-border-radius: 4px;
257     border-radius: 4px;
258     border-right: 1px solid #aaa;
259     border-bottom: 1px solid #ccc;
260     }
261.navlinks a, 
262.pagination a {
263     color: #333;
264     }
265
266/* ------------------------------------------------------------
267     6. BILLETS
268------------------------------------------------------------- */
269.post {
270     background: transparent url(img/filet.png) repeat-x left bottom;
271     }
272.day-date {
273     display: none;
274     }
275.post-title {
276     margin-bottom: .33em;
277     color: #14709e;
278     line-height: 1.17;
279     }
280.post-title a {
281     text-decoration: none;
282     color: #ad3f4c;
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     -moz-box-shadow: 2px 2px 3px #ccc;
291     -webkit-box-shadow: 2px 2px 3px #ccc;
292     -o-box-shadow: 2px 2px 3px #ccc;
293     box-shadow: 2px 2px 3px #ccc;
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-info span + span {
336     padding-right: .5em;
337     }
338.post-cat {
339     padding-left: 24px;
340     background: transparent no-repeat left center url(img/category.png);
341     }
342.permalink a {
343     padding-left: 20px;
344     background: transparent no-repeat left center url(img/link.png);
345     }
346.post-tags a {
347     padding-right: 1em;
348     padding-left: 14px;
349     background: transparent no-repeat left center url(img/tag.png);
350     }
351.post-tags li {
352     display: inline;
353     }
354.post-content {
355     padding-bottom: 9px;
356     }
357.post ul {
358     list-style-type: square;
359     margin-left: 1em;
360     }
361.post ol {
362     margin-left: 1em;
363     }
364.footnotes {
365     font-size: .875em;
366     }
367.footnotes h4 {
368     font-variant: normal;
369     font-weight: bold;
370     }
371.read-it {
372     text-align: right;
373     margin: 0 0 .5em 0;
374     }
375.read-it a {
376     color: #ad3f4c;
377     padding-left: .5em;
378     }
379.post-info-co {
380     margin: 0;
381     background: #fff;
382     display: inline;
383     font-size: 0.875em;
384     font-style: italic;
385     padding-right: .5em;
386     }
387.post-info-co a {
388     text-decoration: none;
389     padding-right: 1em;
390     padding-left: 20px;
391     }
392.post-info-co a.comment_count {
393     background: url(img/info-co.png) no-repeat left .25em;
394     }
395.post-info-co a.ping_count {
396     background: url(img/info-co.png) no-repeat left center;
397     }
398.post-info-co a.attach_count {
399     background: url(img/info-co.png) no-repeat left -126px;
400     }
401#attachments {
402     font-size: .875em;
403     border-bottom: 1px solid #999;
404     margin: 0 0 2em;
405     }
406#attachments h3 {
407     font-variant: small-caps;
408     font-weight: normal;
409     color: #686867;
410     }
411#attachments ul {
412     list-style-type: none;
413     margin: 0 0 1em;
414     padding: 0;
415     }
416#attachments ul li {
417     padding-left: 28px;
418     background: transparent url(img/download.png) no-repeat left -2px;
419     }
420
421/* ------------------------------------------------------------
422     7. COMMENTAIRES, PINGS
423------------------------------------------------------------- */
424
425/* ------------------------------------------------------- commentaires et rétroliens */
426#comments, 
427#ping-url, 
428#comment-form,
429#comments-feed { 
430     color: #333;
431     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
432     font-size: .875em;
433     clear: both;
434     }
435#comment-form, #ping-url {
436     padding: 1em;
437     background: #eef;
438     margin-top: 1em;
439     color: #333;
440     border: 1px solid #ddf;
441     }
442#pr {
443     padding: 1em;
444     border: 1px dashed #14709e;
445     margin-bottom: 1em;
446     }
447#comments h3, 
448#ping-url h3, 
449#pr h3, 
450#comment-form h3 { 
451     margin-top: 2em;
452     color: #666;
453     }
454#comment-form h3, #ping-url h3 {
455     margin-top: 0;
456     }
457#comments > ul { 
458     margin-left: 0;
459     padding-left: 0;
460     list-style-type: none;
461     }
462.comment, .ping {
463     clear: left;
464     margin-left: 0;
465     border-top: 1px solid #bbb;
466     }
467.comment-info { 
468     padding-bottom: .2em;
469     line-height: 1.25;
470     color: #686867;
471     font-family: "New Century Schoolbook","Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
472     }
473#comments .me { 
474     font-family: "New Century Schoolbook","Century Schoolbook", "Century Schoolbook L", Georgia, serif;
475     color: #14709e;
476     }
477.comment-number {
478     font-size: 2em;
479     font-weight: normal;
480     font-style: italic;
481     text-decoration: none;
482     font-family: "New Century Schoolbook","Century Schoolbook", "Century Schoolbook L", Georgia, serif;
483     color: #ad3f4c;
484     display: block;
485     width: 2em;
486     }
487.comment .comment-number {
488     background: transparent url(img/info-co.png) right .25em no-repeat;
489     }
490.ping .comment-number {
491     background: transparent url(img/info-co.png) right center no-repeat;
492     }
493#comments-feed {
494     border-top: 1px solid #bbb;
495     margin-top: 1.5em;
496     padding-top: 1em;
497     }
498
499/* ------------------------------------------------------- formulaire des commentaires */
500#comment-form fieldset { }
501.field { 
502     margin-bottom: 1em;
503     }
504.field label { 
505     display: block;
506     font-size: .875em;
507     color: #666;
508     text-indent: 6px;
509     }
510.field input, 
511.field textarea {
512     display: block;
513     font-size: 100%;
514     border: 1px solid #ccc;
515     padding: 4px;
516     background: #fff;
517     -webkit-border-radius: 3px; 
518     -moz-border-radius: 3px;
519     -o-border-radius: 3px;
520     -ms-border-radius: 3px;
521     -khtml-border-radius: 3px;
522     border-radius: 3px;
523     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
524     }
525.field textarea {
526     padding: .5em 1em;
527     }
528.field input:focus, 
529.field textarea:focus {
530     background: #fff;
531     }
532#comment-form input[type=submit], 
533#comment-form input[type=reset] {
534     color: #eee;
535     font-size: .875em;
536     display: inline-block;
537     text-transform: capitalize;
538     font-weight: bold;
539     text-align: center;
540     padding: .33em .66em;
541     text-shadow: 0 1px 1px rgba(0,0,0,.3);
542     background: rgb(119,119,119);
543     border: solid 1px #686867;
544     -webkit-border-radius: 5px;
545     -moz-border-radius: 5px;
546     -o-border-radius: 5px;
547     -ms-border-radius: 5px;
548     -khtml-border-radius: 5px;
549     border-radius: 5px;
550     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
551     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
552     -o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
553     box-shadow: 0 1px 2px rgba(0,0,0,.2);
554     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)));
555     background: -webkit-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
556     background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
557     background: -o-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
558     background: -ms-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
559     background: linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
560     }
561#comment-form input[type=submit]:hover, #comment-form input[type=submit]:focus,
562#comment-form input[type=reset]:hover, #comment-form input[type=reset]:focus {
563     background: rgb(85,85,85);
564     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)));
565     background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
566     background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
567     background: -o-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
568     background: -ms-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
569     background: linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
570     text-decoration: none;
571     }
572#c_content {
573     width: 95%;
574     padding: 4px;
575     }
576.form-help {
577     margin-top: 0;
578     font-size: .875em;
579     font-style: italic;
580     }
581#comments-feed { 
582     margin-top: 2em; 
583     }
584
585/* ------------------------------------------------------------
586     8. SIDEBAR
587------------------------------------------------------------- */
588
589#sidebar {
590     font-size: 0.875em;
591     }
592#sidebar img {
593     max-width: 100%;
594     }
595#sidebar h2 {
596     font-size: 1.1em;
597     margin: 0;
598     font-weight: normal;
599     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
600     color: #333;
601     }
602#sidebar h2.toggle {
603     background: url(img/minus-plus.png) no-repeat left -82px;
604     padding-left: 16px;
605     }
606#sidebar h2.expanded {
607     background: url(img/minus-plus.png) no-repeat left 6px;
608     }
609#sidebar h2.toggle a {
610     text-decoration: none;
611     }
612#sidebar h3 {
613     font-size: 1em;
614     margin-bottom: 0;
615     font-weight: normal;
616     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
617     color: #333;
618     }
619#sidebar ul {
620     margin: .75em 0 .5em 4px;
621     list-style-type: none;
622     padding: 0;
623     }
624#sidebar ul li ul {
625     margin-top: 0;
626     margin-bottom: 0;
627     }
628#sidebar li {
629     padding-left: 16px;
630     background: transparent url(img/squares.png) no-repeat 0 .5em;
631     }
632#sidebar ul li ul li {
633     background: transparent url(img/squares.png) no-repeat 0 center;
634     }
635#sidebar ul li ul li ul li {
636     background: transparent url(img/squares.png) no-repeat 0 center;
637     }
638#sidebar .syndicate li {
639     background-image: none;
640     padding-left: 0;
641     }
642#blognav > div, 
643#blogextra > div {
644     background: #ededed;
645     margin-bottom: 1em;
646     padding: 4px 8px;
647     -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
648     -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
649     -o-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
650     box-shadow: 2px 2px 4px rgba(0,0,0,.2);
651     }
652.category-current {
653     font-weight: bold;
654     }
655     
656/* ------------------------------------------------------- recherche */
657#search p {
658     background: #fff; 
659     text-align: right;
660     border: 1px solid #ddd;
661     vertical-align: middle;
662     padding: 0;
663     }
664#search input { 
665     margin: 0;
666     border: none;
667     background: transparent;
668     height: auto;
669     line-height: 2em;
670     }
671#q {
672     float: left;
673     width: 78%;
674     font-size: 100%;
675     padding-left: 2px;
676     }
677#q:focus {
678     background: #fcfcf9;
679     }
680#search .submit {
681     background: #706F6F;
682     color: #fff;
683     vertical-align: top;
684     width: 20%;
685     font-variant: small-caps;
686     height: 2em;
687     }
688#search .submit:hover, 
689#search .submit:focus {
690     background: #333;
691     }
692     
693/* ------------------------------------------------------------
694     9. FOOTER
695------------------------------------------------------------- */
696
697#footer {
698     clear: both;
699     background: #686867;
700     color: #fff;
701     font-size: .875em;
702     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
703     }
704#footer p {
705     padding: .66em 2em;
706     margin: 0;
707     text-align: right;
708     }
709#footer a {
710     color: #fff;
711     }
712#footer a:hover, 
713#footer a:focus {
714     background-color: #333;
715     }
716#blogcustom {
717     clear: both;
718     text-align: center;
719     background-color: #ededed;
720     color: #333;
721     border-bottom: 1px solid #999;
722     }
723#blogcustom h2 {
724     font-size: 1.2em;
725     }
726#blogcustom a:link, #blogcustom a:visited {
727     color: #666;
728     }
729#blogcustom > div {
730     display: inline-block;
731     text-align: left;
732     vertical-align: top;
733     width: 294px;
734     padding: 12px;
735     }
736#blogcustom div.feed {
737     background-image: none;
738     }
739#blogcustom img {
740     max-width: 100%;
741     }
742#blogcustom ul {
743     padding: .66em 1em 0;
744     margin: 0;
745     text-align: left;
746     line-height: 1.75;
747     }
748#blogcustom li {
749     padding-left: 0;
750     margin-left: 0;
751     }
752#blogcustom .syndicate ul,
753#blogcustom .tags ul {
754     list-style-type: none;
755     padding-left: 0;
756     }
757#stickers {
758     list-style-type: none;
759     margin: 0;
760     }
761/* ------------------------------------------------------------
762     10. CLASSES COMMUNES
763------------------------------------------------------------- */
764/* ------------------------------------------------------- RSS */
765.feed {
766     padding-left: 22px;
767     background: transparent url(img/feed.png) no-repeat left center;
768     }
769/* ------------------------------------------------------- tags */
770.dc-tags .content-inner, 
771.dc-tags .content-inner ul {
772     font-size: 1.25em;
773     margin: 0;
774     padding: 0;
775     }
776.dc-tags #content ul li, 
777.dc-tags #content ul li a,
778#blogcustom .tags ul li, 
779#blogcustom .tags ul li a, 
780#sidebar .tags ul li, 
781#sidebar .tags ul li a {
782     display: inline;
783     width: auto;
784     padding-left: 0;
785     padding-right: .5em;
786     background-color: transparent;
787     background-image: none;
788     text-decoration: none;
789     line-height: 1.5em;
790     }
791.tags ul li a:hover {
792     background-image: none;
793     }
794.dc-tags .tag0, .tags .tag0 {
795     font-size: 85%;
796     }
797.dc-tags .tag10, .tags .tag10 {
798     font-size: 90%;
799     }
800.dc-tags .tag20, .tags .tag20 {
801     font-size: 95%;
802     }
803.dc-tags .tag30, .tags .tag30 {
804     font-size: 100%;
805     }
806.dc-tags .tag40, .tags .tag40 {
807     font-size: 105%;
808     }
809.dc-tags .tag50, .tags .tag50 {
810     font-size: 110%;
811     }
812.dc-tags .tag60, .tags .tag60 {
813     font-size: 115%;
814     }
815.dc-tags .tag70, .tags .tag70 {
816     font-size: 120%;
817     }
818.dc-tags .tag80, .tags .tag80 {
819     font-size: 125%;
820     }
821.dc-tags .tag90, .tags .tag90 {
822     font-size: 130%;
823     }
824.dc-tags .tag100, .tags .tag100 {
825     font-size: 135%;
826     }
827/* ------------------------------------------------------- messages d'erreur */
828.error {
829     border: 1px solid #c44;
830     background: #df0;
831     padding: 0.5em;
832     }
833.error ul {
834     padding-left: 20px;
835     }
836.error li {
837     list-style: square;
838     }
839/* ------------------------------------------------------- class à dispo pour billets */
840.left {
841     float: left;
842     margin-right: 1em;
843     }
844.right {
845     float: right;
846     margin-left: 1em;
847     }
848.center {
849     margin-left: auto;
850     margin-right: auto;
851     }
852.left-text {
853     text-align: left;
854     }
855.right-text {
856     text-align: right;
857     }
858.center-text {
859     text-align: center;
860     }
861.little-text {
862     font-size: .875em;
863     }
864.little-upper-text {
865     font-size: .875em;
866     text-transform: uppercase;
867     }
868hr.hidden {
869     background: #fff;
870     color: #fff;
871     border-color: #fff;
872     margin: 0;
873     }
874/* ------------------------------------------------------------
875     11. PAGES SPECIFIQUES
876------------------------------------------------------------- */
877
878.dc-home { }
879.dc-post { }
880.dc-category { }
881
882/* ---------------------------------------------------------------- archives */
883.arch-block {
884     display: inline-block;
885     margin: 0 0 2em 4em;
886     vertical-align: top;
887     }
888.arch-block:first-child {
889     margin-left: 0;
890     }
891.arch-block h3 {
892     margin-bottom: 1em;
893     font-size: 1.2em;
894     font-style: italic;
895     font-weight: normal;
896     text-transform: lowercase;
897     color: #14709e;
898     }
899.arch-block h4 {
900     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
901     font-weight: normal;
902     font-size: 1.1em;
903     margin-bottom: 0;
904     margin-top: 0;
905     }
906.arch-block ul {
907     list-style-type: none;
908     margin: 0;
909     padding: 0;
910     }
911.arch-block ul ul {
912     margin-left: 20px;
913     }
914#time-criteria h3:first-child {
915     margin-top: 0;
916     }
917#by-date {
918     margin-right: 0;
919     margin-bottom: 1em;
920     margin-top: 2em;
921     }
922#by-date h3 {
923     margin-bottom: 0;
924     }
925.fromto {
926     margin-top: 0;
927     margin-bottom: 1.5em;
928     font-size: .875em;
929     font-style: italic;
930     }
931#by-date div {
932     display: inline-block;
933     vertical-align: top;
934     margin: 0;
935     width: 10em;
936     }
937#by-date ul {
938     margin-bottom: 1.5em;
939     }
940#by-date span {
941     font-size: .875em;
942     }
943#by-cat ul {
944     background: transparent url(img/vline.png) repeat-y;
945     }
946#by-cat ul ul {
947     margin: .5em 0 0 .5em;
948     }
949#by-cat ul li {
950     padding: .2em .2em .2em 20px;
951     background: transparent url(img/hline.png) no-repeat left .82em;
952     }
953#by-cat ul li:last-child {
954     background-image: url(img/last-hline.png);
955     }
956#by-tag {
957     width: 18em;
958     }
959#by-tag ul li {
960     display: inline;
961     padding-right: 1em;
962     }
963#by-tag .tag0 {
964     color: #909090;
965     font-size: 90%;
966     }
967#by-tag .tag10 {
968     color: #828282;
969     font-size: 92%;
970     }
971#by-tag .tag20 {
972     color: #737373;
973     font-size: 94%;
974     }
975#by-tag .tag30 {
976     color: #656565;
977     font-size: 96%;
978     }
979#by-tag .tag40 {
980     color: #484848;
981     font-size: 98%;
982     }
983#by-tag .tag50 {
984     color: #3A3A3A;
985     font-size: 100%;
986     }
987#by-tag .tag60 {
988     color: #2B2B2B;
989     font-size: 102%;
990     }
991#by-tag .tag70 {
992     color: #1D1D1D;
993     font-size: 104%;
994     }
995#by-tag .tag80 {
996     color: #0E0E0E;
997     font-size: 106%;
998     }
999#by-tag .tag90 {
1000     color: #030303;
1001     font-size: 108%;
1002     }
1003#by-tag .tag100 {
1004     color: #000;
1005     font-size: 110%;
1006     }
1007.dc-archive #search {
1008     padding: 4px 8px;
1009     }
1010.dc-archive #blogextra div {
1011     background-color: transparent;
1012     margin-bottom: 1em;
1013     padding: 4px;
1014     border: 1px solid #ccc;
1015     -webkit-box-shadow: none;
1016     -moz-box-shadow: none;
1017     -o-box-shadow: none;
1018     box-shadow: none;
1019     }
1020.dc-archive #blogextra h2 {
1021     margin-bottom: .33em;
1022     }   
1023.dc-archive-month .title h2.post-title {
1024     font-size: 1.3em;
1025     }
1026/* ---------------------------------------------------------------- 404 */
1027.dc-404 #content-info {
1028     padding-bottom: 200px;
1029     background: transparent url(img/404.png) no-repeat bottom center;
1030     }
1031.dc-404 .content-inner ul {
1032     margin-left: 0;
1033     padding-left: 0;
1034     list-style-type: none;
1035     }
1036.dc-404 .content-inner h3 {
1037     font-size: 1.1em;
1038     font-variant: small-caps;
1039     }
1040/* ---------------------------------------------------------------- search */
1041.dc-search #content-info em {
1042     color: #14709e;
1043     }
1044/* ---------------------------------------------------
1045  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
1046--------------------------------------------------- */
1047.post, 
1048.pagination,
1049.navlinks,
1050.footnotes, 
1051#attachments,
1052.read-it, 
1053.post-info-co, 
1054#comments, #footer,
1055.clearer {
1056     clear: both;
1057     }
1058.post-content:before, .post-content:after {
1059     content: "";
1060     display: table;
1061     }
1062.post-content:after {
1063     clear: both;
1064     }
1065.post:before, .post:after {
1066     content: "";
1067     display: table;
1068     }
1069.post:after {
1070     clear:both;
1071     }
Note: See TracBrowser for help on using the repository browser.

Sites map