New file |
0,0 → 1,190 |
/********************************* |
Feuille de style de la page d'accueil |
***********************************/ |
|
/* �lements de base */ |
body { |
font-family:Arial, Helvetica, Verdana, sans-serif; |
margin: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;} |
|
/* Sp�cific 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;} |
|
/* Image de fond et mondes*/ |
#image_fond { |
position:relative; |
clear:both; |
z-index:100; |
width:780px; |
height:350px; |
margin:0 auto; |
color:#600; |
font-size:13px; |
font-weight:bold; |
text-align:left; |
background:transparent url(/accueil/fond-automne.jpg) no-repeat 155px 0;} |
#image_fond a { |
display:block;} |
a:hover span { |
display:block; |
position:absolute; |
width:210px; |
height:150px; |
color: #000; |
padding:70px 20px 0 20px; |
background:url(/accueil/pixel_transparent60.png); |
font-size:14px; |
line-height:large; |
font-family:Arial, Helvetica, Verdana, sans-serif; |
text-align:center; |
font-weight:bold;} |
a span { |
display:none; |
position:absolute;} |
#monde_1 a{ |
position:absolute; |
top:55px; |
left:75px; |
width:120px; |
height:40px; |
padding:0 40px 0 0; |
color:#670101; |
text-align:center;} |
#monde_3 a{ |
position:absolute; |
top:120px; |
left:65px; |
width:100px; |
height:40px; |
padding:5px 30px 0 0; |
color:#670101; |
text-align:center;} |
#monde_2 a{ |
position:absolute; |
top:205px; |
left:90px; |
width:130px; |
height:40px; |
padding:0 50px 0 0; |
color:#670101; |
text-align:center;} |
#monde_4 a{ |
position:absolute; |
top:228px; |
left:255px; |
width:75px; |
height:50px; |
padding:45px 0 0 0; |
color:#670101; |
text-align:center;} |
#monde_5 a{ |
position:absolute; |
top:246px; |
left:345px; |
width:78px; |
height:50px; |
padding:45px 0 0 0; |
color:#670101; |
text-align:center;} |
#monde_6 a{ |
position:absolute; |
top:250px; |
left:453px; |
width:73px; |
height:50px; |
padding:43px 0 0 0; |
color:#670101; |
text-align:center;} |
#monde_7 a{ |
position:absolute; |
top:249px; |
left:545px; |
width:110px; |
height:50px; |
padding:45px 0 0 0; |
color:#670101; |
text-align:center;} |
#monde_1 a:hover span { |
top:-50px; |
left:217px;} |
#monde_2 a:hover span { |
top:-200px; |
left:200px;} |
#monde_3 a:hover span { |
top:-117px; |
left:225px;} |
#monde_4 a:hover span { |
top:-224px; |
left:36px;} |
#monde_5 a:hover span { |
top:-245px; |
left:-55px;} |
#monde_6 a:hover span { |
top:-248px; |
left:-164px;} |
#monde_7 a:hover span { |
top:-248px; |
left:-255px;} |
|
/* Pied de page */ |
.information { |
background: #e7ebfd url(/sites/commun/generique/images/graphisme/information.png) no-repeat 1% 10%; |
text-align:center; |
border:1px solid #dfe7ac; |
width:950px; |
height:70px; |
margin:0 auto;} |
p#firefox a{ |
font-weight:normal; |
color:#670101; |
background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;} |
.lien_img { |
background:none;} |
#pied_page li { |
display:inline; |
margin:0; |
padding:5px;} |
#pied_page img { |
vertical-align:middle; |
margin:0 1em;} |
#pied_page p { |
padding:10px 0 10px 0;} |
#admin { |
float:right; |
margin-right: 20px;} |