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 : Tamara LEBOURG <tamara@tela-botanica.org>		 																															*/
- 
 
 5 
/* Auteur : Magali GIAUME <magali@giaume.com>						 																															*/
- 
 
 6 
/* Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org> 																															*/
- 
 
 7 
/* Date réalisation : 12 juin 2007 																																										*/
Line 4... Line 8...
4 
 
 8 
 
5 
/* �lements de base */
 - 
 
6 
body {
 - 
 
7 
  font-family:Arial, Helvetica, Verdana, sans-serif;
 - 
 
8 
  margin:0;}
 9 
/* Élements de base */
9 
a:link {
 - 
 
10 
  font-size:13px;
 - 
 
11 
  font-weight:bold;
 10 
a:hover{
12 
  text-decoration:none;}
 - 
 
13 
a:visited {
 - 
 
14 
  font-weight:bold;
 - 
 
15 
  text-decoration:none;}
 - 
 
16 
a:hover, a:active {
 - 
 
Line 17... Line 11...
17 
  text-decoration:none;}
 11 
	text-transform:none;}
18 
 
 12 
 
19 
/* Sp�cific divs */
 13 
/* Centrage général */
20 
#logo_tela {
 - 
 
21 
  display:none;}
 - 
 
22 
#tela_botanica {
 - 
 
23 
  width:400px;
 - 
 
24 
  padding-left:132px;
 - 
 
25 
  margin:0 auto;
 - 
 
26 
  background: url(/sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
 - 
 
27 
#tela_botanica h1{
 - 
 
28 
  color:#0D6828;
 - 
 
29 
  font-size:50px;
 - 
 
30 
  margin:20px 0 0 0;}
 14 
#zone_centrage{
31 
#tela_botanica h2{
 - 
 
32 
  color:black;
 15 
	background:none;}
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;
 16 
 
40 
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
 - 
 
41 
#admin a {
 - 
 
42 
  font-size:10px;
 - 
 
43 
  color: rgb(169, 169, 169);
 - 
 
44 
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
 17 
/* Les principaux liens*/
45 
#tela_botanica p a:hover, #admin a:hover {
 - 
 
Line 46... Line 18...
46 
  text-decoration:none;
 18 
#zone_liens{
- 
 
 19 
	display:none;}
- 
 
 20 
 
- 
 
 21 
/* Les mondes*/
- 
 
 22 
#zone_sites{
- 
 
 23 
	display:block;
- 
 
 24 
	position:absolute;
- 
 
 25 
	top:140px;
- 
 
 26 
	height:400px;
- 
 
 27 
	width:800px;
- 
 
 28 
	margin-left:-400px;
- 
 
 29 
	left: 50%;
47 
  background: url(/accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
 30 
  background:url(./picto_feuille_automne.png) bottom left no-repeat;}
48 
 
 31 
#titre_sites{
49 
/* Image de fond et mondes*/
 32 
	display:none;}
50 
#image_fond {
 - 
 
51 
  position:relative;
 33 
#image_fond {
52 
  clear:both;
 34 
  position:relative;
53 
  z-index:100;
 35 
  clear:both;
54 
  width:780px;
 36 
  width:780px;
55 
  height:350px;
 - 
 
56 
  margin:0 auto;
 - 
 
57 
  color:#600;
 37 
  height:350px;
58 
  font-size:13px;
 38 
  margin:0 auto;
59 
  font-weight:bold;
 39 
  color:#600;
60 
  text-align:left;
 40 
  text-align:left;
61 
  background:transparent url(/accueil/fond-automne.jpg) no-repeat 155px 0;}
 41 
  background:transparent url(./fond_automne.jpg) no-repeat 155px 0;}
62 
#image_fond a {
 42 
#image_fond a {
63 
  display:block;}
 43 
  display:block;}
64 
a:hover span {
 44 
#zone_sites a:hover span {
65 
  display:block;
 45 
  display:block;
66 
  position:absolute;
 46 
  position:absolute;
67 
  width:210px;
 47 
  width:210px;
68 
  height:150px;
 48 
  height:150px;
69 
  color: #000;
 49 
  color: #000;
70 
  padding:70px 20px 0 20px;
 - 
 
71 
  background:url(/accueil/pixel_transparent60.png);
 - 
 
72 
  font-size:14px;
 - 
 
73 
  line-height:large;
 - 
 
74 
  font-family:Arial, Helvetica, Verdana, sans-serif;
 - 
 
75 
  text-align:center;
 50 
  padding:70px 20px 0 20px;
76 
  font-weight:bold;}
 51 
  background:url(./pixel_transparent60.png);}
77 
a span {
 52 
#zone_sites a span {
78 
  display:none;
 53 
  display:none;
- 
 
 54 
  position:absolute;}
