Subversion Repositories Sites.tela-botanica.org

Rev

Rev 338 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 338 Rev 346
Line 1... Line 1...
1
/*********************************
1
/**********************************************************************************************************************/
2
Feuille de style de la page d'accueil
2
/*												Feuille de style de la page d'accueil	: Feuilles d'Automne																	*/
3
***********************************/
3
/**********************************************************************************************************************/
-
 
4
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> 																															*/
-
 
5
/* Date réalisation : 12 juin 2007 																																										*/
Line 4... Line 6...
4
 
6
 
5
/* Élements de base */
-
 
6
body {
-
 
7
  font-family:Arial, Helvetica, Verdana, sans-serif;
-
 
8
  margin:0;}
-
 
9
p {
-
 
10
  margin:2em 0 2px 0;}
7
/* Élements de base */
11
a:link {
-
 
12
  font-size:13px;
-
 
13
  font-weight:bold;
8
a:hover{
14
  text-decoration:none;}
-
 
15
a:visited {
-
 
16
  font-weight:bold;
-
 
17
  text-decoration:none;}
-
 
18
a:hover, a:active {
-
 
19
  text-decoration:none;}
-
 
20
 
-
 
21
/* Specific divs */
-
 
22
#logo_tela {
-
 
23
  display:none;}
-
 
24
#tela_botanica {
-
 
25
  width:400px;
-
 
26
  padding-left:132px;
-
 
27
  margin:0 auto;
-
 
28
  background: url(/sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
-
 
29
#tela_botanica h1{
-
 
30
  color:#0D6828;
-
 
31
  font-size:50px;
-
 
32
  margin:20px 0 0 0;}
-
 
33
#tela_botanica h2{
-
 
34
  color:black;
-
 
35
  font-size:20px;
-
 
36
  margin:5px 0 0 0;}
-
 
37
#tela_botanica p {
-
 
38
  margin-top:25px;}
-
 
39
#tela_botanica p a {
-
 
40
  font-size:17px;
-
 
41
  color:#670101;
-
 
42
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
-
 
43
#admin a {
-
 
44
  font-size:10px;
-
 
45
  color: rgb(169, 169, 169);
-
 
46
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
-
 
47
#tela_botanica p a:hover, #admin a:hover {
-
 
48
  text-decoration:none;
-
 
Line -... Line 9...
-
 
9
	text-transform:none;}
-
 
10
 
-
 
11
/* Centrage général */
-
 
12
#zone_centrage{
-
 
13
	background:none;}
-
 
14
 
-
 
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%;}
49
  background: url(/accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
28
#titre_sites{
50
 
29
	display:none;}
51
#image_fond {
-
 
52
  position:relative;
30
#image_fond {
53
  z-index:100;
31
  position:relative;
54
  width:780px;
32
  width:780px;
55
  height:350px;
33
  height:350px;
56
  margin:0 auto;
34
  margin:0 auto;
57
  clear:both;
-
 
58
  color:#600;
-
 
59
  font-weight:bold;
35
  clear:both;
60
  font-size:13px;
36
  color:#600;
-
 
37
  text-align:left;
-
 
38
  background:transparent url(./fond_erable.jpg) no-repeat 155px 0;}
61
  text-align:left;
39
#image_fond a {
62
  background:transparent url(/accueil/fond-erable.jpg) no-repeat 155px 0;}
40
  display:block;}
63
a:hover span {
41
a:hover span{
64
  display:block;
42
  display:block;
65
  position:absolute;
43
  position:absolute;
66
  width:240px;
44
  width:240px;
67
  height:190px;
45
  height:190px;
68
  color: #000;
46
  color: #000;
69
  padding:70px 20px 0 20px;
47
  padding:70px 20px 0 20px;
70
  background:url(/accueil/pixel_transparent60.png);
48
  background:url(./pixel_transparent60.png);
71
  font-size:14px;
-
 
72
  line-height:large;
-
 
73
  font-family:Arial, Helvetica, Verdana, sans-serif;
49
  font-size:14px;
74
  text-align:center;
50
  line-height:large;
75
  font-weight:bold;}
51
  font-weight:bold;}
-
 
52
a span {
76
#image_fond a {
53
  display:none;
77
  display:block;}
54
  position:absolute;}
78
#monde_1 a{
55
#monde_1 a{
79
  position:absolute;
56
  position:absolute;
80
  top:55px;
57
  top:55px;
81
  left:45px;
58
  left:75px;
82
  width:210px;
59
  width:120px;
83
  height:40px;
60
  height:40px;
84
  padding:30px 50px 0 0;
61
  padding:30px 50px 0 0;
85
  color:#670101;
-
 
86
  text-align:center;}
62
  color:#670101;
87
 
63
  text-align:center;}
88
#monde_2 a{
64
#monde_2 a{
89
  position:absolute;
65
  position:absolute;
90
  top:120px;
66
  top:120px;
91
  left:15px;
67
  left:15px;
92
  width:200px;
68
  width:200px;
93
  height:40px;
69
  height:40px;
94
  padding:35px 70px 0 0;
70
  padding:35px 70px 0 0;
95
  color:#670101;
-
 
96
  text-align:center;}
71
  color:#670101;
97
 
72
  text-align:center;}
98
#monde_3 a{
73
#monde_3 a{
99
  position:absolute;
74
  position:absolute;
100
  top:190px;
75
  top:190px;
101
  left:50px;
76
  left:50px;
102
  width:170px;
77
  width:170px;
103
  height:60px;
78
  height:60px;
104
  padding:40px 30px 0 0;
79
  padding:40px 30px 0 0;
105
  color:#670101;
-
 
106
  text-align:center;}
80
  color:#670101;
107
 
81
  text-align:center;}
108
#monde_4 a{
82
#monde_4 a{
109
  position:absolute;
83
  position:absolute;
110
  top:215px;
84
  top:215px;
Line 150... Line 124...
150
  padding:45px 0 0 0;
124
  padding:45px 0 0 0;
151
  color:#670101;
125
  color:#670101;
152
  text-align:center;}
126
  text-align:center;}
153
#monde_1 a:hover span {
127
#monde_1 a:hover span {
154
  top:-50px;
128
  top:-50px;
155
  left:277px;}
129
  left:247px;}
156
#monde_2 a:hover span {
130
#monde_2 a:hover span {
157
  top:-115px;
131
  top:-115px;
158
  left:305px;}
132
  left:305px;}
159
#monde_3 a:hover span {
133
#monde_3 a:hover span {
160
  top:-190px;
134
  top:-190px;
Line 171... Line 145...
171
#monde_7 a:hover span {
145
#monde_7 a:hover span {
172
  top:-248px;
146
  top:-248px;
173
  left:-225px;}
147
  left:-225px;}
174
#monde_8 a:hover span {
148
#monde_8 a:hover span {
175
  top:-248px;
149
  top:-248px;
176
  left:-330px;}
-
 
177
/* Pied de page */
-
 
178
#pied_page li {
-
 
179
  display:inline;
-
 
180
  margin:0;
-
 
181
  padding:5px;}
-
 
182
#pied_page img {
-
 
183
  vertical-align:middle;
-
 
184
  margin:0 1em;}
-
 
185
#pied_page p {
-
 
186
  padding:20px 0 50px 0;}
-
 
187
#admin {
-
 
188
float:right;}
-
 
189
150
  left:-330px;}
-
 
151
190
152