Dotclear

source: themes/ductile/style.css @ 681:4a4d866f3b8c

Revision 681:4a4d866f3b8c, 22.4 KB checked in by Franck <carnet.franck.paul@…>, 14 years ago (diff)

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

Sites map