Subversion Repositories Sites.tela-botanica.org

Rev

Rev 125 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 125 Rev 128
1
/**********************************
1
/**********************************
2
 
2
 
3
Feuille de style du monde actualite
3
Feuille de style du monde actualite
4
 
4
 
5
Auteurs : Magali Giaume
5
Auteurs : Magali Giaume
6
 
6
 
7
**********************************/
7
**********************************/
8
 
8
 
9
hr {
9
hr {
10
  color:#0227e1;
10
  color:#0227e1;
11
  width:40%;
11
  width:40%;
12
  text-align:center;
12
  text-align:center;
13
  clear: both;}
13
  clear: both;}
14
 
14
 
15
/* style des liens */
15
/* style des liens */
16
 
16
 
17
#pied_page a, a {
17
#pied_page a, a {
18
  color:#0328e1;
18
  color:#0328e1;
19
  background-image: url(/actu/IMG/img_underline_actu.png);}
19
  background-image: url(/actu/IMG/img_underline_actu.png);}
20
 
20
 
21
#pied_page a:hover, a:hover {
21
#pied_page a:hover, a:hover {
22
  color:#0328e1;
22
  color:#0328e1;
23
  background-image: url(/actu/IMG/img_underline_hover_actu.png);}
23
  background-image: url(/actu/IMG/img_underline_hover_actu.png);}
24
 
24
 
25
#image_spip a, #image_spip a:hover {
25
#image_spip a, #image_spip a:hover {
26
  background-image:none;}
26
  background-image:none;}
27
 
27
 
28
.menu_titre li{
28
.menu_titre li{
29
  list-style-type:none;}
29
  list-style-type:none;}
30
 
30
 
31
/**************************
31
/**************************
32
 
32
 
33
DIFFERENTS BLOCS DE LA PAGE
33
DIFFERENTS BLOCS DE LA PAGE
34
 
34
 
35
**************************/
35
**************************/
36
 
36
 
37
/******
37
/******
38
 
38
 
39
bandeau
39
bandeau
40
 
40
 
41
*******/
41
*******/
42
 
42
 
43
#bandeau {
43
#bandeau {
44
  background: url(/actu/IMG/bandeau_actu_fond.png) repeat-x;}
44
  background: url(/actu/IMG/bandeau_actu_fond.png) repeat-x;}
45
 
45
 
46
#bandeau_contenu {
46
#bandeau_contenu {
47
  background: url(/actu/IMG/bandeau_actu.jpg) no-repeat;
47
  background: url(/actu/IMG/bandeau_actu.jpg) no-repeat;
48
  height:77px;}
48
  height:77px;}
49
 
49
 
50
#titre_monde h1 {
50
#titre_monde h1 {
51
  color: #feffdc;}
51
  color: #feffdc;}
52
 
52
 
53
#plan_contact a {
53
#plan_contact a {
54
  color:#fff;
54
  color:#fff;
55
  background-image: url(/sites/commun/generique/images/graphisme/img_underline_plan_site_blanc.png);}
55
  background-image: url(/sites/commun/generique/images/graphisme/img_underline_plan_site_blanc.png);}
56
 
56
 
57
#plan_contact a:hover {
57
#plan_contact a:hover {
58
  background-image: url(/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_blanc.png);}
58
  background-image: url(/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_blanc.png);}
59
 
59
 
60
/*****
60
/*****
61
 
61
 
62
droite
62
droite
63
 
63
 
64
******/
64
******/
65
 
65
 
66
#droite {
66
#droite {
67
  margin:0 5px 0 195px;}
67
  margin:0 5px 0 195px;}
68
 
68
 
69
/* droite -> contenu */
69
/* droite -> contenu */
70
 
70
 
71
#contenu_accueil {
71
#contenu_accueil{
72
  margin:5px 270px 5px 17px;
72
  margin:5px 270px 5px 0;
73
  padding:0;
73
  padding:0;
74
  text-align: justify;
74
  text-align: justify;
75
  min-height: 300px;
75
  min-height: 300px;
76
  width:540px;
76
  width:540px;
77
  background:url(/accueil/test.png) center;}
77
  background:url(/accueil/test.png) center;}
78
 
78
 
79
#contenu_article, #contenu_rubrique {
79
#contenu_article, #contenu_rubrique, #contenu {
80
  text-align: justify;
80
  text-align: justify;
-
 
81
  min-height: 300px;
81
  min-height: 300px;
82
  font-size:13px;
82
  width:580px;
83
  width:805px;
-
 
