WebSVN – Sites.tela-botanica.org – Diff – /trunk/accueil/accueil_automne.css


/*********************************
Feuille de style de la page d'accueil
***********************************/
 
/* �lements de base */
body {
  font-family:Arial, Helvetica, Verdana, sans-serif;
  margin:0;}
a:link {
  font-size:13px;
  font-weight:bold;
  text-decoration:none;}
a:visited {
  font-weight:bold;
  text-decoration:none;}
a:hover, a:active {
  text-decoration:none;}
 
/* Sp�cific divs */
#logo_tela {
  display:none;}
#tela_botanica {
  width:400px;
  padding-left:132px;
  margin:0 auto;
  background: url(/sites/commun/generique/images/logos/logo_tela.gif) top left no-repeat;}
#tela_botanica h1{
  color:#0D6828;
  font-size:50px;
  margin:20px 0 0 0;}
#tela_botanica h2{
  color:black;
  font-size:20px;
  margin:5px 0 0 0;}
#tela_botanica p {
  margin-top:25px;}
#tela_botanica p a {
  font-size:17px;
  color:#670101;
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
#admin a {
  font-size:10px;
  color: rgb(169, 169, 169);
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
#tela_botanica p a:hover, #admin a:hover {
  text-decoration:none;
  background: url(/accueil/img_underline_accueil_hover.png) center bottom repeat-x;}
 
/* Image de fond et mondes*/
#image_fond {
  position:relative;
  clear:both;
  z-index:100;
  width:780px;
  height:350px;
  margin:0 auto;
  color:#600;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  background:transparent url(/accueil/fond-automne.jpg) no-repeat 155px 0;}
#image_fond a {
  display:block;}
a:hover span {
  display:block;
  position:absolute;
  width:210px;
  height:150px;
  color: #000;
  padding:70px 20px 0 20px;
  background:url(/accueil/pixel_transparent60.png);
  font-size:14px;
  line-height:large;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  text-align:center;
  font-weight:bold;}
a span {
  display:none;
  position:absolute;}
#monde_1 a{
  position:absolute;
  top:55px;
  left:75px;
  width:120px;
  height:40px;
  padding:0 40px 0 0;
  color:#670101;
  text-align:center;}
#monde_3 a{
  position:absolute;
  top:120px;
  left:65px;
  width:100px;
  height:40px;
  padding:5px 30px 0 0;
  color:#670101;
  text-align:center;}
#monde_2 a{
  position:absolute;
  top:205px;
  left:90px;
  width:130px;
  height:40px;
  padding:0 50px 0 0;
  color:#670101;
  text-align:center;}
#monde_4 a{
  position:absolute;
  top:228px;
  left:255px;
  width:75px;
  height:50px;
  padding:45px 0 0 0;
  color:#670101;
  text-align:center;}
#monde_5 a{
  position:absolute;
  top:246px;
  left:345px;
  width:78px;
  height:50px;
  padding:45px 0 0 0;
  color:#670101;
  text-align:center;}
#monde_6 a{
  position:absolute;
  top:250px;
  left:453px;
  width:73px;
  height:50px;
  padding:43px 0 0 0;
  color:#670101;
  text-align:center;}
#monde_7 a{
  position:absolute;
  top:249px;
  left:545px;
  width:110px;
  height:50px;
  padding:45px 0 0 0;
  color:#670101;
  text-align:center;}
#monde_8 a{
  position:absolute;
  top:229px;
  left:645px;
  width:110px;
  height:50px;
  padding:45px 0 0 0;
  color:#670101;
  text-align:center;}
 
#monde_1 a:hover span {
  top:-50px;
  left:217px;}
#monde_2 a:hover span {
  top:-200px;
  left:200px;}
#monde_3 a:hover span {
  top:-117px;
  left:225px;}
#monde_4 a:hover span {
  top:-224px;
  left:36px;}
#monde_5 a:hover span {
  top:-245px;
  left:-55px;}
#monde_6 a:hover span {
  top:-248px;
  left:-164px;}
#monde_7 a:hover span {
  top:-248px;
  left:-255px;}
#monde_8 a:hover span {
  top:-228px;
  left:-355px;}
 
/* Pied de page */
.information {
  background: #e7ebfd url(/sites/commun/generique/images/graphisme/information.png) no-repeat 1% 10%;
  text-align:center;
  border:1px solid #dfe7ac;
  width:950px;
  height:70px;
  margin:0 auto;}
p#firefox a{
  font-weight:normal;
  color:#670101;
  background: url(/accueil/img_underline_accueil.png) center bottom repeat-x;}
.lien_img {
  background:none;}
#pied_page li {
  display:inline;
  margin:0;
  padding:5px;}
#pied_page img {
  vertical-align:middle;
  margin:0 1em;}
#pied_page p {
  padding:10px 0 10px 0;}
#admin {
float:right;
margin-right: 20px;}

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

Subversion Repositories Sites.tela-botanica.org

(root)/trunk/accueil/accueil_automne.css @ 345 – Rev 200 → 338