Feuille de style - Modele DizPerso avec assistant configuration
CSS d'origine du DizPerso :
CSS d'origine du DizPerso :
* {margin: 0; padding: 0;}
body
{
background : #FFFFFF;
background-image : url(http://);
background-repeat : repeat;
color : #000000;
font-size : 10pt;
font-family : Arial;
text-align : center;
background-attachment : fixed;
}
#cadre
{
background : #FFEFBD;
background-image : url(http://);
background-repeat : repeat;
width : 968px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #000000;
position : relative;
background-attachment : fixed;
}
#haut
{
background : #FFEFBB;
background-image : url(http://);
background-repeat : repeat;
height : 70px;
padding-top : 5px;
border-width : 1px;
border-style : solid;
border-color : #000000;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
text-decoration : none;
font-size : 18pt;
font-family : Comic sans Ms;
}
a
{
color : #000000;
text-decoration : underline;
}
a:hover
{
color : #000000;
text-decoration : none;
}
#barre
{
width : 768px;
height : 30px;
margin-top : 5px;
}
#barre ul
{
list-style-type : none;
}
#barre li
{
float : left;
}
#barre a
{
background : #004000;
color : #EEF4E2;
text-decoration : none;
width : 100px;
height : 23px;
margin-left : 2px;
border-width : 1px;
border-style : solid;
border-color : #000000;
text-align : center;
display : block;
}
#barre a:hover
{
background : #C5D5A7;
border : 1px solid #004000;
}
#menu
{
width : 170px;
float : left;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #EBEDAB;
width : 170px;
margin-top : -1px;
border-width : 1px;
border-style : solid;
border-color : #000000;
}
#menu ul li a
{
background : #EBEDAB;
color : #003366;
width : 170px;
font-size : 10pt;
font-family : Arial;
line-height : 25px;
}
#menu ul li a:hover
{
background : #FFFFFF;
color : #006699;
text-decoration : none;
}
#menu h2
{
background : #004000;
color : #EEF5FA;
width : 170px;
height : 25px;
font-size : 15px;
border-width : 1px;
border-style : solid;
border-color : #000000;
text-align : center;
}
#contenu
{
background : #FFEFBD;
color : #336699;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 10pt;
font-family : Verdana;
}
#contenu h3
{
background : #000000;
color : #E8EEF4;
width : 457px;
height : 25px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 15px;
font-family : Trebuchet MS;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
#contenu a
{
background : #FFEFBD;
color : #003366;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
#contenu a:hover
{
background : #FFFFFF;
color : #000400;
text-decoration : none;
}
#bas
{
background : #EBEDAB;
margin : auto;
}
#spacer
{
height : 20px;
clear : both;
}
hr { margin:5px; height:1px; background-color:#000000;}
fieldset { border:0; }
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}
...
...