84
  background:url(/accueil/test.png) center;}
-
 
85
#contenu .intituler_rubrique {
83
  background:url(/accueil/test.png) center;}
86
  font-size:18px;}
84
 
87
 
85
#form_recherche {
88
#form_recherche {
86
  position:absolute;
89
  position:absolute;
87
  right:5px;
90
  right:5px;
88
  top:0;}
91
  top:0;}
89
 
92
 
90
/*************
93
/*************
91
info_dte
94
info_dte
92
*************/
95
*************/
93
 
96
 
94
#info_dte {
97
#info_dte {
95
  width:250px;
98
  width:250px;
96
  position:absolute;
99
  position:absolute;
97
  top:10px;
100
  top:10px;
98
  right:-260px;
101
  right:-260px;
99
  text-align:left;
102
  text-align:left;
100
  padding:0 5px;}
103
  border-left:1px solid #ccc;}
101
 
104
 
102
/* pour les fils d'info rss */
105
/* pour les fils d'info rss */
103
.rss {
106
.rss {
104
  width: 250px;
107
  width: 250px;
105
  border:1px solid #ccc;
-
 
106
  font-size: 14px;
108
  font-size: 14px;
107
  text-align:left;
109
  text-align:left;
108
  padding-left:9px;}
110
  padding-left:9px;}
109
 
111
 
110
.rss .intituler_rubrique {
112
.rss .intituler_rubrique {
111
  font-size:13px;
113
  font-size:13px;
112
  font-weight:normal;}
114
  font-weight:normal;}
113
 
115
 
114
.titre_rss {
116
.titre_rss {
115
  color:#feffdc;
117
  color:#feffdc;
116
  font-size: 14px;
118
  font-size: 14px;
117
  text-align:center;
119
  text-align:center;
118
  padding: 1px 5px;
120
  padding: 1px 5px;
119
  margin-bottom: 10px;}
121
  margin-bottom: 10px;}
120
 
122
 
121
.titre_rss a {
123
.titre_rss a {
122
  color:#00008c;
124
  color:#00008c;
123
  text-decoration:none;}
125
  text-decoration:none;}
124
 
126
 
125
.titre_rss a:hover {
127
.titre_rss a:hover {
126
  color:#00008c;
128
  color:#00008c;
127
  text-decoration:underline;}
129
  text-decoration:underline;}
128
 
130
 
129
.item {
131
.item {
130
  margin: 4px 0 10px 2px;}
132
  margin: 4px 0 10px 2px;}
131
 
133
 
132
.item .date {
134
.item .date {
133
  font-size:10px;}
135
  font-size:10px;}
134
 
136
 
135
 
137
 
136
 
138
 
137
/*********
139
/*********
138
 
140
 
139
nav_gauche
141
nav_gauche
140
 
142
 
141
**********/
143
**********/
142
 
144
 
143
#nav_gauche {
145
#nav_gauche {
144
  background: #ffffff url(../IMG/degrade_bleu.png) repeat-x;}
146
  background: #ffffff url(../IMG/degrade_bleu.png) repeat-x;}
145
 
147
 
146
/* nav_gauche -> menus_gauche */
148
/* nav_gauche -> menus_gauche */
147
 
149
 
148
#menus_gauche a {
150
#menus_gauche a {
149
  color: #0227e1;
151
  color: #0227e1;
150
  background-image:none;}
152
  background-image:none;}
151
 
153
 
152
#menus_gauche {
154
#menus_gauche {
153
  margin-bottom:20px;}
155
  margin-bottom:20px;}
154
 
156
 
155
#menus_gauche a:hover {
157
#menus_gauche a:hover {
156
  background-color:#a9b6f7;
158
  background-color:#a9b6f7;
157
  background-image:none;}
159
  background-image:none;}
158
 
160
 
159
#menus_gauche_list {
161
#menus_gauche_list {
160
  list-style:none;
162
  list-style:none;
161
  padding:0;
163
  padding:0;
162
  margin:0;}
164
  margin:0;}
163
 
165
 
164
#menus_gauche_list li {
166
#menus_gauche_list li {
165
  text-align:left;
167
  text-align:left;
166
  font-size:13px;
168
  font-size:13px;
167
  padding:0 0 3px 5px;}
169
  padding:0 0 3px 5px;}
168
 
170
 
169
#rubrique_select {
171
#rubrique_select {
170
  color:#0227e1;
172
  color:#0227e1;
171
  background-color:#a9b6f7;
173
  background-color:#a9b6f7;
