191 lines
2.8 KiB
CSS
191 lines
2.8 KiB
CSS
html {
|
|
}
|
|
|
|
body {
|
|
background-color:#bebfc1;
|
|
margin:0px;
|
|
text-align:center;
|
|
}
|
|
|
|
#navbar {
|
|
text-align:center;
|
|
background-color:#1f6cd0;
|
|
background-image:url("gradient.png");
|
|
background-repeat:repeat-x;
|
|
background-position:top left;
|
|
height:94px;
|
|
border-bottom:thin solid black;
|
|
color:white;
|
|
}
|
|
|
|
#navbar a {
|
|
color:#ddf;
|
|
}
|
|
|
|
#navbar a:hover {
|
|
color:white;
|
|
}
|
|
|
|
#title {
|
|
font-size:large;
|
|
padding:5px;
|
|
|
|
text-align:center;
|
|
}
|
|
|
|
#stripbar {
|
|
text-align:center;
|
|
margin-top:2em;
|
|
}
|
|
|
|
|
|
#strip {
|
|
border:1px solid black;
|
|
background-color:white;
|
|
}
|
|
|
|
#infobar {
|
|
color:white;
|
|
padding:5px;
|
|
text-align:center;
|
|
background-color:#1f6cd0;
|
|
border:thin solid black;
|
|
background-image:url("gradient2.png");
|
|
background-repeat:repeat-x;
|
|
background-position:top left;
|
|
height:70px;
|
|
}
|
|
|
|
#infos {
|
|
font-size:small;
|
|
padding:5px;
|
|
}
|
|
|
|
#infoblock {
|
|
margin-top:1em;
|
|
}
|
|
|
|
#navfirst {
|
|
font-size:small;
|
|
|
|
padding-bottom:35px;
|
|
background-image:url("bouton_etoile_petit_gauche.png");
|
|
background-repeat:no-repeat;
|
|
background-position:bottom center;
|
|
}
|
|
|
|
#navfirst:hover {
|
|
background-image:url("bouton_etoile_petit_gauche_over.png");
|
|
}
|
|
|
|
|
|
#navlast {
|
|
font-size:small;
|
|
padding-bottom:35px;
|
|
background-image:url("bouton_etoile_petit_droite.png");
|
|
background-repeat:no-repeat;
|
|
background-position:bottom center;
|
|
}
|
|
|
|
#navlast:hover {
|
|
background-image:url("bouton_etoile_petit_droite_over.png");
|
|
}
|
|
|
|
#navprev {
|
|
font-size:small;
|
|
padding-bottom:49px;
|
|
background-image:url("bouton_fleche_grand_gauche.png");
|
|
background-repeat:no-repeat;
|
|
background-position:bottom center;
|
|
}
|
|
|
|
#navprev:hover {
|
|
background-image:url("bouton_fleche_grand_gauche_over.png");
|
|
}
|
|
|
|
#navnext {
|
|
font-size:small;
|
|
padding-bottom:49px;
|
|
background-image:url("bouton_fleche_grand_droite.png");
|
|
background-repeat:no-repeat;
|
|
background-position:bottom center;
|
|
}
|
|
|
|
#navnext:hover {
|
|
background-image:url("bouton_fleche_grand_droite_over.png");
|
|
}
|
|
|
|
.shadow, .content {
|
|
position: relative;
|
|
bottom: 5px;
|
|
right: 5px;
|
|
}
|
|
|
|
.shadow {
|
|
background-color: #9e9fa1; /*couleur de l'ombre */
|
|
border:1px solid #aeafb1;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
float:left;
|
|
}
|
|
|
|
.shadow_simple {
|
|
padding-bottom:3px;
|
|
background-color: #9e9fa1; /*couleur de l'ombre */
|
|
border-bottom:1px solid #aeafb1;
|
|
}
|
|
|
|
.centering {
|
|
display : table;
|
|
margin : 0 auto;
|
|
}
|
|
|
|
#site_title {
|
|
position:absolute;
|
|
top:1px;
|
|
left:1px;
|
|
text-align:left;
|
|
margin-top:5px;
|
|
}
|
|
|
|
#site_title > p {
|
|
margin:0px;
|
|
}
|
|
|
|
#site_head {
|
|
font-weight:bold;
|
|
font-size:large;
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
#site_desc {
|
|
font-size:x-small;
|
|
}
|
|
|
|
#feed {
|
|
padding-right:18px;
|
|
background-image:url("feed-icon-16x16.png");
|
|
background-repeat:no-repeat;
|
|
background-position:center right;
|
|
}
|
|
|
|
|
|
#linkbar {
|
|
color:white;
|
|
font-size:x-small;
|
|
margin-top:2em;
|
|
}
|
|
|
|
#main {
|
|
float:right;
|
|
}
|
|
|
|
.page {
|
|
margin-top:2em;
|
|
margin-left:10%;
|
|
margin-right:10%;
|
|
padding:1em;
|
|
border:thin solid black;
|
|
background-color:white;
|
|
}
|
|
|