CSS - DizTest - DizTest par PapyClic

CSS - DizTest

Copie du fichier CSS feuille de style, de DizTest.
C'est la sauvegarde de mon fichier que j'ai mis visible, mais vous pouvez faire de même et le mettre en "brouillon" pour qu'il ne soit pas visible dans vos articles.

* {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(https://static.blog4ever.com/2008/05/205392/artimage_205392_1174134_201004150110375.gif);
background-repeat : repeat;
height : 70px;
padding-top : 5px;
border-width : 2px;
border-style : solid;
border-color : #006600;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
text-decoration : none;
font-size : 30pt;
font-family : Comic sans Ms;
}
a
{
color : #66CC00;
text-decoration : underline;
}
a:hover
{
color : #CC0033;
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;
margin-top : 20px;
font-size : 15px;
font-family : Verdana, Trebuchet MS, Arial;
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;
text-align : left;
}
#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 : 20px;
}
#contenu a
{
background : #FFCC99;
color : #990000;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
#contenu a:hover
{
background : #990000;
color : #FFCC99;
text-decoration : none;
font-size : 11pt;
font-family : Trebuchet MS;
}
#bas
{
background : #EBEDAB;
background-image : url(https://static.blog4ever.com/2008/05/205392/artimage_205392_1174134_201004150110375.gif);
background-repeat : repeat;
height : px;
padding-top : 10px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
font-size : 12pt;
border-width : 2px;
border-style : solid;
border-color : #006600;
margin : auto;
}
#spacer
{
height : 20px;
clear : both;
}
hr { margin:10px;}
fieldset { border:0; }
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}

31/05/2008