| New file |
|---|
| 0,0 → 1,150 |
|---|
| /**********************************************************************************************************************/ |
| /* 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 */ |
| a:hover{ |
| text-transform:none;} |
| |
| /* 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; |
| width:780px; |
| height:350px; |
| margin:0 auto; |
| clear:both; |
| color:#600; |
| text-align:left; |
| background:transparent url(./fond_erable.jpg) no-repeat 155px 0;} |
| #image_fond a { |
| display:block;} |
| a:hover span{ |
| display:block; |
| position:absolute; |
| width:240px; |
| height:190px; |
| color: #000; |
| padding:70px 20px 0 20px; |
| background:url(./pixel_transparent60.png); |
| font-size:14px; |
| line-height:large; |
| font-weight:bold;} |
| a span { |
| display:none; |
| position:absolute;} |
| #monde_1 a{ |
| position:absolute; |
| top:55px; |
| left:75px; |
| width:120px; |
| height:40px; |
| padding:30px 50px 0 0; |
| color:#670101; |
| text-align:center;} |
| #monde_2 a{ |
| position:absolute; |
| top:120px; |
| left:15px; |
| width:200px; |
| height:40px; |
| padding:35px 70px 0 0; |
| color:#670101; |
| text-align:center;} |
| #monde_3 a{ |
| position:absolute; |
| top:190px; |
| left:50px; |
| width:170px; |
| height:60px; |
| padding:40px 30px 0 0; |
| color:#670101; |
| text-align:center;} |
| #monde_4 a{ |
| position:absolute; |
| top:215px; |
| left:255px; |
| width:80px; |
| height:90px; |
| padding:80px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| #monde_5 a{ |
| position:absolute; |
| top:250px; |
| left:345px; |
| width:80px; |
| height:60px; |
| padding:80px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| #monde_6 a{ |
| position:absolute; |
| top:250px; |
| left:450px; |
| width:75px; |
| height:60px; |
| padding:80px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| #monde_7 a{ |
| position:absolute; |
| top:250px; |
| left:545px; |
| width:110px; |
| height:70px; |
| padding:70px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| #monde_8 a{ |
| position:absolute; |
| top:250px; |
| left:650px; |
| width:110px; |
| height:50px; |
| padding:45px 0 0 0; |
| color:#670101; |
| text-align:center;} |
| #monde_1 a:hover span { |
| top:-50px; |
| left:247px;} |
| #monde_2 a:hover span { |
| top:-115px; |
| left:305px;} |
| #monde_3 a:hover span { |
| top:-190px; |
| left:270px;} |
| #monde_4 a:hover span { |
| top:-210px; |
| left:65px;} |
| #monde_5 a:hover span { |
| top:-245px; |
| left:-25px;} |
| #monde_6 a:hover span { |
| top:-248px; |
| left:-130px;} |
| #monde_7 a:hover span { |
| top:-248px; |
| left:-225px;} |
| #monde_8 a:hover span { |
| top:-248px; |
| left:-330px;} |