Feuille de style modèle graphique N°13
/* Copyright à laisser : Interface graphique par Cécile et découpe par Cécile et CatWeb */
/* Pour : http://kits-gratuits.net/ */
body {
width: 818px;
margin: auto;
background: #bd8cbf;
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#000;
font-size:10pt;
}
img {
border: none;
}
#menu h2 {
font-size: 1.1em;
background: #E5D1E5;
color: #fff; /* les couleurs peuvent être modifiées au choix */
padding: 7px;
margin: 15px 8px 0 45px;
}
#contenu h3 {
font-size: 1em;
background: #E5D1E5;
color: #fff; /* les couleurs peuvent être modifiées au choix */
padding: 8px;
margin: 15px 45px 10px 8px;
}
#global {
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/13/extensible.jpg) repeat-y;
}
/* CSS du header
-----------------------*/
#header {
height: 127px;
font-size: 12px;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/13/header.jpg) no-repeat;
/*margin-left:-4px; */
}
#header ul {
float: right;
display: inline;
margin: 105px 40px 0 0;
}
#header li {
display: inline;
list-style: none;
margin-right: 8px;
}
#header li a {
text-decoration: none;
color: #000; /* les couleurs peuvent être modifiées au choix */
}
#header li a:hover {
color: #fff;/* pas nécessaire à la navigation */
text-decoration: underline;
}
/* CSS du menu
---------------------*/
#menu {
float: left;
width: 189px;
}
#menu ul {
text-align: center;
}
#menu li {
list-style: none; /* vous pouvez si vous le souhaitez installer une puce : list-style: url(http://heezee.blog4ever.s3.amazonaws.com/templates/13/...); */
}
#menu li a {
text-decoration: none;
color: #000; /* les couleurs peuvent être modifiées au choix */
}
#menu a:hover {
border-bottom: 1px dotted #BD8CBF; /* pas nécessaire à la navigation */
color: #BD8CBF;
}
#borduregauche {
width:140px;
padding-left:35px;
margin:auto
}
/* CSS du contenu
------------------------ */
#contenu{
float: right;
width: 560px;
padding-bottom: 1em;
margin-right:40px;
/*margin: 5px 45px 5px 8px;*/
}
#contenu a{
text-decoration: underline;
color: #C000C0; /* les couleurs peuvent être modifiées au choix */
}
#contenu a:hover{
text-decoration: none;
color: #000; /* les couleurs peuvent être modifiées au choix */
}
/* CSS du copyright
--------------------------*/
#copyright {
width: 818px;
float: left;
text-align: right;
}
#copyright p {
font-size: 10px;
margin: 0;
margin-right: 50px;
}
#copyright a {
color: #000; /* les couleurs peuvent être modifiées au choix */
text-decoration: underline;
}
#copyright a:hover {
color: #000;
border-bottom: 1px dotted #000; /* pas nécessaire à la navigation */
}
#copyright a:visited {
color: #BD8CBF;
}
/* CSS du footer
------------------------*/
#footer {
clear: both;
height: 32px;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/13/footer.jpg) no-repeat;
}
/* Pour : http://kits-gratuits.net/ */
body {
width: 818px;
margin: auto;
background: #bd8cbf;
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#000;
font-size:10pt;
}
img {
border: none;
}
#menu h2 {
font-size: 1.1em;
background: #E5D1E5;
color: #fff; /* les couleurs peuvent être modifiées au choix */
padding: 7px;
margin: 15px 8px 0 45px;
}
#contenu h3 {
font-size: 1em;
background: #E5D1E5;
color: #fff; /* les couleurs peuvent être modifiées au choix */
padding: 8px;
margin: 15px 45px 10px 8px;
}
#global {
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/13/extensible.jpg) repeat-y;
}
/* CSS du header
-----------------------*/
#header {
height: 127px;
font-size: 12px;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/13/header.jpg) no-repeat;
/*margin-left:-4px; */
}
#header ul {
float: right;
display: inline;
margin: 105px 40px 0 0;
}
#header li {
display: inline;
list-style: none;
margin-right: 8px;
}
#header li a {
text-decoration: none;
color: #000; /* les couleurs peuvent être modifiées au choix */
}
#header li a:hover {
color: #fff;/* pas nécessaire à la navigation */
text-decoration: underline;
}
/* CSS du menu
---------------------*/
#menu {
float: left;
width: 189px;
}
#menu ul {
text-align: center;
}
#menu li {
list-style: none; /* vous pouvez si vous le souhaitez installer une puce : list-style: url(http://heezee.blog4ever.s3.amazonaws.com/templates/13/...); */
}
#menu li a {
text-decoration: none;
color: #000; /* les couleurs peuvent être modifiées au choix */
}
#menu a:hover {
border-bottom: 1px dotted #BD8CBF; /* pas nécessaire à la navigation */
color: #BD8CBF;
}
#borduregauche {
width:140px;
padding-left:35px;
margin:auto
}
/* CSS du contenu
------------------------ */
#contenu{
float: right;
width: 560px;
padding-bottom: 1em;
margin-right:40px;
/*margin: 5px 45px 5px 8px;*/
}
#contenu a{
text-decoration: underline;
color: #C000C0; /* les couleurs peuvent être modifiées au choix */
}
#contenu a:hover{
text-decoration: none;
color: #000; /* les couleurs peuvent être modifiées au choix */
}
/* CSS du copyright
--------------------------*/
#copyright {
width: 818px;
float: left;
text-align: right;
}
#copyright p {
font-size: 10px;
margin: 0;
margin-right: 50px;
}
#copyright a {
color: #000; /* les couleurs peuvent être modifiées au choix */
text-decoration: underline;
}
#copyright a:hover {
color: #000;
border-bottom: 1px dotted #000; /* pas nécessaire à la navigation */
}
#copyright a:visited {
color: #BD8CBF;
}
/* CSS du footer
------------------------*/
#footer {
clear: both;
height: 32px;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/13/footer.jpg) no-repeat;
}
...