172
  padding-left:5px;
174
  padding-left:5px;
173
  margin:0;}
175
  margin:0;}
174
 
176
 
175
#password, #username {
177
#password, #username {
176
  background-color:#e7ebfd;}
178
  background-color:#e7ebfd;}
177
 
179
 
178
#menu_contextuel {
180
#menu_contextuel {
179
  color:#0227e1;
181
  color:#0227e1;
180
  margin-bottom:2px;}
182
  margin-bottom:2px;}
181
 
183
 
182
#envoyer_article {
184
#envoyer_article {
183
  background: white url(/sites/commun/generique/images/graphisme/icone_mail.png) no-repeat 75% 40%;}
185
  background: white url(/sites/commun/generique/images/graphisme/icone_mail.png) no-repeat 75% 40%;}
184
 
186
 
185
/*******************
187
/*******************
186
 
188
 
187
ELEMENTS SPECIFIQUES
189
ELEMENTS SPECIFIQUES
188
 
190
 
189
*******************/
191
*******************/
190
 
192
 
191
/* pour les articles */
193
/* pour les articles */
192
#form_auteur {
194
#form_auteur {
193
  width:300px;}
195
  width:300px;}
194
 
196
 
195
#form_recherche {
197
#form_recherche {
196
  color: white;
198
  color: white;
197
  position:relative;
199
  position:relative;
198
  top:-35px;}
200
  top:-35px;}
199
 
201
 
200
#postarticle {
202
#postarticle {
201
  margin-top:20px;
203
  margin-top:20px;
202
  font-weight:bold;}
204
  font-weight:bold;}
203
 
205
 
204
#pied_page_print {
206
#pied_page_print {
205
  display:none;}
207
  display:none;}
206
 
208
 
207
/* pour les forums */
209
/* pour les forums */
208
 
210
 
209
#box_forum {
211
#box_forum {
210
  text-align:justify;}
212
  text-align:justify;}
211
 
213
 
212
.forum-total ul {
214
.forum-total ul {
213
  display: block;
215
  display: block;
214
  margin: 0;}
216
  margin: 0;}
215
 
217
 
216
li.forum-total {
218
li.forum-total {
217
  list-style: none;
219
  list-style: none;
218
  margin-left: 2px;}
220
  margin-left: 2px;}
219
 
221
 
