Subversion Repositories Sites.tela-botanica.org

Rev

Rev 200 | Go to most recent revision | Details | Compare with Previous | 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;
338 jpm 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;
338 jpm 40 
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
4 david 41 
#admin a {
42 
  font-size:10px;
43 
  color: rgb(169, 169, 169);
338 jpm 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;
338 jpm 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;
338 jpm 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;
338 jpm 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;}
338 jpm 143 
#monde_8 a{
144 
  position:absolute;
145 
  top:229px;
146 
  left:645px;
147 
  width:110px;
148 
  height:50px;
149 
  padding:45px 0 0 0;
150 
  color:#670101;
151 
  text-align:center;}
152 
 
4 david 153 
#monde_1 a:hover span {
154 
  top:-50px;
155 
  left:217px;}
156 
#monde_2 a:hover span {
157 
  top:-200px;
158 
  left:200px;}
159 
#monde_3 a:hover span {
160 
  top:-117px;
161 
  left:225px;}
162 
#monde_4 a:hover span {
163 
  top:-224px;
164 
  left:36px;}
165 
#monde_5 a:hover span {
166 
  top:-245px;
167 
  left:-55px;}
168 
#monde_6 a:hover span {
169 
  top:-248px;
170 
  left:-164px;}
171 
#monde_7 a:hover span {
172 
  top:-248px;
173 
  left:-255px;}
338 jpm 174 
#monde_8 a:hover span {
175 
  top:-228px;
176 
  left:-355px;}
4 david 177 
 
178 
/* Pied de page */
179 
.information {
338 jpm 180 
  background: #e7ebfd url(/sites/commun/generique/images/graphisme/information.png) no-repeat 1% 10%;
4 david 181 
  text-align:center;
182 
  border:1px solid #dfe7ac;
183 
  width:950px;
184 
  height:70px;
185 
  margin:0 auto;}
186 
p#firefox a{
187 
  font-weight:normal;
188 
  color:#670101;
338 jpm 189 
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
4 david 190 
.lien_img {
191 
  background:none;}
192 
#pied_page li {
193 
  display:inline;
194 
  margin:0;
195 
  padding:5px;}
196 
#pied_page img {
197 
  vertical-align:middle;
198 
  margin:0 1em;}
199 
#pied_page p {
200 
  padding:10px 0 10px 0;}
201 
#admin {
202 
float:right;
203 
margin-right: 20px;}