rendered paste body/*************************************************************************
Fichier ............................................ style.css
Auteur .................................... Christophe Lachance
Cours ............................................ Interface Web
Date ............................................ Février 2012
*************************************************************************/
/* POLICES */
@import url('http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica');
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
/* STRUCTURE */
html{
background: url('../images/stripebg.png');
height:100%;
}
body{
width: 1000px;
height: 98%;
margin: auto;
padding: 0;
padding-top:16px;
background: url('../images/wulogo.png')no-repeat center fixed;
color: black;
font-family: 'Droid Sans', sans-serif;
font-size:14px;
}
#entete, #pied, #mainContent{
background: rgba(177,177,177,0.9);
border-top-right-radius:0.25em;
border-bottom-right-radius:0.25em;
border-right:8px solid #606060);
border-left:4px solid #FAB10D;
box-shadow:5px 5px 10px rgba(0,0,0,0.5);
}
#titre{
text-align: right;
padding-top:16px;
padding-right: 16px;
padding-bottom:4px;
color:white;
font-family: 'IM Fell DW Pica', serif;
font-size: 36px;
text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
/* NAVIGATION */
nav{
text-align: left;
padding-right:8px;
margin-top:-24px;
border-top: 0.25em double #606060;
vertical-align:bottom;
}
nav a{
padding-right:8px;
padding-left: 32px;
border-right: 1px #606060 solid;
font-weight: bold;
}
nav a:hover{
color: #FFF;
background: #3D3D3D;
}
nav a:active{
color: #000;
background: #FAB10D;
}
/* CONTENU */
#mainContent{
min-height:65%;
margin-top: 16px;
padding:16px;
text-align:justify;
line-height:180%;
}
figure{
border: 1px solid #3D3D3D;
margin:16px;
padding:4px;
float: right;
max-width: 30%;
font-size:10px;
line-height:16px;
}
figure img{
display:block;
margin:auto;
}
figcaption{
border: 1px solid #3D3D3D;
padding:4px;
}
section header p{
font-weight:bold;
padding:16px;
}
abbr {
border-bottom: 1px dotted black;
}
a{
text-decoration:none;
color: #606060;
width:100%;
height:100%;
}
section header h1{
}
/* PIED */
footer{
height:32px;
margin-top: 8px;
text-align:right;
padding:6px;
}
footer p {
vertical-align:bottom;
}