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 : Jean-Pascal MILCENT <jpm@tela-botanica.org> 																															*/
5 
/* Date réalisation : 12 juin 2007 																																										*/
4 david 6 
 
7 
/* Élements de base */
346 jpm 8 
a:hover{
9 
	text-transform:none;}
4 david 10 
 
346 jpm 11 
/* Centrage général */
12 
#zone_centrage{
13 
	background:none;}
4 david 14 
 
346 jpm 15 
/* Les principaux liens*/
16 
#zone_liens{
17 
	display:none;}
18 
 
19 
/* Les mondes*/
20 
#zone_sites{
21 
	display:block;
22 
	position:absolute;
23 
	top:140px;
24 
	height:400px;
25 
	width:800px;
26 
	margin-left:-400px;
27 
	left: 50%;}
28 
#titre_sites{
29 
	display:none;}
4 david 30 
#image_fond {
31 
  position:relative;
32 
  width:780px;
33 
  height:350px;
34 
  margin:0 auto;
35 
  clear:both;
36 
  color:#600;
37 
  text-align:left;
346 jpm 38 
  background:transparent url(./fond_erable.jpg) no-repeat 155px 0;}
39 
#image_fond a {
40 
  display:block;}
41 
a:hover span{
4 david 42 
  display:block;
43 
  position:absolute;
44 
  width:240px;
45 
  height:190px;
46 
  color: #000;
47 
  padding:70px 20px 0 20px;
346 jpm 48 
  background:url(./pixel_transparent60.png);
4 david 49 
  font-size:14px;
50 
  line-height:large;
51 
  font-weight:bold;}
346 jpm 52 
a span {
53 
  display:none;
54 
  position:absolute;}
4 david 55 
#monde_1 a{
56 
  position:absolute;
57 
  top:55px;
346 jpm 58 
  left:75px;
59 
  width:120px;
4 david 60 
  height:40px;
61 
  padding:30px 50px 0 0;
62 
  color:#670101;
63 
  text-align:center;}
64 
#monde_2 a{
65 
  position:absolute;
66 
  top:120px;
67 
  left:15px;
68 
  width:200px;
69 
  height:40px;
70 
  padding:35px 70px 0 0;
71 
  color:#670101;
72 
  text-align:center;}
73 
#monde_3 a{
74 
  position:absolute;
75 
  top:190px;
76 
  left:50px;
77 
  width:170px;
78 
  height:60px;
79 
  padding:40px 30px 0 0;
80 
  color:#670101;
81 
  text-align:center;}
82 
#monde_4 a{
83 
  position:absolute;
84 
  top:215px;
85 
  left:255px;
86 
  width:80px;
87 
  height:90px;
88 
  padding:80px 0 0 0;
89 
  color:#670101;
90 
  text-align:center;}
91 
#monde_5 a{
92 
  position:absolute;
93 
  top:250px;
94 
  left:345px;
95 
  width:80px;
96 
  height:60px;
97 
  padding:80px 0 0 0;
98 
  color:#670101;
99 
  text-align:center;}
100 
#monde_6 a{
101 
  position:absolute;
102 
  top:250px;
103 
  left:450px;
104 
  width:75px;
105 
  height:60px;
106 
  padding:80px 0 0 0;
107 
  color:#670101;
108 
  text-align:center;}
109 
#monde_7 a{
110 
  position:absolute;
111 
  top:250px;
112 
  left:545px;
113 
  width:110px;
114 
  height:70px;
115 
  padding:70px 0 0 0;
116 
  color:#670101;
117 
  text-align:center;}
338 jpm 118 
#monde_8 a{
119 
  position:absolute;
120 
  top:250px;
121 
  left:650px;
122 
  width:110px;
123 
  height:50px;
124 
  padding:45px 0 0 0;
125 
  color:#670101;
126 
  text-align:center;}
4 david 127 
#monde_1 a:hover span {
128 
  top:-50px;
346 jpm 129 
  left:247px;}
4 david 130 
#monde_2 a:hover span {
131 
  top:-115px;
132 
  left:305px;}
133 
#monde_3 a:hover span {
134 
  top:-190px;
135 
  left:270px;}
136 
#monde_4 a:hover span {
137 
  top:-210px;
138 
  left:65px;}
139 
#monde_5 a:hover span {
140 
  top:-245px;
141 
  left:-25px;}
142 
#monde_6 a:hover span {
143 
  top:-248px;
144 
  left:-130px;}
145 
#monde_7 a:hover span {
146 
  top:-248px;
147 
  left:-225px;}
338 jpm 148 
#monde_8 a:hover span {
149 
  top:-248px;
346 jpm 150 
  left:-330px;}