220
.forum-fil {
222
.forum-fil {
221
  margin-top: 2px;
223
  margin-top: 2px;
222
  background:#e5e9ff;}
224
  background:#e5e9ff;}
223
 
225
 
224
.forum-fil ul {
226
.forum-fil ul {
225
  margin-left:20px;
227
  margin-left:20px;
226
  padding-left: 2px;}
228
  padding-left: 2px;}
227
 
229
 
228
.forum-fil li{
230
.forum-fil li{
229
  display: block;
231
  display: block;
230
  margin-left: 2px;
232
  margin-left: 2px;
231
  padding-left:2px;
233
  padding-left:2px;
232
  border-left: 1px solid #0227e1;
234
  border-left: 1px solid #0227e1;
233
  background: #c7d3f7;}
235
  background: #c7d3f7;}
234
 
236
 
235
.forum-fil li li {
237
.forum-fil li li {
236
  background: #d5e5f7;}
238
  background: #d5e5f7;}
237
 
239
 
238
.forum-fil li li li {
240
.forum-fil li li li {
239
  background: #ddf5f7;}
241
  background: #ddf5f7;}
240
 
242
 
241
.forum-fil li li li li{
243
.forum-fil li li li li{
242
  background: #e1fdf7;}
244
  background: #e1fdf7;}
243
 
245
 
244
.forum-repondre-message {
246
.forum-repondre-message {
245
  text-align: right;}
247
  text-align: right;}
246
 
248
 
247
/* pour les galeries photos */
249
/* pour les galeries photos */
248
 
250
 
249
#miniatures {
251
#miniatures {
250
  margin-top:10px;
252
  margin-top:10px;
251
  width: 100%;
253
  width: 100%;
252
  overflow: auto;}
254
  overflow: auto;}
253
 
255
 
254
#photo_galerie {
256
#photo_galerie {
255
  text-align:center;
257
  text-align:center;
256
  overflow: auto;}
258
  overflow: auto;}
257
 
259
 
258
.descriptif_doc {
260
.descriptif_doc {
259
  text-align:center;}
261
  text-align:center;}
260
 
262
 
261
/* pour les sites partenaires */
263
/* pour les sites partenaires */
262
 
264
 
263
#liste_sites_ref img {
265
#liste_sites_ref img {
264
  padding-right:10px;}
266
  padding-right:10px;}
265
 
267
 
266
/* license en bas des articles*/
268
/* license en bas des articles*/
267
 
269
 
268
#license {
270
#license {
269
  color:#505050;
271
  color:#505050;
270
  text-align:center;}
272
  text-align:center;}
271
 
273
 
272
/* classes de presentation du contenu */
274
/* classes de presentation du contenu */
273
 
275
 
274
.menu_titre {
276
.menu_titre {
275
  margin-top: 5px;
277
  margin-top: 5px;
276
  padding-top:2px;
278
  padding-top:2px;
277
  text-align: left;}
279
  text-align: left;}
278
 
280
 
279
.menu_titre hr {
281
.menu_titre hr {
280
  color:#6f85f2;
282
  color:#6f85f2;
281
  width:40%;
283
  width:40%;
282
  text-align:center;}
284
  text-align:center;}
283
 
285
 
284
.intituler_rubrique {
286
.intituler_rubrique {
285
  color:#0227e1;
287
  color:#0227e1;
286
  font-weight:bold;
288
  font-weight:bold;
287
  font-size: 15px;
289
  font-size: 15px;
288
  text-align: left;
290
  text-align: left;
289
  padding: 1px;}
291
  padding: 1px;}
290
 
292
 
291
.intituler_rubrique a, .intituler_rubrique a:hover {
293
.intituler_rubrique a, .intituler_rubrique a:hover {
292
  color:#0227e1;
294
  color:#0227e1;
293
  background-image:none;}
295
  background-image:none;}
294
 
296
 
295
.date {
297
.date {
296
  color:#505050;
298
  color:#505050;
297
  text-align: justify;}
299
  text-align: justify;}
298
 
300
 
299
.lien_rub a, .lien_rub a:hover {
301
.lien_rub a, .lien_rub a:hover {
300
  color:#0227e1;
302
  color:#0227e1;
301
  text-decoration:none;}
303
  text-decoration:none;}
302
 
304
 
303
.categorie {
305
.categorie {
304
  color:#ff6300;}
306
  color:#ff6300;}
305
 
307
 
306
.categorie a {
308
.categorie a {
307
  color:#ff6300;
309
  color:#ff6300;
308
  background-image: url(/actu/IMG/img_underline_actu_categorie.png);}
310
  background-image: url(/actu/IMG/img_underline_actu_categorie.png);}
309
 
311
 
310
.categorie a:hover {
312
.categorie a:hover {
311
  background-image: url(/actu/IMG/img_underline_hover_actu_categorie.png);}
313
  background-image: url(/actu/IMG/img_underline_hover_actu_categorie.png);}
312
 
314
 
313
.descriptif_contenu {
315
.descriptif_contenu {
314
  text-align: justify;
316
  text-align: justify;
315
  margin-top:7px;}
317
  margin-top:7px;}
316
 
318
 
317
.titre_article {
319
.titre_article {
318
  color: #0227e1;
320
  color: #0227e1;
319
  text-align:left;}
321
  text-align:left;}
320
 
322
 
321
.texte_descriptif {
323
.texte_descriptif {
322
  font-size:13px;
324
  font-size:13px;
323
  font-weight: bold;}
325
  font-weight: bold;}
324
 
326
 
325
.aligne_dte {
327
.aligne_dte {
326
  text-align:right;}
328
  text-align:right;}
327
 
329
 
328
.spip_surligne {
330
.spip_surligne {
329
  background-color:#a9b6f7;}
331
  background-color:#a9b6f7;}
330
 
332
 
331
.spip_logos {
333
.spip_logos {
332
  margin:10px;
334
  margin:10px;
333
  border-width:3px ! important;
335
  border-width:3px ! important;
334
  border-style:solid;
336
  border-style:solid;
335
  border-bottom-color:#333;
337
  border-bottom-color:#333;
336
  border-right-color:#555;
338
  border-right-color:#555;
337
  border-left-color:#BBB;
339
  border-left-color:#BBB;
338
  border-top-color:#DDD;}
340
  border-top-color:#DDD;}
339
 
341
 
340
.erreur {
342
.erreur {
341
  text-align:center;
343
  text-align:center;
342
  color:#FF0000;
344
  color:#FF0000;
343
  text-decoration:none;}
345
  text-decoration:none;}
344
 
346
 
345
.not_print {
347
.not_print {
346
  display:none;}
348
  display:none;}