0byt3m1n1-V2

Path: /home/magalijoj/www/blog/themes/kameleon/ [ Home ]
File: style.css
/**
	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;
    }