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;} |