Subversion Repositories Sites.tela-botanica.org

Rev

Rev 338 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
346 jpm 1 
/**********************************************************************************************************************/
2 
/*												Feuille de style de la page d'accueil	: Feuilles d'Automne																	*/
3 
/**********************************************************************************************************************/
4 
/* Auteur : Tamara LEBOURG <tamara@tela-botanica.org>		 																															*/
5 
/* Auteur : Magali GIAUME <magali@giaume.com>						 																															*/
6 
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> 																															*/
7 
/* Date réalisation : 12 juin 2007 																																										*/
4 david 8 
 
346 jpm 9 
/* Élements de base */
10 
a:hover{
11 
	text-transform:none;}
4 david 12 
 
346 jpm 13 
/* Centrage général */
14 
#zone_centrage{
15 
	background:none;}
4 david 16 
 
346 jpm 17 
/* Les principaux liens*/
18 
#zone_liens{
19 
	display:none;}
20 
 
21 
/* Les mondes*/
22 
#zone_sites{
23 
	display:block;
24 
	position:absolute;
25 
	top:140px;
26 
	height:400px;
27 
	width:800px;
28 
	margin-left:-400px;
29 
	left: 50%;
30 
  background:url(./picto_feuille_automne.png) bottom left no-repeat;}
31 
#titre_sites{
32 
	display:none;}
4 david 33 
#image_fond {
34 
  position:relative;
35 
  clear:both;
36 
  width:780px;
37 
  height:350px;
38 
  margin:0 auto;
39 
  color:#600;
40 
  text-align:left;
346 jpm 41 
  background:transparent url(./fond_automne.jpg) no-repeat 155px 0;}
4 david 42 
#image_fond a {
43 
  display:block;}
346 jpm 44 
#zone_sites a:hover span {
4 david 45 
  display:block;
46 
  position:absolute;
47 
  width:210px;
48 
  height:150px;
49 
  color: #000;
50 
  padding:70px 20px 0 20px;
346 jpm 51 
  background:url(./pixel_transparent60.png);}
52 
#zone_sites a span {
4 david 53 
  display:none;
54 
  position:absolute;}
346 jpm 55 
#monde_1 a, #monde_2 a, #monde_3 a, #monde_4 a, #monde_5 a, #monde_6 a, #monde_7 a, #monde_8 a{
56 
  position:absolute;
57 
	text-align:center;
58 
  color:#670101;}
4 david 59 
#monde_1 a{
60 
  top:55px;
61 
  left:75px;
62 
  width:120px;
63 
  height:40px;
346 jpm 64 
  padding:0 40px 0 0;}
65 
#monde_2 a{
66 
  top:205px;
67 
  left:90px;
68 
  width:130px;
69 
  height:40px;
70 
  padding:0 50px 0 0;}
4 david 71 
#monde_3 a{
72 
  top:120px;
73 
  left:65px;
74 
  width:100px;
75 
  height:40px;
346 jpm 76 
  padding:5px 30px 0 0;}
4 david 77 
#monde_4 a{
78 
  top:228px;
79 
  left:255px;
80 
  width:75px;
81 
  height:50px;
346 jpm 82 
  padding:45px 0 0 0;}
4 david 83 
#monde_5 a{
84 
  top:246px;
85 
  left:345px;
86 
  width:78px;
87 
  height:50px;
346 jpm 88 
  padding:45px 0 0 0;}
4 david 89 
#monde_6 a{
90 
  top:250px;
91 
  left:453px;
92 
  width:73px;
93 
  height:50px;
346 jpm 94 
  padding:43px 0 0 0;}
4 david 95 
#monde_7 a{
96 
  top:249px;
97 
  left:545px;
98 
  width:110px;
99 
  height:50px;
346 jpm 100 
  padding:45px 0 0 0;}
338 jpm 101 
#monde_8 a{
102 
  top:229px;
103 
  left:645px;
104 
  width:110px;
105 
  height:50px;
346 jpm 106 
  padding:45px 0 0 0;}
338 jpm 107 
 
4 david 108 
#monde_1 a:hover span {
109 
  top:-50px;
110 
  left:217px;}
111 
#monde_2 a:hover span {
112 
  top:-200px;
113 
  left:200px;}
114 
#monde_3 a:hover span {
115 
  top:-117px;
116 
  left:225px;}
117 
#monde_4 a:hover span {
118 
  top:-224px;
119 
  left:36px;}
120 
#monde_5 a:hover span {
121 
  top:-245px;
122 
  left:-55px;}
123 
#monde_6 a:hover span {
124 
  top:-248px;
125 
  left:-164px;}
126 
#monde_7 a:hover span {
127 
  top:-248px;
128 
  left:-255px;}
338 jpm 129 
#monde_8 a:hover span {
130 
  top:-228px;
346 jpm 131 
  left:-355px;}