- 
 
 55 
#monde_1 a, #monde_2 a, #monde_3 a, #monde_4 a, #monde_5 a, #monde_6 a, #monde_7 a, #monde_8 a{
- 
 
 56 
  position:absolute;
79 
  position:absolute;}
 57 
	text-align:center;
80 
#monde_1 a{
 58 
  color:#670101;}
81 
  position:absolute;
 59 
#monde_1 a{
82 
  top:55px;
 60 
  top:55px;
83 
  left:75px;
 61 
  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;
 62 
  width:120px;
96 
  color:#670101;
 - 
 
97 
  text-align:center;}
 63 
  height:40px;
98 
#monde_2 a{
 64 
  padding:0 40px 0 0;}
99 
  position:absolute;
 65 
#monde_2 a{
100 
  top:205px;
 66 
  top:205px;
101 
  left:90px;
 67 
  left:90px;
- 
 
 68 
  width:130px;
102 
  width:130px;
 69 
  height:40px;
- 
 
 70 
  padding:0 50px 0 0;}
- 
 
 71 
#monde_3 a{
103 
  height:40px;
 72 
  top:120px;
- 
 
 73 
  left:65px;
104 
  padding:0 50px 0 0;
 74 
  width:100px;
105 
  color:#670101;
 - 
 
106 
  text-align:center;}
 75 
  height:40px;
107 
#monde_4 a{
 76 
  padding:5px 30px 0 0;}
108 
  position:absolute;
 77 
#monde_4 a{
109 
  top:228px;
 78 
  top:228px;
110 
  left:255px;
 79 
  left:255px;
111 
  width:75px;
 - 
 
112 
  height:50px;
 - 
 
113 
  padding:45px 0 0 0;
 80 
  width:75px;
114 
  color:#670101;
 - 
 
115 
  text-align:center;}
 81 
  height:50px;
116 
#monde_5 a{
 82 
  padding:45px 0 0 0;}
117 
  position:absolute;
 83 
#monde_5 a{
118 
  top:246px;
 84 
  top:246px;
119 
  left:345px;
 85 
  left:345px;
120 
  width:78px;
 - 
 
121 
  height:50px;
 - 
 
122 
  padding:45px 0 0 0;
 86 
  width:78px;
123 
  color:#670101;
 - 
 
124 
  text-align:center;}
 87 
  height:50px;
125 
#monde_6 a{
 88 
  padding:45px 0 0 0;}
126 
  position:absolute;
 89 
#monde_6 a{
127 
  top:250px;
 90 
  top:250px;
128 
  left:453px;
 91 
  left:453px;
129 
  width:73px;
 - 
 
130 
  height:50px;
 - 
 
131 
  padding:43px 0 0 0;
 92 
  width:73px;
132 
  color:#670101;
 - 
 
133 
  text-align:center;}
 93 
  height:50px;
134 
#monde_7 a{
 94 
  padding:43px 0 0 0;}
135 
  position:absolute;
 95 
#monde_7 a{
136 
  top:249px;
 96 
  top:249px;
137 
  left:545px;
 97 
  left:545px;
138 
  width:110px;
 - 
 
139 
  height:50px;
 - 
 
140 
  padding:45px 0 0 0;
 98 
  width:110px;
141 
  color:#670101;
 - 
 
142 
  text-align:center;}
 99 
  height:50px;
143 
#monde_8 a{
 100 
  padding:45px 0 0 0;}
144 
  position:absolute;
 101 
#monde_8 a{
145 
  top:229px;
 102 
  top:229px;
146 
  left:645px;
 103 
  left:645px;
147 
  width:110px;
 - 
 
148 
  height:50px;
 - 
 
Line 149... Line 104...
149 
  padding:45px 0 0 0;
 104 
  width:110px;
150 
  color:#670101;
 105 
  height:50px;
151 
  text-align:center;}
 106 
  padding:45px 0 0 0;}
152 
 
 107 
 
Line 171... Line 126...
171 
#monde_7 a:hover span {
 126 
#monde_7 a:hover span {
172 
  top:-248px;
 127 
  top:-248px;
173 
  left:-255px;}
 128 
  left:-255px;}
174 
#monde_8 a:hover span {
 129 
#monde_8 a:hover span {
175 
  top:-228px;
 130 
  top:-228px;
176 
  left:-355px;}
 131 
  left:-355px;}
177 
 
 - 
 
178 
/* Pied de page */
 - 
 
179 
.information {
 - 
 
180 
  background: #e7ebfd url(/sites/commun/generique/images/graphisme/information.png) no-repeat 1% 10%;
 - 
 
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;
 - 
 
189 
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
 - 
 
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;}
 - 
 
204 

            132