CSS Test

* {margin: 0; padding: 0;}

body
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/noir2_168.jpg);
background-repeat : repeat;
color : #CC0000;
font-size : 12pt;
font-family : Comic sans MS;
text-align : center;
background-attachment : fixed;
}
#cadre
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/grisfonce_003.jpg);
background-repeat : repeat;
color : #CC0000;
width : 968px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
font-size : 12pt;
font-family : Comic sans MS;
border-style : solid;
border-color : #FFFF33;
text-align : left;
margin : auto;
border : 3px;
position : relative;
background-attachment : fixed;
}
#haut
{
background : #000000;
background-repeat : no-repeat;
color : #FFFF99;
height : 150px;
padding-top : 20px;
font-size : 12pt;
font-family : Comic sans MS;
border-width : 0px;
border-style : solid;
border-color : #;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
color : #FFFF99;
text-decoration : none;
font-size : 30pt;
font-family : Comic sans MS;
}
a
{
color : #CC0000;
text-decoration : none;
}
a:hover
{
text-decoration : none;
}
#barre
{
width : 768px;
height : 60px;
margin-top : 90px;
margin-left : 170px;
}
#barre ul
{
list-style-type : none;
}
#barre li
{
float : left;
}
#barre a
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/Rouge_01_small.gif);
background-repeat : no-repeat;
color : #FFFF99;
text-decoration : none;
width : 130px;
height : 35px;
padding-top : 3px;
margin-left : 100px;
font-size : 14pt;
font-family : Comic sans Ms;
border-width : 0px;
border-style : solid;
border-color : #;
text-align : center;
display : block;
}
#barre a:hover
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/Rouge_02_small.gif);
background-repeat : no-repeat;
color : #FFFF33;
border-style : solid;
border : 0px;
}
#menu
{
width : 170px;
float : left;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/gris_050.jpg);
color : #CC0000;
text-decoration : none;
width : 170px;
padding-left : 2px;
padding-right : 2px;
margin-top : 2px;
font-size : 12pt;
font-family : Comic sans MS;
border-width : 1px;
border-style : solid;
border-color : #660000;
}
#menu ul li a
{
background : #;
color : #;
text-decoration : none;
width : 170px;
font-size : 12pt;
font-family : Comic sans MS;
line-height : 25px;
}
#menu ul li a:hover
{
background : #FFFF33;
color : #660000;
text-decoration : none;
}
#menu h2
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/Bouton-Big.gif);
background-repeat : no-repeat;
color : #FFFF66;
width : 170px;
height : 60px;
padding-top : 12px;
margin-top : 50px;
font-size : 12pt;
font-family : Comic sans MS;
border-width : 0px;
border-style : solid;
border-color : #;
text-align : center;
}
#contenu
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/gris_390.jpg);
color : #000000;
width : 730px;
padding-top : 15px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 15px;
margin-top : 15px;
margin-left : 200px;
font-size : 12pt;
font-family : Comic sans MS;
border-style : solid;
border-color : #660000;
border : 2px;
}
#contenu h3
{
background : #FFFF66;
color : #CC0000;
width : 650px;
height : 30px;
padding-left : 15px;
padding-right : 50px;
margin-top : 30px;
margin-left : 15px;
margin-right : 10px;
margin-bottom : 30px;
font-size : 12pt;
font-family : Comic sans MS;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
font-size : 12pt;
font-family : Comic sans MS;
}
#contenu a
{
background : #;
color : #CC0000;
text-decoration : underline;
font-size : 12pt;
font-family : Comic sans MS;
}
#contenu a:hover
{
background : #FFFF00;
color : #990000;
text-decoration : none;
}
#article_commentaires
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/002.gif);
background-repeat : repeat;
}
#photo_commentaires
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/002.gif);
background-repeat : repeat;
}
#bas
{
font-size : 10pt;
font-family : Verdana;
background : #FFFF66;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/gris_390.jpg);
color : #CC0000;
margin : auto;
}
#bas a:hover
{
background : #FFFF33;
color : #660000;
text-decoration : none;
}
#spacer
{
height : 15px;
clear : both;
}
hr { margin:15px; height:10px; background:url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/Barre_rouge_1.jpg);background-repeat:no-repeat }
fieldset { border:0; }
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}


12/06/2010

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour