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;}
6 david 9
a:link {
4 david 10
  font-size:13px;
11
  font-weight:bold;
12
  text-decoration:none;}
13
a:visited {
14
  font-weight:bold;
15
  text-decoration:none;}
16
a:hover, a:active {
17
  text-decoration:none;}
18
 
19
/* Sp�cific divs */
20
#logo_tela {
21
  display:none;}
22
#tela_botanica {
23
  width:400px;
24
  padding-left:132px;
25
  margin:0 auto;
6 david 26
  background: url(sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
4 david 27
#tela_botanica h1{
28
  color:#0D6828;
29
  font-size:50px;
30
  margin:20px 0 0 0;}
31
#tela_botanica h2{
32
  color:black;
33
  font-size:20px;
34
  margin:5px 0 0 0;}
35
#tela_botanica p {
36
  margin-top:25px;}
37
#tela_botanica p a {
38
  font-size:17px;
39
  color:#670101;
6 david 40
  background: url(http://localhost/~david/telabotap/accueil/img_underline_accueil.png) center bottom repeat-x;}
4 david 41
#admin a {
42
  font-size:10px;
43
  color: rgb(169, 169, 169);
6 david 44
  background: url(accueil/img_underline_accueil.png) center bottom repeat-x;}
4 david 45
#tela_botanica p a:hover, #admin a:hover {
46
  text-decoration:none;
6 david 47
  background: url(accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
4 david 48
 
49
/* Image de fond et mondes*/
50
#image_fond {
51
  position:relative;
52
  clear:both;
53
  z-index:100;
54
  width:780px;
55
  height:350px;
56
  margin:0 auto;
57
  color:#600;
58
  font-size:13px;
59
  font-weight:bold;
60
  text-align:left;
6 david 61
  background:transparent url(accueil/fond-automne.jpg) no-repeat 155px 0;}
4 david 62
#image_fond a {
63
  display:block;}
64
a:hover span {
65
  display:block;
66
  position:absolute;
67
  width:210px;
68
  height:150px;
69
  color: #000;
70
  padding:70px 20px 0 20px;
6 david 71
  background:url(accueil/pixel_transparent60.png);
4 david 72
  font-size:14px;
73
  line-height:large;
74
  font-family:Arial, Helvetica, Verdana, sans-serif;
75
  text-align:center;
76
  font-weight:bold;}
77
a span {
78
  display:none;
79
  position:absolute;}
80
#monde_1 a{
81
  position:absolute;
82
  top:55px;
83
  left:75px;
84
  width:120px;
85
  height:40px;
86
  padding:0 40px 0 0;
87
  color:#670101;
88
  text-align:center;}
89
#monde_3 a{
90
  position:absolute;
91
  top:120px;
92
  left:65px;
93
  width:100px;
94
  height:40px;
95
  padding:5px 30px 0 0;
96
  color:#670101;
97
  text-align:center;}
98
#monde_2 a{
99
  position:absolute;
100
  top:205px;
101
  left:90px;
102
  width:130px;
103
  height:40px;
104
  padding:0 50px 0 0;
105
  color:#670101;
106
  text-align:center;}
107
#monde_4 a{
108
  position:absolute;
109
  top:228px;
110
  left:255px;
111
  width:75px;
112
  height:50px;
113
  padding:45px 0 0 0;
114
  color:#670101;
115
  text-align:center;}
116
#monde_5 a{
117
  position:absolute;
118
  top:246px;
119
  left:345px;
120
  width:78px;
121
  height:50px;
122
  padding:45px 0 0 0;
123
  color:#670101;
124
  text-align:center;}
125
#monde_6 a{
126
  position:absolute;
127
  top:250px;
128
  left:453px;
129
  width:73px;
130
  height:50px;
131
  padding:43px 0 0 0;
132
  color:#670101;
133
  text-align:center;}
134
#monde_7 a{
135
  position:absolute;
136
  top:249px;
137
  left:545px;
138
  width:110px;
139
  height:50px;
140
  padding:45px 0 0 0;
141
  color:#670101;
142
  text-align:center;}
143
#monde_1 a:hover span {
144
  top:-50px;
145
  left:217px;}
146
#monde_2 a:hover span {
147
  top:-200px;
148
  left:200px;}
149
#monde_3 a:hover span {
150
  top:-117px;
151
  left:225px;}
152
#monde_4 a:hover span {
153
  top:-224px;
154
  left:36px;}
155
#monde_5 a:hover span {
156
  top:-245px;
157
  left:-55px;}
158
#monde_6 a:hover span {
159
  top:-248px;
160
  left:-164px;}
161
#monde_7 a:hover span {
162
  top:-248px;
163
  left:-255px;}
164
 
165
/* Pied de page */
166
.information {
6 david 167
  background: #e7ebfd url(sites/commun/generique/images/graphisme/information.png) no-repeat 1% 10%;
4 david 168
  text-align:center;
169
  border:1px solid #dfe7ac;
170
  width:950px;
171
  height:70px;
172
  margin:0 auto;}
173
p#firefox a{
174
  font-weight:normal;
175
  color:#670101;
6 david 176
  background: url(accueil/img_underline_accueil.png) center bottom repeat-x;}
4 david 177
.lien_img {
178
  background:none;}
179
#pied_page li {
180
  display:inline;
181
  margin:0;
182
  padding:5px;}
183
#pied_page img {
184
  vertical-align:middle;
185
  margin:0 1em;}
186
#pied_page p {
187
  padding:10px 0 10px 0;}
188
#admin {
189
float:right;
190
margin-right: 20px;}