Subversion Repositories Sites.tela-botanica.org

Compare Revisions

Ignore whitespace Rev 345 → Rev 346

/trunk/accueil/accueil_erable.css
1,66 → 1,44
/*********************************
Feuille de style de la page d'accueil
***********************************/
/**********************************************************************************************************************/
/* Feuille de style de la page d'accueil : Feuilles d'Automne */
/**********************************************************************************************************************/
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> */
/* Date réalisation : 12 juin 2007 */
 
/* Élements de base */
body {
font-family:Arial, Helvetica, Verdana, sans-serif;
margin:0;}
p {
margin:2em 0 2px 0;}
a:link {
font-size:13px;
font-weight:bold;
text-decoration:none;}
a:visited {
font-weight:bold;
text-decoration:none;}
a:hover, a:active {
text-decoration:none;}
a:hover{
text-transform:none;}
 
/* Specific divs */
#logo_tela {
display:none;}
#tela_botanica {
width:400px;
padding-left:132px;
margin:0 auto;
background: url(/sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
#tela_botanica h1{
color:#0D6828;
font-size:50px;
margin:20px 0 0 0;}
#tela_botanica h2{
color:black;
font-size:20px;
margin:5px 0 0 0;}
#tela_botanica p {
margin-top:25px;}
#tela_botanica p a {
font-size:17px;
color:#670101;
background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
#admin a {
font-size:10px;
color: rgb(169, 169, 169);
background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
#tela_botanica p a:hover, #admin a:hover {
text-decoration:none;
background: url(/accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
/* Centrage général */
#zone_centrage{
background:none;}
 
/* Les principaux liens*/
#zone_liens{
display:none;}
 
/* Les mondes*/
#zone_sites{
display:block;
position:absolute;
top:140px;
height:400px;
width:800px;
margin-left:-400px;
left: 50%;}
#titre_sites{
display:none;}
#image_fond {
position:relative;
z-index:100;
width:780px;
height:350px;
margin:0 auto;
clear:both;
color:#600;
font-weight:bold;
font-size:13px;
text-align:left;
background:transparent url(/accueil/fond-erable.jpg) no-repeat 155px 0;}
a:hover span {
background:transparent url(./fond_erable.jpg) no-repeat 155px 0;}
#image_fond a {
display:block;}
a:hover span{
display:block;
position:absolute;
width:240px;
67,24 → 45,22
height:190px;
color: #000;
padding:70px 20px 0 20px;
background:url(/accueil/pixel_transparent60.png);
background:url(./pixel_transparent60.png);
font-size:14px;
line-height:large;
font-family:Arial, Helvetica, Verdana, sans-serif;
text-align:center;
font-weight:bold;}
#image_fond a {
display:block;}
a span {
display:none;
position:absolute;}
#monde_1 a{
position:absolute;
top:55px;
left:45px;
width:210px;
left:75px;
width:120px;
height:40px;
padding:30px 50px 0 0;
color:#670101;
text-align:center;}
 
#monde_2 a{
position:absolute;
top:120px;
94,7 → 70,6
padding:35px 70px 0 0;
color:#670101;
text-align:center;}
 
#monde_3 a{
position:absolute;
top:190px;
104,7 → 79,6
padding:40px 30px 0 0;
color:#670101;
text-align:center;}
 
#monde_4 a{
position:absolute;
top:215px;
152,7 → 126,7
text-align:center;}
#monde_1 a:hover span {
top:-50px;
left:277px;}
left:247px;}
#monde_2 a:hover span {
top:-115px;
left:305px;}
173,16 → 147,4
left:-225px;}
#monde_8 a:hover span {
top:-248px;
left:-330px;}
/* Pied de page */
#pied_page li {
display:inline;
margin:0;
padding:5px;}
#pied_page img {
vertical-align:middle;
margin:0 1em;}
#pied_page p {
padding:20px 0 50px 0;}
#admin {
float:right;}
left:-330px;}