Subversion Repositories Sites.tela-botanica.org

Rev

Rev 338 | Go to most recent revision | 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 : Jean-Pascal MILCENT <jpm@tela-botanica.org> 																															*/
- 
 
 5 
/* Date réalisation : 12 juin 2007 																																										*/
Line 4... Line 6...
4 
 
 6 
 
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;}
 7 
/* Élements de base */
11 
a:link {
 - 
 
12 
  font-size:13px;
 - 
 
13 
  font-weight:bold;
 8 
a:hover{
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;
 - 
 
28 
  background: url(/sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
 - 
 
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;
 - 
 
42 
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
 - 
 
43 
#admin a {
 - 
 
44 
  font-size:10px;
 - 
 
45 
  color: rgb(169, 169, 169);
 - 
 
46 
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
 - 
 
47 
#tela_botanica p a:hover, #admin a:hover {
 - 
 
48 
  text-decoration:none;
 - 
 
Line -... Line 9...
- 
 
 9 
	text-transform:none;}
- 
 
 10 
 
- 
 
 11 
/* Centrage général */
- 
 
 12 
#zone_centrage{
- 
 
 13 
	background:none;}
- 
 
 14 
 
- 
 
 15 
/* Les principaux liens*/
- 
 
 16 
#zone_liens{
- 
 
 17 
	display:none;}
- 
 
 18 
 
- 
 
 19 
/* Les mondes*/
- 
 
 20 
#zone_sites{
- 
 
 21 
	display:block;
- 
 
 22 
	position:absolute;
- 
 
 23 
	top:140px;
- 
 
 24 
	height:400px;
- 
 
 25 
	width:800px;
- 
 
 26 
	margin-left:-400px;
- 
 
 27 
	left: 50%;}
49 
  background: url(/accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
 28 
#titre_sites{
50 
 
 29 
	display:none;}
51 
#image_fond {
 - 
 
52 
  position:relative;
 30 
#image_fond {
53 
  z-index:100;
 31 
  position:relative;
54 
  width:780px;
 32 
  width:780px;
55 
  height:350px;
 33 
  height:350px;
56 
  margin:0 auto;
 34 
  margin:0 auto;
57 
  clear:both;
 - 
 
58 
  color:#600;
 - 
 
59 
  font-weight:bold;
 35 
  clear:both;
60 
  font-size:13px;
 36 
  color:#600;
- 
 
 37 
  text-align:left;
- 
 
 38 
  background:transparent url(./fond_erable.jpg) no-repeat 155px 0;}
61 
  text-align:left;
 39 
#image_fond a {
62 
  background:transparent url(/accueil/fond-erable.jpg) no-repeat 155px 0;}
 40 
  display:block;}
63 
a:hover span {
 41 
a:hover span{
64 
  display:block;
 42 
  display:block;
65 
  position:absolute;
 43 
  position:absolute;
66 
  width:240px;
 44 
  width:240px;
67 
  height:190px;
 45 
  height:190px;
68 
  color: #000;
 46 
  color: #000;
69 
  padding:70px 20px 0 20px;
 47 
  padding:70px 20px 0 20px;
70 
  background:url(/accueil/pixel_transparent60.png);
 48 
  background:url(./pixel_transparent60.png);
71 
  font-size:14px;
 - 
 
72 
  line-height:large;
 - 
 
73 
  font-family:Arial, Helvetica, Verdana, sans-serif;
 49 
  font-size:14px;
74 
  text-align:center;
 50 
  line-height:large;
75 
  font-weight:bold;}
 51 
  font-weight:bold;}
- 
 
 52 
a span {
76 
#image_fond a {
 53 
  display:none;
77 
  display:block;}
 54 
  position:absolute;}
78 
#monde_1 a{
 55 
#monde_1 a{
79 
  position:absolute;
 56 
  position:absolute;
80 
  top:55px;
 57 
  top:55px;
81 
  left:45px;
 58 
  left:75px;
82 
  width:210px;
 59 
  width:120px;
83 
  height:40px;
 60 
  height:40px;
84 
  padding:30px 50px 0 0;
 61 
  padding:30px 50px 0 0;
85 
  color:#670101;
 - 
 
86 
  text-align:center;}
 62 
  color:#670101;
87 
 
 63 
  text-align:center;}
88 
#monde_2 a{
 64 
#monde_2 a{
89 
  position:absolute;
 65 
  position:absolute;
90 
  top:120px;
 66 
  top:120px;
91 
  left:15px;
 67 
  left:15px;
92 
  width:200px;
 68 
  width:200px;
93 
  height:40px;
 69 
  height:40px;
94 
  padding:35px 70px 0 0;
 70 
  padding:35px 70px 0 0;
95 
  color:#670101;
 - 
 
96 
  text-align:center;}
 71 
  color:#670101;
97 
 
 72 
  text-align:center;}
98 
#monde_3 a{
 73 
#monde_3 a{
99 
  position:absolute;
 74 
  position:absolute;
100 
  top:190px;
 75 
  top:190px;
101 
  left:50px;
 76 
  left:50px;
102 
  width:170px;
 77 
  width:170px;
103 
  height:60px;
 78 
  height:60px;
104 
  padding:40px 30px 0 0;
 79 
  padding:40px 30px 0 0;
105 
  color:#670101;
 - 
 
106 
  text-align:center;}
 80 
  color:#670101;
107 
 
 81 
  text-align:center;}
108 
#monde_4 a{
 82 
#monde_4 a{
109 
  position:absolute;
 83 
  position:absolute;
110 
  top:215px;
 84 
  top:215px;
Line 150... Line 124...
150 
  padding:45px 0 0 0;
 124 
  padding:45px 0 0 0;
151 
  color:#670101;
 125 
  color:#670101;
152 
  text-align:center;}
 126 
  text-align:center;}
153 
#monde_1 a:hover span {
 127 
#monde_1 a:hover span {
154 
  top:-50px;
 128 
  top:-50px;
155 
  left:277px;}
 129 
  left:247px;}
156 
#monde_2 a:hover span {
 130 
#monde_2 a:hover span {
157 
  top:-115px;
 131 
  top:-115px;
158 
  left:305px;}
 132 
  left:305px;}
159 
#monde_3 a:hover span {
 133 
#monde_3 a:hover span {
160 
  top:-190px;
 134 
  top:-190px;
Line 171... Line 145...
171 
#monde_7 a:hover span {
 145 
#monde_7 a:hover span {
172 
  top:-248px;
 146 
  top:-248px;
173 
  left:-225px;}
 147 
  left:-225px;}
174 
#monde_8 a:hover span {
 148 
#monde_8 a:hover span {
175 
  top:-248px;
 149 
  top:-248px;
176 
  left:-330px;}
 - 
 
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;}
 - 
 
189 

            150
            
  left:-330px;}

          

          

            -
            
 

            151
            

          

          

            190
            

            152