Subversion Repositories Sites.tela-botanica.org

Rev

Rev 6 | 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;}
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;
338 jpm 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;
338 jpm 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);
338 jpm 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;
338 jpm 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;
338 jpm 62 
  background:transparent url(/accueil/fond-erable.jpg) no-repeat 155px 0;}
4 david 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;
338 jpm 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;}
338 jpm 144 
#monde_8 a{
145 
  position:absolute;
146 
  top:250px;
147 
  left:650px;
148 
  width:110px;
149 
  height:50px;
150 
  padding:45px 0 0 0;
151 
  color:#670101;
152 
  text-align:center;}
4 david 153 
#monde_1 a:hover span {
154 
  top:-50px;
155 
  left:277px;}
156 
#monde_2 a:hover span {
157 
  top:-115px;
158 
  left:305px;}
159 
#monde_3 a:hover span {
160 
  top:-190px;
161 
  left:270px;}
162 
#monde_4 a:hover span {
163 
  top:-210px;
164 
  left:65px;}
165 
#monde_5 a:hover span {
166 
  top:-245px;
167 
  left:-25px;}
168 
#monde_6 a:hover span {
169 
  top:-248px;
170 
  left:-130px;}
171 
#monde_7 a:hover span {
172 
  top:-248px;
173 
  left:-225px;}
338 jpm 174 
#monde_8 a:hover span {
175 
  top:-248px;
176 
  left:-330px;}
4 david 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;}