Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
4 david 1
/*********************************
6 david 2
Feuille de style de la page d'accueil
4 david 3
***********************************/
4
 
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;}
11
a:link {
12
  font-size:13px;
13
  font-weight:bold;
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;
6 david 28
  background: url(sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
4 david 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;
6 david 42
  background: url(accueil/img_underline_accueil.png) center bottom repeat-x;}
4 david 43
#admin a {
44
  font-size:10px;
45
  color: rgb(169, 169, 169);
6 david 46
  background: url(accueil/img_underline_accueil.png) center bottom repeat-x;}
4 david 47
#tela_botanica p a:hover, #admin a:hover {
48
  text-decoration:none;
6 david 49
  background: url(accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
4 david 50
 
51
#image_fond {
52
  position:relative;
53
  z-index:100;
54
  width:780px;
55
  height:350px;
56
  margin:0 auto;
57
  clear:both;
58
  color:#600;
59
  font-weight:bold;
60
  font-size:13px;
61
  text-align:left;
62
  background:transparent url(fond-erable.jpg) no-repeat 155px 0;}
63
a:hover span {
64
  display:block;
65
  position:absolute;
66
  width:240px;
67
  height:190px;
68
  color: #000;
69
  padding:70px 20px 0 20px;
6 david 70
  background:url(accueil/pixel_transparent60.png);
4 david 71
  font-size:14px;
72
  line-height:large;
73
  font-family:Arial, Helvetica, Verdana, sans-serif;
74
  text-align:center;
75
  font-weight:bold;}
76
#image_fond a {
77
  display:block;}
78
#monde_1 a{
79
  position:absolute;
80
  top:55px;
81
  left:45px;
82
  width:210px;
83
  height:40px;
84
  padding:30px 50px 0 0;
85
  color:#670101;
86
  text-align:center;}
87
 
88
#monde_2 a{
89
  position:absolute;
90
  top:120px;
91
  left:15px;
92
  width:200px;
93
  height:40px;
94
  padding:35px 70px 0 0;
95
  color:#670101;
96
  text-align:center;}
97
 
98
#monde_3 a{
99
  position:absolute;
100
  top:190px;
101
  left:50px;
102
  width:170px;
103
  height:60px;
104
  padding:40px 30px 0 0;
105
  color:#670101;
106
  text-align:center;}
107
 
108
#monde_4 a{
109
  position:absolute;
110
  top:215px;
111
  left:255px;
112
  width:80px;
113
  height:90px;
114
  padding:80px 0 0 0;
115
  color:#670101;
116
  text-align:center;}
117
#monde_5 a{
118
  position:absolute;
119
  top:250px;
120
  left:345px;
121
  width:80px;
122
  height:60px;
123
  padding:80px 0 0 0;
124
  color:#670101;
125
  text-align:center;}
126
#monde_6 a{
127
  position:absolute;
128
  top:250px;
129
  left:450px;
130
  width:75px;
131
  height:60px;
132
  padding:80px 0 0 0;
133
  color:#670101;
134
  text-align:center;}
135
#monde_7 a{
136
  position:absolute;
137
  top:250px;
138
  left:545px;
139
  width:110px;
140
  height:70px;
141
  padding:70px 0 0 0;
142
  color:#670101;
143
  text-align:center;}
144
#monde_1 a:hover span {
145
  top:-50px;
146
  left:277px;}
147
#monde_2 a:hover span {
148
  top:-115px;
149
  left:305px;}
150
#monde_3 a:hover span {
151
  top:-190px;
152
  left:270px;}
153
#monde_4 a:hover span {
154
  top:-210px;
155
  left:65px;}
156
#monde_5 a:hover span {
157
  top:-245px;
158
  left:-25px;}
159
#monde_6 a:hover span {
160
  top:-248px;
161
  left:-130px;}
162
#monde_7 a:hover span {
163
  top:-248px;
164
  left:-225px;}
165
/* Pied de page */
166
#pied_page li {
167
  display:inline;
168
  margin:0;
169
  padding:5px;}
170
#pied_page img {
171
  vertical-align:middle;
172
  margin:0 1em;}
173
#pied_page p {
174
  padding:20px 0 50px 0;}
175
#admin {
176
float:right;}