Your IP : 216.73.216.108
/**
This file is part of theme
"Kameleon For Dissitou" par Kozlika <http://www.kozlika.org/>
pour Dotclear 2 <http://www.dotclear.net/>
Licence : GNU/GPL.
Derniere mise a jour 15/11/07
*/
/* Couleurs utilisees
diverses nuances de gris #ccc au noir #000
#a20116 rouge profond (liens)
#d4011e rouge vif (deco)
#300 encre rouge (texte code)
#eceade creme (fond code)
#f5f5f5 blanc casse (fond citations)
*/
/* mini reset ------------------------------------------------ */
body, html, #page, #top, #wrapper, #footer, #main, #content,
#sidebar, #blognav, #blogextra, img, a img, form, fieldset {
margin: 0;
padding: 0;
}
body, html {
font-size: 100%;
}
img, a img, form, fieldset {
border: 0 none;
}
/* general ------------------------------------------------ */
body {
background: #fff;
color: #000;
font-family: "Lucida Grande","Lucida sans unicode",Lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size: 76%;
line-height: 140%;
margin: 0;
padding: 0;
text-align: center;
}
p {
margin: 0.5em 0;
}
form {
display: block;
}
h1 {
font-size: 2em;
margin: 0;
}
h2 {
font-size: 1.33em;
margin: 0;
}
h3 {
font-size: 1.25em;
margin: 1em 0;
}
h4 {
font-size: 1.1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.9em;
margin: 1.67em 0;
}
h6 {
font-size: 0.8em;
margin: 2.33em 0;
}
code, pre, kbd, samp {
color: #300;
font-family: "Courier New",monospace;
font-size: 1.1em;
}
pre {
background: #f5f5f5;
border: 1px solid #808080;
margin: 0.5em 2em;
overflow: auto;
padding: 0.5em;
text-align: left;
width: 85%;
}
q {
font-style: italic;
}
/* liens ------------------------------------------------ */
a {
text-decoration: none;
font-weight: normal;
}
a:link, a:visited {
color: #666;
}
a:hover, a:focus, a:active {
color: #D4011E;
}
a[hreflang]:after {
background: transparent;
color: #666;
content: " [" attr(hreflang) "]";
font-size: x-small;
}
a.feed {
background: transparent url(images/feed.gif) no-repeat left center;
padding-left: 16px;
}
/* principal ------------------------------------------------ */
#page {
background: #fff url(images/filet.jpg) repeat-y 16em 0;
margin: 0 auto;
text-align: left;
width: 100%;
}
#top {
background-image: url(http://www.magalijourdan.com/blog/public/photospersos/fond.jpg);
background-repeat: no-repeat;
text-align: center;
}
#top h1 {
font-size: 2.25em;
padding: 40px 20px 36px;
border-bottom: 12px solid #a7a7a7;
}
#top a {
color: #fff;
display: block;
}
#top a:hover {
color: #d4011e;
}
#prelude {
background: #fff;
color: #fff;
font-size: 0.85em;
height: 20px;
margin: -1px 0 0;
padding: 0 15px 0 0;
text-align: right;
}
#prelude a, #prelude a:hover, #prelude a:focus {
color: #fff;
}
#wrapper {
margin: 20px 0 0 0;
}
#main {
background: transparent;
float: right;
margin: 0 0 0 -16em;
width: 100%;
}
#main h3 {
color: #666;
margin-top: 2em;
}
#content {
text-align: justify;
background: transparent;
margin: 0 0 0 16em;
padding: 1px 4em 1em 2em;
}
/* menu ------------------------------------------------ */
#sidebar {
color: #666;
float: left;
font-size: x-small;
line-height: 130%;
margin: 0 0 2em;
padding: 0 0 2em;
width: 15.5em;
}
#blognav, #blogextra {
margin-left: 10px;
}
#sidebar a:link, #sidebar a:visited {
color: #666;
}
#sidebar a:hover {
color: #d4011e;
}
#sidebar strong {
color: #333;
}
#sidebar a:hover {
color: #D4011E;
text-decoration: underline;
}
#sidebar h3 {
color: #333;
font-size: 1.1em;
font-weight: normal;
margin: 0.5em 0 0.33em;
}
#sidebar h2 {
background: transparent url(images/side-h2.jpg) no-repeat;
font-size: 1.2em;
font-weight: normal;
letter-spacing: 1px;
margin: 1.66em 0 0;
padding: 1px 0.15em 6px 20px;
text-transform: uppercase;
}
#search h2 {
background: transparent;
margin: 0;
padding-left: 0;
}
#sidebar ul {
list-style-type: none;
margin: 0 0 0 0.5em;
padding: 0;
}
#sidebar li {
background: transparent url(images/fleche.png) no-repeat 0 4px;
margin-top: 0.15em;
padding-left: 10px;
}
#sidebar .syndicate li {
background: transparent;
padding-left: 0;
}
#sidebar #topnav {
font-size: small;
margin-top: 2em;
}
#sidebar #topnav span {
display: none;
}
#sidebar #topnav ul {
margin-left: 0;
}
/* pied de page ------------------------------------------------ */
#footer {
clear: both;
background: #808080;
border-top: 3px solid #a20116;
color: #fff;
font-size: x-small;
line-height: 100%;
margin: 2em 0 0;
padding: 3px 10px 10px;
text-align: right;
}
#footer a:link, #footer a:visited {
font-weight: bold;
color: #fff;
}
/* billets ------------------------------------------------ */
.day-date {
background: transparent url(images/date.png) no-repeat 0 50%;
color: #666666;
font-size: 1em;
margin-top: 0;
padding-left: 24px;
text-align: left;
text-transform: lowercase;
}
.post {
margin-bottom: 4em;
margin-top: 2em;
padding: 0 10%;
}
.post-title {
background: transparent;
color: #666;
font-weight: bold;
margin: 0;
padding: 0;
}
.post-title a:link, .post-title a:visited {
color: #A20116;
font-weight: normal;
}
.post-title a:hover, .post-title a:focus {
color: #d4011e;
}
.dc-post .post-title {
margin-top: 40px;
text-align: center;
font-size: 1.66em;
padding-bottom: 10px;
}
.dc-post .post a:link, .dc-post .post a:visited {
color: #a20116;
}
.dc-post .post a:hover, .dc-post .post a:focus {
color: #d4011e;
}
.post-content h2, .post-content h3, .post-content h4, .post-content h5 {
color: #666;
font-weight: normal;
margin: 1em 0 0.66em;
text-transform: uppercase;
}
.post-content a:link, .dc-post .post-content a:link,
.post-content a:visited, .dc-post .post-content a:visited,
.post-excerpt a:link, .dc-post .post-excerpt a:link,
.post-excerpt a:visited, .dc-post .post-excerpt a:visited {
border-bottom: 1px dotted #808080;
}
.post-info, .post-info-co {
color: #666;
font-size: x-small;
margin-bottom: 2em;
text-align: left;
}
.post-info {
margin-bottom: 0;
}
.dc-post .post-info {
text-align: center;
}
.post-info-co a {
background: transparent url(images/comm.png) no-repeat left center;
padding-left: 10px;
padding-right: 14px;
}
.post-excerpt {
margin-bottom: 2em;
}
.post-content {
margin-bottom: 0;
margin-top: 0.5em;
}
.dc-post .post-content, .dc-post .post-excerpt {
margin-top: 4em;
}
.post blockquote {
background: #F5F5F5;
border: 1px dotted #CCCCCC;
font-family: Tahoma,"Lucida Grande","Trebuchet MS",sans-serif;
margin: 2em 0;
padding: 0.33em 1.5em;
}
.post blockquote p {
margin-top: 1em;
}
.post-tags {
list-style-type: none;
margin: 0 0 1.5em;
padding: 0;
text-align: left;
}
.dc-post .post-tags {
text-align: center;
}
.post-tags a {
background: #FFFFFF url(images/tag.png) no-repeat 0%;
color: #777777;
padding: 0 0 0 12px;
}
.post-tags a:hover {
color: #AA0088;
}
#content .post-tags li {
display: inline;
font-size: 0.9em;
margin: 0;
padding: 0 8px 0 2px;
}
/* commentaires ------------------------------------------------ */
#pings, #comments, #pr, #comment-form {
font-size: 0.95em;
margin: 0 10%;
}
#pings h3, #comments h3, #pr h3, #comment-form h3 {
font-size: 1.3em;
}
#comments dt {
color: #222;
margin-bottom: 0;
padding: 1px;
text-align: left;
}
a.comment-number {
font-size: 1.25em;
color: #d4011e;
}
#comments dd, #trackbacks dd, #pings dd, #pr dd {
color: #555;
margin: 0 0 1em 1em;
padding: .15em 1em;
}
#comments dd.me {
border-left: 4px solid #ccc;
}
#comments dd a {
border-bottom: 1px dotted #999;
}
/* formulaires ------------------------------------------------ */
fieldset {
display: block;
margin: 2em 0 0;
}
input, textarea {
border-color: #CCCCCC;
border-width: 1px;
font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size: 1em;
}
input[type], textarea[name] {
background: #ECEADE;
}
input[type="submit"], input[type="reset"] {
background: #999999;
color: #000000;
}
input[type="submit"]:hover {
background: #a20116;
color: #fff;
}
textarea {
clear: both;
width: 90%;
}
p.field {
clear: both;
margin: 0.5em 0 1em;
}
p.field label {
color: #333333;
display: block;
float: left;
font-size: x-small;
width: 11em;
}
/* classes communes ---------------------------------------------- */
.error {
background: #FFEEEE;
border: 1px solid #CC0000;
padding: 0.5em;
}
.error ul {
padding-left: 20px;
}
.error li {
list-style-image: none;
list-style-position: outside;
list-style-type: square;
}
.pagination {
font-size: x-small;
margin-bottom: 2em;
margin-top: 0;
text-align: right;
}
.footnotes {
font-size: 0.9em;
margin: 0 0 1em;
}
.left-box { float: left; margin-right : 1em; }
.right-box { float: right; margin-left : 1em; }
.center-box { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }
.post, .post-content, .footnotes, .attachments,
.post-info-co, #comments, #footer {
clear:both;
}